@procore/core-react 12.21.2 → 12.22.0

package/dist/FileSelect/LocalSource/LocalSource.styles.js

@@ -15,21 +15,21 @@ var dropzoneHeightWithIcon = 176;
 var sourceWidth = 568;
 export var StyledLocalSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLocalSource",
-  componentId: "core-12_21_2__sc-psqe8z-0"
+  componentId: "core-12_22_0__sc-psqe8z-0"
 })(["display:flex;flex-grow:1;flex-direction:column;align-items:stretch;height:", "px;max-height:", "px;padding:", "px ", "px ", "px ", "px;overflow-y:hidden;"], contentHeight, contentHeight, spacing.xl, spacing.xl + spacing.lg, spacing.xl, spacing.xl);
 export var StyledDropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBanner).withConfig({
   displayName: "StyledDropzoneErrorBanner",
-  componentId: "core-12_21_2__sc-psqe8z-1"
+  componentId: "core-12_22_0__sc-psqe8z-1"
 })(["margin-top:", "px;margin-bottom:", "px;margin-right:2px;"], errorBannerMarginTop, errorBannerMarginBottom);
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_21_2__sc-psqe8z-2"
+  componentId: "core-12_22_0__sc-psqe8z-2"
 })(["display:flex;height:auto;min-height:", "px;> div:first-child{display:flex;height:auto;}> ", "{display:none;}@media ", "{width:", "px;> div:first-child{height:100%;}}"], function (_ref) {
   var isIconVisible = _ref.isIconVisible;
   return isIconVisible ? dropzoneHeightWithIcon : dropzoneHeight;
 }, DropzoneErrorBanner, mediaIE11Hack, sourceWidth);
 export var StyledThumbnailList = /*#__PURE__*/styled(ThumbnailList).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_21_2__sc-psqe8z-3"
+  componentId: "core-12_22_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.styles.d.ts

@@ -1,8 +1,9 @@
-export declare const StyledSourceItem: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledSourceItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     selected: boolean;
     error: boolean;
     disabled: boolean;
     focused: boolean;
-}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/FileSelect/SourceItem/SourceItem.styles.js

@@ -8,7 +8,7 @@ var sourceItemPadding = spacing.xl;
 var focused = /*#__PURE__*/css(["", " padding:0 ", "px 0 ", "px;"], getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
 export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_21_2__sc-plcozv-0"
+  componentId: "core-12_22_0__sc-plcozv-0"
 })(["position:relative;display:flex;align-items:center;padding:0 ", "px 0 ", "px;color:", ";", " cursor:pointer;height:", "px;&:before{content:'';position:absolute;top:0;left:0;display:block;width:4px;height:100%;background-color:", ";transform:scaleX(0);transform-origin:center left;transition:transform 200ms ease-out;z-index:1;}", " ", " ", " ", " ", " &:focus{", "}"], sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_ref) {
   var selected = _ref.selected;
   return selected && "\n    font-weight: 700;\n    background-color: ".concat(colors.blue96, ";\n    color: ").concat(colors.blue45, ";\n\n    ").concat(StyledIcon, " {\n      color: ").concat(colors.blue50, ";\n    }\n\n    &:before {\n      transform: scaleX(1);\n    }\n  ");
@@ -28,10 +28,10 @@ export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
 }, focused);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_21_2__sc-plcozv-1"
+  componentId: "core-12_22_0__sc-plcozv-1"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;"]);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_21_2__sc-plcozv-2"
+  componentId: "core-12_22_0__sc-plcozv-2"
 })(["", ""], getEllipsis());
 //# sourceMappingURL=SourceItem.styles.js.map

package/dist/FileSelect/ThumbnailList/ThumbnailList.js

@@ -13,7 +13,7 @@ import { useId } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import { clamp, isNil } from 'ramda';
 import React from 'react';
-import { ProgressBar } from '../../ProgressBar/ProgressBar';
+import { ProgressBar } from '../../ProgressBar';
 import { useI18nContext } from '../../_hooks/I18n';
 import { StyledDeleteIcon, StyledProgress, StyledThumbnail, StyledThumbnailList, StyledThumbnailListContainer, StyledThumbnailListItem } from './ThumbnailList.styles';
 export var defaultListHeight = 305;

