@procore/core-react 12.39.0 → 12.41.0

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_39_0__sc-195f70c-0"
+  componentId: "core-12_41_0__sc-195f70c-0"
 })(["", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_39_0__sc-195f70c-1"
+  componentId: "core-12_41_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_39_0__sc-195f70c-2"
+  componentId: "core-12_41_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_39_0__sc-195f70c-3"
+  componentId: "core-12_41_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_39_0__sc-195f70c-4"
+  componentId: "core-12_41_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_39_0__sc-195f70c-5"
+  componentId: "core-12_41_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_39_0__sc-195f70c-6"
+  componentId: "core-12_41_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_39_0__sc-195f70c-7"
+  componentId: "core-12_41_0__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -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_39_0__sc-195f70c-8"
+  componentId: "core-12_41_0__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var $clickable = _ref6.$clickable;
@@ -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_39_0__sc-195f70c-9"
+  componentId: "core-12_41_0__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_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_39_0__sc-195f70c-10"
+  componentId: "core-12_41_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_39_0__sc-195f70c-11"
+  componentId: "core-12_41_0__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_39_0__sc-195f70c-12"
+  componentId: "core-12_41_0__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_39_0__sc-195f70c-13"
+  componentId: "core-12_41_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_39_0__sc-195f70c-14"
+  componentId: "core-12_41_0__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_39_0__sc-195f70c-15"
+  componentId: "core-12_41_0__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_39_0__sc-195f70c-16"
+  componentId: "core-12_41_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

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

@@ -156,6 +156,10 @@ export interface MultilineCaptionProps {
      * @since 10.19.0
      */
     qa: string;
+    /**
+     * Called when the caption overflow state changes (e.g. when it becomes truncated).
+     */
+    onCaptionOverflowChange?: (isOverflowing: boolean) => void;
 }
 export interface SinglelineCaptionProps {
     /**
@@ -178,6 +182,10 @@ export interface SinglelineCaptionProps {
      * @since 10.19.0
      */
     qa: string;
+    /**
+     * Called when the caption overflow state changes (e.g. when it becomes truncated).
+     */
+    onCaptionOverflowChange?: (isOverflowing: boolean) => void;
 }
 export interface CaptionTooltipProps {
     /**
@@ -222,6 +230,10 @@ export interface CaptionProps {
      * @since 10.19.0
      */
     qa?: string;
+    /**
+     * Called when the caption overflow state changes (e.g. when it becomes truncated).
+     */
+    onCaptionOverflowChange?: (isOverflowing: boolean) => void;
 }
 export interface LabelProps {
     /**

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

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

package/dist/Thumbnail/Thumbnail.utils.js

@@ -49,4 +49,10 @@ export function getThumbnailVariantForFilename(filename) {
     return defaultUnknownName;
   }
 }
+export function getThumbnailAriaLabel(i18n, label, caption) {
+  var parts = [];
+  if (label) parts.push("".concat(i18n.t('core.thumbnail.aria-label.label'), ": ").concat(label));
+  if (caption) parts.push("".concat(i18n.t('core.thumbnail.aria-label.caption'), ": ").concat(caption));
+  return parts.length > 0 ? parts.join('. ') : undefined;
+}
 //# sourceMappingURL=Thumbnail.utils.js.map

package/dist/Thumbnail/Thumbnail.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.utils.js","names":["getFileExtension","getIsFilePreviewableAsImage","src","File","type","startsWith","extensions","_defineProperty","image","drawing","email","gantt","zip","xml","word","ini","mov","pdf","powerpoint","excel","extensionsByVariant","Object","entries","variantByExtension","reduce","acc","_ref","_ref2","_slicedToArray","exts","forEach","ext","getThumbnailVariantForFilename","filename","defaultUnknownName","_unused"],"sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"sourcesContent":["import { getFileExtension } from '../_utils/filename'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport function getIsFilePreviewableAsImage(\n  src: File | string | null | undefined\n) {\n  return (\n    src instanceof File &&\n    src.type.startsWith('image/') &&\n    // not allow previewing vendor image mime types, such as \"image/vnd.adobe.photoshop\"\n    !src.type.startsWith('image/vnd.') &&\n    // not allow previewing .tiff images, as a not browser-compatible format\n    src.type !== 'image/tiff'\n  )\n}\n\nconst extensions: { [k in ThumbnailDocumentIconVariant]?: string[] } = {\n  image: ['png', 'jpg', 'jpeg', 'gif', 'psd', 'tiff', 'tif', 'bmp'],\n  drawing: ['cad', 'dwg', 'dwf', 'dwfx'],\n  email: ['msg', 'eml'],\n  gantt: ['mpp', 'p6', 'xer'],\n  zip: ['zip', 'rar', '7zip'],\n  xml: ['rtf', 'txt'],\n  word: ['doc', 'docx'],\n  ini: ['ini', 'xml', 'exe'],\n  mov: ['mov', 'avi'],\n  pdf: ['pdf'],\n  powerpoint: ['ppt', 'pptx'],\n  excel: ['csv', 'xls', 'xlsx'],\n  ['3d']: [\n    'stl',\n    'obj',\n    'ma',\n    'fbx',\n    'dae',\n    '3ds',\n    'iges',\n    'step',\n    'wrl',\n    'rvt',\n    'ifc',\n    'nwc',\n    'nwd',\n    'nwf',\n  ],\n  unknown: [],\n}\n\nconst extensionsByVariant = Object.entries(extensions) as [\n  ThumbnailDocumentIconVariant,\n  string[]\n][]\n\nconst variantByExtension = extensionsByVariant.reduce((acc, [type, exts]) => {\n  exts.forEach((ext) => {\n    acc[ext] = type\n  })\n  return acc\n}, {} as Record<string, ThumbnailDocumentIconVariant>)\n\nexport function getThumbnailVariantForFilename(\n  filename: string\n): ThumbnailDocumentIconVariant {\n  const defaultUnknownName = 'unknown'\n\n  try {\n    const ext = getFileExtension(filename)\n    return ext\n      ? variantByExtension[ext] || defaultUnknownName\n      : defaultUnknownName\n  } catch {\n    return defaultUnknownName\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AAGrD,OAAO,SAASC,2BAA2BA,CACzCC,GAAqC,EACrC;EACA,OACEA,GAAG,YAAYC,IAAI,IACnBD,GAAG,CAACE,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC;EAC7B;EACA,CAACH,GAAG,CAACE,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;EAClC;EACAH,GAAG,CAACE,IAAI,KAAK,YAAY;AAE7B;AAEA,IAAME,UAA8D,GAAAC,eAAA,CAAAA,eAAA;EAClEC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;EACjEC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;EACtCC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;EACrBC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;EAC3BC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;EAC3BC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;EACnBC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;EACrBC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;EAC1BC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;EACnBC,GAAG,EAAE,CAAC,KAAK,CAAC;EACZC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;EAC3BC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM;AAAC,GAC5B,IAAI,EAAG,CACN,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,CACN,cACQ,EAAE,CACZ;AAED,IAAMC,mBAAmB,GAAGC,MAAM,CAACC,OAAO,CAAChB,UAAU,CAGlD;AAEH,IAAMiB,kBAAkB,GAAGH,mBAAmB,CAACI,MAAM,CAAC,UAACC,GAAG,EAAAC,IAAA,EAAmB;EAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;IAAhBtB,IAAI,GAAAuB,KAAA;IAAEE,IAAI,GAAAF,KAAA;EACrEE,IAAI,CAACC,OAAO,CAAC,UAACC,GAAG,EAAK;IACpBN,GAAG,CAACM,GAAG,CAAC,GAAG3B,IAAI;EACjB,CAAC,CAAC;EACF,OAAOqB,GAAG;AACZ,CAAC,EAAE,CAAC,CAAiD,CAAC;AAEtD,OAAO,SAASO,8BAA8BA,CAC5CC,QAAgB,EACc;EAC9B,IAAMC,kBAAkB,GAAG,SAAS;EAEpC,IAAI;IACF,IAAMH,GAAG,GAAG/B,gBAAgB,CAACiC,QAAQ,CAAC;IACtC,OAAOF,GAAG,GACNR,kBAAkB,CAACQ,GAAG,CAAC,IAAIG,kBAAkB,GAC7CA,kBAAkB;EACxB,CAAC,CAAC,OAAAC,OAAA,EAAM;IACN,OAAOD,kBAAkB;EAC3B;AACF"}
+{"version":3,"file":"Thumbnail.utils.js","names":["getFileExtension","getIsFilePreviewableAsImage","src","File","type","startsWith","extensions","_defineProperty","image","drawing","email","gantt","zip","xml","word","ini","mov","pdf","powerpoint","excel","extensionsByVariant","Object","entries","variantByExtension","reduce","acc","_ref","_ref2","_slicedToArray","exts","forEach","ext","getThumbnailVariantForFilename","filename","defaultUnknownName","_unused","getThumbnailAriaLabel","i18n","label","caption","parts","push","concat","t","length","join","undefined"],"sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"sourcesContent":["import type { I18njs } from '@procore/core-i18n-js'\nimport { getFileExtension } from '../_utils/filename'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport function getIsFilePreviewableAsImage(\n  src: File | string | null | undefined\n) {\n  return (\n    src instanceof File &&\n    src.type.startsWith('image/') &&\n    // not allow previewing vendor image mime types, such as \"image/vnd.adobe.photoshop\"\n    !src.type.startsWith('image/vnd.') &&\n    // not allow previewing .tiff images, as a not browser-compatible format\n    src.type !== 'image/tiff'\n  )\n}\n\nconst extensions: { [k in ThumbnailDocumentIconVariant]?: string[] } = {\n  image: ['png', 'jpg', 'jpeg', 'gif', 'psd', 'tiff', 'tif', 'bmp'],\n  drawing: ['cad', 'dwg', 'dwf', 'dwfx'],\n  email: ['msg', 'eml'],\n  gantt: ['mpp', 'p6', 'xer'],\n  zip: ['zip', 'rar', '7zip'],\n  xml: ['rtf', 'txt'],\n  word: ['doc', 'docx'],\n  ini: ['ini', 'xml', 'exe'],\n  mov: ['mov', 'avi'],\n  pdf: ['pdf'],\n  powerpoint: ['ppt', 'pptx'],\n  excel: ['csv', 'xls', 'xlsx'],\n  ['3d']: [\n    'stl',\n    'obj',\n    'ma',\n    'fbx',\n    'dae',\n    '3ds',\n    'iges',\n    'step',\n    'wrl',\n    'rvt',\n    'ifc',\n    'nwc',\n    'nwd',\n    'nwf',\n  ],\n  unknown: [],\n}\n\nconst extensionsByVariant = Object.entries(extensions) as [\n  ThumbnailDocumentIconVariant,\n  string[]\n][]\n\nconst variantByExtension = extensionsByVariant.reduce((acc, [type, exts]) => {\n  exts.forEach((ext) => {\n    acc[ext] = type\n  })\n  return acc\n}, {} as Record<string, ThumbnailDocumentIconVariant>)\n\nexport function getThumbnailVariantForFilename(\n  filename: string\n): ThumbnailDocumentIconVariant {\n  const defaultUnknownName = 'unknown'\n\n  try {\n    const ext = getFileExtension(filename)\n    return ext\n      ? variantByExtension[ext] || defaultUnknownName\n      : defaultUnknownName\n  } catch {\n    return defaultUnknownName\n  }\n}\n\nexport function getThumbnailAriaLabel(\n  i18n: I18njs,\n  label?: string,\n  caption?: string\n): string | undefined {\n  const parts: string[] = []\n  if (label)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.label')}: ${label}`)\n  if (caption)\n    parts.push(`${i18n.t('core.thumbnail.aria-label.caption')}: ${caption}`)\n  return parts.length > 0 ? parts.join('. ') : undefined\n}\n"],"mappings":"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"}

package/dist/Thumbnail/ThumbnailCaption.js

@@ -1,53 +1,44 @@
-var _excluded = ["disabled", "caption", "error", "layout", "qa"],
-  _excluded2 = ["caption", "error", "disabled", "layout", "qa"],
+var _excluded = ["disabled", "caption", "error", "layout", "qa", "onCaptionOverflowChange"],
+  _excluded2 = ["caption", "error", "disabled", "layout", "qa", "onCaptionOverflowChange"],
   _excluded3 = ["layout", "disabled", "error", "caption", "hasCaptionPlaceholder", "multiline", "qa"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { Tooltip } from '../Tooltip';
+import React, { useEffect } from 'react';
 import { useOverflowObserver } from '../_hooks/OverflowObserver';
 import { parseFilename } from '../_utils/filename';
 import { StyledCaptionText, StyledMultilineCaption, StyledPlaceholderCaption, StyledSingleLineCaption, StyledSinglelineCaptionBody, StyledSinglelineCaptionEnding } from './Thumbnail.styles';
-function CaptionTooltip(_ref) {
-  var children = _ref.children,
-    overlay = _ref.overlay,
-    isVisible = _ref.isVisible;
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    overlay: /*#__PURE__*/React.createElement(Tooltip.Content, null, overlay),
-    placement: "bottom",
-    trigger: isVisible ? 'hover' : 'none'
-  }, children);
-}
-function MultilineCaption(_ref2) {
-  var disabled = _ref2.disabled,
-    caption = _ref2.caption,
-    error = _ref2.error,
-    layout = _ref2.layout,
-    qa = _ref2.qa,
-    props = _objectWithoutProperties(_ref2, _excluded);
+function MultilineCaption(_ref) {
+  var disabled = _ref.disabled,
+    caption = _ref.caption,
+    error = _ref.error,
+    layout = _ref.layout,
+    qa = _ref.qa,
+    onCaptionOverflowChange = _ref.onCaptionOverflowChange,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useOverflowObserver = useOverflowObserver(),
     ref = _useOverflowObserver.ref,
     isOverflowing = _useOverflowObserver.isOverflowing;
-  return /*#__PURE__*/React.createElement(CaptionTooltip, {
-    overlay: caption,
-    isVisible: isOverflowing
-  }, /*#__PURE__*/React.createElement("span", {
+  useEffect(function () {
+    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
+  }, [isOverflowing, onCaptionOverflowChange]);
+  return /*#__PURE__*/React.createElement("span", {
     "data-qa": qa
   }, /*#__PURE__*/React.createElement(StyledMultilineCaption, _extends({
     ref: ref,
     $disabled: disabled,
     $error: error,
     $layout: layout
-  }, props), /*#__PURE__*/React.createElement(StyledCaptionText, null, caption))));
+  }, props), /*#__PURE__*/React.createElement(StyledCaptionText, null, caption)));
 }
