@procore/core-react 12.14.0 → 12.16.0

package/dist/Thumbnail/Thumbnail.js

@@ -1,14 +1,19 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "as", "label", "name", "onChange", "role", "value"],
-  _excluded2 = ["children", "as", "label", "name", "onChange", "role", "value"];
+var _excluded = ["hasCaptionPlaceholder"],
+  _excluded2 = ["hasCaptionPlaceholder"],
+  _excluded3 = ["children", "as", "label", "name", "onChange", "role", "value"],
+  _excluded4 = ["hasCaptionPlaceholder"],
+  _excluded5 = ["hasCaptionPlaceholder"],
+  _excluded6 = ["children", "as", "label", "name", "onChange", "role", "value"],
+  _excluded7 = ["hasCaptionPlaceholder"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { mergeProps } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
@@ -70,11 +75,13 @@ function Label(_ref3) {
 var BasePlaceholder = /*#__PURE__*/React.forwardRef(function BasePlaceholder(props, ref) {
   var _props$filename, _thumbnail$qa;
   var thumbnail = useThumbnail(props);
+  var hasCaptionPlaceholder = props.hasCaptionPlaceholder,
+    wrapperProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(StyledThumbnailWrapper, _extends({
     ref: ref,
     layout: thumbnail.layout,
     size: thumbnail.size
-  }, props), /*#__PURE__*/React.createElement(StyledPlaceholderThumbnail, {
+  }, wrapperProps), /*#__PURE__*/React.createElement(StyledPlaceholderThumbnail, {
     focused: thumbnail.focused,
     disabled: thumbnail.disabled,
     selected: thumbnail.selected,
@@ -101,11 +108,13 @@ var BasePlaceholder = /*#__PURE__*/React.forwardRef(function BasePlaceholder(pro
 var FigurePlaceholder = /*#__PURE__*/React.forwardRef(function FigurePlaceholder(props, ref) {
   var _props$filename2, _thumbnail$qa2;
   var thumbnail = useThumbnail(props);
+  var hasCaptionPlaceholder = props.hasCaptionPlaceholder,
+    wrapperProps = _objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/React.createElement(StyledThumbnailWrapper, _extends({
     ref: ref,
     layout: thumbnail.layout,
     size: thumbnail.size
-  }, props), /*#__PURE__*/React.createElement(StyledPlaceholderThumbnail, {
+  }, wrapperProps), /*#__PURE__*/React.createElement(StyledPlaceholderThumbnail, {
     focused: thumbnail.focused,
     disabled: thumbnail.disabled,
     selected: thumbnail.selected,
@@ -139,7 +148,7 @@ var CheckboxPlaceholder = /*#__PURE__*/React.forwardRef(function CheckboxPlaceho
     onChange = _ref4.onChange,
     role = _ref4.role,
     value = _ref4.value,
-    props_ = _objectWithoutProperties(_ref4, _excluded);
+    props_ = _objectWithoutProperties(_ref4, _excluded3);
   var props = _objectSpread(_objectSpread({}, props_), {}, {
     as: as,
     label: label,
@@ -151,6 +160,8 @@ var CheckboxPlaceholder = /*#__PURE__*/React.forwardRef(function CheckboxPlaceho
     defaultSelected: props_.defaultChecked
   });
   var thumbnail = useThumbnail(props);
+  var hasCaptionPlaceholder = props_.hasCaptionPlaceholder,
+    wrapperProps = _objectWithoutProperties(props_, _excluded4);
   var isInputFocused = document.activeElement === thumbnail.inputRef.current;
   var preventSpaceOnDisabledThumbnail = function preventSpaceOnDisabledThumbnail(e) {
     if (e.key === ' ' && thumbnail.disabled) {
@@ -166,7 +177,7 @@ var CheckboxPlaceholder = /*#__PURE__*/React.forwardRef(function CheckboxPlaceho
     ref: ref,
     layout: thumbnail.layout,
     size: thumbnail.size
-  }, props_, {
+  }, wrapperProps, {
     onClick: function onClick(e) {
       if (!thumbnail.disabled) {
         var _thumbnail$onClick;
@@ -229,11 +240,13 @@ function PlaceholderInner(props, ref) {
 var BaseThumbnail = /*#__PURE__*/React.forwardRef(function BaseThumbnail(props, ref) {
   var _thumbnail$filename, _thumbnail$qa4;
   var thumbnail = useThumbnail(props);
+  var hasCaptionPlaceholder = props.hasCaptionPlaceholder,
+    wrapperProps = _objectWithoutProperties(props, _excluded5);
   return /*#__PURE__*/React.createElement(StyledThumbnailWrapper, _extends({
     ref: ref,
     layout: thumbnail.layout,
     size: thumbnail.size
-  }, props), /*#__PURE__*/React.createElement(StyledImageThumbnail, {
+  }, wrapperProps), /*#__PURE__*/React.createElement(StyledImageThumbnail, {
     focused: thumbnail.focused,
     disabled: thumbnail.disabled,
     selected: thumbnail.selected,
@@ -310,7 +323,7 @@ var CheckboxThumbnail = /*#__PURE__*/React.forwardRef(function CheckboxThumbnail
     onChange = _ref5.onChange,
     role = _ref5.role,
     value = _ref5.value,
-    props_ = _objectWithoutProperties(_ref5, _excluded2);
+    props_ = _objectWithoutProperties(_ref5, _excluded6);
   var props = _objectSpread(_objectSpread({}, props_), {}, {
     as: as,
     label: label,
@@ -323,6 +336,8 @@ var CheckboxThumbnail = /*#__PURE__*/React.forwardRef(function CheckboxThumbnail
     defaultSelected: props_.defaultChecked
   });
   var thumbnail = useThumbnail(props);
+  var hasCaptionPlaceholder = props_.hasCaptionPlaceholder,
+    wrapperProps = _objectWithoutProperties(props_, _excluded7);
   var isInputFocused = document.activeElement === thumbnail.inputRef.current;
   var preventSpaceOnDisabledThumbnail = function preventSpaceOnDisabledThumbnail(e) {
     if (e.key === ' ' && thumbnail.disabled) {
@@ -337,7 +352,7 @@ var CheckboxThumbnail = /*#__PURE__*/React.forwardRef(function CheckboxThumbnail
   return /*#__PURE__*/React.createElement(StyledThumbnailWrapper, _extends({
     layout: thumbnail.layout,
     size: thumbnail.size
-  }, props_, {
+  }, wrapperProps, {
     onClick: function onClick(e) {
       if (!thumbnail.disabled) {
         var _thumbnail$onClick2;

package/dist/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","_extends","layout","focused","clickable","toggleState","isSelected","variant","filename","error","qa","caption","multiline","hasCaptionPlaceholder","FigurePlaceholder","_props$filename2","_thumbnail$qa2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","role","value","props_","_objectWithoutProperties","_excluded","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","concat","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","isImageURL","shouldUsePlaceholder","src","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_props$qa","_excluded2","_thumbnail$onClick2","type","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport { getThumbnailVariantForFilename } from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      selected={selected}\n      size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  ) : null\n}\n\nfunction Label({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  ) : null\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={`${thumbnail.label} ${thumbnail.caption}` || 'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const thumbnail = useThumbnail(props)\n    return (\n      <StyledThumbnailWrapper layout={thumbnail.layout} size={thumbnail.size}>\n        <StyledImageThumbnail\n          ref={ref}\n          focused={thumbnail.focused}\n          disabled={thumbnail.disabled}\n          selected={thumbnail.selected}\n          clickable={thumbnail.clickable}\n          size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n        />\n      </StyledThumbnailWrapper>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={props.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":";;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SACEC,cAAc,EACdC,oBAAoB,EACpBC,yBAAyB,EACzBC,2BAA2B,EAC3BC,WAAW,EACXC,eAAe,EACfC,0BAA0B,EAC1BC,yBAAyB,EACzBC,sBAAsB,EACtBC,cAAc,QACT,oBAAoB;AAY3B,SAASC,8BAA8B,QAAQ,mBAAmB;AAClE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,IAAMC,WAAW,GAAG,IAAI;AAExB,SAASC,QAAQA,CAAAC,IAAA,EAAkD;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA/CE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGH,WAAW,GAAAG,SAAA;IAAEE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAC9C,IAAMC,IAAI,GAAGvB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAyB,aAAA,CAACX,cAAc;IACb,eAAaS,QAAQ,GAAG,KAAK,GAAG,IAAK;IACrC,cAAYA,QAAQ,GAAGC,IAAI,CAACE,CAAC,CAAC,wBAAwB,CAAC,GAAGC;IAC1D;IAAA;IACAC,SAAS,EAAE,KAAM;IACjBL,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXO,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElCjC,KAAA,CAAAyB,aAAA;IACES,CAAC,EAAC,kHAAkH;IACpHF,IAAI,EAAC;EAAO,CACb,CAAC,eACFhC,KAAA,CAAAyB,aAAA;IACEU,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC,8LAA8L;IAChMF,IAAI,EAAC;EAAkB,CACxB,CAAC,eACFhC,KAAA,CAAAyB,aAAA;IACES,CAAC,EAAC,gQAAgQ;IAClQF,IAAI,EAAC;EAAO,CACb,CACa,CAAC;AAErB;AAEA,SAASK,UAAUA,CAAAC,KAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EACnC,OAAOD,KAAK,gBACVvC,KAAA,CAAAyB,aAAA,CAACb,yBAAyB;IAAC6B,MAAM,EAAED,QAAQ,GAAG,QAAQ,GAAG;EAAS,GAC/DD,KACwB,CAAC,GAC1B,IAAI;AACV;AAEA,SAASG,KAAKA,CAAAC,KAAA,EAAkC;EAAA,IAA/BJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;IAAEC,QAAQ,GAAAG,KAAA,CAARH,QAAQ;EAC9B,OAAOD,KAAK,gBACVvC,KAAA,CAAAyB,aAAA,CAAChB,WAAW,qBACVT,KAAA,CAAAyB,aAAA,CAACf,eAAe;IAACkC,MAAM,EAAC,OAAO;IAACC,MAAM,EAAC;EAAM,GAC1CN,KACc,CACN,CAAC,GACZ,IAAI;AACV;AAEA,IAAMO,eAAe,gBAAG9C,KAAK,CAAC+C,UAAU,CAGtC,SAASD,eAAeA,CACxBE,KAAkC,EAClCC,GAA4B,EAC5B;EAAA,IAAAC,eAAA,EAAAC,aAAA;EACA,IAAMC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBAErBtB,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAmC,eAAA,GAACF,KAAK,CAACY,QAAQ,cAAAV,eAAA,cAAAA,eAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAX,aAAA,GAAEC,SAAS,CAACU,EAAE,cAAAX,aAAA,uBAAZA,aAAA,CAAcY,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAM0B,iBAAiB,gBAAGlE,KAAK,CAAC+C,UAAU,CAGxC,SAASmB,iBAAiBA,CAC1BlB,KAAiC,EACjCC,GAA2B,EAC3B;EAAA,IAAAkB,gBAAA,EAAAC,cAAA;EACA,IAAMhB,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrB+C,EAAE,EAAEjB,SAAS,CAACiB;EAAG,gBAEjBrE,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAoD,gBAAA,GAACnB,KAAK,CAACY,QAAQ,cAAAO,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDf,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACY,UAAU;IAACE,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CACpE,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAM,cAAA,GAAEhB,SAAS,CAACU,EAAE,cAAAM,cAAA,uBAAZA,cAAA,CAAcL,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAM8B,mBAAmB,gBAAGtE,KAAK,CAAC+C,UAAU,CAG1C,SAASuB,mBAAmBA,CAAAC,KAAA,EAE5BtB,GAAG,EACH;EAAA,IAAAuB,gBAAA,EAAAC,cAAA;EAAA,IAFEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEL,EAAE,GAAAE,KAAA,CAAFF,EAAE;IAAE9B,KAAK,GAAAgC,KAAA,CAALhC,KAAK;IAAEoC,IAAI,GAAAJ,KAAA,CAAJI,IAAI;IAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;IAAEC,IAAI,GAAAN,KAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,KAAA,CAALO,KAAK;IAAKC,MAAM,GAAAC,wBAAA,CAAAT,KAAA,EAAAU,SAAA;EAG7D,IAAMjC,KAAK,GAAAkC,aAAA,CAAAA,aAAA,KACNH,MAAM;IACTV,EAAE,EAAFA,EAAE;IACF9B,KAAK,EAALA,KAAK;IACLqC,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJC,KAAK,EAALA,KAAK;IACLK,UAAU,EAAEJ,MAAM,CAACvC,QAAQ;IAC3BkB,UAAU,EAAEqB,MAAM,CAACK,OAAO;IAC1BC,eAAe,EAAEN,MAAM,CAACO;EAAc,EACvC;EACD,IAAMlC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,IAAMuC,cAAc,GAAGC,QAAQ,CAACC,aAAa,KAAKrC,SAAS,CAACsC,QAAQ,CAACC,OAAO;EAE5E,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAIC,CAAsB,EAAK;IAClE,IAAIA,CAAC,CAACC,GAAG,KAAK,GAAG,IAAI1C,SAAS,CAACZ,QAAQ,EAAE;MACvCqD,CAAC,CAACE,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED/F,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIhD,KAAK,CAACO,OAAO,IAAIH,SAAS,CAACsC,QAAQ,CAACC,OAAO,EAAE;MAC/CvC,SAAS,CAACsC,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACjD,KAAK,CAACO,OAAO,EAAEH,SAAS,CAACsC,QAAQ,CAAC,CAAC;EAEvC,oBACE1F,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjByD,MAAM;IACVmB,OAAO,EAAE,SAAAA,QAACL,CAAC,EAAK;MACd,IAAI,CAACzC,SAAS,CAACZ,QAAQ,EAAE;QAAA,IAAA2D,kBAAA;QACvB/C,SAAS,CAACK,WAAW,CAAC2C,MAAM,CAAC,CAAC;QAC9B,CAAAD,kBAAA,GAAA/C,SAAS,CAAC8C,OAAO,cAAAC,kBAAA,uBAAjBA,kBAAA,CAAAE,IAAA,CAAAjD,SAAS,EAAWyC,CAAC,CAAC;MACxB;IACF;EAAE,iBAEF7F,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAO,IAAIgC,cAAe;IAC7C/C,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBAErBtB,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAyD,gBAAA,GAACxB,KAAK,CAACY,QAAQ,cAAAY,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDpB,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAW,cAAA,GAAErB,SAAS,CAACU,EAAE,cAAAW,cAAA,uBAAZA,cAAA,CAAcV,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CAAC,eACFxC,KAAA,CAAAyB,aAAA,CAAC1B,cAAc,qBACbC,KAAA,CAAAyB,aAAA,UAAA4B,QAAA;IACEJ,GAAG,EAAE9C,SAAS,CAACiD,SAAS,CAACsC,QAAQ,EAAEzC,GAAG,CAAE;IACxC,cAAY,GAAAqD,MAAA,CAAGlD,SAAS,CAACb,KAAK,OAAA+D,MAAA,CAAIlD,SAAS,CAACW,OAAO,KAAM,UAAW;IACpEvB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,GACzB1C,UAAU,CAACsD,SAAS,CAACmD,UAAU,EAAEnD,SAAS,CAACoD,UAAU,CAAC;IAC1DC,SAAS,EAAEb;EAAgC,EAC5C,CACa,CACM,CAAC;AAE7B,CAAC,CAAC;AAEF,SAASc,gBAAgBA,CACvB1D,KAA0C,EAC1CC,GAAoC,EACpC;EACA,QAAQD,KAAK,CAAC6B,IAAI;IAChB,KAAK,UAAU;MAAE;QACf,oBACE7E,KAAA,CAAAyB,aAAA,CAAC6C,mBAAmB,EAAAjB,QAAA;UAClBJ,GAAG,EAAEA;QAAmC,GACnCD,KAAK,CACX,CAAC;MAEN;IACA,KAAK,QAAQ;MAAE;QACb,oBACEhD,KAAA,CAAAyB,aAAA,CAACyC,iBAAiB,EAAAb,QAAA;UAChBJ,GAAG,EAAEA;QAA8B,GAC9BD,KAAK,CACX,CAAC;MAEN;IACA;MAAS;QACP,oBACEhD,KAAA,CAAAyB,aAAA,CAACqB,eAAe,EAAAO,QAAA;UACdJ,GAAG,EAAEA;QAAiC,GACjCD,KAAK,CACX,CAAC;MAEN;EACF;AACF;AAEA,IAAM2D,aAAa,gBAAG3G,KAAK,CAAC+C,UAAU,CAGpC,SAAS4D,aAAaA,CACtB3D,KAAgC,EAChCC,GAA4B,EAC5B;EAAA,IAAA2D,mBAAA,EAAAC,cAAA;EACA,IAAMzD,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnBiD,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GAEpB8B,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAA6F,mBAAA,GAACxD,SAAS,CAACQ,QAAQ,cAAAgD,mBAAA,cAAAA,mBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACAxD,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAA+C,cAAA,GAAEzD,SAAS,CAACU,EAAE,cAAA+C,cAAA,uBAAZA,cAAA,CAAc9C,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAET,SAAS,CAACS;EAAM,CACxB,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAMsD,eAAe,gBAAGnH,KAAK,CAAC+C,UAAU,CACtC,SAASoE,eAAeA,CACtBnE,KAA+B,EAC/BC,GAA2B,EAC3B;EAAA,IAAAmE,oBAAA,EAAAC,cAAA;EACA,IAAMjE,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB;IAACyC,MAAM,EAAEF,SAAS,CAACE,MAAO;IAAChC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBACrEtB,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnB2C,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrB+C,EAAE,EAAEjB,SAAS,CAACiB;EAAG,GAEhBjB,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAAqG,oBAAA,GAAChE,SAAS,CAACQ,QAAQ,cAAAwD,oBAAA,cAAAA,oBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACAhE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACY,UAAU;IAACE,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CACpE,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAAuD,cAAA,GAAEjE,SAAS,CAACU,EAAE,cAAAuD,cAAA,uBAAZA,cAAA,CAActD,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAET,SAAS,CAACS;EAAM,CACxB,CACqB,CAAC;AAE7B,CACF,CAAC;AAED,IAAMyD,iBAAiB,gBAAGtH,KAAK,CAAC+C,UAAU,CAGxC,SAASuE,iBAAiBA,CAAAC,KAAA,EAE1BtE,GAAG,EACH;EAAA,IAAAuE,oBAAA,EAAAC,SAAA;EAAA,IAFE/C,QAAQ,GAAA6C,KAAA,CAAR7C,QAAQ;IAAEL,EAAE,GAAAkD,KAAA,CAAFlD,EAAE;IAAE9B,KAAK,GAAAgF,KAAA,CAALhF,KAAK;IAAEoC,IAAI,GAAA4C,KAAA,CAAJ5C,IAAI;IAAEC,QAAQ,GAAA2C,KAAA,CAAR3C,QAAQ;IAAEC,IAAI,GAAA0C,KAAA,CAAJ1C,IAAI;IAAEC,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IAAKC,MAAM,GAAAC,wBAAA,CAAAuC,KAAA,EAAAG,UAAA;EAG7D,IAAM1E,KAAK,GAAAkC,aAAA,CAAAA,aAAA,KACNH,MAAM;IACTV,EAAE,EAAFA,EAAE;IACF9B,KAAK,EAALA,KAAK;IACLoC,IAAI,EAAJA,IAAI;IACJC,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJC,KAAK,EAALA,KAAK;IACLK,UAAU,EAAEJ,MAAM,CAACvC,QAAQ;IAC3BkB,UAAU,EAAEqB,MAAM,CAACK,OAAO;IAC1BC,eAAe,EAAEN,MAAM,CAACO;EAAc,EACvC;EACD,IAAMlC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,IAAMuC,cAAc,GAAGC,QAAQ,CAACC,aAAa,KAAKrC,SAAS,CAACsC,QAAQ,CAACC,OAAO;EAE5E,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CACnCC,CAAwC,EACrC;IACH,IAAIA,CAAC,CAACC,GAAG,KAAK,GAAG,IAAI1C,SAAS,CAACZ,QAAQ,EAAE;MACvCqD,CAAC,CAACE,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED/F,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIhD,KAAK,CAACO,OAAO,IAAIH,SAAS,CAACsC,QAAQ,CAACC,OAAO,EAAE;MAC/CvC,SAAS,CAACsC,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACjD,KAAK,CAACO,OAAO,EAAEH,SAAS,CAACsC,QAAQ,CAAC,CAAC;EAEvC,oBACE1F,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjByD,MAAM;IACVmB,OAAO,EAAE,SAAAA,QAACL,CAAC,EAAK;MACd,IAAI,CAACzC,SAAS,CAACZ,QAAQ,EAAE;QAAA,IAAAmF,mBAAA;QACvBvE,SAAS,CAACK,WAAW,CAAC2C,MAAM,CAAC,CAAC;QAC9B,CAAAuB,mBAAA,GAAAvE,SAAS,CAAC8C,OAAO,cAAAyB,mBAAA,uBAAjBA,mBAAA,CAAAtB,IAAA,CAAAjD,SAAS,EAAWyC,CAAC,CAAC;MACxB;IACF;EAAE,iBAEF7F,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnBiD,OAAO,EAAEH,SAAS,CAACG,OAAO,IAAIgC,cAAe;IAC7C/C,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GAEpB8B,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAAyG,oBAAA,GAACpE,SAAS,CAACQ,QAAQ,cAAA4D,oBAAA,cAAAA,oBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACApE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAA2D,SAAA,GAAEzE,KAAK,CAACc,EAAE,cAAA2D,SAAA,uBAARA,SAAA,CAAU1D,OAAQ;IACtBC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAEb,KAAK,CAACa;EAAM,CACpB,CAAC,eACF7D,KAAA,CAAAyB,aAAA,CAAC1B,cAAc,qBACbC,KAAA,CAAAyB,aAAA,UAAA4B,QAAA;IACEJ,GAAG,EAAE9C,SAAS,CAACiD,SAAS,CAACsC,QAAQ,EAAEzC,GAAG,CAAE;IACxC2E,IAAI,EAAE,UAAW;IACjBpF,QAAQ,EAAEY,SAAS,CAACZ;EAAS,GACzB1C,UAAU,CAACsD,SAAS,CAACmD,UAAU,EAAEnD,SAAS,CAACoD,UAAU,CAAC;IAC1DC,SAAS,EAAEb;EAAgC,EAC5C,CACa,CACM,CAAC;AAE7B,CAAC,CAAC;AAEF,SAASiC,cAAcA,CACrB7E,KAAwC,EACxCC,GAAoC,EACpC;EACA,IAAM6E,MAAM,GAAG9E,KAAK,CAACgE,GAAG,YAAYe,IAAI;EACxC,IAAMjB,UAAU,GAAG,OAAO9D,KAAK,CAACgE,GAAG,KAAK,QAAQ;EAEhD,IAAI,CAACc,MAAM,IAAI,CAAChB,UAAU,EAAE;IAC1BkB,OAAO,CAACC,IAAI,CAAC,2BAA2B,EAAEjF,KAAK,CAACgE,GAAG,CAAC;EACtD;EAEA,QAAQhE,KAAK,CAAC6B,IAAI;IAChB,KAAK,UAAU;MAAE;QACf,oBACE7E,KAAA,CAAAyB,aAAA,CAAC6F,iBAAiB,EAAAjE,QAAA;UAChBJ,GAAG,EAAEA;QAAmC,GACnCD,KAAK,CACX,CAAC;MAEN;IACA,KAAK,QAAQ;MAAE;QACb,oBACEhD,KAAA,CAAAyB,aAAA,CAAC0F,eAAe,EAAA9D,QAAA;UACdJ,GAAG,EAAEA;QAA8B,GAC9BD,KAAK,CACX,CAAC;MAEN;IACA;MAAS;QACP,oBACEhD,KAAA,CAAAyB,aAAA,CAACkF,aAAa,EAAAtD,QAAA;UACZJ,GAAG,EAAEA;QAAiC,GACjCD,KAAK,CACX,CAAC;MAEN;EACF;AACF;AAEA,IAAMkF,UAAU,gBAAGlI,KAAK,CAAC+C,UAAU,CAAC8E,cAAc,CAMZ;AAEtC,IAAMM,WAAW,gBAAGnI,KAAK,CAAC+C,UAAU,CAAC2D,gBAAgB,CAMb;;AAExC;AACAyB,WAAW,CAACC,WAAW,GAAG,uBAAuB;;AAEjD;AACAF,UAAU,CAACE,WAAW,GAAG,WAAW;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAGnI,gBAAgB,CAAC;EAAEiI,WAAW,EAAXA;AAAY,CAAC,EAAED,UAAU,CAAC"}
+{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","hasCaptionPlaceholder","wrapperProps","_objectWithoutProperties","_excluded","_extends","layout","focused","clickable","toggleState","isSelected","variant","filename","error","qa","caption","multiline","FigurePlaceholder","_props$filename2","_thumbnail$qa2","_excluded2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","role","value","props_","_excluded3","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","_excluded4","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","concat","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","_excluded5","isImageURL","shouldUsePlaceholder","src","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_props$qa","_excluded6","_excluded7","_thumbnail$onClick2","type","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport { getThumbnailVariantForFilename } from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      selected={selected}\n      size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  ) : null\n}\n\nfunction Label({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  ) : null\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={`${thumbnail.label} ${thumbnail.caption}` || 'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const thumbnail = useThumbnail(props)\n    return (\n      <StyledThumbnailWrapper layout={thumbnail.layout} size={thumbnail.size}>\n        <StyledImageThumbnail\n          ref={ref}\n          focused={thumbnail.focused}\n          disabled={thumbnail.disabled}\n          selected={thumbnail.selected}\n          clickable={thumbnail.clickable}\n          size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n        />\n      </StyledThumbnailWrapper>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={props.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.styles.js

@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_14_0__sc-195f70c-0"
+  componentId: "core-12_16_0__sc-195f70c-0"
 })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_14_0__sc-195f70c-1"
+  componentId: "core-12_16_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_14_0__sc-195f70c-2"
+  componentId: "core-12_16_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_14_0__sc-195f70c-3"
+  componentId: "core-12_16_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_14_0__sc-195f70c-4"
+  componentId: "core-12_16_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_14_0__sc-195f70c-5"
+  componentId: "core-12_16_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_14_0__sc-195f70c-6"
+  componentId: "core-12_16_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_14_0__sc-195f70c-7"
+  componentId: "core-12_16_0__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_14_0__sc-195f70c-8"
+  componentId: "core-12_16_0__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_14_0__sc-195f70c-9"
+  componentId: "core-12_16_0__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref11) {
   var selected = _ref11.selected;
   return selected ? "\n        opacity: 1;\n        transform: scale(1);\n      " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_14_0__sc-195f70c-10"
+  componentId: "core-12_16_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_14_0__sc-195f70c-11"
+  componentId: "core-12_16_0__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref13) {
   var $bgImage = _ref13.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_14_0__sc-195f70c-12"
+  componentId: "core-12_16_0__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_14_0__sc-195f70c-13"
+  componentId: "core-12_16_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_14_0__sc-195f70c-14"
+  componentId: "core-12_16_0__sc-195f70c-14"
 })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref14) {
   var disabled = _ref14.disabled;
   return disabled ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n        ").concat(StyledFileIcon, " {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_14_0__sc-195f70c-15"
+  componentId: "core-12_16_0__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref20) {
   var size = _ref20.size;
   return size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_14_0__sc-195f70c-16"
+  componentId: "core-12_16_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';

package/dist/Thumbnail/Thumbnail.types.d.ts

@@ -31,7 +31,7 @@ export interface BaseThumbnailProps extends Props {
      */
     alt?: string;
     /**
-     * An image URL or a <Code>File</Code> to generate a preview for
+     * An image URL or a `File` to generate a preview for
      * @since 10.19.0
      */
     src?: File | string | null;
@@ -82,8 +82,7 @@ export interface BaseThumbnailProps extends Props {
     /**
      * Unless variant is provided, filename is used
      * to choose a placeholder icon based on extension.
-     * E.g. for 'filename="panda.png"', image {' '}
-     * variant will be used
+     * E.g. for 'filename="panda.png"', image variant will be used
      * @since 11.7.0
      * */
     filename?: string;

package/dist/Thumbnail/Thumbnail.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\ninterface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a <Code>File</Code> to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image {' '}\n   * variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\ninterface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a `File` to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":""}

package/dist/Thumbnail/ThumbnailCaption.js

@@ -82,12 +82,12 @@ export function ThumbnailCaption(_ref4) {
   if (!caption) {
     var captionPlaceholder = hasCaptionPlaceholder && '- -';
     if (captionPlaceholder) {
-      return /*#__PURE__*/React.createElement(StyledPlaceholderCaption, _extends({}, props, {
+      return /*#__PURE__*/React.createElement(StyledPlaceholderCaption, {
         disabled: disabled,
         error: error,
         layout: layout,
         "data-qa": qa
-      }), /*#__PURE__*/React.createElement(StyledCaptionText, null, captionPlaceholder));
+      }, /*#__PURE__*/React.createElement(StyledCaptionText, null, captionPlaceholder));
     }
     return null;
   }

package/dist/Thumbnail/ThumbnailCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCaption.js","names":["React","Tooltip","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","CaptionTooltip","_ref","children","overlay","isVisible","createElement","Content","placement","trigger","MultilineCaption","_ref2","disabled","caption","error","layout","qa","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","_extends","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React from 'react'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  CaptionTooltipProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction CaptionTooltip({ children, overlay, isVisible }: CaptionTooltipProps) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={isVisible ? 'hover' : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nfunction MultilineCaption({\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      {/* additional container is needed because Tooltip overrides the passed `ref` */}\n      <span data-qa={qa}>\n        <StyledMultilineCaption\n          ref={ref}\n          disabled={disabled}\n          error={error}\n          layout={layout}\n          {...props}\n        >\n          <StyledCaptionText>{caption}</StyledCaptionText>\n        </StyledMultilineCaption>\n      </span>\n    </CaptionTooltip>\n  )\n}\n\nfunction SinglelineCaption({\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      <StyledSingleLineCaption\n        error={error}\n        disabled={disabled}\n        layout={layout}\n        data-qa={qa}\n        {...props}\n      >\n        <StyledSinglelineCaptionBody ref={ref}>\n          {isFilename ? `${filename}.` : caption}\n        </StyledSinglelineCaptionBody>\n        {isFilename && (\n          <StyledSinglelineCaptionEnding>\n            {extension}\n          </StyledSinglelineCaptionEnding>\n        )}\n      </StyledSingleLineCaption>\n    </CaptionTooltip>\n  )\n}\n\nexport function ThumbnailCaption({\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          {...props}\n          disabled={disabled}\n          error={error}\n          layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        disabled={disabled}\n        caption={caption}\n        error={error}\n        layout={layout}\n        qa={qa}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      caption={caption}\n      disabled={disabled}\n      error={error}\n      layout={layout}\n      qa={qa}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThumbnailCaption.js","names":["React","Tooltip","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","CaptionTooltip","_ref","children","overlay","isVisible","createElement","Content","placement","trigger","MultilineCaption","_ref2","disabled","caption","error","layout","qa","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","_extends","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React from 'react'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  CaptionTooltipProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction CaptionTooltip({ children, overlay, isVisible }: CaptionTooltipProps) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={isVisible ? 'hover' : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nfunction MultilineCaption({\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      {/* additional container is needed because Tooltip overrides the passed `ref` */}\n      <span data-qa={qa}>\n        <StyledMultilineCaption\n          ref={ref}\n          disabled={disabled}\n          error={error}\n          layout={layout}\n          {...props}\n        >\n          <StyledCaptionText>{caption}</StyledCaptionText>\n        </StyledMultilineCaption>\n      </span>\n    </CaptionTooltip>\n  )\n}\n\nfunction SinglelineCaption({\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      <StyledSingleLineCaption\n        error={error}\n        disabled={disabled}\n        layout={layout}\n        data-qa={qa}\n        {...props}\n      >\n        <StyledSinglelineCaptionBody ref={ref}>\n          {isFilename ? `${filename}.` : caption}\n        </StyledSinglelineCaptionBody>\n        {isFilename && (\n          <StyledSinglelineCaptionEnding>\n            {extension}\n          </StyledSinglelineCaptionEnding>\n        )}\n      </StyledSingleLineCaption>\n    </CaptionTooltip>\n  )\n}\n\nexport function ThumbnailCaption({\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          disabled={disabled}\n          error={error}\n          layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        disabled={disabled}\n        caption={caption}\n        error={error}\n        layout={layout}\n        qa={qa}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      caption={caption}\n      disabled={disabled}\n      error={error}\n      layout={layout}\n      qa={qa}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_14_0__sc-1inrbm9-0"
+  componentId: "core-12_16_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_14_0__sc-1inrbm9-1"
+  componentId: "core-12_16_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_14_0__sc-1inrbm9-2"
+  componentId: "core-12_16_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_14_0__sc-1inrbm9-3"
+  componentId: "core-12_16_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_14_0__sc-1inrbm9-4"
+  componentId: "core-12_16_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_14_0__sc-1inrbm9-5"
+  componentId: "core-12_16_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_14_0__sc-1inrbm9-6"
+  componentId: "core-12_16_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map