package/dist/FileSelect/ThumbnailList/ThumbnailList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailList.js","names":["Clear","useId","VisuallyHidden","clamp","isNil","React","ProgressBar","useI18nContext","StyledDeleteIcon","StyledProgress","StyledThumbnail","StyledThumbnailList","StyledThumbnailListContainer","StyledThumbnailListItem","defaultListHeight","defaultRowHeight","progressValueText","_ref","value","concat","Row","_ref2","_ref2$data","data","items","onCancel","isFocused","setNavigationPosition","style","index","i18n","progressBarLabelId","item","src","name","progress","error","focused","ariaLive","undefined","createElement","onMouseEnter","size","clickable","caption","Fragment","id","t","animated","icon","tabIndex","variant","onClick","outerElementType","forwardRef","props","ref","_extends","getNewNavigationPosition","next","max","Math","ThumbnailList","_ref3","_ref3$listHeight","listHeight","_ref3$rowHeight","rowHeight","onKeyDown","onFocus","onBlur","_objectWithoutProperties","_excluded","rowCount","length","height","min","listRef","useRef","listInstance","current","_React$useState","useState","_React$useState2","_slicedToArray","isListFocused","setIsListFocused","_React$useState3","_React$useState4","navigationPosition","useCallback","updateNavigationPosition","newPosition","scrollToItem","useEffect","handleNavigation","e","key","preventDefault","highlightedItem","setTimeout","width","itemCount","itemSize","itemData","minHeight","displayName"],"sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport { clamp, isNil } from 'ramda'\nimport React from 'react'\nimport type {\n  FixedSizeList as List,\n  ListChildComponentProps,\n} from 'react-window'\nimport { ProgressBar } from '../../ProgressBar/ProgressBar'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport type { DivAttributes } from '../../_utils/types'\nimport {\n  StyledDeleteIcon,\n  StyledProgress,\n  StyledThumbnail,\n  StyledThumbnailList,\n  StyledThumbnailListContainer,\n  StyledThumbnailListItem,\n} from './ThumbnailList.styles'\nimport type { ThumbnailListProps } from './ThumbnailList.types'\n\nexport const defaultListHeight = 305\nexport const defaultRowHeight = 56\n\nconst progressValueText = ({ value }: { value: number }) => `${value}%`\n\nconst Row = ({\n  data: { items, onCancel, isFocused, setNavigationPosition },\n  style,\n  index,\n}: ListChildComponentProps) => {\n  const i18n = useI18nContext()\n  const progressBarLabelId = useId()\n  const item = items[index]\n  const { src, name, progress, error } = item\n  const focused = isFocused(index)\n  const ariaLive = error ? 'assertive' : undefined\n\n  return (\n    <div\n      style={style}\n      onMouseEnter={() => setNavigationPosition(index)}\n      aria-live={ariaLive}\n    >\n      <StyledThumbnailListItem error={error} focused={focused}>\n        <StyledThumbnail\n          src={src}\n          size=\"sm\"\n          clickable={false}\n          caption={name}\n          error={error}\n        />\n        <StyledProgress>\n          {error ||\n            (!isNil(progress) && (\n              <>\n                <VisuallyHidden>\n                  <span id={progressBarLabelId}>\n                    {i18n.t('core.thumbnailList.uploading')}\n                  </span>\n                </VisuallyHidden>\n                <ProgressBar\n                  aria-labelledby={progressBarLabelId}\n                  value={progress}\n                  aria-valuetext={progressValueText}\n                  animated\n                />\n              </>\n            ))}\n        </StyledProgress>\n        {onCancel && (\n          <StyledDeleteIcon\n            aria-label={i18n.t('core.thumbnailList.removeUpload')}\n            icon={<Clear size=\"sm\" />}\n            size=\"sm\"\n            tabIndex={-1}\n            variant=\"tertiary\"\n            onClick={() => onCancel(item)}\n          />\n        )}\n      </StyledThumbnailListItem>\n    </div>\n  )\n}\n\n// See https://github.com/bvaughn/react-window/issues/130\nconst outerElementType = React.forwardRef<HTMLDivElement, DivAttributes>(\n  (props, ref) => <div ref={ref} tabIndex={-1} {...props} />\n)\n\nconst getNewNavigationPosition = (next: number, max: number): number =>\n  clamp(0, Math.max(0, max - 1), next)\n\nexport const ThumbnailList = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailListProps\n>(\n  (\n    {\n      items,\n      onCancel,\n      listHeight = defaultListHeight,\n      rowHeight = defaultRowHeight,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...props\n    },\n    ref\n  ) => {\n    const { length: rowCount } = items\n    const height = Math.min(rowCount * defaultRowHeight, listHeight)\n\n    const listRef = React.useRef<List | null>(null)\n    const listInstance = listRef.current\n    const [isListFocused, setIsListFocused] = React.useState(false)\n\n    const [navigationPosition, setNavigationPosition] = React.useState(0)\n\n    const isFocused = React.useCallback(\n      (index: number) => isListFocused && navigationPosition === index,\n      [isListFocused, navigationPosition]\n    )\n\n    const updateNavigationPosition = React.useCallback(\n      (newPosition: number) => {\n        setNavigationPosition(newPosition)\n        listInstance?.scrollToItem(newPosition)\n      },\n      [listInstance]\n    )\n\n    React.useEffect(() => {\n      if (isListFocused) {\n        listInstance?.scrollToItem(navigationPosition)\n      }\n    }, [isListFocused])\n\n    React.useEffect(() => {\n      if (rowCount > 0 && rowCount <= navigationPosition) {\n        setNavigationPosition(rowCount - 1)\n      }\n      if (rowCount <= 0) {\n        setIsListFocused(false)\n      }\n    }, [rowCount])\n\n    const handleNavigation = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isListFocused) return\n\n      switch (e.key) {\n        case 'Enter':\n          e.preventDefault()\n\n          const highlightedItem = items[navigationPosition]\n          onCancel?.(highlightedItem)\n          // Ensure scrolling only after the item was deleted\n          setTimeout(() => {\n            updateNavigationPosition(\n              getNewNavigationPosition(navigationPosition, rowCount - 1)\n            )\n          }, 0)\n          if (rowCount - 1 === 0) {\n            setIsListFocused(false)\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition + 1, rowCount)\n          )\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition - 1, rowCount)\n          )\n          break\n      }\n\n      onKeyDown?.(e)\n    }\n\n    if (!rowCount) return null\n\n    return (\n      <StyledThumbnailListContainer\n        tabIndex={rowCount !== 0 ? 0 : -1}\n        onFocus={(e) => {\n          setIsListFocused(true)\n          onFocus?.(e)\n        }}\n        onBlur={(e) => {\n          setIsListFocused(false)\n          onBlur?.(e)\n        }}\n        onKeyDown={handleNavigation}\n        {...props}\n        ref={ref}\n      >\n        <StyledThumbnailList\n          ref={listRef}\n          width=\"100%\"\n          height={height}\n          itemCount={rowCount}\n          itemSize={rowHeight}\n          itemData={{ items, onCancel, isFocused, setNavigationPosition }}\n          style={{ minHeight: height }}\n          outerElementType={outerElementType}\n        >\n          {Row}\n        </StyledThumbnailList>\n      </StyledThumbnailListContainer>\n    )\n  }\n)\n\nThumbnailList.displayName = 'ThumbnailList'\n"],"mappings":"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"}
+{"version":3,"file":"ThumbnailList.js","names":["Clear","useId","VisuallyHidden","clamp","isNil","React","ProgressBar","useI18nContext","StyledDeleteIcon","StyledProgress","StyledThumbnail","StyledThumbnailList","StyledThumbnailListContainer","StyledThumbnailListItem","defaultListHeight","defaultRowHeight","progressValueText","_ref","value","concat","Row","_ref2","_ref2$data","data","items","onCancel","isFocused","setNavigationPosition","style","index","i18n","progressBarLabelId","item","src","name","progress","error","focused","ariaLive","undefined","createElement","onMouseEnter","size","clickable","caption","Fragment","id","t","animated","icon","tabIndex","variant","onClick","outerElementType","forwardRef","props","ref","_extends","getNewNavigationPosition","next","max","Math","ThumbnailList","_ref3","_ref3$listHeight","listHeight","_ref3$rowHeight","rowHeight","onKeyDown","onFocus","onBlur","_objectWithoutProperties","_excluded","rowCount","length","height","min","listRef","useRef","listInstance","current","_React$useState","useState","_React$useState2","_slicedToArray","isListFocused","setIsListFocused","_React$useState3","_React$useState4","navigationPosition","useCallback","updateNavigationPosition","newPosition","scrollToItem","useEffect","handleNavigation","e","key","preventDefault","highlightedItem","setTimeout","width","itemCount","itemSize","itemData","minHeight","displayName"],"sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport { clamp, isNil } from 'ramda'\nimport React from 'react'\nimport type {\n  FixedSizeList as List,\n  ListChildComponentProps,\n} from 'react-window'\nimport { ProgressBar } from '../../ProgressBar'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport type { DivAttributes } from '../../_utils/types'\nimport {\n  StyledDeleteIcon,\n  StyledProgress,\n  StyledThumbnail,\n  StyledThumbnailList,\n  StyledThumbnailListContainer,\n  StyledThumbnailListItem,\n} from './ThumbnailList.styles'\nimport type { ThumbnailListProps } from './ThumbnailList.types'\n\nexport const defaultListHeight = 305\nexport const defaultRowHeight = 56\n\nconst progressValueText = ({ value }: { value: number }) => `${value}%`\n\nconst Row = ({\n  data: { items, onCancel, isFocused, setNavigationPosition },\n  style,\n  index,\n}: ListChildComponentProps) => {\n  const i18n = useI18nContext()\n  const progressBarLabelId = useId()\n  const item = items[index]\n  const { src, name, progress, error } = item\n  const focused = isFocused(index)\n  const ariaLive = error ? 'assertive' : undefined\n\n  return (\n    <div\n      style={style}\n      onMouseEnter={() => setNavigationPosition(index)}\n      aria-live={ariaLive}\n    >\n      <StyledThumbnailListItem error={error} focused={focused}>\n        <StyledThumbnail\n          src={src}\n          size=\"sm\"\n          clickable={false}\n          caption={name}\n          error={error}\n        />\n        <StyledProgress>\n          {error ||\n            (!isNil(progress) && (\n              <>\n                <VisuallyHidden>\n                  <span id={progressBarLabelId}>\n                    {i18n.t('core.thumbnailList.uploading')}\n                  </span>\n                </VisuallyHidden>\n                <ProgressBar\n                  aria-labelledby={progressBarLabelId}\n                  value={progress}\n                  aria-valuetext={progressValueText}\n                  animated\n                />\n              </>\n            ))}\n        </StyledProgress>\n        {onCancel && (\n          <StyledDeleteIcon\n            aria-label={i18n.t('core.thumbnailList.removeUpload')}\n            icon={<Clear size=\"sm\" />}\n            size=\"sm\"\n            tabIndex={-1}\n            variant=\"tertiary\"\n            onClick={() => onCancel(item)}\n          />\n        )}\n      </StyledThumbnailListItem>\n    </div>\n  )\n}\n\n// See https://github.com/bvaughn/react-window/issues/130\nconst outerElementType = React.forwardRef<HTMLDivElement, DivAttributes>(\n  (props, ref) => <div ref={ref} tabIndex={-1} {...props} />\n)\n\nconst getNewNavigationPosition = (next: number, max: number): number =>\n  clamp(0, Math.max(0, max - 1), next)\n\nexport const ThumbnailList = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailListProps\n>(\n  (\n    {\n      items,\n      onCancel,\n      listHeight = defaultListHeight,\n      rowHeight = defaultRowHeight,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...props\n    },\n    ref\n  ) => {\n    const { length: rowCount } = items\n    const height = Math.min(rowCount * defaultRowHeight, listHeight)\n\n    const listRef = React.useRef<List | null>(null)\n    const listInstance = listRef.current\n    const [isListFocused, setIsListFocused] = React.useState(false)\n\n    const [navigationPosition, setNavigationPosition] = React.useState(0)\n\n    const isFocused = React.useCallback(\n      (index: number) => isListFocused && navigationPosition === index,\n      [isListFocused, navigationPosition]\n    )\n\n    const updateNavigationPosition = React.useCallback(\n      (newPosition: number) => {\n        setNavigationPosition(newPosition)\n        listInstance?.scrollToItem(newPosition)\n      },\n      [listInstance]\n    )\n\n    React.useEffect(() => {\n      if (isListFocused) {\n        listInstance?.scrollToItem(navigationPosition)\n      }\n    }, [isListFocused])\n\n    React.useEffect(() => {\n      if (rowCount > 0 && rowCount <= navigationPosition) {\n        setNavigationPosition(rowCount - 1)\n      }\n      if (rowCount <= 0) {\n        setIsListFocused(false)\n      }\n    }, [rowCount])\n\n    const handleNavigation = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isListFocused) return\n\n      switch (e.key) {\n        case 'Enter':\n          e.preventDefault()\n\n          const highlightedItem = items[navigationPosition]\n          onCancel?.(highlightedItem)\n          // Ensure scrolling only after the item was deleted\n          setTimeout(() => {\n            updateNavigationPosition(\n              getNewNavigationPosition(navigationPosition, rowCount - 1)\n            )\n          }, 0)\n          if (rowCount - 1 === 0) {\n            setIsListFocused(false)\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition + 1, rowCount)\n          )\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          updateNavigationPosition(\n            getNewNavigationPosition(navigationPosition - 1, rowCount)\n          )\n          break\n      }\n\n      onKeyDown?.(e)\n    }\n\n    if (!rowCount) return null\n\n    return (\n      <StyledThumbnailListContainer\n        tabIndex={rowCount !== 0 ? 0 : -1}\n        onFocus={(e: React.FocusEvent<HTMLDivElement>) => {\n          setIsListFocused(true)\n          onFocus?.(e)\n        }}\n        onBlur={(e: React.FocusEvent<HTMLDivElement>) => {\n          setIsListFocused(false)\n          onBlur?.(e)\n        }}\n        onKeyDown={handleNavigation}\n        {...props}\n        ref={ref}\n      >\n        <StyledThumbnailList\n          ref={listRef}\n          width=\"100%\"\n          height={height}\n          itemCount={rowCount}\n          itemSize={rowHeight}\n          itemData={{ items, onCancel, isFocused, setNavigationPosition }}\n          style={{ minHeight: height }}\n          outerElementType={outerElementType}\n        >\n          {Row}\n        </StyledThumbnailList>\n      </StyledThumbnailListContainer>\n    )\n  }\n)\n\nThumbnailList.displayName = 'ThumbnailList'\n"],"mappings":"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"}

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.d.ts

