@procore/core-react 11.24.1 → 11.24.2

package/dist/TextEditor/TextEditor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import { Editor, IAllProps } from '@tinymce/tinymce-react'\nimport React from 'react'\nimport { Locale } from '../_hooks/I18n'\n\ntype TextEditorFeatureToggle = {\n  stickyToolbar?: boolean\n  tabAsNavigation?: boolean\n}\n\n/**\n * Expect context to change the `init` config of the below `TextEditor`s.\n * **Changes after the editor has initialized are ignored.**\n * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)\n */\nexport interface TextEditorProviderProps {\n  children: React.ReactNode\n  /**\n   * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n   * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.\n   */\n  features?: TextEditorFeatureToggle\n}\n\nexport interface TextEditorProps\n  extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @unsupported Use at your own risk. DST makes no guarantees about this API,\n   * and is subject to removal at any point without warning or deprecation.\n   * @since 10.19.0\n   */\n  init?: IAllProps['init']\n  /**\n   * @deprecated\n   * `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   *\n   * The first value passed into `value` prop will be the `TextEditor` initial\n   * value. Changing the value will update the text of the `TextEditor`.\n   * The editor should be controlled via the combination of `value`\n   * and `onChange` props.\n   *\n   * **Before**\n   *\n   * `<TextEditor initialValue=\"Hello World\" />`\n   *\n   * **After**\n   *\n   * `<TextEditor value=\"Hello World\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * Locale which will be used used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider. Icelandic (is-IS) is not\n   * actually supported by TinyMCE, so it is defaulted to english.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * <div>onChange event handler for text editor area</div>\n   * <CodeBlock>(content: string) => void</CodeBlock>\n   * @since 10.19.0\n   */\n  onChange?: (content: string, isDirty?: boolean) => void\n\n  /**\n   * <div>\n   *  Array of plugins to use with the editor in addition to the defaults.\n   *  Can be any of:\n   * </div>\n   * <CodeBlock>\n   *  [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  plugins?: Array<string>\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Editor, IAllProps } from '@tinymce/tinymce-react'\nimport type React from 'react'\nimport type { Locale } from '../_hooks/I18n'\n\ntype TextEditorFeatureToggle = {\n  stickyToolbar?: boolean\n  tabAsNavigation?: boolean\n}\n\n/**\n * Expect context to change the `init` config of the below `TextEditor`s.\n * **Changes after the editor has initialized are ignored.**\n * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)\n */\nexport interface TextEditorProviderProps {\n  children: React.ReactNode\n  /**\n   * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n   * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.\n   */\n  features?: TextEditorFeatureToggle\n}\n\nexport interface TextEditorProps\n  extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @unsupported Use at your own risk. DST makes no guarantees about this API,\n   * and is subject to removal at any point without warning or deprecation.\n   * @since 10.19.0\n   */\n  init?: IAllProps['init']\n  /**\n   * @deprecated\n   * `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   *\n   * The first value passed into `value` prop will be the `TextEditor` initial\n   * value. Changing the value will update the text of the `TextEditor`.\n   * The editor should be controlled via the combination of `value`\n   * and `onChange` props.\n   *\n   * **Before**\n   *\n   * `<TextEditor initialValue=\"Hello World\" />`\n   *\n   * **After**\n   *\n   * `<TextEditor value=\"Hello World\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * Locale which will be used used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider. Icelandic (is-IS) is not\n   * actually supported by TinyMCE, so it is defaulted to english.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * <div>onChange event handler for text editor area</div>\n   * <CodeBlock>(content: string) => void</CodeBlock>\n   * @since 10.19.0\n   */\n  onChange?: (content: string, isDirty?: boolean) => void\n\n  /**\n   * <div>\n   *  Array of plugins to use with the editor in addition to the defaults.\n   *  Can be any of:\n   * </div>\n   * <CodeBlock>\n   *  [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  plugins?: Array<string>\n}\n"],"mappings":""}

package/dist/TextEditorOutput/TextEditorOutput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { TextEditorOutputProps } from './TextEditorOutput.types';
+import type { DivAttributes } from '../_utils/types';
+import type { TextEditorOutputProps } from './TextEditorOutput.types';
 /**
 
  We use TextEditorOutput to render formatted text.

package/dist/TextEditorOutput/TextEditorOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.js","names":["Editor","React","generateExternalPlugins","tinyMCEConfig","tinyMCESource","tinyMCEVersion","StyledEditor","TextEditorOutput","forwardRef","_ref","ref","value","initOverrides","init","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","external_plugins","toolbar","autoresize_overflow_padding","min_height","content_style","tinymceScriptSrc","concat","disabled","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React from 'react'\nimport {\n  generateExternalPlugins,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { DivAttributes } from '../_utils/types'\nimport { StyledEditor } from './TextEditorOutput.styles'\nimport { TextEditorOutputProps } from './TextEditorOutput.types'\n\n/**\n\n We use TextEditorOutput to render formatted text.\n\n @since 10.24.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-texteditoroutput--demo)\n\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps & DivAttributes\n>(function TextEditorOutput({ value, init: initOverrides, ...props }, ref) {\n  return (\n    <StyledEditor {...props} ref={ref}>\n      <Editor\n        value={value}\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(['autoresize']),\n          toolbar: false,\n          autoresize_overflow_padding: 0,\n          min_height: 0,\n          content_style: `body { margin: 0; padding: 0; } p { margin: 0; }`,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        disabled\n      />\n    </StyledEditor>\n  )\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;;;;;;;AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,uBAAuB,EACvBC,aAAa,EACbC,aAAa,EACbC,cAAc,QACT,mBAAmB;AAE1B,SAASC,YAAY,QAAQ,2BAA2B;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAG9C,SAASD,gBAAgBA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAQC,aAAa,GAAAH,IAAA,CAAnBI,IAAI;IAAoBC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAChE,oBACEf,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAAY,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBAChCT,KAAA,CAAAgB,aAAA,CAACjB,MAAM;IACLW,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAAM,aAAA,CAAAA,aAAA,KACChB,aAAa;MAChBiB,gBAAgB,EAAElB,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC;MACzDmB,OAAO,EAAE,KAAK;MACdC,2BAA2B,EAAE,CAAC;MAC9BC,UAAU,EAAE,CAAC;MACbC,aAAa;IAAoD,GAC9DZ,aAAa,CAChB;IACFa,gBAAgB,KAAAC,MAAA,CAAKtB,aAAa,OAAAsB,MAAA,CAAIrB,cAAc,oBAAkB;IACtEsB,QAAQ;EAAA,CACT,CACW,CAAC;AAEnB,CAAC,CAAC;AAEFpB,gBAAgB,CAACqB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"TextEditorOutput.js","names":["Editor","React","generateExternalPlugins","tinyMCEConfig","tinyMCESource","tinyMCEVersion","StyledEditor","TextEditorOutput","forwardRef","_ref","ref","value","initOverrides","init","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","external_plugins","toolbar","autoresize_overflow_padding","min_height","content_style","tinymceScriptSrc","concat","disabled","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React from 'react'\nimport {\n  generateExternalPlugins,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledEditor } from './TextEditorOutput.styles'\nimport type { TextEditorOutputProps } from './TextEditorOutput.types'\n\n/**\n\n We use TextEditorOutput to render formatted text.\n\n @since 10.24.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-texteditoroutput--demo)\n\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps & DivAttributes\n>(function TextEditorOutput({ value, init: initOverrides, ...props }, ref) {\n  return (\n    <StyledEditor {...props} ref={ref}>\n      <Editor\n        value={value}\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(['autoresize']),\n          toolbar: false,\n          autoresize_overflow_padding: 0,\n          min_height: 0,\n          content_style: `body { margin: 0; padding: 0; } p { margin: 0; }`,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        disabled\n      />\n    </StyledEditor>\n  )\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;;;;;;;AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,uBAAuB,EACvBC,aAAa,EACbC,aAAa,EACbC,cAAc,QACT,mBAAmB;AAE1B,SAASC,YAAY,QAAQ,2BAA2B;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAG9C,SAASD,gBAAgBA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAQC,aAAa,GAAAH,IAAA,CAAnBI,IAAI;IAAoBC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAChE,oBACEf,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAAY,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBAChCT,KAAA,CAAAgB,aAAA,CAACjB,MAAM;IACLW,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAAM,aAAA,CAAAA,aAAA,KACChB,aAAa;MAChBiB,gBAAgB,EAAElB,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC;MACzDmB,OAAO,EAAE,KAAK;MACdC,2BAA2B,EAAE,CAAC;MAC9BC,UAAU,EAAE,CAAC;MACbC,aAAa;IAAoD,GAC9DZ,aAAa,CAChB;IACFa,gBAAgB,KAAAC,MAAA,CAAKtB,aAAa,OAAAsB,MAAA,CAAIrB,cAAc,oBAAkB;IACtEsB,QAAQ;EAAA,CACT,CACW,CAAC;AAEnB,CAAC,CAAC;AAEFpB,gBAAgB,CAACqB,WAAW,GAAG,kBAAkB"}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-11_24_1__sc-1lje1b0-0"
+  componentId: "core-11_24_2__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/TextEditorOutput/TextEditorOutput.types.d.ts

@@ -1,5 +1,5 @@
-import { IAllProps } from '@tinymce/tinymce-react';
-import { Props } from '../_utils/types';
+import type { IAllProps } from '@tinymce/tinymce-react';
+import type { Props } from '../_utils/types';
 export interface TextEditorOutputProps extends Omit<Props, 'children'> {
     /**
      * formatted text

package/dist/TextEditorOutput/TextEditorOutput.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import { IAllProps } from '@tinymce/tinymce-react'\nimport { Props } from '../_utils/types'\n\nexport interface TextEditorOutputProps extends Omit<Props, 'children'> {\n  /**\n   * formatted text\n   * @since 10.24.0\n   * */\n  value?: IAllProps['value']\n  /**\n   * Config for when the editor is initialized.\n   * **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @since 11.17.0\n   */\n  init?: IAllProps['init']\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import type { IAllProps } from '@tinymce/tinymce-react'\nimport type { Props } from '../_utils/types'\n\nexport interface TextEditorOutputProps extends Omit<Props, 'children'> {\n  /**\n   * formatted text\n   * @since 10.24.0\n   * */\n  value?: IAllProps['value']\n  /**\n   * Config for when the editor is initialized.\n   * **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @since 11.17.0\n   */\n  init?: IAllProps['init']\n}\n"],"mappings":""}

