@ntbjs/react-components 2.0.2-rc.2 → 2.0.2-rc.3

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryCompactCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const Reference = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n`;\n\nexport const AssetGalleryCompactCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: block;\n  height: 100%;\n  padding-left: ${props => (props.selected ? 1 : 0)}px;\n  padding-right: ${props => (props.selected ? 1 : 0)}px;\n  padding-top: ${props => (props.selected ? 1 : 0)}px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    )};\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  .lazy-load-image-background {\n    display: block !important;\n  }\n\n  img {\n    display: block;\n    height: 100%;\n    width: 100%;\n    ${props =>\n      props.$hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n    ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 50px 10px 12px;\n  color: ${props => props.theme.getColor('gray-100')};\n  & span {\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n`;\n\nexport const OverlayCompleted = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('emerald-500'),\n      rgba(props.theme.getColor('emerald-500'), 0.7)\n    );\n  }};\n`;\n\nexport const OverlayHasError = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('red-600'),\n      rgba(props.theme.getColor('red-500'), 0.7)\n    );\n  }}\n`;\n\nexport const OverlaySelected = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border-style: solid;\n  border-width: 3px;\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.customSelectedBorder[0],\n          props.customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    return props.theme.themeProp('border-color', 'transparent', 'transparent');\n  }};\n`;\n\nexport const OverlayInfoTop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: ${props => (props.$isOverlayHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoTopLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  display: ${props => (props?.$collapseExtraInfo ? 'none' : 'block')};\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '3px 4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoBottom = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  height: 24px;\n\n  > svg {\n    width: 24px;\n    height: 24px;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n  padding: 4px 8px;\n  border-radius: 4px;\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","disabled","css","Reference","AssetGalleryCompactCard","selected","theme","themeProp","getColor","extendedSelectMode","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","$softSelected","OverlayInfo","OverlayCompleted","rgba","OverlayHasError","OverlaySelected","customSelectedBorder","OverlayInfoTop","OverlayInfoTopActions","$isOverlayHovered","OverlayInfoTopLeft","$collapseExtraInfo","OverlayInfoTopWarning","type","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StyledFloatingArrow","FloatingArrow"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryCompactCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.$disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const Reference = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n`;\n\nexport const AssetGalleryCompactCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: block;\n  height: 100%;\n  padding-left: ${props => (props.selected ? 1 : 0)}px;\n  padding-right: ${props => (props.selected ? 1 : 0)}px;\n  padding-top: ${props => (props.selected ? 1 : 0)}px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    )};\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  .lazy-load-image-background {\n    display: block !important;\n  }\n\n  img {\n    display: block;\n    height: 100%;\n    width: 100%;\n    ${props =>\n      props.$hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.$selected ? 0.6 : 0)};\n  background-color: ${props => (props.$selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n\n  ${props =>\n    !props.$selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n  ${props =>\n    (props.$selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n    ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 50px 10px 12px;\n  color: ${props => props.theme.getColor('gray-100')};\n  & span {\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n`;\n\nexport const OverlayCompleted = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('emerald-500'),\n      rgba(props.theme.getColor('emerald-500'), 0.7)\n    );\n  }};\n`;\n\nexport const OverlayHasError = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('red-600'),\n      rgba(props.theme.getColor('red-500'), 0.7)\n    );\n  }}\n`;\n\nexport const OverlaySelected = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border-style: solid;\n  border-width: 3px;\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.$selected) {\n      if (props.$customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.$customSelectedBorder[0],\n          props.$customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    return props.theme.themeProp('border-color', 'transparent', 'transparent');\n  }};\n`;\n\nexport const OverlayInfoTop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: ${props => (props.$isOverlayHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoTopLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  display: ${props => (props?.$collapseExtraInfo ? 'none' : 'block')};\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.$type === 'error' ? 0 : '3px 4px')};\n  background-color: ${props =>\n    props.$type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.$type === 'error'\n        ? props.theme.getColor('gray-100')\n        : props.theme.getColor('gray-700')};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoBottom = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: ${props => (props.$selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  height: 24px;\n\n  > svg {\n    width: 24px;\n    height: 24px;\n    transition: opacity 120ms;\n    opacity: ${props => (props.$selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin: 4px;\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n  padding: 4px 8px;\n  border-radius: 4px;\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","$disabled","css","Reference","AssetGalleryCompactCard","selected","theme","themeProp","getColor","disabled","extendedSelectMode","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","$selected","Overlay","OverlayBackdrop","$softSelected","OverlayInfo","OverlayCompleted","rgba","OverlayHasError","OverlaySelected","$customSelectedBorder","OverlayInfoTop","OverlayInfoTopActions","$isOverlayHovered","OverlayInfoTopLeft","$collapseExtraInfo","OverlayInfoTopWarning","$type","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StyledFloatingArrow","FloatingArrow"],"mappings":"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"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js

@@ -41,7 +41,7 @@ const ComputedRootComponent = ({
   asset,
   ...props
 }) => {
-  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) => key === 'innerRef' ? 'ref' : key);
+  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode', 'customSelectedBorder', 'softSelected', 'selected', 'completed', 'hasError']), (_, key) => key === 'innerRef' ? 'ref' : key);
   if (component) {
     if (!isFunction(component)) throw Error('Expected a function in component-prop');
     if (React__default.isValidElement(component(asset, newProps.children))) {
@@ -237,18 +237,18 @@ const AssetGalleryGridCard = props => {
       });
     }
     return React__default.createElement(Figure, {
-      selected: selected
+      $selected: selected
     }, previewContent, React__default.createElement(FigureOverlayBackdrop, {
-      selected: selected
+      $selected: selected
     }), React__default.createElement(Overlay, {
       ref: cardRef
     }, React__default.createElement(OverlayBackdrop, {
       $softSelected: softSelected,
-      selected: selected
+      $selected: selected
     }), React__default.createElement(OverlayInfo, null, React__default.createElement(OverlayInfoTop, null, React__default.createElement(OverlayInfoTopVersions, null, renderVersionsBadge()), asset?.note?.title && React__default.createElement(OverlayInfoTopWarning, {
-      type: asset?.note?.type
+      $type: asset?.note?.type
     }, React__default.createElement(SvgWarningCircle, null)), React__default.createElement(OverlayInfoTopActions, {
-      isCardHovered: isCardHovered
+      $isCardHovered: isCardHovered
     }, asset.actions && asset.actions.map((action, index) => React__default.createElement(Tooltip, {
       key: `${asset.key}-${action.title}`,
       content: action.title
@@ -264,13 +264,13 @@ const AssetGalleryGridCard = props => {
       subActions: action?.subActions,
       actionWidthHeight: action.actionWidthHeight
     }))))), React__default.createElement(OverlayInfoBottom, null, selectable && React__default.createElement(OverlayInfoBottomSelectButton, {
-      selected: selected
+      $selected: selected
     }, React__default.createElement(SvgCheckRectangleFilled, {
       onClick: onSelectClick
     })), React__default.createElement(OverlayInfoBottomMediaIcon, null, renderMediaBadge()))), selectable && React__default.createElement(OverlaySelected, {
-      selected: selected,
+      $selected: selected,
       $softSelected: softSelected,
-      customSelectedBorder: customSelectedBorder
+      $customSelectedBorder: customSelectedBorder
     })), asset.overlay && React__default.createElement(ConsumerDefinedOverlay, null, asset.overlay));
   }
   useEffect(() => {
@@ -359,7 +359,7 @@ const AssetGalleryGridCard = props => {
     });
   }, [asset]);
   return React__default.createElement(AssetGalleryWrapper, {
-    disabled: asset.disabled
+    $disabled: asset.disabled
   }, React__default.createElement(AssetGalleryGridCard$2, {
     as: ComputedRootComponent,
     component: component,
@@ -374,17 +374,17 @@ const AssetGalleryGridCard = props => {
     selected: selected,
     $softSelected: softSelected,
     completed: asset?.completed,
-    $hasError: asset?.hasError,
+    hasError: asset?.hasError,
     customSelectedBorder: customSelectedBorder
   }, React__default.createElement(ContentWrapper, {
-    layout: asset.layout,
+    $layout: asset.layout,
     ref: cardRef,
     $softSelected: softSelected,
-    selected: selected,
-    customSelectedBorder: customSelectedBorder
+    $selected: selected,
+    $customSelectedBorder: customSelectedBorder
   }, React__default.createElement(Asset, {
     "data-id": "ss",
-    selected: selected
+    $selected: selected
   }, asset.previewUrl && renderPreview(asset)), renderSummary())));
 };
 AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -399,7 +399,9 @@ AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
   component: PropTypes.func,
   scrollPosition: PropTypes.number
 } : {};
-AssetGalleryGridCard.defaultProps = {};
+AssetGalleryGridCard.defaultProps = {
+  softSelected: false
+};
 var AssetGalleryGridCard$1 = trackWindowScroll(React__default.memo(AssetGalleryGridCard, (prevProps, nextProps) => {
   const reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'asset.layout'];
   return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryGridCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js"],"sourcesContent":["import { get, isEmpty, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge, Popover, Tooltip } from '../../../../data';\nimport { ActionButton } from '../../../../inputs';\nimport ContextMenu from '../../../ContextMenu/ContextMenu';\nimport ContextMenuItem from '../../../ContextMenu/ContextMenuItem/ContextMenuItem';\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryGridCard.styled';\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.AssetGalleryGridCard ref={newProps.ref} {...newProps} />;\n};\n\n/* eslint-disable react/prop-types */\nconst ComputedActionButton = React.forwardRef(function ComputedActionButton(\n  // eslint-disable-next-line react/prop-types\n  { component, className, subActions = [], isSubActionsOpened, ...props },\n  forwardedRef\n) {\n  const newProps = props;\n  if (!isEmpty(subActions)) {\n    const contextMenuItems = subActions.map((subAction, key) => {\n      const { onClick, title, icon } = subAction;\n      return <ContextMenuItem key={key} onClickEffect={onClick} title={title} icon={icon} />;\n    });\n    const contextMenu = <ContextMenu>{contextMenuItems}</ContextMenu>;\n    newProps.children = (\n      <Popover\n        contextMenu={true}\n        content={contextMenu}\n        placement={'bottom-end'}\n        visible={isSubActionsOpened}\n        zIndex={10001}\n        offset={[0, -8]}\n      >\n        <ActionButton\n          useShadow={true}\n          active={true}\n          ref={forwardedRef}\n          className={className}\n          icon={newProps.icon}\n          backgroundColors={['black', 'white']}\n          onClick={newProps.onClick}\n          actionWidthHeight={newProps.actionWidthHeight}\n        />\n      </Popover>\n    );\n  } else {\n    newProps.children = (\n      <ActionButton\n        useShadow={true}\n        active={true}\n        ref={forwardedRef}\n        className={className}\n        icon={newProps.icon}\n        onClick={newProps.onClick}\n        backgroundColors={['black', 'white']}\n        actionWidthHeight={newProps.actionWidthHeight}\n      />\n    );\n  }\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component())) {\n      return React.cloneElement(component(), { ...omit(newProps, 'icon') });\n    }\n  }\n\n  return <React.Fragment>{newProps.children}</React.Fragment>;\n});\n/* eslint-disable react/prop-types */\n\nconst AssetGalleryGridCard = props => {\n  const {\n    asset,\n    selectable,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition\n  } = props;\n\n  const [isCardHovered, setIsCardHovered] = React.useState(false);\n  const [openedSubActions, updateOpenedSubActions] = React.useState([]);\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isCardHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isCardHovered]);\n\n  const mouseHasEnteredCard = useCallback(() => {\n    setIsCardHovered(true);\n  }, []);\n\n  const mouseHasLeftCard = useCallback(() => {\n    setIsCardHovered(false);\n  }, []);\n\n  const onSubActionsViewToggle = useCallback(\n    actionIndex => {\n      const newOpenedSubActions = openedSubActions.map((isOpened, index) => {\n        if (index !== actionIndex) {\n          return false;\n        }\n        return !isOpened;\n      });\n      updateOpenedSubActions(newOpenedSubActions);\n    },\n    [openedSubActions]\n  );\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\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    mouseHasEnteredCard();\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n\n    mouseHasLeftCard();\n  }\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    return onAssetSelected(asset.key);\n  }\n\n  const onActionClick = useCallback(\n    (event, action, index) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n\n      if (!isEmpty(action?.subActions)) {\n        onSubActionsViewToggle(index);\n      }\n    },\n    [onSubActionsViewToggle]\n  );\n\n  const shouldOpenSubActions = useCallback(\n    actionIndex => openedSubActions[actionIndex],\n    [openedSubActions]\n  );\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  function renderPreview(asset) {\n    let previewContent = null;\n\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 selected={selected}>\n        {previewContent}\n        <S.FigureOverlayBackdrop selected={selected} />\n        <S.Overlay ref={cardRef}>\n          <S.OverlayBackdrop $softSelected={softSelected} selected={selected} />\n\n          <S.OverlayInfo>\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopVersions>{renderVersionsBadge()}</S.OverlayInfoTopVersions>\n\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n\n              <S.OverlayInfoTopActions isCardHovered={isCardHovered}>\n                {asset.actions &&\n                  asset.actions.map((action, index) => (\n                    <Tooltip key={`${asset.key}-${action.title}`} content={action.title}>\n                      <S.Fragment\n                        key={`${asset.key}-${action.title}`}\n                        as={ComputedActionButton}\n                        component={action.component}\n                        className={action.className}\n                        icon={action.icon}\n                        isCardHovered={isCardHovered}\n                        isSubActionsOpened={shouldOpenSubActions(index)}\n                        onClick={event => onActionClick(event, action, index)}\n                        subActions={action?.subActions}\n                        actionWidthHeight={action.actionWidthHeight}\n                      />\n                    </Tooltip>\n                  ))}\n              </S.OverlayInfoTopActions>\n            </S.OverlayInfoTop>\n\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n\n          {selectable && (\n            <S.OverlaySelected\n              selected={selected}\n              $softSelected={softSelected}\n              customSelectedBorder={customSelectedBorder}\n            />\n          )}\n        </S.Overlay>\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.Figure>\n    );\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  // 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 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 renderSummary = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={true}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        view={'grid'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper disabled={asset.disabled}>\n      <S.AssetGalleryGridCard\n        as={ComputedRootComponent}\n        component={component}\n        asset={asset}\n        disabled={asset.disabled}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        $softSelected={softSelected}\n        completed={asset?.completed}\n        $hasError={asset?.hasError}\n        customSelectedBorder={customSelectedBorder}\n      >\n        <S.ContentWrapper\n          layout={asset.layout}\n          ref={cardRef}\n          $softSelected={softSelected}\n          selected={selected}\n          customSelectedBorder={customSelectedBorder}\n        >\n          <S.Asset data-id=\"ss\" selected={selected}>\n            {asset.previewUrl && renderPreview(asset)}\n          </S.Asset>\n\n          {renderSummary()}\n        </S.ContentWrapper>\n      </S.AssetGalleryGridCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryGridCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\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\nAssetGalleryGridCard.defaultProps = {};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryGridCard, (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      'asset.layout'\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","ComputedActionButton","forwardRef","className","subActions","isSubActionsOpened","forwardedRef","isEmpty","contextMenuItems","map","subAction","onClick","title","icon","ContextMenuItem","onClickEffect","contextMenu","ContextMenu","Popover","content","placement","visible","zIndex","offset","ActionButton","useShadow","active","backgroundColors","actionWidthHeight","Fragment","AssetGalleryGridCard","selectable","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","isCardHovered","setIsCardHovered","useState","openedSubActions","updateOpenedSubActions","useEffect","newOpenedSubActions","actions","length","mouseHasEnteredCard","useCallback","mouseHasLeftCard","onSubActionsViewToggle","actionIndex","isOpened","index","videoPlayerRef","useRef","cardRef","dragRef","onMouseEnter","event","current","playPromise","play","undefined","then","catch","onMouseLeave","pause","onSelectClick","preventDefault","stopPropagation","onActionClick","action","shouldOpenSubActions","onContextMenu","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","HeadsetIcon","LazyLoadImage","alt","height","width","delayMethod","delayTime","threshold","$softSelected","renderVersionsBadge","note","WarningCircleIcon","Tooltip","as","CheckRectangleIcon","renderMediaBadge","overlay","addEventListener","removeEventListener","onDragstart","scrollIntoView","behavior","block","versions","Badge","badgeIcon","LayersIcon","badgeContent","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","PlayIcon","duration","convertMsToHMS","minWidth","renderSummary","SummaryCard","activeSummaryCard","description","instructions","imageRights","instructionsType","footerLeft","summary","footerRight","view","disabled","draggable","innerRef","completed","$hasError","hasError","layout","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","defaultProps","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryGridCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js"],"sourcesContent":["import { get, isEmpty, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge, Popover, Tooltip } from '../../../../data';\nimport { ActionButton } from '../../../../inputs';\nimport ContextMenu from '../../../ContextMenu/ContextMenu';\nimport ContextMenuItem from '../../../ContextMenu/ContextMenuItem/ContextMenuItem';\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryGridCard.styled';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n  // Omit props we don't need - add all styled props\n  const newProps = mapKeys(\n    omit(props, [\n      'theme',\n      'extendedSelectMode',\n      'customSelectedBorder',\n      'softSelected',\n      'selected',\n      'completed',\n      'hasError'\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.AssetGalleryGridCard ref={newProps.ref} {...newProps} />;\n};\n\n/* eslint-disable react/prop-types */\nconst ComputedActionButton = React.forwardRef(function ComputedActionButton(\n  { component, className, subActions = [], isSubActionsOpened, ...props },\n  forwardedRef\n) {\n  const newProps = props;\n  if (!isEmpty(subActions)) {\n    const contextMenuItems = subActions.map((subAction, key) => {\n      const { onClick, title, icon } = subAction;\n      return <ContextMenuItem key={key} onClickEffect={onClick} title={title} icon={icon} />;\n    });\n    const contextMenu = <ContextMenu>{contextMenuItems}</ContextMenu>;\n    newProps.children = (\n      <Popover\n        contextMenu={true}\n        content={contextMenu}\n        placement={'bottom-end'}\n        visible={isSubActionsOpened}\n        zIndex={10001}\n        offset={[0, -8]}\n      >\n        <ActionButton\n          useShadow={true}\n          active={true}\n          ref={forwardedRef}\n          className={className}\n          icon={newProps.icon}\n          backgroundColors={['black', 'white']}\n          onClick={newProps.onClick}\n          actionWidthHeight={newProps.actionWidthHeight}\n        />\n      </Popover>\n    );\n  } else {\n    newProps.children = (\n      <ActionButton\n        useShadow={true}\n        active={true}\n        ref={forwardedRef}\n        className={className}\n        icon={newProps.icon}\n        onClick={newProps.onClick}\n        backgroundColors={['black', 'white']}\n        actionWidthHeight={newProps.actionWidthHeight}\n      />\n    );\n  }\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component())) {\n      return React.cloneElement(component(), { ...omit(newProps, 'icon') });\n    }\n  }\n\n  return <React.Fragment>{newProps.children}</React.Fragment>;\n});\n/* eslint-disable react/prop-types */\n\nconst AssetGalleryGridCard = props => {\n  const {\n    asset,\n    selectable,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition\n  } = props;\n\n  const [isCardHovered, setIsCardHovered] = React.useState(false);\n  const [openedSubActions, updateOpenedSubActions] = React.useState([]);\n\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isCardHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isCardHovered]);\n\n  const mouseHasEnteredCard = useCallback(() => {\n    setIsCardHovered(true);\n  }, []);\n\n  const mouseHasLeftCard = useCallback(() => {\n    setIsCardHovered(false);\n  }, []);\n\n  const onSubActionsViewToggle = useCallback(\n    actionIndex => {\n      const newOpenedSubActions = openedSubActions.map((isOpened, index) => {\n        if (index !== actionIndex) {\n          return false;\n        }\n        return !isOpened;\n      });\n      updateOpenedSubActions(newOpenedSubActions);\n    },\n    [openedSubActions]\n  );\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\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    mouseHasEnteredCard();\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n\n    mouseHasLeftCard();\n  }\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    return onAssetSelected(asset.key);\n  }\n\n  const onActionClick = useCallback(\n    (event, action, index) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n\n      if (!isEmpty(action?.subActions)) {\n        onSubActionsViewToggle(index);\n      }\n    },\n    [onSubActionsViewToggle]\n  );\n\n  const shouldOpenSubActions = useCallback(\n    actionIndex => openedSubActions[actionIndex],\n    [openedSubActions]\n  );\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  function renderPreview(asset) {\n    let previewContent = null;\n\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 $selected={selected}>\n        {previewContent}\n        <S.FigureOverlayBackdrop $selected={selected} />\n        <S.Overlay ref={cardRef}>\n          <S.OverlayBackdrop $softSelected={softSelected} $selected={selected} />\n\n          <S.OverlayInfo>\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopVersions>{renderVersionsBadge()}</S.OverlayInfoTopVersions>\n\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning $type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n\n              <S.OverlayInfoTopActions $isCardHovered={isCardHovered}>\n                {asset.actions &&\n                  asset.actions.map((action, index) => (\n                    <Tooltip key={`${asset.key}-${action.title}`} content={action.title}>\n                      <S.Fragment\n                        key={`${asset.key}-${action.title}`}\n                        as={ComputedActionButton}\n                        component={action.component}\n                        className={action.className}\n                        icon={action.icon}\n                        isCardHovered={isCardHovered}\n                        isSubActionsOpened={shouldOpenSubActions(index)}\n                        onClick={event => onActionClick(event, action, index)}\n                        subActions={action?.subActions}\n                        actionWidthHeight={action.actionWidthHeight}\n                      />\n                    </Tooltip>\n                  ))}\n              </S.OverlayInfoTopActions>\n            </S.OverlayInfoTop>\n\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton $selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n\n          {selectable && (\n            <S.OverlaySelected\n              $selected={selected}\n              $softSelected={softSelected}\n              $customSelectedBorder={customSelectedBorder}\n            />\n          )}\n        </S.Overlay>\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.Figure>\n    );\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  // 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 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 renderSummary = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={true}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        view={'grid'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper $disabled={asset.disabled}>\n      <S.AssetGalleryGridCard\n        as={ComputedRootComponent}\n        component={component}\n        asset={asset}\n        disabled={asset.disabled}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        $softSelected={softSelected}\n        completed={asset?.completed}\n        hasError={asset?.hasError}\n        customSelectedBorder={customSelectedBorder}\n      >\n        <S.ContentWrapper\n          $layout={asset.layout}\n          ref={cardRef}\n          $softSelected={softSelected}\n          $selected={selected}\n          $customSelectedBorder={customSelectedBorder}\n        >\n          <S.Asset data-id=\"ss\" $selected={selected}>\n            {asset.previewUrl && renderPreview(asset)}\n          </S.Asset>\n\n          {renderSummary()}\n        </S.ContentWrapper>\n      </S.AssetGalleryGridCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryGridCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\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\nAssetGalleryGridCard.defaultProps = {\n  softSelected: false\n};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryGridCard, (prevProps, nextProps) => {\n    const reactiveProps = [\n      'selectable',\n      'selected',\n      'extendedSelectMode',\n      'softSelected',\n      'asset.previewUrl',\n      'asset.overlay',\n      'asset.layout'\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","ComputedActionButton","forwardRef","className","subActions","isSubActionsOpened","forwardedRef","isEmpty","contextMenuItems","map","subAction","onClick","title","icon","ContextMenuItem","onClickEffect","contextMenu","ContextMenu","Popover","content","placement","visible","zIndex","offset","ActionButton","useShadow","active","backgroundColors","actionWidthHeight","Fragment","AssetGalleryGridCard","selectable","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","isCardHovered","setIsCardHovered","useState","openedSubActions","updateOpenedSubActions","useEffect","newOpenedSubActions","actions","length","mouseHasEnteredCard","useCallback","mouseHasLeftCard","onSubActionsViewToggle","actionIndex","isOpened","index","videoPlayerRef","useRef","cardRef","dragRef","onMouseEnter","event","current","playPromise","play","undefined","then","catch","onMouseLeave","pause","onSelectClick","preventDefault","stopPropagation","onActionClick","action","shouldOpenSubActions","onContextMenu","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","HeadsetIcon","LazyLoadImage","alt","height","width","delayMethod","delayTime","threshold","$selected","$softSelected","renderVersionsBadge","note","$type","WarningCircleIcon","$isCardHovered","Tooltip","as","CheckRectangleIcon","renderMediaBadge","$customSelectedBorder","overlay","addEventListener","removeEventListener","onDragstart","scrollIntoView","behavior","block","versions","Badge","badgeIcon","LayersIcon","badgeContent","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","PlayIcon","duration","convertMsToHMS","minWidth","renderSummary","SummaryCard","activeSummaryCard","description","instructions","imageRights","instructionsType","footerLeft","summary","footerRight","view","$disabled","disabled","draggable","innerRef","completed","hasError","$layout","layout","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","defaultProps","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":"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"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js

@@ -2,12 +2,19 @@ import { rgba } from 'polished';
 import styled, { css } from 'styled-components';
 import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
 
-const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`
-  ${props => props.disabled && css`
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const AssetGalleryWrapper = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  ${props => props.$disabled && css`
       cursor: not-allowed;
     `};
 `;
-const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
+const AssetGalleryGridCard = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   display: block;
   position: relative;
   height: 100%;
@@ -16,11 +23,11 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
   border-width: ${props => {
   const {
     selected,
-    softSelected,
+    $softSelected,
     hasError,
     completed
   } = props;
-  return selected || softSelected || hasError || completed ? 3 : 1;
+  return selected || $softSelected || hasError || completed ? 3 : 1;
 }}px;
   border-style: solid;
   text-decoration: none;
@@ -57,15 +64,19 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
   return props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
 }};
 `;
-const ContentWrapper = styled.div.attrs(applyDefaultTheme)`
+const ContentWrapper = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  padding: ${props => props.selected || props.$softSelected ? 4 : 0}px;
+  padding: ${props => props.$selected || props.$softSelected ? 4 : 0}px;
   padding-top: 35px;
   height: 100%;
 `;
-const Asset = styled.div`
+const Asset = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -87,7 +98,9 @@ const Asset = styled.div`
     }
   }
 `;
-const Figure = styled.figure`
+const Figure = styled.figure.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -102,7 +115,7 @@ const Figure = styled.figure`
     width: 100%;
     box-sizing: border-box;
 
-    ${props => props.hasHeightAndWidth ? css`
+    ${props => props.$hasHeightAndWidth ? css`
             object-fit: cover;
           ` : css`
             object-fit: contain;
@@ -118,20 +131,26 @@ const Figure = styled.figure`
     }
   }
 `;
-const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
+const FigureOverlayBackdrop = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   inset: 0;
-  opacity: ${props => props.selected ? 0.6 : 0};
-  background-color: ${props => props.selected ? '#ACCEF7' : 'transparent'};
+  opacity: ${props => props.$selected ? 0.6 : 0};
+  background-color: ${props => props.$selected ? '#ACCEF7' : 'transparent'};
 `;
-const Overlay = styled.div.attrs(applyDefaultTheme)`
+const Overlay = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 `;
-const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
+const OverlayBackdrop = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -139,7 +158,7 @@ const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
   right: 0;
   opacity: 0;
   transition: opacity 220ms;
-  ${props => !props.selected ? css`
+  ${props => !props.$selected ? css`
           background: radial-gradient(
             ellipse at center,
             rgba(0, 0, 0, 0.3) 27%,
@@ -148,7 +167,7 @@ const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
           );
         ` : null}
 
-  ${props => (props.selected || props.$softSelected) && css`
+  ${props => (props.$selected || props.$softSelected) && css`
       opacity: 1;
     `}
 
@@ -160,7 +179,9 @@ const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
     opacity: 1;
   }
 `;
-const OverlayInfo = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfo = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -172,7 +193,9 @@ const OverlayInfo = styled.div.attrs(applyDefaultTheme)`
   padding: 15px 12px 10px;
   color: ${props => props.theme.getColor('gray-100')};
 `;
-const OverlaySelected = styled.div.attrs(applyDefaultTheme)`
+const OverlaySelected = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -180,7 +203,9 @@ const OverlaySelected = styled.div.attrs(applyDefaultTheme)`
   right: 0;
   pointer-events: none;
 `;
-const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoTop = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   left: 0;
   right: 0;
@@ -188,33 +213,39 @@ const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`
   padding: 8px;
   display: flex;
 `;
-const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoTopVersions = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   opacity: 1;
 
   ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
 `;
-const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoTopWarning = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   margin-left: auto;
   height: 24px;
   width: 24px;
   border-radius: 50%;
   box-sizing: border-box;
-  padding: ${props => props.type === 'error' ? 0 : '4px'};
-  background-color: ${props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
+  padding: ${props => props.$type === 'error' ? 0 : '4px'};
+  background-color: ${props => props.$type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
   opacity: 1;
 
   svg {
     width: 100%;
-    color: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
+    color: ${props => props.$type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
   }
 
   ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
 `;
-const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoTopActions = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   right: 0;
@@ -226,9 +257,11 @@ const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`
   z-index: 99999;
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
 
-  opacity: ${props => props.isCardHovered ? 1 : 0};
+  opacity: ${props => props.$isCardHovered ? 1 : 0};
 `;
-const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoBottom = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   left: 0;
   right: 0;
@@ -236,8 +269,10 @@ const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`
   padding: 8px;
   display: flex;
 `;
-const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`
-  opacity: ${props => props.selected ? 1 : 0};
+const OverlayInfoBottomSelectButton = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  opacity: ${props => props.$selected ? 1 : 0};
   flex-shrink: 0;
   cursor: pointer;
   transition: opacity 220ms;
@@ -246,7 +281,7 @@ const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`
     width: 23px;
     height: 100%;
     transition: opacity 120ms;
-    opacity: ${props => props.selected ? 1 : 0.5};
+    opacity: ${props => props.$selected ? 1 : 0.5};
   }
 
   ${Overlay}:hover & {
@@ -257,14 +292,18 @@ const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`
     opacity: 1;
   }
 `;
-const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`
+const OverlayInfoBottomMediaIcon = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   margin-left: auto;
   opacity: 1;
   ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
 `;
-const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`
+const ConsumerDefinedOverlay = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -272,7 +311,9 @@ const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`
   right: 0;
   pointer-events: none;
 `;
-const Fragment = styled.div`
+const Fragment = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
   margin: 4px;
 `;