@@ -1,17 +1,27 @@
 /// <reference types="react" />
 import { FixedSizeList as List } from 'react-window';
-export declare const StyledThumbnailListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumbnailList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
-export declare const StyledThumbnail: import("styled-components").StyledComponent<(<Role extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../..").ThumbnailProps<Role> | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+export declare const StyledThumbnailListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledThumbnailList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-window").FixedSizeListProps<unknown> & import("react").RefAttributes<List<unknown>>, never>> & string & Omit<typeof List, keyof import("react").Component<any, {}, any>>;
+export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps> | import("../../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    onChange?: ((isSelected: boolean) => void) | undefined;
+}> | ({
+    role?: undefined;
+} & import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../..").ThumbnailProps<Role> | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
     ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
 })) => import("react").JSX.Element) & {
     Placeholder: <Role_1 extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
         ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
     })) => import("react").JSX.Element;
-}, any, {}, never>;
-export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumbnailListItem: import("styled-components").StyledComponent<"div", any, {
+}, keyof import("react").Component<any, {}, any>>;
+export declare const StyledProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledThumbnailListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     focused: boolean;
     error: boolean;
-}, never>;
-export declare const StyledDeleteIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+}>> & string;
+export declare const StyledDeleteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js

@@ -7,23 +7,23 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListContainer",
-  componentId: "core-12_21_2__sc-1fz4ynb-0"
+  componentId: "core-12_22_0__sc-1fz4ynb-0"
 })(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
 export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_21_2__sc-1fz4ynb-1"
+  componentId: "core-12_22_0__sc-1fz4ynb-1"
 })(["outline:none;"]);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_21_2__sc-1fz4ynb-2"
