diff --git a/packages/components/src/overlay/ModalZoom/ModalZoom.js b/packages/components/src/overlay/ModalZoom/ModalZoom.js index 206790dd0..b3c0418dd 100644 --- a/packages/components/src/overlay/ModalZoom/ModalZoom.js +++ b/packages/components/src/overlay/ModalZoom/ModalZoom.js @@ -1,31 +1,42 @@ import React, { useState, useRef } from 'react'; import { Portal } from '@mantine/core'; +import { noop } from 'lodash'; import { RemoveIcon, ZoomInIcon, ZoomOutIcon } from '@bubbles-ui/icons/outline'; import { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch'; import { Box } from '../../layout/Box'; import { ModalZoomStyles } from './ModalZoom.styles'; import { MODAL_ZOOM_DEFAULT_PROPS, MODAL_ZOOM_PROP_TYPES } from './ModalZoom.constants'; -const ModalZoom = ({ children, canPlay, style }) => { - const [open, setOpen] = useState(false); +const ModalZoom = ({ children, canPlay, opened, hideButton, onClose = noop, style }) => { + const [open, setOpen] = useState(opened); const center = useRef(null); const { classes } = ModalZoomStyles({}, { name: 'ModalZoom' }); + React.useEffect(() => { + if(opened !== open) { + setOpen(opened); + center.current?.call(); + } + }, [opened]) + return ( <> - { - if (!canPlay) return; - if (center.current) { - center.current.call(); - } - setOpen(true); - }} - > - {children} - + {!hideButton && ( + { + if (!canPlay) return; + if (center.current) { + center.current.call(); + } + setOpen(true); + }} + > + {children} + + )} + {open && ( @@ -33,6 +44,7 @@ const ModalZoom = ({ children, canPlay, style }) => { className={classes.close} onClick={() => { setOpen(false); + onClose(); }} > diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index ad11f90d1..c0c8660b3 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1153,7 +1153,7 @@ export default { "y": 0, "blur": 4, "spread": 0, - "color": "#ffffff26", + "color": "#ffffff", "type": "dropShadow" }, "type": "boxShadow" @@ -1234,8 +1234,17 @@ export default { "type": "color" }, "hover--reverse-transparent": { - "value": "#ffffff26", - "type": "color" + "value": "#ffffff", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.15", + "space": "lch" + } + } + } }, "down": { "value": "#F1FFBD", @@ -4930,12 +4939,30 @@ export default { "color": { "primary": { "default": { - "value": "#4d535866", - "type": "color" + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } }, "hover": { - "value": "#4d5358b3", - "type": "color" + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.7", + "space": "lch" + } + } + } }, "down": { "value": "#4D5358", diff --git a/packages/icons/solid/esm/index.d.ts b/packages/icons/solid/esm/index.d.ts index d776778fb..12f8ca0de 100644 --- a/packages/icons/solid/esm/index.d.ts +++ b/packages/icons/solid/esm/index.d.ts @@ -40,6 +40,7 @@ export { default as ControlsPreviousIcon } from './ControlsPreviousIcon' export { default as ControlsRecordIcon } from './ControlsRecordIcon' export { default as ControlsRewindIcon } from './ControlsRewindIcon' export { default as ControlsStopIcon } from './ControlsStopIcon' +export { default as CursorPlayerIcon } from './CursorPlayerIcon' export { default as CursorIcon } from './CursorIcon' export { default as CutStarIcon } from './CutStarIcon' export { default as DeleteAlternateIcon } from './DeleteAlternateIcon' @@ -48,6 +49,7 @@ export { default as DeleteIcon } from './DeleteIcon' export { default as DesignShapeMonitorIcon } from './DesignShapeMonitorIcon' export { default as DislikeIcon } from './DislikeIcon' export { default as DoneSquareAlternateIcon } from './DoneSquareAlternateIcon' +export { default as DownloadIcon } from './DownloadIcon' export { default as EditWriteIcon } from './EditWriteIcon' export { default as EditorCenterAlignIcon } from './EditorCenterAlignIcon' export { default as EditorHyperlinkIcon } from './EditorHyperlinkIcon' @@ -99,6 +101,7 @@ export { default as LinkedinIcon } from './LinkedinIcon' export { default as LockIcon } from './LockIcon' export { default as MapFlagIcon } from './MapFlagIcon' export { default as MeetingCameraIcon } from './MeetingCameraIcon' +export { default as MessageChatIcon } from './MessageChatIcon' export { default as MicrophoneOffIcon } from './MicrophoneOffIcon' export { default as MicrophoneIcon } from './MicrophoneIcon' export { default as MoveToTopIcon } from './MoveToTopIcon' @@ -106,6 +109,7 @@ export { default as MusicNoteIcon } from './MusicNoteIcon' export { default as NavigationMenuIcon } from './NavigationMenuIcon' export { default as NoPauseIcon } from './NoPauseIcon' export { default as NonEvaluableIcon } from './NonEvaluableIcon' +export { default as OpenIcon } from './OpenIcon' export { default as ParagraphSpacingIcon } from './ParagraphSpacingIcon' export { default as PassportIcon } from './PassportIcon' export { default as PerformanceMoneyIncreaseIcon } from './PerformanceMoneyIncreaseIcon' @@ -147,6 +151,7 @@ export { default as PunctuableIcon } from './PunctuableIcon' export { default as RatingStarIcon } from './RatingStarIcon' export { default as RemoveBoldIcon } from './RemoveBoldIcon' export { default as ReorderDownIcon } from './ReorderDownIcon' +export { default as SearchPlusIcon } from './SearchPlusIcon' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon' export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon' export { default as SettingsIcon } from './SettingsIcon' diff --git a/packages/icons/solid/esm/index.js b/packages/icons/solid/esm/index.js index 1ac239198..cc7aabe44 100644 --- a/packages/icons/solid/esm/index.js +++ b/packages/icons/solid/esm/index.js @@ -40,6 +40,7 @@ export { default as ControlsPreviousIcon } from './ControlsPreviousIcon.js' export { default as ControlsRecordIcon } from './ControlsRecordIcon.js' export { default as ControlsRewindIcon } from './ControlsRewindIcon.js' export { default as ControlsStopIcon } from './ControlsStopIcon.js' +export { default as CursorPlayerIcon } from './CursorPlayerIcon.js' export { default as CursorIcon } from './CursorIcon.js' export { default as CutStarIcon } from './CutStarIcon.js' export { default as DeleteAlternateIcon } from './DeleteAlternateIcon.js' @@ -48,6 +49,7 @@ export { default as DeleteIcon } from './DeleteIcon.js' export { default as DesignShapeMonitorIcon } from './DesignShapeMonitorIcon.js' export { default as DislikeIcon } from './DislikeIcon.js' export { default as DoneSquareAlternateIcon } from './DoneSquareAlternateIcon.js' +export { default as DownloadIcon } from './DownloadIcon.js' export { default as EditWriteIcon } from './EditWriteIcon.js' export { default as EditorCenterAlignIcon } from './EditorCenterAlignIcon.js' export { default as EditorHyperlinkIcon } from './EditorHyperlinkIcon.js' @@ -99,6 +101,7 @@ export { default as LinkedinIcon } from './LinkedinIcon.js' export { default as LockIcon } from './LockIcon.js' export { default as MapFlagIcon } from './MapFlagIcon.js' export { default as MeetingCameraIcon } from './MeetingCameraIcon.js' +export { default as MessageChatIcon } from './MessageChatIcon.js' export { default as MicrophoneOffIcon } from './MicrophoneOffIcon.js' export { default as MicrophoneIcon } from './MicrophoneIcon.js' export { default as MoveToTopIcon } from './MoveToTopIcon.js' @@ -106,6 +109,7 @@ export { default as MusicNoteIcon } from './MusicNoteIcon.js' export { default as NavigationMenuIcon } from './NavigationMenuIcon.js' export { default as NoPauseIcon } from './NoPauseIcon.js' export { default as NonEvaluableIcon } from './NonEvaluableIcon.js' +export { default as OpenIcon } from './OpenIcon.js' export { default as ParagraphSpacingIcon } from './ParagraphSpacingIcon.js' export { default as PassportIcon } from './PassportIcon.js' export { default as PerformanceMoneyIncreaseIcon } from './PerformanceMoneyIncreaseIcon.js' @@ -147,6 +151,7 @@ export { default as PunctuableIcon } from './PunctuableIcon.js' export { default as RatingStarIcon } from './RatingStarIcon.js' export { default as RemoveBoldIcon } from './RemoveBoldIcon.js' export { default as ReorderDownIcon } from './ReorderDownIcon.js' +export { default as SearchPlusIcon } from './SearchPlusIcon.js' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon.js' export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon.js' export { default as SettingsIcon } from './SettingsIcon.js' diff --git a/packages/icons/solid/index.d.ts b/packages/icons/solid/index.d.ts index d776778fb..12f8ca0de 100644 --- a/packages/icons/solid/index.d.ts +++ b/packages/icons/solid/index.d.ts @@ -40,6 +40,7 @@ export { default as ControlsPreviousIcon } from './ControlsPreviousIcon' export { default as ControlsRecordIcon } from './ControlsRecordIcon' export { default as ControlsRewindIcon } from './ControlsRewindIcon' export { default as ControlsStopIcon } from './ControlsStopIcon' +export { default as CursorPlayerIcon } from './CursorPlayerIcon' export { default as CursorIcon } from './CursorIcon' export { default as CutStarIcon } from './CutStarIcon' export { default as DeleteAlternateIcon } from './DeleteAlternateIcon' @@ -48,6 +49,7 @@ export { default as DeleteIcon } from './DeleteIcon' export { default as DesignShapeMonitorIcon } from './DesignShapeMonitorIcon' export { default as DislikeIcon } from './DislikeIcon' export { default as DoneSquareAlternateIcon } from './DoneSquareAlternateIcon' +export { default as DownloadIcon } from './DownloadIcon' export { default as EditWriteIcon } from './EditWriteIcon' export { default as EditorCenterAlignIcon } from './EditorCenterAlignIcon' export { default as EditorHyperlinkIcon } from './EditorHyperlinkIcon' @@ -99,6 +101,7 @@ export { default as LinkedinIcon } from './LinkedinIcon' export { default as LockIcon } from './LockIcon' export { default as MapFlagIcon } from './MapFlagIcon' export { default as MeetingCameraIcon } from './MeetingCameraIcon' +export { default as MessageChatIcon } from './MessageChatIcon' export { default as MicrophoneOffIcon } from './MicrophoneOffIcon' export { default as MicrophoneIcon } from './MicrophoneIcon' export { default as MoveToTopIcon } from './MoveToTopIcon' @@ -106,6 +109,7 @@ export { default as MusicNoteIcon } from './MusicNoteIcon' export { default as NavigationMenuIcon } from './NavigationMenuIcon' export { default as NoPauseIcon } from './NoPauseIcon' export { default as NonEvaluableIcon } from './NonEvaluableIcon' +export { default as OpenIcon } from './OpenIcon' export { default as ParagraphSpacingIcon } from './ParagraphSpacingIcon' export { default as PassportIcon } from './PassportIcon' export { default as PerformanceMoneyIncreaseIcon } from './PerformanceMoneyIncreaseIcon' @@ -147,6 +151,7 @@ export { default as PunctuableIcon } from './PunctuableIcon' export { default as RatingStarIcon } from './RatingStarIcon' export { default as RemoveBoldIcon } from './RemoveBoldIcon' export { default as ReorderDownIcon } from './ReorderDownIcon' +export { default as SearchPlusIcon } from './SearchPlusIcon' export { default as SettingMenuHorizontalIcon } from './SettingMenuHorizontalIcon' export { default as SettingMenuVerticalIcon } from './SettingMenuVerticalIcon' export { default as SettingsIcon } from './SettingsIcon' diff --git a/packages/icons/solid/index.js b/packages/icons/solid/index.js index b6233ff9a..e653814cf 100644 --- a/packages/icons/solid/index.js +++ b/packages/icons/solid/index.js @@ -40,6 +40,7 @@ module.exports.ControlsPreviousIcon = require("./ControlsPreviousIcon.js") module.exports.ControlsRecordIcon = require("./ControlsRecordIcon.js") module.exports.ControlsRewindIcon = require("./ControlsRewindIcon.js") module.exports.ControlsStopIcon = require("./ControlsStopIcon.js") +module.exports.CursorPlayerIcon = require("./CursorPlayerIcon.js") module.exports.CursorIcon = require("./CursorIcon.js") module.exports.CutStarIcon = require("./CutStarIcon.js") module.exports.DeleteAlternateIcon = require("./DeleteAlternateIcon.js") @@ -48,6 +49,7 @@ module.exports.DeleteIcon = require("./DeleteIcon.js") module.exports.DesignShapeMonitorIcon = require("./DesignShapeMonitorIcon.js") module.exports.DislikeIcon = require("./DislikeIcon.js") module.exports.DoneSquareAlternateIcon = require("./DoneSquareAlternateIcon.js") +module.exports.DownloadIcon = require("./DownloadIcon.js") module.exports.EditWriteIcon = require("./EditWriteIcon.js") module.exports.EditorCenterAlignIcon = require("./EditorCenterAlignIcon.js") module.exports.EditorHyperlinkIcon = require("./EditorHyperlinkIcon.js") @@ -99,6 +101,7 @@ module.exports.LinkedinIcon = require("./LinkedinIcon.js") module.exports.LockIcon = require("./LockIcon.js") module.exports.MapFlagIcon = require("./MapFlagIcon.js") module.exports.MeetingCameraIcon = require("./MeetingCameraIcon.js") +module.exports.MessageChatIcon = require("./MessageChatIcon.js") module.exports.MicrophoneOffIcon = require("./MicrophoneOffIcon.js") module.exports.MicrophoneIcon = require("./MicrophoneIcon.js") module.exports.MoveToTopIcon = require("./MoveToTopIcon.js") @@ -106,6 +109,7 @@ module.exports.MusicNoteIcon = require("./MusicNoteIcon.js") module.exports.NavigationMenuIcon = require("./NavigationMenuIcon.js") module.exports.NoPauseIcon = require("./NoPauseIcon.js") module.exports.NonEvaluableIcon = require("./NonEvaluableIcon.js") +module.exports.OpenIcon = require("./OpenIcon.js") module.exports.ParagraphSpacingIcon = require("./ParagraphSpacingIcon.js") module.exports.PassportIcon = require("./PassportIcon.js") module.exports.PerformanceMoneyIncreaseIcon = require("./PerformanceMoneyIncreaseIcon.js") @@ -147,6 +151,7 @@ module.exports.PunctuableIcon = require("./PunctuableIcon.js") module.exports.RatingStarIcon = require("./RatingStarIcon.js") module.exports.RemoveBoldIcon = require("./RemoveBoldIcon.js") module.exports.ReorderDownIcon = require("./ReorderDownIcon.js") +module.exports.SearchPlusIcon = require("./SearchPlusIcon.js") module.exports.SettingMenuHorizontalIcon = require("./SettingMenuHorizontalIcon.js") module.exports.SettingMenuVerticalIcon = require("./SettingMenuVerticalIcon.js") module.exports.SettingsIcon = require("./SettingsIcon.js") diff --git a/packages/icons/src/solid/cursor-player.svg b/packages/icons/src/solid/cursor-player.svg new file mode 100644 index 000000000..e46e070f9 --- /dev/null +++ b/packages/icons/src/solid/cursor-player.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/solid/download.svg b/packages/icons/src/solid/download.svg new file mode 100644 index 000000000..5e1a429a3 --- /dev/null +++ b/packages/icons/src/solid/download.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/solid/message-chat.svg b/packages/icons/src/solid/message-chat.svg new file mode 100644 index 000000000..50fe8d24e --- /dev/null +++ b/packages/icons/src/solid/message-chat.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/solid/open.svg b/packages/icons/src/solid/open.svg new file mode 100644 index 000000000..349c05ed7 --- /dev/null +++ b/packages/icons/src/solid/open.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/solid/search-plus.svg b/packages/icons/src/solid/search-plus.svg new file mode 100644 index 000000000..dbc79b9e3 --- /dev/null +++ b/packages/icons/src/solid/search-plus.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/leemons/src/common/AssetPlayer/AssetPlayer.js b/packages/leemons/src/common/AssetPlayer/AssetPlayer.js index efe2c7ab2..7889054a4 100644 --- a/packages/leemons/src/common/AssetPlayer/AssetPlayer.js +++ b/packages/leemons/src/common/AssetPlayer/AssetPlayer.js @@ -252,6 +252,11 @@ const AssetPlayer = ({ }, { name: 'AssetPlayer' }, ); + + console.log('AssetPlayer -> URL:', url); + console.log('AssetPlayer -> fileType:', fileType); + console.log('AssetPlayer -> media:', media); + return (