@procore/core-react 12.26.1 → 12.26.3

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","$selected","$size","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","hasCaptionPlaceholder","caption","wrapperProps","_objectWithoutProperties","_excluded","_extends","$layout","layout","$focused","focused","$disabled","$clickable","clickable","toggleState","isSelected","variant","filename","error","qa","multiline","FigurePlaceholder","_props$filename2","_thumbnail$qa2","_excluded2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","role","value","props_","_excluded3","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","src","_excluded4","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","concat","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","_excluded5","isImageURL","shouldUsePlaceholder","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_props$qa","_excluded6","_excluded7","_thumbnail$onClick2","type","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport { getThumbnailVariantForFilename } from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      $selected={selected}\n      $size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  )\n}\n\nfunction Label({ label }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  )\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, caption, label, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, caption, label, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const { caption, hasCaptionPlaceholder, src, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e: React.MouseEvent) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledPlaceholderThumbnail\n        $focused={thumbnail.focused || isInputFocused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={`${thumbnail.label} ${thumbnail.caption}` || 'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  const { hasCaptionPlaceholder, ...wrapperProps } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledImageThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const thumbnail = useThumbnail(props)\n    return (\n      <StyledThumbnailWrapper $layout={thumbnail.layout} $size={thumbnail.size}>\n        <StyledImageThumbnail\n          ref={ref}\n          $focused={thumbnail.focused}\n          $disabled={thumbnail.disabled}\n          $selected={thumbnail.selected}\n          $clickable={thumbnail.clickable}\n          $size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n        />\n      </StyledThumbnailWrapper>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const { caption, hasCaptionPlaceholder, src, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e: React.MouseEvent) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledImageThumbnail\n        $focused={thumbnail.focused || isInputFocused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={props.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}
+{"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","$selected","$size","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","hasCaptionPlaceholder","caption","_disabled","wrapperProps","_objectWithoutProperties","_excluded","_extends","$layout","layout","$focused","focused","$disabled","$clickable","clickable","toggleState","isSelected","variant","filename","error","qa","multiline","defaultValue","FigurePlaceholder","_props$filename2","_thumbnail$qa2","_role","role","_excluded2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","_qa","value","props_","_excluded3","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","src","_excluded4","isInputFocused","document","activeElement","inputRef","current","ariaLabel","filter","Boolean","join","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","type","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","_excluded5","isImageURL","shouldUsePlaceholder","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_thumbnail$qa6","_excluded6","_excluded7","_thumbnail$onClick2","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  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  )\n}\n\nfunction Label({ label }: LabelProps) {\n  if (!label) {\n    return null\n  }\n\n  return (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  )\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 i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      {thumbnail.disabled && !thumbnail.clickable && (\n        <VisuallyHidden>\n          {i18n.t('core.thumbnail.unavailable', {\n            defaultValue: 'Content is unavailable',\n          })}\n        </VisuallyHidden>\n      )}\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  const {\n    hasCaptionPlaceholder,\n    caption,\n    label,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  const i18n = useI18nContext()\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledPlaceholderThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      {thumbnail.disabled && !thumbnail.clickable && (\n        <VisuallyHidden>\n          {i18n.t('core.thumbnail.unavailable', {\n            defaultValue: 'Content is unavailable',\n          })}\n        </VisuallyHidden>\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, qa: _qa, 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 { caption, hasCaptionPlaceholder, src, ...wrapperProps } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const i18n = useI18nContext()\n  const ariaLabel =\n    [thumbnail.label, thumbnail.caption].filter(Boolean).join(' ') ||\n    i18n.t('core.thumbnail.select')\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e: React.MouseEvent) => {\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          type=\"checkbox\"\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={ariaLabel}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          disabled={thumbnail.disabled}\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 i18n = useI18nContext()\n  const thumbnail = useThumbnail(props)\n  const {\n    hasCaptionPlaceholder,\n    disabled: _disabled,\n    role: _role,\n    ...wrapperProps\n  } = props\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n    >\n      <StyledImageThumbnail\n        $focused={thumbnail.focused}\n        $disabled={thumbnail.disabled}\n        $selected={thumbnail.selected}\n        $clickable={thumbnail.clickable}\n        $size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n      {thumbnail.disabled && !thumbnail.clickable && (\n        <VisuallyHidden>\n          {i18n.t('core.thumbnail.unavailable', {\n            defaultValue: 'Content is unavailable',\n          })}\n        </VisuallyHidden>\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 i18n = useI18nContext()\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        {thumbnail.disabled && !thumbnail.clickable && (\n          <VisuallyHidden>\n            {i18n.t('core.thumbnail.unavailable', {\n              defaultValue: 'Content is unavailable',\n            })}\n          </VisuallyHidden>\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, qa: _qa, 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 {\n    caption,\n    hasCaptionPlaceholder,\n    src,\n    disabled: _disabled,\n    ...wrapperProps\n  } = props_\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      $layout={thumbnail.layout}\n      $size={thumbnail.size}\n      {...wrapperProps}\n      onClick={(e: React.MouseEvent) => {\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={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={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          disabled={thumbnail.disabled}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TypographyProps } from '../Typography';
-import type { LayoutVariant, QaTags, SizeVariant } from './Thumbnail.types';
+import type { LayoutVariant, SizeVariant } from './Thumbnail.types';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
 interface CaptionProps {
     $layout: LayoutVariant;
@@ -42,7 +42,6 @@ export declare const StyledImageThumbnail: import("styled-components/dist/types"
 export declare const StyledThumbnailWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $layout: LayoutVariant;
     $size: SizeVariant;
-    qa?: QaTags | undefined;
 }>> & string;
 export declare const StyledPlaceholderThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledThumbnailProps>> & string;
 export {};

package/dist/Thumbnail/Thumbnail.styles.js

@@ -27,35 +27,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_26_1__sc-195f70c-0"
+  componentId: "core-12_26_3__sc-195f70c-0"
 })(["", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_26_1__sc-195f70c-1"
+  componentId: "core-12_26_3__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_26_1__sc-195f70c-2"
+  componentId: "core-12_26_3__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_26_1__sc-195f70c-3"
+  componentId: "core-12_26_3__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_26_1__sc-195f70c-4"
+  componentId: "core-12_26_3__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_26_1__sc-195f70c-5"
+  componentId: "core-12_26_3__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_26_1__sc-195f70c-6"
+  componentId: "core-12_26_3__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_26_1__sc-195f70c-7"
+  componentId: "core-12_26_3__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;
@@ -63,7 +63,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_26_1__sc-195f70c-8"
+  componentId: "core-12_26_3__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;
@@ -85,7 +85,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_26_1__sc-195f70c-9"
+  componentId: "core-12_26_3__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 (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -95,28 +95,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_26_1__sc-195f70c-10"
+  componentId: "core-12_26_3__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_26_1__sc-195f70c-11"
+  componentId: "core-12_26_3__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_26_1__sc-195f70c-12"
+  componentId: "core-12_26_3__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_26_1__sc-195f70c-13"
+  componentId: "core-12_26_3__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_26_1__sc-195f70c-14"
+  componentId: "core-12_26_3__sc-195f70c-14"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -145,7 +145,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_26_1__sc-195f70c-15"
+  componentId: "core-12_26_3__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +156,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_26_1__sc-195f70c-16"
+  componentId: "core-12_26_3__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/Thumbnail/Thumbnail.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionBase","gray15","_ref","$layout","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","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\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    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      color: ${colors.red50};\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\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<CaptionProps>`\n  ${captionBase}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionProps>`\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 }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\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    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\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    css`\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  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\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      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionBase","gray15","_ref","$layout","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","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, 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    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      color: ${colors.red50};\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\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<CaptionProps>`\n  ${captionBase}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionProps>`\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 }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\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    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\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    css`\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  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\n        }\n      }\n    `}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  $layout: LayoutVariant\n  $size: SizeVariant\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      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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"}

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

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

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_26_1__sc-e1ql06-0"
+  componentId: "core-12_26_3__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_26_1__sc-e1ql06-1"
+  componentId: "core-12_26_3__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_26_1__sc-e1ql06-2"
+  componentId: "core-12_26_3__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_26_1__sc-e1ql06-3"
+  componentId: "core-12_26_3__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_26_1__sc-e1ql06-4"
+  componentId: "core-12_26_3__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_26_1__sc-e1ql06-5"
+  componentId: "core-12_26_3__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_26_1__sc-e1ql06-6"
+  componentId: "core-12_26_3__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_26_1__sc-e1ql06-7"
+  componentId: "core-12_26_3__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_26_1__sc-e1ql06-8"
+  componentId: "core-12_26_3__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_26_1__sc-8q9p0n-0"
+  componentId: "core-12_26_3__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_26_1__sc-8q9p0n-1"
+  componentId: "core-12_26_3__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_26_1__sc-8q9p0n-2"
+  componentId: "core-12_26_3__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_26_1__sc-8q9p0n-3"
+  componentId: "core-12_26_3__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_26_1__sc-8q9p0n-4"
+  componentId: "core-12_26_3__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_26_1__sc-8q9p0n-5"
+  componentId: "core-12_26_3__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_26_1__sc-8q9p0n-6"
+  componentId: "core-12_26_3__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_26_1__sc-8q9p0n-7"
+  componentId: "core-12_26_3__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);