+  componentId: "core-12_22_0__sc-1fz4ynb-2"
 })(["flex-grow:1;justify-content:flex-start;"]);
 export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgress",
-  componentId: "core-12_21_2__sc-1fz4ynb-3"
+  componentId: "core-12_22_0__sc-1fz4ynb-3"
 })(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
 export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListItem",
-  componentId: "core-12_21_2__sc-1fz4ynb-4"
+  componentId: "core-12_22_0__sc-1fz4ynb-4"
 })(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
   var error = _ref.error;
   return !error && "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
@@ -37,6 +37,6 @@ export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDeleteIcon",
-  componentId: "core-12_21_2__sc-1fz4ynb-5"
+  componentId: "core-12_22_0__sc-1fz4ynb-5"
 })([""]);
 //# sourceMappingURL=ThumbnailList.styles.js.map

package/dist/FileSelect/TreeSource/TreeSource.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledFileTreeSpinner: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledFileTreeSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/FileSelect/TreeSource/TreeSource.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_21_2__sc-wwu3n8-0"
+  componentId: "core-12_22_0__sc-wwu3n8-0"
 })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
 //# sourceMappingURL=TreeSource.styles.js.map

package/dist/FileToken/FileToken.styles.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const pulseAnimationDuration = 600;
-export declare const StyledFilenameShortcut: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFilename: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledExtension: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledFileToken: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledFilenameShortcut: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledFilename: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledExtension: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledFileToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $error?: boolean | undefined;
     $finalized?: boolean | undefined;
     $progressComplete?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/FileToken/FileToken.styles.js