-function SinglelineCaption(_ref3) {
-  var caption = _ref3.caption,
-    error = _ref3.error,
-    disabled = _ref3.disabled,
-    layout = _ref3.layout,
-    qa = _ref3.qa,
-    props = _objectWithoutProperties(_ref3, _excluded2);
+function SinglelineCaption(_ref2) {
+  var caption = _ref2.caption,
+    error = _ref2.error,
+    disabled = _ref2.disabled,
+    layout = _ref2.layout,
+    qa = _ref2.qa,
+    onCaptionOverflowChange = _ref2.onCaptionOverflowChange,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   var _useOverflowObserver2 = useOverflowObserver(),
     ref = _useOverflowObserver2.ref,
     isOverflowing = _useOverflowObserver2.isOverflowing;
@@ -55,30 +46,30 @@ function SinglelineCaption(_ref3) {
     filename = _parseFilename.filename,
     extension = _parseFilename.extension,
     isFilename = _parseFilename.isFilename;
-  return /*#__PURE__*/React.createElement(CaptionTooltip, {
-    overlay: caption,
-    isVisible: isOverflowing
-  }, /*#__PURE__*/React.createElement(StyledSingleLineCaption, _extends({
+  useEffect(function () {
+    onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
+  }, [isOverflowing, onCaptionOverflowChange]);
+  return /*#__PURE__*/React.createElement(StyledSingleLineCaption, _extends({
     $error: error,
     $disabled: disabled,
     $layout: layout,
     "data-qa": qa
   }, props), /*#__PURE__*/React.createElement(StyledSinglelineCaptionBody, {
     ref: ref
-  }, isFilename ? "".concat(filename, ".") : caption), isFilename && /*#__PURE__*/React.createElement(StyledSinglelineCaptionEnding, null, extension)));
+  }, isFilename ? "".concat(filename, ".") : caption), isFilename && /*#__PURE__*/React.createElement(StyledSinglelineCaptionEnding, null, extension));
 }
-export function ThumbnailCaption(_ref4) {
-  var layout = _ref4.layout,
-    _ref4$disabled = _ref4.disabled,
-    disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
-    _ref4$error = _ref4.error,
-    error = _ref4$error === void 0 ? false : _ref4$error,
-    caption = _ref4.caption,
-    hasCaptionPlaceholder = _ref4.hasCaptionPlaceholder,
-    multiline = _ref4.multiline,
-    _ref4$qa = _ref4.qa,
-    qa = _ref4$qa === void 0 ? '' : _ref4$qa,
-    props = _objectWithoutProperties(_ref4, _excluded3);
+export function ThumbnailCaption(_ref3) {
+  var layout = _ref3.layout,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    _ref3$error = _ref3.error,
+    error = _ref3$error === void 0 ? false : _ref3$error,
+    caption = _ref3.caption,
+    hasCaptionPlaceholder = _ref3.hasCaptionPlaceholder,
+    multiline = _ref3.multiline,
+    _ref3$qa = _ref3.qa,
+    qa = _ref3$qa === void 0 ? '' : _ref3$qa,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   if (!caption) {
     var captionPlaceholder = hasCaptionPlaceholder && '- -';
     if (captionPlaceholder) {
@@ -97,7 +88,8 @@ export function ThumbnailCaption(_ref4) {
       caption: caption,
       error: error,
       layout: layout,
-      qa: qa
+      qa: qa,
+      onCaptionOverflowChange: props.onCaptionOverflowChange
     }, props));
   }
   return /*#__PURE__*/React.createElement(SinglelineCaption, _extends({
@@ -105,7 +97,8 @@ export function ThumbnailCaption(_ref4) {
     disabled: disabled,
     error: error,
     layout: layout,
-    qa: qa
+    qa: qa,
+    onCaptionOverflowChange: props.onCaptionOverflowChange
   }, props));
 }
 //# sourceMappingURL=ThumbnailCaption.js.map

package/dist/Thumbnail/ThumbnailCaption.js.map

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

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_39_0__sc-1inrbm9-0"
+  componentId: "core-12_41_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_39_0__sc-1inrbm9-1"
+  componentId: "core-12_41_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_39_0__sc-1inrbm9-2"
+  componentId: "core-12_41_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_39_0__sc-1inrbm9-3"
+  componentId: "core-12_41_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_39_0__sc-1inrbm9-4"
+  componentId: "core-12_41_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_39_0__sc-1inrbm9-5"
+  componentId: "core-12_41_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_39_0__sc-1inrbm9-6"
+  componentId: "core-12_41_0__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_39_0__sc-e1ql06-0"
+  componentId: "core-12_41_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_39_0__sc-e1ql06-1"
+  componentId: "core-12_41_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_39_0__sc-e1ql06-2"
+  componentId: "core-12_41_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_39_0__sc-e1ql06-3"
+  componentId: "core-12_41_0__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_39_0__sc-e1ql06-4"
+  componentId: "core-12_41_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_39_0__sc-e1ql06-5"
+  componentId: "core-12_41_0__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_39_0__sc-e1ql06-6"
+  componentId: "core-12_41_0__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_39_0__sc-e1ql06-7"
+  componentId: "core-12_41_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_39_0__sc-e1ql06-8"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-0"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-1"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-2"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-3"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-4"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-5"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-6"
+  componentId: "core-12_41_0__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_39_0__sc-8q9p0n-7"
+  componentId: "core-12_41_0__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;"]);