package/dist/Thumbnail/Thumbnail.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BasePlaceholderProps, BaseThumbnailProps, PlaceholderProps, ThumbnailProps, ThumbnailRef, ThumbnailRoles, ThumbnailRoleType } from './Thumbnail.types';
+import type { BasePlaceholderProps, BaseThumbnailProps, PlaceholderProps, ThumbnailProps, ThumbnailRef, ThumbnailRoles, ThumbnailRoleType } from './Thumbnail.types';
 declare function PlaceholderInner(props: PlaceholderProps<ThumbnailRoleType>, ref: ThumbnailRef<ThumbnailRoleType>): JSX.Element;
 declare function ThumbnailInner(props: ThumbnailProps<ThumbnailRoleType>, ref: ThumbnailRef<ThumbnailRoleType>): JSX.Element;
 export declare const Thumbnail: (<Role extends ThumbnailRoles>(props: ThumbnailProps<Role> | (BaseThumbnailProps & {

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { LayoutVariant, ThumbnailProps } from './Thumbnail.types';
+import type React from 'react';
+import type { DivAttributes } from '../_utils/types';
+import type { LayoutVariant, ThumbnailProps } from './Thumbnail.types';
 export declare const useThumbnail: ({ selected, disabled, clickable, focused, hasCaptionPlaceholder, src, filename: filename_, size, label, name, caption, onChange, value, ...props }: ThumbnailProps<'checkbox'> | ThumbnailProps<'figure'> | ThumbnailProps<undefined>) => {
     label: string;
     caption: string;

package/dist/Thumbnail/Thumbnail.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.hooks.js","names":["useCheckbox","useFocusRing","useRef","useToggleState","getIsFilePreviewableAsImage","defaultSize","useThumbnail","_ref","selected","_ref$disabled","disabled","_ref$clickable","clickable","_ref$focused","focused","_ref$hasCaptionPlaceh","hasCaptionPlaceholder","src","filename_","filename","_ref$size","size","_ref$label","label","name","_ref$caption","caption","onChange","value","props","_objectWithoutProperties","_excluded","a11yProps","role","as","inputRef","toggleState","defaultSelected","layout","isFile","File","isImageURL","canPreviewFileAsImage","isFileOrNonPreviewableImage","shouldUsePlaceholder","ariaLabel","concat","_useCheckbox","isSelected","inputProps","_useFocusRing","isFocusVisible","focusProps","_objectSpread","alt"],"sources":["../../src/Thumbnail/Thumbnail.hooks.tsx"],"sourcesContent":["import { useCheckbox } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport React, { useRef } from 'react'\nimport { useToggleState } from 'react-stately'\nimport { DivAttributes } from '../_utils/types'\nimport { LayoutVariant, ThumbnailProps } from './Thumbnail.types'\nimport { getIsFilePreviewableAsImage } from './Thumbnail.utils'\n\nconst defaultSize = 'lg'\n\nexport const useThumbnail = ({\n  selected,\n  disabled = false,\n  clickable = true,\n  focused = false,\n  hasCaptionPlaceholder = false,\n  src,\n  filename: filename_,\n  size = defaultSize,\n  label = '',\n  // @ts-ignore  Checkbox only\n  name,\n  caption = '',\n  // @ts-ignore  Checkbox only\n  onChange,\n  // @ts-ignore  Checkbox only\n  value,\n  ...props\n}:\n  | ThumbnailProps<'checkbox'>\n  | ThumbnailProps<'figure'>\n  | ThumbnailProps<undefined>) => {\n  const a11yProps =\n    props.role === 'figure'\n      ? { as: 'figure' as React.ElementType }\n      : { as: 'div' }\n  const inputRef = useRef<HTMLInputElement>(null)\n  const toggleState = useToggleState({\n    defaultSelected: selected,\n    onChange,\n  })\n  const layout: LayoutVariant = size === 'sm' ? 'row' : 'column'\n  const isFile = src instanceof File\n  const isImageURL = typeof src === 'string'\n  const canPreviewFileAsImage = getIsFilePreviewableAsImage(src)\n  const isFileOrNonPreviewableImage = isFile && !canPreviewFileAsImage\n  const shouldUsePlaceholder = isFileOrNonPreviewableImage || !src\n  const filename =\n    filename_ ?? (isFileOrNonPreviewableImage ? (src as File).name : caption)\n  const ariaLabel = label && caption ? `${label} ${caption}` : caption || label\n  const { inputProps } = useCheckbox(\n    { isSelected: selected, 'aria-label': ariaLabel, name, onChange, value },\n    toggleState,\n    inputRef\n  )\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return {\n    alt: props.alt || props.alt === '' ? props.alt : caption || label,\n    ...props,\n    ...a11yProps,\n    label,\n    caption,\n    selected: toggleState.isSelected,\n    disabled,\n    clickable,\n    focused,\n    isImageURL,\n    hasCaptionPlaceholder,\n    shouldUsePlaceholder,\n    src,\n    filename,\n    size,\n    layout,\n    inputRef,\n    inputProps,\n    /**\n     * Appeared 23-1-18 https://github.com/procore/core/pull/12250\n     * Possible issue with types from React Aria during dependency update\n     * > The inferred type of 'useThumbnail' cannot be named without a\n     * > reference to '@react-aria/focus/node_modules/@react-types/shared'.\n     * > This is likely not portable. A type annotation is necessary.\n     */\n    focusProps: focusProps as DivAttributes,\n    isFocusVisible,\n    toggleState,\n  }\n}\n"],"mappings":";;;;;;;;;AAAA,SAASA,WAAW,QAAQ,sBAAsB;AAClD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAAgBC,MAAM,QAAQ,OAAO;AACrC,SAASC,cAAc,QAAQ,eAAe;AAG9C,SAASC,2BAA2B,QAAQ,mBAAmB;AAE/D,IAAMC,WAAW,GAAG,IAAI;AAExB,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAqBS;EAAA,IApBhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAJ,IAAA,CAChBK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,YAAA,GAAAN,IAAA,CAChBO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC7BE,GAAG,GAAAV,IAAA,CAAHU,GAAG;IACOC,SAAS,GAAAX,IAAA,CAAnBY,QAAQ;IAAAC,SAAA,GAAAb,IAAA,CACRc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGf,WAAW,GAAAe,SAAA;IAAAE,UAAA,GAAAf,IAAA,CAClBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IAEVE,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;IAAAC,YAAA,GAAAlB,IAAA,CACJmB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAEZE,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;IAERC,KAAK,GAAArB,IAAA,CAALqB,KAAK;IACFC,KAAK,GAAAC,wBAAA,CAAAvB,IAAA,EAAAwB,SAAA;EAKR,IAAMC,SAAS,GACbH,KAAK,CAACI,IAAI,KAAK,QAAQ,GACnB;IAAEC,EAAE,EAAE;EAA8B,CAAC,GACrC;IAAEA,EAAE,EAAE;EAAM,CAAC;EACnB,IAAMC,QAAQ,GAAGjC,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMkC,WAAW,GAAGjC,cAAc,CAAC;IACjCkC,eAAe,EAAE7B,QAAQ;IACzBmB,QAAQ,EAARA;EACF,CAAC,CAAC;EACF,IAAMW,MAAqB,GAAGjB,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ;EAC9D,IAAMkB,MAAM,GAAGtB,GAAG,YAAYuB,IAAI;EAClC,IAAMC,UAAU,GAAG,OAAOxB,GAAG,KAAK,QAAQ;EAC1C,IAAMyB,qBAAqB,GAAGtC,2BAA2B,CAACa,GAAG,CAAC;EAC9D,IAAM0B,2BAA2B,GAAGJ,MAAM,IAAI,CAACG,qBAAqB;EACpE,IAAME,oBAAoB,GAAGD,2BAA2B,IAAI,CAAC1B,GAAG;EAChE,IAAME,QAAQ,GACZD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAKyB,2BAA2B,GAAI1B,GAAG,CAAUO,IAAI,GAAGE,OAAQ;EAC3E,IAAMmB,SAAS,GAAGtB,KAAK,IAAIG,OAAO,MAAAoB,MAAA,CAAMvB,KAAK,OAAAuB,MAAA,CAAIpB,OAAO,IAAKA,OAAO,IAAIH,KAAK;EAC7E,IAAAwB,YAAA,GAAuB/C,WAAW,CAChC;MAAEgD,UAAU,EAAExC,QAAQ;MAAE,YAAY,EAAEqC,SAAS;MAAErB,IAAI,EAAJA,IAAI;MAAEG,QAAQ,EAARA,QAAQ;MAAEC,KAAK,EAALA;IAAM,CAAC,EACxEQ,WAAW,EACXD,QACF,CAAC;IAJOc,UAAU,GAAAF,YAAA,CAAVE,UAAU;EAKlB,IAAAC,aAAA,GAAuCjD,YAAY,CAAC,CAAC;IAA7CkD,cAAc,GAAAD,aAAA,CAAdC,cAAc;IAAEC,UAAU,GAAAF,aAAA,CAAVE,UAAU;EAElC,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACEC,GAAG,EAAEzB,KAAK,CAACyB,GAAG,IAAIzB,KAAK,CAACyB,GAAG,KAAK,EAAE,GAAGzB,KAAK,CAACyB,GAAG,GAAG5B,OAAO,IAAIH;EAAK,GAC9DM,KAAK,GACLG,SAAS;IACZT,KAAK,EAALA,KAAK;IACLG,OAAO,EAAPA,OAAO;IACPlB,QAAQ,EAAE4B,WAAW,CAACY,UAAU;IAChCtC,QAAQ,EAARA,QAAQ;IACRE,SAAS,EAATA,SAAS;IACTE,OAAO,EAAPA,OAAO;IACP2B,UAAU,EAAVA,UAAU;IACVzB,qBAAqB,EAArBA,qBAAqB;IACrB4B,oBAAoB,EAApBA,oBAAoB;IACpB3B,GAAG,EAAHA,GAAG;IACHE,QAAQ,EAARA,QAAQ;IACRE,IAAI,EAAJA,IAAI;IACJiB,MAAM,EAANA,MAAM;IACNH,QAAQ,EAARA,QAAQ;IACRc,UAAU,EAAVA,UAAU;IACV;AACJ;AACA;AACA;AACA;AACA;AACA;IACIG,UAAU,EAAEA,UAA2B;IACvCD,cAAc,EAAdA,cAAc;IACdf,WAAW,EAAXA;EAAW;AAEf,CAAC"}
+{"version":3,"file":"Thumbnail.hooks.js","names":["useCheckbox","useFocusRing","useRef","useToggleState","getIsFilePreviewableAsImage","defaultSize","useThumbnail","_ref","selected","_ref$disabled","disabled","_ref$clickable","clickable","_ref$focused","focused","_ref$hasCaptionPlaceh","hasCaptionPlaceholder","src","filename_","filename","_ref$size","size","_ref$label","label","name","_ref$caption","caption","onChange","value","props","_objectWithoutProperties","_excluded","a11yProps","role","as","inputRef","toggleState","defaultSelected","layout","isFile","File","isImageURL","canPreviewFileAsImage","isFileOrNonPreviewableImage","shouldUsePlaceholder","ariaLabel","concat","_useCheckbox","isSelected","inputProps","_useFocusRing","isFocusVisible","focusProps","_objectSpread","alt"],"sources":["../../src/Thumbnail/Thumbnail.hooks.tsx"],"sourcesContent":["import { useCheckbox } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport type React from 'react'\nimport { useRef } from 'react'\nimport { useToggleState } from 'react-stately'\nimport type { DivAttributes } from '../_utils/types'\nimport type { LayoutVariant, ThumbnailProps } from './Thumbnail.types'\nimport { getIsFilePreviewableAsImage } from './Thumbnail.utils'\n\nconst defaultSize = 'lg'\n\nexport const useThumbnail = ({\n  selected,\n  disabled = false,\n  clickable = true,\n  focused = false,\n  hasCaptionPlaceholder = false,\n  src,\n  filename: filename_,\n  size = defaultSize,\n  label = '',\n  // @ts-ignore  Checkbox only\n  name,\n  caption = '',\n  // @ts-ignore  Checkbox only\n  onChange,\n  // @ts-ignore  Checkbox only\n  value,\n  ...props\n}:\n  | ThumbnailProps<'checkbox'>\n  | ThumbnailProps<'figure'>\n  | ThumbnailProps<undefined>) => {\n  const a11yProps =\n    props.role === 'figure'\n      ? { as: 'figure' as React.ElementType }\n      : { as: 'div' }\n  const inputRef = useRef<HTMLInputElement>(null)\n  const toggleState = useToggleState({\n    defaultSelected: selected,\n    onChange,\n  })\n  const layout: LayoutVariant = size === 'sm' ? 'row' : 'column'\n  const isFile = src instanceof File\n  const isImageURL = typeof src === 'string'\n  const canPreviewFileAsImage = getIsFilePreviewableAsImage(src)\n  const isFileOrNonPreviewableImage = isFile && !canPreviewFileAsImage\n  const shouldUsePlaceholder = isFileOrNonPreviewableImage || !src\n  const filename =\n    filename_ ?? (isFileOrNonPreviewableImage ? (src as File).name : caption)\n  const ariaLabel = label && caption ? `${label} ${caption}` : caption || label\n  const { inputProps } = useCheckbox(\n    { isSelected: selected, 'aria-label': ariaLabel, name, onChange, value },\n    toggleState,\n    inputRef\n  )\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return {\n    alt: props.alt || props.alt === '' ? props.alt : caption || label,\n    ...props,\n    ...a11yProps,\n    label,\n    caption,\n    selected: toggleState.isSelected,\n    disabled,\n    clickable,\n    focused,\n    isImageURL,\n    hasCaptionPlaceholder,\n    shouldUsePlaceholder,\n    src,\n    filename,\n    size,\n    layout,\n    inputRef,\n    inputProps,\n    /**\n     * Appeared 23-1-18 https://github.com/procore/core/pull/12250\n     * Possible issue with types from React Aria during dependency update\n     * > The inferred type of 'useThumbnail' cannot be named without a\n     * > reference to '@react-aria/focus/node_modules/@react-types/shared'.\n     * > This is likely not portable. A type annotation is necessary.\n     */\n    focusProps: focusProps as DivAttributes,\n    isFocusVisible,\n    toggleState,\n  }\n}\n"],"mappings":";;;;;;;;;AAAA,SAASA,WAAW,QAAQ,sBAAsB;AAClD,SAASC,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,MAAM,QAAQ,OAAO;AAC9B,SAASC,cAAc,QAAQ,eAAe;AAG9C,SAASC,2BAA2B,QAAQ,mBAAmB;AAE/D,IAAMC,WAAW,GAAG,IAAI;AAExB,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAqBS;EAAA,IApBhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAJ,IAAA,CAChBK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,YAAA,GAAAN,IAAA,CAChBO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC7BE,GAAG,GAAAV,IAAA,CAAHU,GAAG;IACOC,SAAS,GAAAX,IAAA,CAAnBY,QAAQ;IAAAC,SAAA,GAAAb,IAAA,CACRc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGf,WAAW,GAAAe,SAAA;IAAAE,UAAA,GAAAf,IAAA,CAClBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IAEVE,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;IAAAC,YAAA,GAAAlB,IAAA,CACJmB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAEZE,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;IAERC,KAAK,GAAArB,IAAA,CAALqB,KAAK;IACFC,KAAK,GAAAC,wBAAA,CAAAvB,IAAA,EAAAwB,SAAA;EAKR,IAAMC,SAAS,GACbH,KAAK,CAACI,IAAI,KAAK,QAAQ,GACnB;IAAEC,EAAE,EAAE;EAA8B,CAAC,GACrC;IAAEA,EAAE,EAAE;EAAM,CAAC;EACnB,IAAMC,QAAQ,GAAGjC,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMkC,WAAW,GAAGjC,cAAc,CAAC;IACjCkC,eAAe,EAAE7B,QAAQ;IACzBmB,QAAQ,EAARA;EACF,CAAC,CAAC;EACF,IAAMW,MAAqB,GAAGjB,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ;EAC9D,IAAMkB,MAAM,GAAGtB,GAAG,YAAYuB,IAAI;EAClC,IAAMC,UAAU,GAAG,OAAOxB,GAAG,KAAK,QAAQ;EAC1C,IAAMyB,qBAAqB,GAAGtC,2BAA2B,CAACa,GAAG,CAAC;EAC9D,IAAM0B,2BAA2B,GAAGJ,MAAM,IAAI,CAACG,qBAAqB;EACpE,IAAME,oBAAoB,GAAGD,2BAA2B,IAAI,CAAC1B,GAAG;EAChE,IAAME,QAAQ,GACZD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAKyB,2BAA2B,GAAI1B,GAAG,CAAUO,IAAI,GAAGE,OAAQ;EAC3E,IAAMmB,SAAS,GAAGtB,KAAK,IAAIG,OAAO,MAAAoB,MAAA,CAAMvB,KAAK,OAAAuB,MAAA,CAAIpB,OAAO,IAAKA,OAAO,IAAIH,KAAK;EAC7E,IAAAwB,YAAA,GAAuB/C,WAAW,CAChC;MAAEgD,UAAU,EAAExC,QAAQ;MAAE,YAAY,EAAEqC,SAAS;MAAErB,IAAI,EAAJA,IAAI;MAAEG,QAAQ,EAARA,QAAQ;MAAEC,KAAK,EAALA;IAAM,CAAC,EACxEQ,WAAW,EACXD,QACF,CAAC;IAJOc,UAAU,GAAAF,YAAA,CAAVE,UAAU;EAKlB,IAAAC,aAAA,GAAuCjD,YAAY,CAAC,CAAC;IAA7CkD,cAAc,GAAAD,aAAA,CAAdC,cAAc;IAAEC,UAAU,GAAAF,aAAA,CAAVE,UAAU;EAElC,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACEC,GAAG,EAAEzB,KAAK,CAACyB,GAAG,IAAIzB,KAAK,CAACyB,GAAG,KAAK,EAAE,GAAGzB,KAAK,CAACyB,GAAG,GAAG5B,OAAO,IAAIH;EAAK,GAC9DM,KAAK,GACLG,SAAS;IACZT,KAAK,EAALA,KAAK;IACLG,OAAO,EAAPA,OAAO;IACPlB,QAAQ,EAAE4B,WAAW,CAACY,UAAU;IAChCtC,QAAQ,EAARA,QAAQ;IACRE,SAAS,EAATA,SAAS;IACTE,OAAO,EAAPA,OAAO;IACP2B,UAAU,EAAVA,UAAU;IACVzB,qBAAqB,EAArBA,qBAAqB;IACrB4B,oBAAoB,EAApBA,oBAAoB;IACpB3B,GAAG,EAAHA,GAAG;IACHE,QAAQ,EAARA,QAAQ;IACRE,IAAI,EAAJA,IAAI;IACJiB,MAAM,EAANA,MAAM;IACNH,QAAQ,EAARA,QAAQ;IACRc,UAAU,EAAVA,UAAU;IACV;AACJ;AACA;AACA;AACA;AACA;AACA;IACIG,UAAU,EAAEA,UAA2B;IACvCD,cAAc,EAAdA,cAAc;IACdf,WAAW,EAAXA;EAAW;AAEf,CAAC"}

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 {\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\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://procore.github.io/core/core-react/latest/?path=/story/demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\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\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}
+{"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\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://procore.github.io/core/core-react/latest/?path=/story/demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\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\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TypographyProps } from '../Typography';
-import { LayoutVariant, QaTags, SizeVariant } from './Thumbnail.types';
+import type { TypographyProps } from '../Typography';
+import type { LayoutVariant, QaTags, SizeVariant } from './Thumbnail.types';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
 interface CaptionProps {
     layout: LayoutVariant;

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-11_24_1__sc-195f70c-0"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-1"
+  componentId: "core-11_24_2__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-11_24_1__sc-195f70c-2"
+  componentId: "core-11_24_2__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-11_24_1__sc-195f70c-3"
+  componentId: "core-11_24_2__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-11_24_1__sc-195f70c-4"
+  componentId: "core-11_24_2__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-11_24_1__sc-195f70c-5"
+  componentId: "core-11_24_2__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-11_24_1__sc-195f70c-6"
+  componentId: "core-11_24_2__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-11_24_1__sc-195f70c-7"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-8"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-9"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-10"
+  componentId: "core-11_24_2__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-11_24_1__sc-195f70c-11"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-12"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-13"
+  componentId: "core-11_24_2__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-11_24_1__sc-195f70c-14"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-15"
+  componentId: "core-11_24_2__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-11_24_1__sc-195f70c-16"
+  componentId: "core-11_24_2__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.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","Typography","getTypographyIntent","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionBase","gray15","_ref","layout","concat","sm","_ref2","xs","_ref3","error","red50","_ref4","disabled","gray70","StyledMultilineCaption","div","withConfig","displayName","componentId","StyledCaptionText","span","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","clickable","_ref7","selected","StyledTickIcon","_ref8","focused","_ref9","_ref10","size","sizeInPx","svg","_ref11","_ref12","StyledFileIcon","StyledImageThumbnailPreview","_ref13","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref14","_ref15","_ref16","_ref17","_ref18","_ref19","StyledThumbnailWrapper","_ref20","_ref21","isRowLayout","StyledPlaceholderThumbnail","_ref22","gray96","_ref23","_ref24","_ref25"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Typography, TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport { LayoutVariant, QaTags, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nconst thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionProps {\n  layout: LayoutVariant\n  error: boolean\n  disabled: boolean\n}\n\ninterface StyledThumbnailProps {\n  focused: boolean\n  disabled: boolean\n  selected: boolean\n  clickable: boolean\n  size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  selected: boolean\n  size: SizeVariant\n}\n\nconst captionBase = css<CaptionProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n  ${({ layout }) =>\n    layout === 'row'\n      ? `\n        align-items: center;\n        margin-left: ${spacing.sm}px;\n        width: ${rowLayoutCaptionWidth}px;\n      `\n      : ''}\n  ${({ layout }) =>\n    layout === 'column'\n      ? `\n        margin-top: ${spacing.xs / 2}px;\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n\n  ${({ error }) => (error ? `color: ${colors.red50};` : '')}\n  ${({ disabled }) => (disabled ? `color: ${colors.gray70};` : '')}\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionProps>`\n  ${captionBase}\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ${multilineCaptionMaxHeight}px;\n`\n\nexport const StyledCaptionText = styled.span`\n  // fix word wrap issue in IE\n  width: 100%;\n`\n\nexport const StyledPlaceholderCaption = styled.div`\n  ${captionBase}\n`\n\nexport const StyledSingleLineCaption = styled.div`\n  display: flex;\n  ${captionBase}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ clickable }) => (clickable ? 'cursor: pointer;' : '')}\n\n  ${({ selected }) =>\n    selected\n      ? `\n        ${StyledTickIcon} {\n          opacity: 1;\n          transform: scale(1);\n        }\n      `\n      : ''}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ focused }) => focused && getFocus()}\n\n  ${({ disabled, clickable }) =>\n    disabled && clickable ? 'cursor: not-allowed;' : ''}\n\n  ${({ size }) => {\n    const sizeInPx = `${size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return `\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ selected }) =>\n    selected\n      ? `\n        opacity: 1;\n        transform: scale(1);\n      `\n      : ''}\n\n  ${({ size }) =>\n    size === 'sm'\n      ? `\n        top: 50%;\n        left: 50%;\n        margin-top: ${-tickSize / 2}px;\n        margin-left: ${-tickSize / 2}px;\n      `\n      : ''}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n  flex-direction: column;\n\n  ${({ disabled }) =>\n    disabled\n      ? `\n        &,\n        &:hover {\n          ${StyledImageThumbnailOverlay} {\n            display: block;\n            ${whiteOverlay}\n          }\n        }\n        ${StyledImageThumbnailPreview},\n        ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n          filter: saturate(0);\n        }\n        ${StyledFileIcon} {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      `\n      : ''}\n\n  ${({ selected, focused, disabled }) =>\n    focused && disabled\n      ? selected\n        ? `\n          ${StyledTickIcon} {\n            z-index: 0;\n          }\n        `\n        : `\n          ${StyledTickIcon} {\n            z-index: 1;\n          }\n        `\n      : ''}\n\n  ${({ selected, focused }) =>\n    selected && focused\n      ? `\n        ${StyledTickIcon} {\n          z-index: 1;\n        }\n      `\n      : ''}\n\n  ${({ selected, focused, disabled }) =>\n    selected && focused && disabled\n      ? `\n        ${StyledTickIcon} {\n          z-index: 0;\n        }\n      `\n      : ''}\n\n  ${({ focused, disabled }) =>\n    focused && !disabled\n      ? `\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n        }\n      `\n      : ''}\n\n  ${({ clickable, disabled }) =>\n    clickable && !disabled\n      ? `\n        &:hover {\n          ${StyledImageThumbnailOverlay} {\n            display: block;\n            ${blackOverlay}\n          }\n        }\n      `\n      : ''}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  layout: LayoutVariant\n  size: SizeVariant\n  qa?: QaTags\n}>`\n  display: flex;\n  ${({ size }) =>\n    size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ layout }) => {\n    const isRowLayout = layout === 'row'\n    return isRowLayout\n      ? `\n        flex-direction: row;\n        aligh-items: center;\n      `\n      : `\n        flex-direction: column;\n        aligh-items: flex-start;\n      `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ clickable }) =>\n    clickable\n      ? `\n        &:hover {\n          background-color: ${colors.gray96};\n        }\n\n      `\n      : ''}\n\n  ${({ selected, size }) =>\n    selected && size === 'sm'\n      ? `\n        ${StyledFileIcon} {\n          display: none;\n        }\n      `\n      : ''}\n\n  ${({ disabled }) =>\n    disabled\n      ? `\n        ${StyledFileIcon},\n        ${StyledTickIcon} {\n          filter: saturate(0);\n          opacity: 0.5;\n        }\n\n        &:hover {\n          background-color: inherit;\n        }\n      `\n      : ''}\n\n  ${({ disabled, selected }) =>\n    disabled && !selected\n      ? `\n        ${StyledTickIcon} {\n          opacity: 0;\n          transform: scale(0.75);\n        }\n      `\n      : ''}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","Typography","getTypographyIntent","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionBase","gray15","_ref","layout","concat","sm","_ref2","xs","_ref3","error","red50","_ref4","disabled","gray70","StyledMultilineCaption","div","withConfig","displayName","componentId","StyledCaptionText","span","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","clickable","_ref7","selected","StyledTickIcon","_ref8","focused","_ref9","_ref10","size","sizeInPx","svg","_ref11","_ref12","StyledFileIcon","StyledImageThumbnailPreview","_ref13","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref14","_ref15","_ref16","_ref17","_ref18","_ref19","StyledThumbnailWrapper","_ref20","_ref21","isRowLayout","StyledPlaceholderThumbnail","_ref22","gray96","_ref23","_ref24","_ref25"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport { Typography } from '../Typography'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, QaTags, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nconst thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionProps {\n  layout: LayoutVariant\n  error: boolean\n  disabled: boolean\n}\n\ninterface StyledThumbnailProps {\n  focused: boolean\n  disabled: boolean\n  selected: boolean\n  clickable: boolean\n  size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  selected: boolean\n  size: SizeVariant\n}\n\nconst captionBase = css<CaptionProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n  ${({ layout }) =>\n    layout === 'row'\n      ? `\n        align-items: center;\n        margin-left: ${spacing.sm}px;\n        width: ${rowLayoutCaptionWidth}px;\n      `\n      : ''}\n  ${({ layout }) =>\n    layout === 'column'\n      ? `\n        margin-top: ${spacing.xs / 2}px;\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n\n  ${({ error }) => (error ? `color: ${colors.red50};` : '')}\n  ${({ disabled }) => (disabled ? `color: ${colors.gray70};` : '')}\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionProps>`\n  ${captionBase}\n  display: flex;\n  word-wrap: break-word;\n  // for IE11, use word-wrap property\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  // limit height for browsers that do not support line-clamp CSS prop\n  max-height: ${multilineCaptionMaxHeight}px;\n`\n\nexport const StyledCaptionText = styled.span`\n  // fix word wrap issue in IE\n  width: 100%;\n`\n\nexport const StyledPlaceholderCaption = styled.div`\n  ${captionBase}\n`\n\nexport const StyledSingleLineCaption = styled.div`\n  display: flex;\n  ${captionBase}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ clickable }) => (clickable ? 'cursor: pointer;' : '')}\n\n  ${({ selected }) =>\n    selected\n      ? `\n        ${StyledTickIcon} {\n          opacity: 1;\n          transform: scale(1);\n        }\n      `\n      : ''}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ focused }) => focused && getFocus()}\n\n  ${({ disabled, clickable }) =>\n    disabled && clickable ? 'cursor: not-allowed;' : ''}\n\n  ${({ size }) => {\n    const sizeInPx = `${size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return `\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ selected }) =>\n    selected\n      ? `\n        opacity: 1;\n        transform: scale(1);\n      `\n      : ''}\n\n  ${({ size }) =>\n    size === 'sm'\n      ? `\n        top: 50%;\n        left: 50%;\n        margin-top: ${-tickSize / 2}px;\n        margin-left: ${-tickSize / 2}px;\n      `\n      : ''}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n  flex-direction: column;\n\n  ${({ disabled }) =>\n    disabled\n      ? `\n        &,\n        &:hover {\n          ${StyledImageThumbnailOverlay} {\n            display: block;\n            ${whiteOverlay}\n          }\n        }\n        ${StyledImageThumbnailPreview},\n        ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n          filter: saturate(0);\n        }\n        ${StyledFileIcon} {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      `\n      : ''}\n\n  ${({ selected, focused, disabled }) =>\n    focused && disabled\n      ? selected\n        ? `\n          ${StyledTickIcon} {\n            z-index: 0;\n          }\n        `\n        : `\n          ${StyledTickIcon} {\n            z-index: 1;\n          }\n        `\n      : ''}\n\n  ${({ selected, focused }) =>\n    selected && focused\n      ? `\n        ${StyledTickIcon} {\n          z-index: 1;\n        }\n      `\n      : ''}\n\n  ${({ selected, focused, disabled }) =>\n    selected && focused && disabled\n      ? `\n        ${StyledTickIcon} {\n          z-index: 0;\n        }\n      `\n      : ''}\n\n  ${({ focused, disabled }) =>\n    focused && !disabled\n      ? `\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n        }\n      `\n      : ''}\n\n  ${({ clickable, disabled }) =>\n    clickable && !disabled\n      ? `\n        &:hover {\n          ${StyledImageThumbnailOverlay} {\n            display: block;\n            ${blackOverlay}\n          }\n        }\n      `\n      : ''}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  layout: LayoutVariant\n  size: SizeVariant\n  qa?: QaTags\n}>`\n  display: flex;\n  ${({ size }) =>\n    size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ layout }) => {\n    const isRowLayout = layout === 'row'\n    return isRowLayout\n      ? `\n        flex-direction: row;\n        aligh-items: center;\n      `\n      : `\n        flex-direction: column;\n        aligh-items: flex-start;\n      `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ clickable }) =>\n    clickable\n      ? `\n        &:hover {\n          background-color: ${colors.gray96};\n        }\n\n      `\n      : ''}\n\n  ${({ selected, size }) =>\n    selected && size === 'sm'\n      ? `\n        ${StyledFileIcon} {\n          display: none;\n        }\n      `\n      : ''}\n\n  ${({ disabled }) =>\n    disabled\n      ? `\n        ${StyledFileIcon},\n        ${StyledTickIcon} {\n          filter: saturate(0);\n          opacity: 0.5;\n        }\n\n        &:hover {\n          background-color: inherit;\n        }\n      `\n      : ''}\n\n  ${({ disabled, selected }) =>\n    disabled && !selected\n      ? `\n        ${StyledTickIcon} {\n          opacity: 0;\n          transform: scale(0.75);\n        }\n      `\n      : ''}\n`\n"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
-import React, { ReactNode } from 'react';
-import { Polymorphic } from '../_utils/polymorphic';
-import { AriaLabelled, Props } from '../_utils/types';
-import { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
+import type React from 'react';
+import type { ReactNode } from 'react';
+import type { Polymorphic } from '../_utils/polymorphic';
+import type { AriaLabelled, Props } from '../_utils/types';
+import type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
 export declare type SizeVariant = 'sm' | 'lg';
 export declare type LayoutVariant = 'row' | 'column';
 export interface QaTags {

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

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { Polymorphic } from '../_utils/polymorphic'\nimport { AriaLabelled, Props } from '../_utils/types'\nimport { 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 <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":""}

package/dist/Thumbnail/Thumbnail.utils.d.ts

@@ -1,3 +1,3 @@
-import { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
+import type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon';
 export declare function getIsFilePreviewableAsImage(src: File | string | null | undefined): boolean;
 export declare function getThumbnailVariantForFilename(filename: string): ThumbnailDocumentIconVariant;