@@ -6,19 +6,19 @@ export var pulseAnimationDuration = 600;
 var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
 export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilenameShortcut",
-  componentId: "core-12_21_2__sc-13jx4bx-0"
+  componentId: "core-12_22_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_21_2__sc-13jx4bx-1"
+  componentId: "core-12_22_0__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_21_2__sc-13jx4bx-2"
+  componentId: "core-12_22_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_21_2__sc-13jx4bx-3"
+  componentId: "core-12_22_0__sc-13jx4bx-3"
 })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
   var $progressComplete = _ref.$progressComplete;
   return $progressComplete && css(["background-color:", ";"], colors.blue45);

package/dist/FilterToken/FilterToken.styles.d.ts

@@ -1,9 +1,10 @@
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledFilterToken: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledFilterToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $focused: boolean;
-}, never>;
-export declare const StyledFilterRemoveButton: import("styled-components").StyledComponent<"button", any, {
+}>> & string;
+export declare const StyledFilterRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled: boolean;
-}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledContentLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+}>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledContentLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/FilterToken/FilterToken.styles.js

@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_21_2__sc-1l1h29r-0"
+  componentId: "core-12_22_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_21_2__sc-1l1h29r-1"
+  componentId: "core-12_22_0__sc-1l1h29r-1"
 })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledFilterRemoveButton",
