@ntbjs/react-components 2.0.2-rc.3 → 2.0.2-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/inputs/ActionButton/ActionButton.js +5 -9
- package/build/inputs/ActionButton/ActionButton.js.map +1 -1
- package/build/inputs/ActionButton/ActionButton.styled.js +13 -16
- package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -1
- package/build/inputs/CompactTextInput/CompactTextInput.js +71 -58
- package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -1
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js +208 -133
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -1
- package/build/inputs/TextArea/TextArea.js +77 -67
- package/build/inputs/TextArea/TextArea.js.map +1 -1
- package/build/inputs/TextArea/TextArea.styled.js +204 -171
- package/build/inputs/TextArea/TextArea.styled.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +26 -20
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +15 -19
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +16 -18
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +34 -75
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -1
- package/build/widgets/Instructions/Instructions.js +9 -0
- package/build/widgets/Instructions/Instructions.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.styled.js","sources":["../../../src/components/inputs/TextArea/TextArea.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => !prop.startsWith('$');\n\nconst activeLabel = css`\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n`;\n\nexport const TextAreaContainter = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n display: flex;\n`;\n\nexport const Label = styled.label.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n \n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nconst SuccessContainerBase = styled.div.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n pointer-events: none;\n transition: opacity 0.5s ease-in-out;\n opacity: ${props => (props.$type === 'loading' || props.$type === 'success' ? 1 : 0)};\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};\n \n > svg {\n width: 13px; \n }\n`;\n\nexport const SuccessContainer = styled(SuccessContainerBase)`\n position: absolute;\n margin-top: -30px;\n margin-left: 5px;\n`;\n\nexport const SuccessContainerLabel = styled(SuccessContainerBase)`\n margin-right: 5px;\n margin-top: -7px;\n`;\n\nexport const InputIconContainer = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n \n > .smallPadingIcon {\n padding: 4px;\n width: 20px;\n height: 20px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important')}\n }\n \n svg {\n width: auto;\n max-width: 18px;\n height: auto;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ${props =>\n props.disabled &&\n css`\n display: none;\n `}\n }\n`;\n\nexport const TextInputField = styled.textarea\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))};\n\n ${props =>\n props.$borderRadius &&\n css`\n border-radius: ${props.$borderRadius}px;\n `}\n\n /* Type-specific styling */\n ${props => {\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `;\n }\n if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `;\n }\n if (props.$type === 'error-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `;\n }\n if (props.$type === 'warning-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `;\n }\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-400')\n )}\n `;\n }}\n\n /* Padding variations */\n ${props =>\n props.$padding === 'small' &&\n css`\n padding: 5px 10px;\n `}\n\n ${props =>\n props.$padding === 'medium' &&\n css`\n padding: 13px 15px;\n `}\n\n ${props =>\n props.$padding === 'large' &&\n css`\n padding: 15px 55px;\n `}\n\n ${props =>\n props.$hasIcon &&\n css`\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n `}\n\n /* Edit mode styling */\n &:not(:hover):not(:focus) {\n ${props =>\n props.$edit &&\n css`\n ${props.$type === 'error'\n ? props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')\n : props.$type === 'warning'\n ? props.theme.themeProp('background', '#634E01', '#FFFDE8')\n : props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n ${props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n\n /* Text color for edit mode */\n ${props.$type === 'error' && props.theme.themeProp('color', 'white', 'black')}\n ${props.$type === 'warning' && props.theme.themeProp('color', 'white', 'black')}\n `}\n\n ${props =>\n props.$noBorder &&\n props.$edit &&\n css`\n ${props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)')}\n `}\n }\n\n /* No border variations */\n ${props =>\n props.$noBorder &&\n !props.$type &&\n css`\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n `}\n\n ${props =>\n props.$noBorder &&\n props.$type === 'warning' &&\n css`\n ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `}\n\n ${props =>\n props.$noBorder &&\n props.$type === 'error' &&\n css`\n ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `}\n\n /* Hover state */\n &:hover:not(:focus):not([readonly]):not([disabled]) {\n ${props => {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n }\n if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#806403', '#FFFEBF');\n }\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n );\n }}\n\n ${props => props.$edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}\n\n ${props =>\n props.$noBorder &&\n props.$type !== 'warning' &&\n props.$type !== 'error' &&\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n\n & + ${InputIconContainer} {\n opacity: 1;\n ${props =>\n props.$type === 'success' &&\n css`\n opacity: 0;\n `}\n }\n }\n\n /* Focus state */\n &:focus:not([readonly]):not([disabled]) {\n outline: none;\n\n ${props => {\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n }\n if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n }\n return css`\n border-color: ${props.theme.getColor('gray-600')};\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n `;\n }}\n }\n\n /* Read-only state */\n ${props =>\n props.readOnly &&\n css`\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n\n &:hover {\n ${props.$type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n ${props.$type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n }\n\n &:focus {\n ${props.$type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n ${props.$type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n }\n `}\n\n /* Disabled state */\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n `}\n\n\n\n/* Placeholder styling - Default */\n&::placeholder {\n ${props => props.theme.themeProp('opacity', '0.6', '0.7')}\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}\n}\n\n/* Placeholder styling for edit mode - Dark theme */\nbody.dark-theme & {\n ${props =>\n props.$edit &&\n (props.$type === 'error' || props.$type === 'warning') &&\n css`\n &::placeholder {\n color: white !important;\n opacity: 0.8 !important;\n }\n `}\n}\n\n/* Placeholder styling for edit mode - Light theme */\nbody:not(.dark-theme) & {\n ${props =>\n props.$edit &&\n (props.$type === 'error' || props.$type === 'warning') &&\n css`\n &::placeholder {\n color: black !important;\n opacity: 0.7 !important;\n }\n `}\n}\n\n/* Placeholder on focus - MUST come after and have same specificity */\nbody.dark-theme &:focus,\nbody:not(.dark-theme) &:focus {\n ${props =>\n props.$type === 'error' || props.$type === 'warning'\n ? css`\n &::placeholder {\n color: ${props.theme.getColor('gray-700')} !important;\n opacity: 0.6 !important;\n }\n `\n : css`\n &::placeholder {\n color: ${props.theme.getColor('gray-300')};\n }\n `}\n}\n\n\n`;\n\nexport const TextInputLabel = styled.label\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-bottom: 50px;\n ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};\n ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n ${props =>\n props.theme.themeProp(\n 'background',\n `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n )}\n\n ${props =>\n !props.$inputIsEmpty &&\n css`\n ${activeLabel}\n `}\n\n ${props =>\n props.$hasPlaceholder &&\n css`\n ${activeLabel};\n `}\n\n ${props =>\n props.$hasIcon &&\n css`\n left: 55px;\n `}\n`;\n\nexport const TextInputFieldIcon = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: auto;\n max-width: 18px;\n height: auto;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n`;\n\nexport const TextInputFieldIconAlert = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ${props => props.$type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402')}\n \n svg {\n margin-top: 12px;\n width: auto;\n max-width: 18px;\n height: auto;\n }\n`;\n\nexport const TextInput = styled.div.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n position: relative;\n flex-basis: ${props => (props.$fieldLabel ? '66.66%' : '100%')};\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n > * {\n cursor: not-allowed;\n }\n `}\n\n &:focus-within {\n ${TextInputLabel} {\n ${activeLabel};\n }\n ${TextInputFieldIcon} {\n svg {\n opacity: 1;\n }\n }\n }\n\n ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {\n ${activeLabel};\n ${props =>\n props.$type === 'error' &&\n props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n }\n`;\n\nexport const Description = styled.div.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};\n\n ${props =>\n (props.$type === 'warning-border' || props.$type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `}\n\n ${props =>\n (props.$type === 'error-border' || props.$type === 'error') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","activeLabel","css","TextAreaContainter","styled","div","withConfig","attrs","applyDefaultTheme","Label","label","props","theme","themeProp","getColor","disabled","SuccessContainerBase","$type","SuccessContainer","SuccessContainerLabel","InputIconContainer","TextInputField","textarea","$borderRadius","$padding","$hasIcon","$edit","$noBorder","readOnly","TextInputLabel","$inputIsEmpty","$hasPlaceholder","TextInputFieldIcon","TextInputFieldIconAlert","TextInput","$fieldLabel","Description"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TextArea.styled.js","sources":["../../../src/components/inputs/TextArea/TextArea.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst fadeInCheck = keyframes`\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n`;\n\nconst fadeOutCheck = keyframes`\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n`;\n\nconst activeLabel = css`\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n`;\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const TextAreaContainter = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n`;\n\nexport const Label = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const InputIconContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n > .smallPadingIcon {\n padding: 4px;\n width: 15px;\n height: 15px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ${props =>\n props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-300'),\n '!important'\n )}\n }\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ${props =>\n props.disabled &&\n css`\n display: none;\n `}\n }\n`;\n\nexport const TextInputField = styled.textarea\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition:\n height 550ms ease-in-out,\n border-color 350ms,\n background 350ms;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n\n ${props =>\n props.$borderRadius &&\n css`\n border-radius: ${props.$borderRadius}px;\n `}\n\n ${props => {\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `;\n } else if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('color', 'white', 'black')}\n ${props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `;\n } else if (props.$type === 'error-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `;\n } else if (props.$type === 'warning-border') {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `;\n } else {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-900')\n )}\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-400')\n )}\n `;\n }\n }}\n\n\n ${props =>\n props.readOnly &&\n css`\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n `}\n\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n\n\n ${props =>\n props.$noBorder &&\n !props.$type &&\n css`\n ${props =>\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n `} \n\n ${props =>\n props.$noBorder &&\n props.$type === 'warning' &&\n css`\n ${props => props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n `}\n\n ${props =>\n props.$noBorder &&\n props.$type === 'error' &&\n css`\n ${props => props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n `}\n\n\n ${props =>\n props.padding === 'small' &&\n css`\n padding: 5px 10px;\n `}\n\n ${props =>\n props.padding === 'medium' &&\n css`\n padding: 13px 15px;\n `}\n\n ${props =>\n props.padding === 'large' &&\n css`\n padding: 15px 55px;\n `}\n\n ${props =>\n props.$hasIcon &&\n css`\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n `}\n\n\n &&:hover:not(:focus) {\n ${props => {\n if (props.disabled) {\n return '';\n }\n if (props.readOnly) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return '';\n }\n\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#806403', '#FFFEBF');\n } else if (!props.disabled) {\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n );\n }\n return '';\n }}\n\n ${props =>\n props.$edit &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n\n ${props =>\n props.$noBorder && !props.readOnly && props.$type !== 'warning' && props.$type !== 'error'\n ? props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )\n : ''}\n\n & + ${InputIconContainer} {\n opacity: 1;\n ${props =>\n props.$type === 'success' &&\n css`\n opacity: 0;\n `}\n }\n }\n\n&::placeholder {\n ${props => {\n if (props.$type === 'error' || props.$type === 'warning') {\n return css`\n color: ${props.theme.getColor('gray-400')};\n opacity: 0.9;\n `;\n } else {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )}\n opacity: 0.6;\n `;\n }\n }}\n}\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )};\n\n\n\n &:focus::placeholder {\n ${props => {\n if (props.$type === 'warning' || props.$type === 'error') {\n return css`\n color: ${props.theme.getColor('gray-500')} !important;\n opacity: 0.8 !important;\n `;\n } else {\n return css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )}\n `;\n }\n }}\n }\n\n &&:focus {\n outline: none;\n\n ${props => {\n if (props.readOnly) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return '';\n }\n\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else {\n return css`\n border-color: ${props.theme.getColor('gray-600')};\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n `;\n }\n }}\n }\n\n &&:not(:hover):not(:focus) {\n ${props => {\n if (props.$edit) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n } else {\n return props.theme.themeProp(\n 'background',\n 'rgba(39,39,42, 0.7)',\n 'rgba(244,244,245, 0.3)'\n );\n }\n }\n }}\n\n ${props =>\n props.$edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')}\n\n ${props =>\n props.$noBorder &&\n props.$edit &&\n css`\n ${props => props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)')}\n `}\n }\n`;\n\nexport const TextInputLabel = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n\n ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n\n ${props =>\n props.theme.themeProp(\n 'background',\n `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n )}\n\n ${props =>\n !props.$inputIsEmpty &&\n css`\n ${activeLabel}\n `}\n\n ${props =>\n props.$hasPlaceholder &&\n css`\n ${activeLabel};\n `}\n content: \"\";\n\n ${props =>\n props.$hasIcon &&\n css`\n left: 55px;\n `}\n`;\n\nexport const TextInputFieldIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n`;\n\nexport const TextInputFieldIconAlert = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ${props => props.$type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402')}\n svg {\n margin-top: 12px;\n width: 15px;\n }\n`;\n\nexport const TextInput = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: relative;\n flex-basis: ${props => (props.$fieldLabel ? '66.66%' : '100%')};\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n `}\n\n &:focus-within {\n ${TextInputLabel} {\n ${activeLabel};\n }\n\n ${TextInputFieldIcon} {\n svg {\n opacity: 1;\n }\n }\n }\n\n ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {\n ${activeLabel};\n ${props =>\n props.$type === 'error' &&\n props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n }\n`;\n\nexport const Description = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n\n ${props =>\n (props.$type === 'warning-border' || props.$type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('orange-500')\n )}\n `}\n\n ${props =>\n (props.$type === 'error-border' || props.$type === 'error') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `}\n`;\n\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n opacity: ${props => (props.$fadeIn ? 0 : 1)};\n animation: ${props => (props.$fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n\n > svg {\n width: 15px;\n }\n`;\n\nexport const SuccessContainerLabel = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n opacity: ${props => (props.$fadeIn ? 0 : 1)};\n animation: ${props => (props.$fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n\n > svg {\n width: 13px;\n }\n`;\n"],"names":["fadeInCheck","keyframes","fadeOutCheck","activeLabel","css","shouldForwardProp","prop","startsWith","TextAreaContainter","styled","div","withConfig","attrs","applyDefaultTheme","Label","label","props","theme","themeProp","getColor","disabled","InputIconContainer","TextInputField","textarea","$borderRadius","$type","readOnly","$noBorder","padding","$hasIcon","$edit","TextInputLabel","$inputIsEmpty","$hasPlaceholder","TextInputFieldIcon","TextInputFieldIconAlert","TextInput","$fieldLabel","Description","SuccessContainer","$fadeIn","SuccessContainerLabel"],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ const ComputedRootComponent = ({
|
|
|
28
28
|
asset,
|
|
29
29
|
...props
|
|
30
30
|
}) => {
|
|
31
|
-
const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode'
|
|
31
|
+
const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) => key === 'innerRef' ? 'ref' : key);
|
|
32
32
|
if (component) {
|
|
33
33
|
if (!isFunction(component)) throw Error('Expected a function in component-prop');
|
|
34
34
|
if (React__default.isValidElement(component(asset, newProps.children))) {
|
|
@@ -226,9 +226,9 @@ const AssetGalleryCompactCard = props => {
|
|
|
226
226
|
});
|
|
227
227
|
}
|
|
228
228
|
return React__default.createElement(Figure, {
|
|
229
|
-
|
|
229
|
+
hasHeightAndWidth: hasHeightAndWidth
|
|
230
230
|
}, previewContent, React__default.createElement(FigureOverlayBackdrop, {
|
|
231
|
-
|
|
231
|
+
selected: selected
|
|
232
232
|
}));
|
|
233
233
|
};
|
|
234
234
|
useEffect(() => {
|
|
@@ -317,7 +317,7 @@ const AssetGalleryCompactCard = props => {
|
|
|
317
317
|
});
|
|
318
318
|
}, [asset]);
|
|
319
319
|
return React__default.createElement(AssetGalleryWrapper, {
|
|
320
|
-
|
|
320
|
+
disabled: asset.disabled
|
|
321
321
|
}, React__default.createElement(AssetGalleryCompactCard$2, _extends({
|
|
322
322
|
as: ComputedRootComponent,
|
|
323
323
|
component: component,
|
|
@@ -340,29 +340,29 @@ const AssetGalleryCompactCard = props => {
|
|
|
340
340
|
height: '100%'
|
|
341
341
|
}
|
|
342
342
|
}, getReferenceProps()), React__default.createElement(OverlayBackdrop, {
|
|
343
|
-
|
|
344
|
-
|
|
343
|
+
softSelected: softSelected,
|
|
344
|
+
selected: selected
|
|
345
345
|
}), asset?.actions && React__default.createElement(OverlayInfoTopActions, {
|
|
346
346
|
$isOverlayHovered: isOverlayHovered
|
|
347
347
|
}, React__default.createElement(AssetActionsBase, {
|
|
348
348
|
actions: asset.actions,
|
|
349
349
|
asset: asset
|
|
350
350
|
})), React__default.createElement(OverlayInfo, null, isOverlayHovered && React__default.createElement("span", null, asset.title), React__default.createElement(OverlayInfoTop, null, React__default.createElement(OverlayInfoTopLeft, {
|
|
351
|
-
|
|
351
|
+
collapseExtraInfo: collapseExtraInfo
|
|
352
352
|
}, renderBadge()), asset?.note?.title && React__default.createElement(OverlayInfoTopWarning, {
|
|
353
|
-
|
|
353
|
+
type: asset?.note?.type
|
|
354
354
|
}, React__default.createElement(SvgWarningCircle, null))), React__default.createElement(OverlayInfoBottom, null, selectable && React__default.createElement(OverlayInfoBottomSelectButton, {
|
|
355
|
-
|
|
355
|
+
selected: selected
|
|
356
356
|
}, React__default.createElement(SvgCheckRectangleFilled, {
|
|
357
357
|
onClick: onSelectClick
|
|
358
358
|
})), React__default.createElement(OverlayInfoBottomMediaIcon, null, renderMediaBadge()))), asset.completed && React__default.createElement(OverlayCompleted, {
|
|
359
|
-
|
|
359
|
+
softSelected: softSelected
|
|
360
360
|
}), asset.hasError && React__default.createElement(OverlayHasError, {
|
|
361
|
-
|
|
361
|
+
softSelected: softSelected
|
|
362
362
|
}), selectable && React__default.createElement(OverlaySelected, {
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
363
|
+
selected: selected,
|
|
364
|
+
softSelected: softSelected,
|
|
365
|
+
customSelectedBorder: customSelectedBorder
|
|
366
366
|
}), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default.createElement("div", _extends({
|
|
367
367
|
ref: refs.setFloating,
|
|
368
368
|
style: floatingStyles
|
|
@@ -374,6 +374,17 @@ const AssetGalleryCompactCard = props => {
|
|
|
374
374
|
context: context,
|
|
375
375
|
width: ARROW_WIDTH,
|
|
376
376
|
height: ARROW_HEIGHT
|
|
377
|
+
}))), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default.createElement("div", _extends({
|
|
378
|
+
ref: refs.setFloating,
|
|
379
|
+
style: floatingStyles
|
|
380
|
+
}, getFloatingProps()), React__default.createElement("div", {
|
|
381
|
+
style: styles,
|
|
382
|
+
className: "floating"
|
|
383
|
+
}, renderPopoverContent(), React__default.createElement(StyledFloatingArrow, {
|
|
384
|
+
ref: arrowRef,
|
|
385
|
+
context: context,
|
|
386
|
+
width: ARROW_WIDTH,
|
|
387
|
+
height: ARROW_HEIGHT
|
|
377
388
|
})))), asset.overlay && React__default.createElement(ConsumerDefinedOverlay, null, asset.overlay)));
|
|
378
389
|
};
|
|
379
390
|
AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -385,18 +396,13 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
385
396
|
extendedSelectMode: PropTypes.bool,
|
|
386
397
|
onAssetSelected: PropTypes.func.isRequired,
|
|
387
398
|
onAssetUnselected: PropTypes.func.isRequired,
|
|
388
|
-
softSelected: PropTypes.bool,
|
|
399
|
+
softSelected: PropTypes.bool.isRequired,
|
|
389
400
|
component: PropTypes.func,
|
|
390
401
|
scrollPosition: PropTypes.number,
|
|
391
402
|
collapseExtraInfo: PropTypes.bool,
|
|
392
403
|
activeSummaryCard: PropTypes.bool,
|
|
393
404
|
displayIcon: PropTypes.oneOf(['dynamic', 'versions', 'verifications', ''])
|
|
394
405
|
} : {};
|
|
395
|
-
AssetGalleryCompactCard.defaultProps = {
|
|
396
|
-
softSelected: false,
|
|
397
|
-
activeSummaryCard: false,
|
|
398
|
-
displayIcon: ''
|
|
399
|
-
};
|
|
400
406
|
var AssetGalleryCompactCard$1 = trackWindowScroll(React__default.memo(AssetGalleryCompactCard, (prevProps, nextProps) => {
|
|
401
407
|
const reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth', 'collapseExtraInfo'];
|
|
402
408
|
return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetGalleryCompactCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js"],"sourcesContent":["import { get, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n LazyLoadComponent,\n LazyLoadImage,\n trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/opacity.css';\nimport {\n CheckRectangleIcon,\n HeadsetIcon,\n LayersIcon,\n PlayIcon,\n WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge } from '../../../../data';\n\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryCompactCard.styled';\n\nimport {\n useFloating,\n useHover,\n useInteractions,\n useTransitionStyles,\n flip,\n shift,\n arrow,\n autoUpdate,\n offset,\n useDismiss,\n useMergeRefs\n} from '@floating-ui/react';\nimport AssetActionsBase from '../../../AssetActionsBase/AssetActionsBase';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n // Omit props we don't need\n const newProps = mapKeys(\n omit(props, [\n 'theme',\n 'extendedSelectMode',\n 'customSelectedBorder',\n 'softSelected',\n 'selected',\n 'hasHeightAndWidth',\n 'collapseExtraInfo'\n ]),\n (_, key) => (key === 'innerRef' ? 'ref' : key)\n );\n\n if (component) {\n if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n if (React.isValidElement(component(asset, newProps.children))) {\n return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n }\n }\n\n return <S.AssetGalleryCompactCard ref={newProps.ref} {...newProps} />;\n};\n\nconst AssetGalleryCompactCard = props => {\n const {\n asset,\n activeSummaryCard,\n displayIcon,\n selectable,\n hasHeightAndWidth,\n selected,\n customSelectedBorder,\n extendedSelectMode,\n onAssetSelected,\n onAssetUnselected,\n softSelected,\n component,\n scrollPosition,\n collapseExtraInfo\n } = props;\n\n const ARROW_WIDTH = 30;\n const ARROW_HEIGHT = 15;\n const GAP = 8;\n\n const arrowRef = useRef(null);\n\n const [isOpen, setIsOpen] = useState(false);\n const [placement] = useState('bottom');\n\n const [isOverlayHovered, setIsOverlayHovered] = useState(false);\n const [openedSubActions, updateOpenedSubActions] = useState([]);\n\n const { refs, floatingStyles, context } = useFloating({\n placement,\n open: isOpen,\n onOpenChange: setIsOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(ARROW_HEIGHT + GAP),\n flip({ padding: 5 }),\n shift({ padding: 5 }),\n arrow({\n element: arrowRef\n })\n ]\n });\n\n const { isMounted, styles } = useTransitionStyles(context, {\n initial: {\n transform: 'translateY(-8px)',\n opacity: 0\n },\n duration: {\n open: 200,\n close: 100\n }\n });\n\n const hover = useHover(context, {\n restMs: 100\n });\n const dismiss = useDismiss(context, {\n referencePress: true,\n ancestorScroll: true,\n windowScroll: true,\n windowBlur: true\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n useEffect(() => {\n const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n updateOpenedSubActions(newOpenedSubActions);\n }, [asset]);\n\n useEffect(() => {\n if (!isOverlayHovered && openedSubActions?.length) {\n updateOpenedSubActions(openedSubActions.map(() => false));\n }\n }, [isOverlayHovered]);\n\n const mouseHasEnteredOverlay = useCallback(() => {\n setIsOverlayHovered(true);\n }, []);\n\n const mouseHasLeftOverlay = useCallback(() => {\n setIsOverlayHovered(false);\n }, []);\n\n const isAnySubActionsOpened = useMemo(() => {\n return openedSubActions.some(isOpened => isOpened);\n }, [openedSubActions]);\n\n function onClick(event) {\n if (extendedSelectMode) {\n return onSelectClick(event);\n }\n\n if (isFunction(asset.onClick)) {\n asset.onClick(event, asset);\n }\n }\n\n function onSelectClick(event) {\n event.preventDefault();\n event.stopPropagation();\n\n if (selected) {\n return onAssetUnselected(asset.key);\n }\n\n if (selectable) {\n return onAssetSelected(asset.key);\n }\n }\n\n function onContextMenu(event) {\n event.preventDefault();\n asset.onContextMenu(event);\n }\n\n useEffect(() => {\n if (isFunction(asset.onContextMenu)) {\n if (cardRef.current) {\n cardRef.current.addEventListener('contextmenu', onContextMenu);\n }\n return () => {\n if (cardRef.current) {\n cardRef.current.removeEventListener('contextmenu', onContextMenu);\n }\n };\n }\n }, []);\n\n function onDragstart(event) {\n asset.onDragstart(event);\n }\n\n useEffect(() => {\n if (isFunction(asset.onDragstart)) {\n if (dragRef.current) {\n dragRef.current.addEventListener('dragstart', onDragstart);\n }\n return () => {\n if (dragRef.current) {\n dragRef.current.removeEventListener('dragstart', onDragstart);\n }\n };\n }\n }, []);\n\n const videoPlayerRef = useRef();\n const cardRef = useRef();\n const dragRef = useRef(null);\n\n const overlayCompactRef = useMergeRefs([cardRef, refs.setReference]);\n\n function onMouseEnter(event) {\n if (videoPlayerRef.current) {\n const playPromise = videoPlayerRef.current.play();\n if (playPromise !== undefined) {\n playPromise\n .then(() => {\n // Playback started!\n })\n .catch(() => {\n // Play was prevented - silently swallow play errors\n });\n }\n }\n\n if (isFunction(asset.onMouseEnter)) {\n asset.onMouseEnter(event, asset);\n }\n }\n\n function onMouseLeave() {\n if (videoPlayerRef.current) {\n videoPlayerRef.current.pause();\n }\n }\n\n const renderPreview = asset => {\n let previewContent = null;\n if (asset?.fileType?.toLowerCase() === 'video') {\n previewContent = (\n <LazyLoadComponent scrollPosition={scrollPosition}>\n <video ref={videoPlayerRef} loop muted>\n <source src={asset.previewUrl} type=\"video/mp4\" />\n </video>\n </LazyLoadComponent>\n );\n } else if (asset?.fileType?.toLowerCase() === 'audio') {\n previewContent = (\n <LazyLoadComponent scrollPosition={scrollPosition}>\n <div className=\"audio\">\n <HeadsetIcon />\n </div>\n </LazyLoadComponent>\n );\n } else {\n previewContent = (\n <LazyLoadImage\n alt={asset?.title}\n src={asset?.previewUrl}\n height=\"100%\"\n width=\"100%\"\n delayMethod=\"debounce\"\n delayTime={0}\n threshold={1500}\n scrollPosition={scrollPosition}\n />\n );\n }\n\n return (\n <S.Figure $hasHeightAndWidth={hasHeightAndWidth}>\n {previewContent}\n <S.FigureOverlayBackdrop $selected={selected} />\n </S.Figure>\n );\n };\n\n // If this asset is soft selected we will scroll it into the viewport if it's outside\n useEffect(() => {\n if (softSelected) {\n cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n }, [softSelected]);\n\n const renderVersionsBadge = useCallback(() => {\n if (!asset?.versions) return null;\n\n return (\n <Badge\n badgeIcon={<LayersIcon />}\n badgeContent={asset.versions}\n backgroundColors={['black', 'black']}\n colors={['#f7f8f9', '#f7f8f9']}\n fontSize={12}\n fontWeight={500}\n lineHeight={16}\n verticalPadding={4}\n horizontalPadding={8}\n />\n );\n }, [asset]);\n\n const renderVerificationBadge = useCallback(() => {\n if (!asset?.verifications) return null;\n return asset?.verifications;\n }, [asset]);\n\n const renderdynamicBadge = useCallback(() => {\n if (asset?.verifications) return renderVerificationBadge();\n if (asset?.versions) return renderVersionsBadge();\n return null;\n });\n\n const renderBadge = () => {\n switch (displayIcon) {\n case 'versions':\n return renderVersionsBadge();\n case 'verifications':\n return renderVerificationBadge();\n case 'dynamic':\n return renderdynamicBadge();\n default:\n return null;\n }\n };\n\n const renderMediaBadge = useCallback(() => {\n let badgeIcon = null;\n let badgeContent = null;\n\n if (asset?.fileType === 'video') {\n badgeIcon = <PlayIcon />;\n }\n\n if (asset?.duration) {\n badgeContent = convertMsToHMS(asset.duration);\n }\n\n if (!badgeIcon && !badgeContent) return null;\n return (\n <Badge\n badgeIcon={badgeIcon}\n badgeContent={badgeContent}\n backgroundColors={['black', 'black']}\n colors={['#f7f8f9', '#f7f8f9']}\n fontSize={12}\n fontWeight={500}\n lineHeight={16}\n verticalPadding={4}\n horizontalPadding={8}\n minWidth={32}\n height={24}\n />\n );\n }, [asset]);\n\n const renderSummaryCardHeaderLeft = useCallback(() => {\n return (\n <>\n {renderVersionsBadge()}\n {renderMediaBadge()}\n </>\n );\n }, [asset]);\n\n const renderPopoverContent = useCallback(() => {\n return (\n <SummaryCard\n activeSummaryCard={activeSummaryCard}\n title={asset?.title || ''}\n description={asset?.description || ''}\n instructions={asset?.imageRights || ''}\n instructionsType={'warning'}\n headerRight={asset?.summary?.headerRight || ''}\n headerLeft={\n <>\n {renderSummaryCardHeaderLeft()}\n {asset?.summary?.headerLeft || ''}\n </>\n }\n footerLeft={asset?.summary?.footerLeft || ''}\n footerRight={asset?.summary?.footerRight || ''}\n width={375}\n view={'compact'}\n />\n );\n }, [asset]);\n\n return (\n <S.AssetGalleryWrapper $disabled={asset.disabled}>\n <S.AssetGalleryCompactCard\n as={ComputedRootComponent}\n component={component}\n disabled={asset.disabled}\n asset={asset}\n onClick={onClick}\n extendedSelectMode={extendedSelectMode}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n draggable={asset.draggable}\n innerRef={dragRef}\n selected={selected}\n {...getReferenceProps()}\n >\n <S.Reference ref={refs.setReference}>\n {asset.previewUrl && renderPreview(asset)}\n </S.Reference>\n\n <S.Overlay\n ref={overlayCompactRef}\n onMouseEnter={mouseHasEnteredOverlay}\n onMouseLeave={mouseHasLeftOverlay}\n style={{ height: '100%' }}\n {...getReferenceProps()}\n >\n <S.OverlayBackdrop $softSelected={softSelected} $selected={selected} />\n {asset?.actions && (\n <S.OverlayInfoTopActions $isOverlayHovered={isOverlayHovered}>\n <AssetActionsBase actions={asset.actions} asset={asset} />\n </S.OverlayInfoTopActions>\n )}\n <S.OverlayInfo>\n {isOverlayHovered && <span>{asset.title}</span>}\n <S.OverlayInfoTop>\n <S.OverlayInfoTopLeft $collapseExtraInfo={collapseExtraInfo}>\n {renderBadge()}\n </S.OverlayInfoTopLeft>\n {asset?.note?.title && (\n <S.OverlayInfoTopWarning $type={asset?.note?.type}>\n <WarningCircleIcon />\n </S.OverlayInfoTopWarning>\n )}\n </S.OverlayInfoTop>\n <S.OverlayInfoBottom>\n {selectable && (\n <S.OverlayInfoBottomSelectButton $selected={selected}>\n <CheckRectangleIcon onClick={onSelectClick} />\n </S.OverlayInfoBottomSelectButton>\n )}\n <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n </S.OverlayInfoBottom>\n </S.OverlayInfo>\n {asset.completed && <S.OverlayCompleted $softSelected={softSelected} />}\n {asset.hasError && <S.OverlayHasError $softSelected={softSelected} />}\n {selectable && (\n <S.OverlaySelected\n $selected={selected}\n $softSelected={softSelected}\n $customSelectedBorder={customSelectedBorder}\n />\n )}\n {isOpen &&\n isOverlayHovered &&\n isMounted &&\n activeSummaryCard &&\n !isAnySubActionsOpened && (\n <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n <div style={styles} className=\"floating\">\n {renderPopoverContent()}\n <S.StyledFloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n />\n </div>\n </div>\n )}\n </S.Overlay>\n\n {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n </S.AssetGalleryCompactCard>\n </S.AssetGalleryWrapper>\n );\n};\n\nAssetGalleryCompactCard.propTypes = {\n /**\n * An array of assets to display in the gallery.\n */\n asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n /**\n * Tells the asset card that the asset height and width was known\n */\n hasHeightAndWidth: PropTypes.bool,\n\n /**\n * Whether or not the asset gallery should have selectable asset cards\n */\n selectable: PropTypes.bool,\n\n /**\n * Is the asset selected\n */\n selected: PropTypes.bool,\n\n /**\n * Whether or not the asset gallery should have custom borders on selected asset\n */\n customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n /**\n * Makes the whole asset card into a selectable area\n */\n extendedSelectMode: PropTypes.bool,\n\n /**\n * The callback function when an asset is selected - returns the selected asset key\n */\n onAssetSelected: PropTypes.func.isRequired,\n\n /**\n * The callback function when an asset is unselected - returns the unselected asset key\n */\n onAssetUnselected: PropTypes.func.isRequired,\n\n /**\n * Is the asset soft selected\n */\n softSelected: PropTypes.bool,\n\n /**\n * A function that returns a custom component to use for the card in the gallery - The function provides\n * `asset` as its first argument\n */\n component: PropTypes.func,\n\n /**\n * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n * not intended to be used by consumers\n */\n scrollPosition: PropTypes.number,\n\n /**\n * If the width of the card is too small to render all the badges\n */\n collapseExtraInfo: PropTypes.bool,\n\n /**\n * Display a tooltip on hover with a summary of info about the asset\n */\n activeSummaryCard: PropTypes.bool,\n /**\n * * Display an icon on the card\n */\n displayIcon: PropTypes.oneOf(['dynamic', 'versions', 'verifications', ''])\n};\n\nAssetGalleryCompactCard.defaultProps = {\n softSelected: false,\n activeSummaryCard: false,\n displayIcon: ''\n};\n\nexport default trackWindowScroll(\n React.memo(AssetGalleryCompactCard, (prevProps, nextProps) => {\n const reactiveProps = [\n 'selectable',\n 'selected',\n 'extendedSelectMode',\n 'softSelected',\n 'asset.previewUrl',\n 'asset.overlay',\n 'hasHeightAndWidth',\n 'collapseExtraInfo'\n ];\n\n return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","AssetGalleryCompactCard","activeSummaryCard","displayIcon","selectable","hasHeightAndWidth","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","collapseExtraInfo","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","isOverlayHovered","setIsOverlayHovered","openedSubActions","updateOpenedSubActions","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","restMs","dismiss","useDismiss","referencePress","ancestorScroll","windowScroll","windowBlur","getReferenceProps","getFloatingProps","useInteractions","useEffect","newOpenedSubActions","actions","map","length","mouseHasEnteredOverlay","useCallback","mouseHasLeftOverlay","isAnySubActionsOpened","useMemo","some","isOpened","onClick","event","onSelectClick","preventDefault","stopPropagation","onContextMenu","cardRef","current","addEventListener","removeEventListener","onDragstart","dragRef","videoPlayerRef","overlayCompactRef","useMergeRefs","setReference","onMouseEnter","playPromise","play","undefined","then","catch","onMouseLeave","pause","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","className","HeadsetIcon","LazyLoadImage","alt","title","height","width","delayMethod","delayTime","threshold","$hasHeightAndWidth","$selected","scrollIntoView","behavior","block","renderVersionsBadge","versions","Badge","badgeIcon","LayersIcon","badgeContent","backgroundColors","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","renderVerificationBadge","verifications","renderdynamicBadge","renderBadge","renderMediaBadge","PlayIcon","convertMsToHMS","minWidth","renderSummaryCardHeaderLeft","Fragment","renderPopoverContent","SummaryCard","description","instructions","imageRights","instructionsType","headerRight","summary","headerLeft","footerLeft","footerRight","view","$disabled","disabled","as","draggable","innerRef","style","$softSelected","$isOverlayHovered","AssetActionsBase","$collapseExtraInfo","note","$type","WarningCircleIcon","CheckRectangleIcon","completed","hasError","$customSelectedBorder","setFloating","overlay","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","oneOf","defaultProps","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AssetGalleryCompactCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js"],"sourcesContent":["import { get, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n LazyLoadComponent,\n LazyLoadImage,\n trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/opacity.css';\nimport {\n CheckRectangleIcon,\n HeadsetIcon,\n LayersIcon,\n PlayIcon,\n WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge } from '../../../../data';\n\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryCompactCard.styled';\n\nimport {\n useFloating,\n useHover,\n useInteractions,\n useTransitionStyles,\n flip,\n shift,\n arrow,\n autoUpdate,\n offset,\n useDismiss,\n useMergeRefs\n} from '@floating-ui/react';\nimport AssetActionsBase from '../../../AssetActionsBase/AssetActionsBase';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n // Omit props we don't need\n const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) =>\n key === 'innerRef' ? 'ref' : key\n );\n\n if (component) {\n if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n if (React.isValidElement(component(asset, newProps.children))) {\n return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n }\n }\n\n return <S.AssetGalleryCompactCard ref={newProps.ref} {...newProps} />;\n};\n\nconst AssetGalleryCompactCard = props => {\n const {\n asset,\n activeSummaryCard,\n displayIcon,\n selectable,\n hasHeightAndWidth,\n selected,\n customSelectedBorder,\n extendedSelectMode,\n onAssetSelected,\n onAssetUnselected,\n softSelected,\n component,\n scrollPosition,\n collapseExtraInfo\n } = props;\n\n const ARROW_WIDTH = 30;\n const ARROW_HEIGHT = 15;\n const GAP = 8;\n\n const arrowRef = useRef(null);\n\n const [isOpen, setIsOpen] = useState(false);\n const [placement] = useState('bottom');\n\n const [isOverlayHovered, setIsOverlayHovered] = useState(false);\n const [openedSubActions, updateOpenedSubActions] = useState([]);\n\n const { refs, floatingStyles, context } = useFloating({\n placement,\n open: isOpen,\n onOpenChange: setIsOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(ARROW_HEIGHT + GAP),\n flip({ padding: 5 }),\n shift({ padding: 5 }),\n arrow({\n element: arrowRef\n })\n ]\n });\n\n const { isMounted, styles } = useTransitionStyles(context, {\n initial: {\n transform: 'translateY(-8px)',\n opacity: 0\n },\n duration: {\n open: 200,\n close: 100\n }\n });\n\n const hover = useHover(context, {\n restMs: 100\n });\n const dismiss = useDismiss(context, {\n referencePress: true,\n ancestorScroll: true,\n windowScroll: true,\n windowBlur: true\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n useEffect(() => {\n const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n updateOpenedSubActions(newOpenedSubActions);\n }, [asset]);\n\n useEffect(() => {\n if (!isOverlayHovered && openedSubActions?.length) {\n updateOpenedSubActions(openedSubActions.map(() => false));\n }\n }, [isOverlayHovered]);\n\n const mouseHasEnteredOverlay = useCallback(() => {\n setIsOverlayHovered(true);\n }, []);\n\n const mouseHasLeftOverlay = useCallback(() => {\n setIsOverlayHovered(false);\n }, []);\n\n const isAnySubActionsOpened = useMemo(() => {\n return openedSubActions.some(isOpened => isOpened);\n }, [openedSubActions]);\n\n function onClick(event) {\n if (extendedSelectMode) {\n return onSelectClick(event);\n }\n\n if (isFunction(asset.onClick)) {\n asset.onClick(event, asset);\n }\n }\n\n function onSelectClick(event) {\n event.preventDefault();\n event.stopPropagation();\n\n if (selected) {\n return onAssetUnselected(asset.key);\n }\n\n if (selectable) {\n return onAssetSelected(asset.key);\n }\n }\n\n function onContextMenu(event) {\n event.preventDefault();\n asset.onContextMenu(event);\n }\n\n useEffect(() => {\n if (isFunction(asset.onContextMenu)) {\n if (cardRef.current) {\n cardRef.current.addEventListener('contextmenu', onContextMenu);\n }\n return () => {\n if (cardRef.current) {\n cardRef.current.removeEventListener('contextmenu', onContextMenu);\n }\n };\n }\n }, []);\n\n function onDragstart(event) {\n asset.onDragstart(event);\n }\n\n useEffect(() => {\n if (isFunction(asset.onDragstart)) {\n if (dragRef.current) {\n dragRef.current.addEventListener('dragstart', onDragstart);\n }\n return () => {\n if (dragRef.current) {\n dragRef.current.removeEventListener('dragstart', onDragstart);\n }\n };\n }\n }, []);\n\n const videoPlayerRef = useRef();\n const cardRef = useRef();\n const dragRef = useRef(null);\n\n const overlayCompactRef = useMergeRefs([cardRef, refs.setReference]);\n\n function onMouseEnter(event) {\n if (videoPlayerRef.current) {\n const playPromise = videoPlayerRef.current.play();\n if (playPromise !== undefined) {\n playPromise\n .then(() => {\n // Playback started!\n })\n .catch(() => {\n // Play was prevented - silently swallow play errors\n });\n }\n }\n\n if (isFunction(asset.onMouseEnter)) {\n asset.onMouseEnter(event, asset);\n }\n }\n\n function onMouseLeave() {\n if (videoPlayerRef.current) {\n videoPlayerRef.current.pause();\n }\n }\n\n const renderPreview = asset => {\n let previewContent = null;\n if (asset?.fileType?.toLowerCase() === 'video') {\n previewContent = (\n <LazyLoadComponent scrollPosition={scrollPosition}>\n <video\n ref={videoPlayerRef}\n loop\n muted\n // style={{ maxHeight: maxHeight }}\n >\n <source src={asset.previewUrl} type=\"video/mp4\" />\n </video>\n </LazyLoadComponent>\n );\n } else if (asset?.fileType?.toLowerCase() === 'audio') {\n previewContent = (\n <LazyLoadComponent scrollPosition={scrollPosition}>\n <div className=\"audio\">\n <HeadsetIcon />\n </div>\n </LazyLoadComponent>\n );\n } else {\n previewContent = (\n <LazyLoadImage\n alt={asset?.title}\n src={asset?.previewUrl}\n height=\"100%\"\n width=\"100%\"\n delayMethod=\"debounce\"\n delayTime={0}\n threshold={1500}\n scrollPosition={scrollPosition}\n />\n );\n }\n\n return (\n <S.Figure hasHeightAndWidth={hasHeightAndWidth}>\n {previewContent}\n <S.FigureOverlayBackdrop selected={selected} />\n </S.Figure>\n );\n };\n\n // If this asset is soft selected we will scroll it into the viewport if it's outside\n useEffect(() => {\n if (softSelected) {\n cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n }, [softSelected]);\n\n const renderVersionsBadge = useCallback(() => {\n if (!asset?.versions) return null;\n\n return (\n <Badge\n badgeIcon={<LayersIcon />}\n badgeContent={asset.versions}\n backgroundColors={['black', 'black']}\n colors={['#f7f8f9', '#f7f8f9']}\n fontSize={12}\n fontWeight={500}\n lineHeight={16}\n verticalPadding={4}\n horizontalPadding={8}\n />\n );\n }, [asset]);\n\n const renderVerificationBadge = useCallback(() => {\n if (!asset?.verifications) return null;\n return asset?.verifications;\n }, [asset]);\n\n const renderdynamicBadge = useCallback(() => {\n if (asset?.verifications) return renderVerificationBadge();\n if (asset?.versions) return renderVersionsBadge();\n return null;\n });\n\n const renderBadge = () => {\n switch (displayIcon) {\n case 'versions':\n return renderVersionsBadge();\n case 'verifications':\n return renderVerificationBadge();\n case 'dynamic':\n return renderdynamicBadge();\n default:\n return null;\n }\n };\n\n const renderMediaBadge = useCallback(() => {\n let badgeIcon = null;\n let badgeContent = null;\n\n if (asset?.fileType === 'video') {\n badgeIcon = <PlayIcon />;\n }\n\n if (asset?.duration) {\n badgeContent = convertMsToHMS(asset.duration);\n }\n\n if (!badgeIcon && !badgeContent) return null;\n return (\n <Badge\n badgeIcon={badgeIcon}\n badgeContent={badgeContent}\n backgroundColors={['black', 'black']}\n colors={['#f7f8f9', '#f7f8f9']}\n fontSize={12}\n fontWeight={500}\n lineHeight={16}\n verticalPadding={4}\n horizontalPadding={8}\n minWidth={32}\n height={24}\n />\n );\n }, [asset]);\n\n const renderSummaryCardHeaderLeft = useCallback(() => {\n return (\n <>\n {renderVersionsBadge()}\n {renderMediaBadge()}\n </>\n );\n }, [asset]);\n\n const renderPopoverContent = useCallback(() => {\n return (\n <SummaryCard\n activeSummaryCard={activeSummaryCard}\n title={asset?.title || ''}\n description={asset?.description || ''}\n instructions={asset?.imageRights || ''}\n instructionsType={'warning'}\n headerRight={asset?.summary?.headerRight || ''}\n headerLeft={\n <>\n {renderSummaryCardHeaderLeft()}\n {asset?.summary?.headerLeft || ''}\n </>\n }\n footerLeft={asset?.summary?.footerLeft || ''}\n footerRight={asset?.summary?.footerRight || ''}\n width={375}\n view={'compact'}\n />\n );\n }, [asset]);\n\n return (\n <S.AssetGalleryWrapper disabled={asset.disabled}>\n <S.AssetGalleryCompactCard\n as={ComputedRootComponent}\n component={component}\n disabled={asset.disabled}\n asset={asset}\n onClick={onClick}\n extendedSelectMode={extendedSelectMode}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n draggable={asset.draggable}\n innerRef={dragRef}\n selected={selected}\n // ref={refs.setReference}\n {...getReferenceProps()}\n >\n <S.Reference ref={refs.setReference}>\n {asset.previewUrl && renderPreview(asset)}\n </S.Reference>\n\n <S.Overlay\n ref={overlayCompactRef}\n onMouseEnter={mouseHasEnteredOverlay}\n onMouseLeave={mouseHasLeftOverlay}\n style={{ height: '100%' }}\n {...getReferenceProps()}\n >\n <S.OverlayBackdrop softSelected={softSelected} selected={selected} />\n {asset?.actions && (\n <S.OverlayInfoTopActions $isOverlayHovered={isOverlayHovered}>\n <AssetActionsBase actions={asset.actions} asset={asset} />\n </S.OverlayInfoTopActions>\n )}\n <S.OverlayInfo>\n {isOverlayHovered && <span>{asset.title}</span>}\n <S.OverlayInfoTop>\n <S.OverlayInfoTopLeft collapseExtraInfo={collapseExtraInfo}>\n {renderBadge()}\n </S.OverlayInfoTopLeft>\n {asset?.note?.title && (\n <S.OverlayInfoTopWarning type={asset?.note?.type}>\n <WarningCircleIcon />\n </S.OverlayInfoTopWarning>\n )}\n </S.OverlayInfoTop>\n <S.OverlayInfoBottom>\n {selectable && (\n <S.OverlayInfoBottomSelectButton selected={selected}>\n <CheckRectangleIcon onClick={onSelectClick} />\n </S.OverlayInfoBottomSelectButton>\n )}\n <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n </S.OverlayInfoBottom>\n </S.OverlayInfo>\n {asset.completed && <S.OverlayCompleted softSelected={softSelected} />}\n {asset.hasError && <S.OverlayHasError softSelected={softSelected} />}\n {selectable && (\n <S.OverlaySelected\n selected={selected}\n softSelected={softSelected}\n customSelectedBorder={customSelectedBorder}\n />\n )}\n {isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && (\n <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n <div style={styles} className=\"floating\">\n {renderPopoverContent()}\n <S.StyledFloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n />\n </div>\n </div>\n )}\n {isOpen &&\n isOverlayHovered &&\n isMounted &&\n activeSummaryCard &&\n !isAnySubActionsOpened && (\n <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n <div style={styles} className=\"floating\">\n {renderPopoverContent()}\n <S.StyledFloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n />\n </div>\n </div>\n )}\n </S.Overlay>\n\n {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n </S.AssetGalleryCompactCard>\n </S.AssetGalleryWrapper>\n );\n};\n\nAssetGalleryCompactCard.propTypes = {\n /**\n * An array of assets to display in the gallery.\n */\n asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n /**\n * Tells the asset card that the asset height and width was known\n */\n hasHeightAndWidth: PropTypes.bool,\n\n /**\n * Whether or not the asset gallery should have selectable asset cards\n */\n selectable: PropTypes.bool,\n\n /**\n * Is the asset selected\n */\n selected: PropTypes.bool,\n\n /**\n * Whether or not the asset gallery should have custom borders on selected asset\n */\n customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n /**\n * Makes the whole asset card into a selectable area\n */\n extendedSelectMode: PropTypes.bool,\n\n /**\n * The callback function when an asset is selected - returns the selected asset key\n */\n onAssetSelected: PropTypes.func.isRequired,\n\n /**\n * The callback function when an asset is unselected - returns the unselected asset key\n */\n onAssetUnselected: PropTypes.func.isRequired,\n\n /**\n * Is the asset soft selected\n */\n softSelected: PropTypes.bool.isRequired,\n\n /**\n * A function that returns a custom component to use for the card in the gallery - The function provides\n * `asset` as its first argument\n */\n component: PropTypes.func,\n\n /**\n * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n * not intended to be used by consumers\n */\n scrollPosition: PropTypes.number,\n\n /**\n * If the width of the card is too small to render all the badges\n */\n collapseExtraInfo: PropTypes.bool,\n\n /**\n * Display a tooltip on hover with a summary of info about the asset\n */\n activeSummaryCard: PropTypes.bool,\n /**\n * * Display an icon on the card\n */\n displayIcon: PropTypes.oneOf(['dynamic', 'versions', 'verifications', ''])\n};\n\nexport default trackWindowScroll(\n React.memo(AssetGalleryCompactCard, (prevProps, nextProps) => {\n // The asset card will only re-render if any of the following props change.\n const reactiveProps = [\n 'selectable',\n 'selected',\n 'extendedSelectMode',\n 'softSelected',\n 'asset.previewUrl',\n 'asset.overlay',\n 'hasHeightAndWidth',\n 'collapseExtraInfo'\n ];\n\n return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","AssetGalleryCompactCard","activeSummaryCard","displayIcon","selectable","hasHeightAndWidth","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","collapseExtraInfo","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","isOverlayHovered","setIsOverlayHovered","openedSubActions","updateOpenedSubActions","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","restMs","dismiss","useDismiss","referencePress","ancestorScroll","windowScroll","windowBlur","getReferenceProps","getFloatingProps","useInteractions","useEffect","newOpenedSubActions","actions","map","length","mouseHasEnteredOverlay","useCallback","mouseHasLeftOverlay","isAnySubActionsOpened","useMemo","some","isOpened","onClick","event","onSelectClick","preventDefault","stopPropagation","onContextMenu","cardRef","current","addEventListener","removeEventListener","onDragstart","dragRef","videoPlayerRef","overlayCompactRef","useMergeRefs","setReference","onMouseEnter","playPromise","play","undefined","then","catch","onMouseLeave","pause","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","className","HeadsetIcon","LazyLoadImage","alt","title","height","width","delayMethod","delayTime","threshold","scrollIntoView","behavior","block","renderVersionsBadge","versions","Badge","badgeIcon","LayersIcon","badgeContent","backgroundColors","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","renderVerificationBadge","verifications","renderdynamicBadge","renderBadge","renderMediaBadge","PlayIcon","convertMsToHMS","minWidth","renderSummaryCardHeaderLeft","Fragment","renderPopoverContent","SummaryCard","description","instructions","imageRights","instructionsType","headerRight","summary","headerLeft","footerLeft","footerRight","view","disabled","as","draggable","innerRef","style","$isOverlayHovered","AssetActionsBase","note","WarningCircleIcon","CheckRectangleIcon","completed","hasError","setFloating","overlay","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","oneOf","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const shouldForwardProp = prop => {
|
|
|
9
9
|
const AssetGalleryWrapper = styled.div.withConfig({
|
|
10
10
|
shouldForwardProp
|
|
11
11
|
}).attrs(applyDefaultTheme)`
|
|
12
|
-
${props => props
|
|
12
|
+
${props => props.disabled && css`
|
|
13
13
|
cursor: not-allowed;
|
|
14
14
|
`};
|
|
15
15
|
`;
|
|
@@ -55,9 +55,7 @@ const AssetGalleryCompactCard = styled.div.withConfig({
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
`;
|
|
58
|
-
const Figure = styled.figure
|
|
59
|
-
shouldForwardProp
|
|
60
|
-
}).attrs(applyDefaultTheme)`
|
|
58
|
+
const Figure = styled.figure`
|
|
61
59
|
display: flex;
|
|
62
60
|
flex-direction: row;
|
|
63
61
|
flex-wrap: nowrap;
|
|
@@ -89,8 +87,8 @@ const FigureOverlayBackdrop = styled.div.withConfig({
|
|
|
89
87
|
}).attrs(applyDefaultTheme)`
|
|
90
88
|
position: absolute;
|
|
91
89
|
inset: 0;
|
|
92
|
-
opacity: ${props => props
|
|
93
|
-
background-color: ${props => props
|
|
90
|
+
opacity: ${props => props.selected ? 0.6 : 0};
|
|
91
|
+
background-color: ${props => props.selected ? '#ACCEF7' : 'transparent'};
|
|
94
92
|
`;
|
|
95
93
|
const Overlay = styled.div.withConfig({
|
|
96
94
|
shouldForwardProp
|
|
@@ -112,7 +110,7 @@ const OverlayBackdrop = styled.div.withConfig({
|
|
|
112
110
|
opacity: 0;
|
|
113
111
|
transition: opacity 220ms;
|
|
114
112
|
|
|
115
|
-
${props => !props
|
|
113
|
+
${props => !props.selected ? css`
|
|
116
114
|
background: radial-gradient(
|
|
117
115
|
ellipse at center,
|
|
118
116
|
rgba(0, 0, 0, 0.3) 27%,
|
|
@@ -120,7 +118,7 @@ const OverlayBackdrop = styled.div.withConfig({
|
|
|
120
118
|
rgba(0, 0, 0, 0.7) 90%
|
|
121
119
|
);
|
|
122
120
|
` : null}
|
|
123
|
-
${props => (props
|
|
121
|
+
${props => (props.selected || props.$softSelected) && css`
|
|
124
122
|
opacity: 1;
|
|
125
123
|
`}
|
|
126
124
|
${Overlay}:hover & {
|
|
@@ -194,9 +192,9 @@ const OverlaySelected = styled.div.withConfig({
|
|
|
194
192
|
if (props.$softSelected) {
|
|
195
193
|
return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
|
|
196
194
|
}
|
|
197
|
-
if (props
|
|
198
|
-
if (props
|
|
199
|
-
return props.theme.themeProp('border-color', props
|
|
195
|
+
if (props.selected) {
|
|
196
|
+
if (props.customSelectedBorder) {
|
|
197
|
+
return props.theme.themeProp('border-color', props.customSelectedBorder[0], props.customSelectedBorder[1]);
|
|
200
198
|
} else {
|
|
201
199
|
return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
|
|
202
200
|
}
|
|
@@ -248,13 +246,13 @@ const OverlayInfoTopWarning = styled.div.withConfig({
|
|
|
248
246
|
width: 24px;
|
|
249
247
|
border-radius: 50%;
|
|
250
248
|
box-sizing: border-box;
|
|
251
|
-
padding: ${props => props
|
|
252
|
-
background-color: ${props => props
|
|
249
|
+
padding: ${props => props.type === 'error' ? 0 : '3px 4px'};
|
|
250
|
+
background-color: ${props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
|
|
253
251
|
opacity: 1;
|
|
254
252
|
|
|
255
253
|
svg {
|
|
256
254
|
width: 100%;
|
|
257
|
-
color: ${props => props
|
|
255
|
+
color: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
|
|
258
256
|
}
|
|
259
257
|
|
|
260
258
|
${Overlay}:hover & {
|
|
@@ -274,7 +272,7 @@ const OverlayInfoBottom = styled.div.withConfig({
|
|
|
274
272
|
const OverlayInfoBottomSelectButton = styled.div.withConfig({
|
|
275
273
|
shouldForwardProp
|
|
276
274
|
}).attrs(applyDefaultTheme)`
|
|
277
|
-
opacity: ${props => props
|
|
275
|
+
opacity: ${props => props.selected ? 1 : 0};
|
|
278
276
|
flex-shrink: 0;
|
|
279
277
|
cursor: pointer;
|
|
280
278
|
transition: opacity 220ms;
|
|
@@ -284,7 +282,7 @@ const OverlayInfoBottomSelectButton = styled.div.withConfig({
|
|
|
284
282
|
width: 24px;
|
|
285
283
|
height: 24px;
|
|
286
284
|
transition: opacity 120ms;
|
|
287
|
-
opacity: ${props => props
|
|
285
|
+
opacity: ${props => props.selected ? 1 : 0.5};
|
|
288
286
|
}
|
|
289
287
|
|
|
290
288
|
${Overlay}:hover & {
|
|
@@ -311,9 +309,7 @@ const ConsumerDefinedOverlay = styled.div.withConfig({
|
|
|
311
309
|
right: 0;
|
|
312
310
|
pointer-events: none;
|
|
313
311
|
`;
|
|
314
|
-
styled.div
|
|
315
|
-
shouldForwardProp
|
|
316
|
-
}).attrs(applyDefaultTheme)`
|
|
312
|
+
styled.div`
|
|
317
313
|
margin: 4px;
|
|
318
314
|
`;
|
|
319
315
|
styled.div.withConfig({
|