-  componentId: "core-12_21_2__sc-1l1h29r-2"
+  componentId: "core-12_22_0__sc-1l1h29r-2"
 })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
   var $disabled = _ref2.$disabled;
   return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
 }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_21_2__sc-1l1h29r-3"
+  componentId: "core-12_22_0__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_21_2__sc-1l1h29r-4"
+  componentId: "core-12_22_0__sc-1l1h29r-4"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 //# sourceMappingURL=FilterToken.styles.js.map

package/dist/FlexList/FlexList.styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { FlexDirection } from '../Box/Box.types';
-export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     $direction?: FlexDirection | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_21_2__sc-1quvv61-0"
+  componentId: "core-12_22_0__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/Form/Form.d.ts

@@ -9,7 +9,8 @@ export declare function useFormContext<Values = any>(): FormikContextType<Values
 export declare function getPrimitiveValue(value: any, getId?: (option: any) => string | number): string | number;
 export declare function useField<Value = any>({ disabled: _disabled, error: _error, getId, required: _required, name, validate, view: _view, }?: FieldConfig): FormFieldAPI<Value>;
 declare function Form_<Values = any>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): React.JSX.Element;
-export declare function FormForm({ children, className, onKeyDown, style, ...props }: React.ComponentPropsWithoutRef<typeof FormikForm>): React.JSX.Element;
+declare type FormFormProps = Omit<React.ComponentPropsWithoutRef<typeof FormikForm>, 'placeholder' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'>;
+export declare function FormForm({ children, className, onKeyDown, style, ...props }: FormFormProps): React.JSX.Element;
 export declare function FormErrorBanner({ item, i18nScope, ...rest }: FormErrorBannerProps & DivAttributes): React.JSX.Element | null;
 export declare function isFormFieldEmpty(val: any): boolean;
 export declare function WXPField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>({ as: AsComponent, children, colStart, colWidth, disabled, description, error, label, name, required, tooltip, validate, view, inlineLabel: singleCheckboxInlineLabel, inlineDescription: singleCheckboxInlineDescription, ...props }: BaseFieldProps<Value, ComponentProps> & Pick<FormCheckboxProps, 'inlineLabel' | 'inlineDescription'> & {