@procore/core-react 12.37.0 → 12.39.0

package/dist/Dropzone/Dropzone.styles.js

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_37_0__sc-by95hy-0"
+  componentId: "core-12_39_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_37_0__sc-by95hy-1"
+  componentId: "core-12_39_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_37_0__sc-by95hy-2"
+  componentId: "core-12_39_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_37_0__sc-by95hy-3"
+  componentId: "core-12_39_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
   var $disabled = _ref2.$disabled;
   return !$disabled && css(["&:hover{", "}"], activeDropzone);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_37_0__sc-by95hy-4"
+  componentId: "core-12_39_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_37_0__sc-by95hy-5"
+  componentId: "core-12_39_0__sc-by95hy-5"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_37_0__sc-by95hy-6"
+  componentId: "core-12_39_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var $error = _ref6.$error;
   return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_37_0__sc-by95hy-7"
+  componentId: "core-12_39_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_37_0__sc-by95hy-8"
+  componentId: "core-12_39_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/EmptyState/EmptyState.styles.js

@@ -5,27 +5,27 @@ import { spacing } from '../_styles/spacing';
 var emptyStateWidth = 312;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-12_37_0__sc-1xaoo8n-0"
+  componentId: "core-12_39_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_37_0__sc-1xaoo8n-1"
+  componentId: "core-12_39_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_37_0__sc-1xaoo8n-2"
+  componentId: "core-12_39_0__sc-1xaoo8n-2"
 })(["color:", ";max-width:", "px;width:100%;", ""], colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_37_0__sc-1xaoo8n-3"
+  componentId: "core-12_39_0__sc-1xaoo8n-3"
 })(["margin-top:", "px;color:", ";max-width:", "px;width:100%;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_37_0__sc-1xaoo8n-4"
+  componentId: "core-12_39_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_37_0__sc-1xaoo8n-5"
+  componentId: "core-12_39_0__sc-1xaoo8n-5"
 })(["display:flex;justify-content:center;align-items:", ";gap:", "px;flex-direction:", ";margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", " ", "}"], function (_ref) {
   var $isHorizontal = _ref.$isHorizontal;
   return $isHorizontal ? 'flex-start' : 'center';

package/dist/Field/Field.styles.js

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-12_37_0__sc-1q3pe6s-0"
+  componentId: "core-12_39_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_37_0__sc-1q3pe6s-1"
+  componentId: "core-12_39_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_37_0__sc-1q3pe6s-2"
+  componentId: "core-12_39_0__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.js

@@ -10,7 +10,7 @@ import { Link } from '../Link/Link';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { Typography } from '../Typography/Typography';
 import { useI18nContext } from '../_hooks/I18n';
-import { StyledFileListDownloadAll, StyledFileListItem, StyledFileListItemDownloadIcon, StyledFileListItemTextInactive } from './FileList.styles';
+import { StyledFileListDownloadAll, StyledFileListItem, StyledFileListItemDownloadIcon } from './FileList.styles';
 export var defaultGetViewUrl = function defaultGetViewUrl(item) {
   return item.viewUrl;
 };
@@ -83,14 +83,10 @@ export function Item(_ref2) {
     href: viewUrl,
     target: "_blank",
     tabIndex: 0
-  }, name)) : /*#__PURE__*/React.createElement(Tooltip, {
-    overlay: I18n.t('core.fileList.noPreview')
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, name)) : /*#__PURE__*/React.createElement(Typography, {
     intent: "body",
     color: "gray15"
-  }, /*#__PURE__*/React.createElement(StyledFileListItemTextInactive, {
-    tabIndex: 0
-  }, name))), downloadUrl && /*#__PURE__*/React.createElement(Tooltip, {
+  }, name), downloadUrl && /*#__PURE__*/React.createElement(Tooltip, {
     overlay: I18n.t('core.fileList.download')
   }, /*#__PURE__*/React.createElement(StyledFileListItemDownloadIcon, {
     "aria-label": I18n.t('core.fileList.download'),

package/dist/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["Archive","Download","React","Box","Link","Tooltip","Typography","useI18nContext","StyledFileListDownloadAll","StyledFileListItem","StyledFileListItemDownloadIcon","StyledFileListItemTextInactive","defaultGetViewUrl","item","viewUrl","defaultGetDownloadUrl","downloadUrl","defaultGetName","name","FileList","forwardRef","_ref","ref","items","downloadAllUrl","_ref$getDownloadUrl","getDownloadUrl","_ref$getViewUrl","getViewUrl","_ref$getName","getName","qa","props","_objectWithoutProperties","_excluded","I18n","length","isDownloadAllVisible","createElement","_extends","variant","size","icon","href","tabIndex","t","as","map","i","_qa$item","Item","call","key","concat","_ref2","_excluded2","intent","weight","target","overlay","color"],"sources":["../../src/FileList/FileList.tsx"],"sourcesContent":["import { Archive, Download } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport { Link } from '../Link/Link'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledFileListDownloadAll,\n  StyledFileListItem,\n  StyledFileListItemDownloadIcon,\n  StyledFileListItemTextInactive,\n} from './FileList.styles'\nimport type { FileListItemProps, FileListProps } from './FileList.types'\n\nexport const defaultGetViewUrl = (item: FileListItemProps) => {\n  return item.viewUrl\n}\n\nexport const defaultGetDownloadUrl = (item: FileListItemProps) => {\n  return item.downloadUrl\n}\n\nexport const defaultGetName = (item: FileListItemProps) => {\n  return item.name\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n */\nexport const FileList = React.forwardRef<\n  HTMLDivElement,\n  FileListProps & React.HTMLAttributes<HTMLDivElement>\n>(function FileList(\n  {\n    items,\n    downloadAllUrl,\n    getDownloadUrl = defaultGetDownloadUrl,\n    getViewUrl = defaultGetViewUrl,\n    getName = defaultGetName,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const { length } = items\n\n  const isDownloadAllVisible = length > 1 && downloadAllUrl\n\n  if (length === 0) {\n    return null\n  }\n\n  return (\n    <Box ref={ref} {...props}>\n      {isDownloadAllVisible && (\n        <StyledFileListDownloadAll\n          variant=\"tertiary\"\n          size=\"sm\"\n          icon={<Archive />}\n          href={downloadAllUrl}\n          tabIndex={0}\n        >\n          {I18n.t('core.fileList.downloadAll')}\n        </StyledFileListDownloadAll>\n      )}\n      <Box as=\"ul\">\n        {items.map((item, i) => {\n          const name = getName(item)\n          const downloadUrl = getDownloadUrl(item)\n          return (\n            <Item\n              name={name}\n              downloadUrl={getDownloadUrl(item)}\n              viewUrl={getViewUrl(item)}\n              data-qa={qa?.item?.(item)}\n              key={`${name}-${downloadUrl}`}\n            />\n          )\n        })}\n      </Box>\n    </Box>\n  )\n})\n\nexport function Item({\n  name,\n  viewUrl,\n  downloadUrl,\n  ...props\n}: FileListItemProps) {\n  const I18n = useI18nContext()\n\n  return (\n    <StyledFileListItem {...props}>\n      {viewUrl ? (\n        <Typography intent=\"body\" weight=\"semibold\">\n          <Link href={viewUrl} target=\"_blank\" tabIndex={0}>\n            {name}\n          </Link>\n        </Typography>\n      ) : (\n        <Tooltip overlay={I18n.t('core.fileList.noPreview')}>\n          <Typography intent=\"body\" color=\"gray15\">\n            <StyledFileListItemTextInactive tabIndex={0}>\n              {name}\n            </StyledFileListItemTextInactive>\n          </Typography>\n        </Tooltip>\n      )}\n      {downloadUrl && (\n        <Tooltip overlay={I18n.t('core.fileList.download')}>\n          <StyledFileListItemDownloadIcon\n            aria-label={I18n.t('core.fileList.download')}\n            href={downloadUrl}\n            icon={<Download size=\"sm\" />}\n            size=\"sm\"\n            variant=\"tertiary\"\n          />\n        </Tooltip>\n      )}\n    </StyledFileListItem>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileList.js","names":["Archive","Download","React","Box","Link","Tooltip","Typography","useI18nContext","StyledFileListDownloadAll","StyledFileListItem","StyledFileListItemDownloadIcon","defaultGetViewUrl","item","viewUrl","defaultGetDownloadUrl","downloadUrl","defaultGetName","name","FileList","forwardRef","_ref","ref","items","downloadAllUrl","_ref$getDownloadUrl","getDownloadUrl","_ref$getViewUrl","getViewUrl","_ref$getName","getName","qa","props","_objectWithoutProperties","_excluded","I18n","length","isDownloadAllVisible","createElement","_extends","variant","size","icon","href","tabIndex","t","as","map","i","_qa$item","Item","call","key","concat","_ref2","_excluded2","intent","weight","target","color","overlay"],"sources":["../../src/FileList/FileList.tsx"],"sourcesContent":["import { Archive, Download } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport { Link } from '../Link/Link'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledFileListDownloadAll,\n  StyledFileListItem,\n  StyledFileListItemDownloadIcon,\n} from './FileList.styles'\nimport type { FileListItemProps, FileListProps } from './FileList.types'\n\nexport const defaultGetViewUrl = (item: FileListItemProps) => {\n  return item.viewUrl\n}\n\nexport const defaultGetDownloadUrl = (item: FileListItemProps) => {\n  return item.downloadUrl\n}\n\nexport const defaultGetName = (item: FileListItemProps) => {\n  return item.name\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n */\nexport const FileList = React.forwardRef<\n  HTMLDivElement,\n  FileListProps & React.HTMLAttributes<HTMLDivElement>\n>(function FileList(\n  {\n    items,\n    downloadAllUrl,\n    getDownloadUrl = defaultGetDownloadUrl,\n    getViewUrl = defaultGetViewUrl,\n    getName = defaultGetName,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const { length } = items\n\n  const isDownloadAllVisible = length > 1 && downloadAllUrl\n\n  if (length === 0) {\n    return null\n  }\n\n  return (\n    <Box ref={ref} {...props}>\n      {isDownloadAllVisible && (\n        <StyledFileListDownloadAll\n          variant=\"tertiary\"\n          size=\"sm\"\n          icon={<Archive />}\n          href={downloadAllUrl}\n          tabIndex={0}\n        >\n          {I18n.t('core.fileList.downloadAll')}\n        </StyledFileListDownloadAll>\n      )}\n      <Box as=\"ul\">\n        {items.map((item, i) => {\n          const name = getName(item)\n          const downloadUrl = getDownloadUrl(item)\n          return (\n            <Item\n              name={name}\n              downloadUrl={getDownloadUrl(item)}\n              viewUrl={getViewUrl(item)}\n              data-qa={qa?.item?.(item)}\n              key={`${name}-${downloadUrl}`}\n            />\n          )\n        })}\n      </Box>\n    </Box>\n  )\n})\n\nexport function Item({\n  name,\n  viewUrl,\n  downloadUrl,\n  ...props\n}: FileListItemProps) {\n  const I18n = useI18nContext()\n\n  return (\n    <StyledFileListItem {...props}>\n      {viewUrl ? (\n        <Typography intent=\"body\" weight=\"semibold\">\n          <Link href={viewUrl} target=\"_blank\" tabIndex={0}>\n            {name}\n          </Link>\n        </Typography>\n      ) : (\n        <Typography intent=\"body\" color=\"gray15\">\n          {name}\n        </Typography>\n      )}\n      {downloadUrl && (\n        <Tooltip overlay={I18n.t('core.fileList.download')}>\n          <StyledFileListItemDownloadIcon\n            aria-label={I18n.t('core.fileList.download')}\n            href={downloadUrl}\n            icon={<Download size=\"sm\" />}\n            size=\"sm\"\n            variant=\"tertiary\"\n          />\n        </Tooltip>\n      )}\n    </StyledFileListItem>\n  )\n}\n"],"mappings":"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"}

package/dist/FileList/FileList.styles.d.ts

@@ -3,7 +3,6 @@ export declare const StyledFileListDownloadAll: import("styled-components/dist/t
     ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledFileListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const StyledFileListItemTextInactive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledFileListItemDownloadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FileList/FileList.styles.js

@@ -3,18 +3,14 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-12_37_0__sc-7gltjc-0"
+  componentId: "core-12_39_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_37_0__sc-7gltjc-1"
+  componentId: "core-12_39_0__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
-export var StyledFileListItemTextInactive = /*#__PURE__*/styled.span.withConfig({
-  displayName: "StyledFileListItemTextInactive",
-  componentId: "core-12_37_0__sc-7gltjc-2"
-})(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_37_0__sc-7gltjc-3"
+  componentId: "core-12_39_0__sc-7gltjc-2"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileList/FileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.js","names":["styled","LinkButton","spacing","StyledFileListDownloadAll","withConfig","displayName","componentId","xs","StyledFileListItem","li","StyledFileListItemTextInactive","span","StyledFileListItemDownloadIcon","sm"],"sources":["../../src/FileList/FileList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { LinkButton } from '../Button/Button'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledFileListDownloadAll = styled(LinkButton)`\n  margin-bottom: ${spacing.xs}px;\n`\n\nexport const StyledFileListItem = styled.li`\n  display: flex;\n  align-items: center;\n  margin-bottom: ${spacing.xs}px;\n  word-break: break-word;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const StyledFileListItemTextInactive = styled.span`\n  cursor: pointer;\n`\n\nexport const StyledFileListItemDownloadIcon = styled(LinkButton)`\n  margin-left: ${spacing.sm}px;\n  align-self: flex-start;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,yBAAyB,gBAAGH,MAAM,CAACC,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BACxCJ,OAAO,CAACK,EAAE,CAC5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGR,MAAM,CAACS,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAGxBJ,OAAO,CAACK,EAAE,CAM5B;AAED,OAAO,IAAMG,8BAA8B,gBAAGV,MAAM,CAACW,IAAI,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAExD;AAED,OAAO,IAAMM,8BAA8B,gBAAGZ,MAAM,CAACC,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAC/CJ,OAAO,CAACW,EAAE,CAE1B"}
+{"version":3,"file":"FileList.styles.js","names":["styled","LinkButton","spacing","StyledFileListDownloadAll","withConfig","displayName","componentId","xs","StyledFileListItem","li","StyledFileListItemDownloadIcon","sm"],"sources":["../../src/FileList/FileList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { LinkButton } from '../Button/Button'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledFileListDownloadAll = styled(LinkButton)`\n  margin-bottom: ${spacing.xs}px;\n`\n\nexport const StyledFileListItem = styled.li`\n  display: flex;\n  align-items: center;\n  margin-bottom: ${spacing.xs}px;\n  word-break: break-word;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const StyledFileListItemDownloadIcon = styled(LinkButton)`\n  margin-left: ${spacing.sm}px;\n  align-self: flex-start;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,yBAAyB,gBAAGH,MAAM,CAACC,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BACxCJ,OAAO,CAACK,EAAE,CAC5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGR,MAAM,CAACS,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAGxBJ,OAAO,CAACK,EAAE,CAM5B;AAED,OAAO,IAAMG,8BAA8B,gBAAGV,MAAM,CAACC,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAC/CJ,OAAO,CAACS,EAAE,CAE1B"}

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_37_0__sc-343gts-0"
+  componentId: "core-12_39_0__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_37_0__sc-343gts-1"
+  componentId: "core-12_39_0__sc-343gts-1"
 })(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_37_0__sc-343gts-2"
+  componentId: "core-12_39_0__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_37_0__sc-343gts-3"
+  componentId: "core-12_39_0__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_37_0__sc-343gts-4"
+  componentId: "core-12_39_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_37_0__sc-343gts-5"
+  componentId: "core-12_39_0__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_37_0__sc-343gts-6"
+  componentId: "core-12_39_0__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_37_0__sc-343gts-7"
+  componentId: "core-12_39_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_37_0__sc-343gts-8"
+  componentId: "core-12_39_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js

@@ -60,7 +60,9 @@ export function FileExplorerSidebar(_ref) {
         break;
     }
   };
-  return /*#__PURE__*/React.createElement(StyledSidebar, null, /*#__PURE__*/React.createElement(StyledNavigation, null, sources.map(function (source, idx) {
+  return /*#__PURE__*/React.createElement(StyledSidebar, null, /*#__PURE__*/React.createElement(StyledNavigation, {
+    role: "listbox"
+  }, sources.map(function (source, idx) {
     var isFocused = idx === sidebarNavigation.index;
     return /*#__PURE__*/React.createElement(StyledSourceItem, {
       key: source.sourceId,

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerSidebar.js","names":["React","StyledNavigation","StyledSidebar","StyledSourceItem","useSidebarNavigation","FileExplorerSidebar","_ref","selectedSource","value","onChange","sources","isOpen","_React$useState","useState","_React$useState2","_slicedToArray","isNavFocused","setIsNavFocused","_React$useState3","_React$useState4","isFocusVisible","setIsFocusVisible","focusedSourceRef","useRef","selectedSourceIndex","findIndex","_ref2","sourceId","sidebarNavigation","initialIndex","size","length","selectedIndex","useEffect","set","current","focus","index","setSize","onKeyDown","e","nativeEvent","key","preventDefault","up","down","createElement","map","source","idx","isFocused","loading","isUploading","error","hasError","icon","selected","focused","tabIndex","ref","onMouseDown","onMouseUp","count","onFocus","onBlur","onClick","title"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.tsx"],"sourcesContent":["import React from 'react'\nimport type { FileExplorerSidebarProps } from './FileExplorer.types'\nimport {\n  StyledNavigation,\n  StyledSidebar,\n  StyledSourceItem,\n} from './FileExplorerSidebar.styles'\nimport { useSidebarNavigation } from './useSidebarNavigation'\n\nexport function FileExplorerSidebar({\n  value: selectedSource,\n  onChange,\n  sources,\n  isOpen,\n}: FileExplorerSidebarProps) {\n  const [isNavFocused, setIsNavFocused] = React.useState(false)\n  const [isFocusVisible, setIsFocusVisible] = React.useState(true)\n  const focusedSourceRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSourceIndex = sources.findIndex(\n    ({ sourceId }) => sourceId === selectedSource\n  )\n\n  const sidebarNavigation = useSidebarNavigation({\n    initialIndex: selectedSourceIndex,\n    size: sources.length,\n    selectedIndex: selectedSourceIndex,\n  })\n\n  React.useEffect(() => {\n    sidebarNavigation.set(selectedSourceIndex)\n  }, [selectedSourceIndex])\n\n  React.useEffect(() => {\n    if (focusedSourceRef.current && isOpen) {\n      focusedSourceRef.current.focus()\n    }\n  }, [sidebarNavigation.index, isOpen])\n\n  React.useEffect(() => {\n    sidebarNavigation.setSize(sources.length)\n  }, [sources.length])\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!isNavFocused) return\n\n    switch (e.nativeEvent.key) {\n      case 'Enter':\n        e.preventDefault()\n        onChange(sources[sidebarNavigation.index].sourceId)\n        break\n\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault()\n\n        sidebarNavigation.up()\n        break\n\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault()\n        sidebarNavigation.down()\n        break\n    }\n  }\n\n  return (\n    <StyledSidebar>\n      <StyledNavigation>\n        {sources.map((source, idx) => {\n          const isFocused = idx === sidebarNavigation.index\n\n          return (\n            <StyledSourceItem\n              key={source.sourceId}\n              loading={source.isUploading}\n              error={source.hasError}\n              icon={source.icon}\n              selected={selectedSource === source.sourceId}\n              focused={isNavFocused && isFocusVisible && isFocused}\n              tabIndex={isFocused ? 0 : -1}\n              ref={isFocused ? focusedSourceRef : null}\n              onMouseDown={() => {\n                // prevent focus blink on the latest focused item\n                setIsFocusVisible(false)\n              }}\n              onMouseUp={() => {\n                setIsFocusVisible(true)\n              }}\n              count={source.value.length}\n              onFocus={() => {\n                setIsNavFocused(true)\n              }}\n              onBlur={() => {\n                setIsNavFocused(false)\n              }}\n              onKeyDown={onKeyDown}\n              onClick={() => {\n                sidebarNavigation.set(idx)\n                onChange(source.sourceId)\n              }}\n            >\n              {source.title}\n            </StyledSourceItem>\n          )\n        })}\n      </StyledNavigation>\n    </StyledSidebar>\n  )\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,gBAAgB,EAChBC,aAAa,EACbC,gBAAgB,QACX,8BAA8B;AACrC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAKN;EAAA,IAJpBC,cAAc,GAAAD,IAAA,CAArBE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,MAAM,GAAAL,IAAA,CAANK,MAAM;EAEN,IAAAC,eAAA,GAAwCZ,KAAK,CAACa,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAtDI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EACpC,IAAAI,gBAAA,GAA4ClB,KAAK,CAACa,QAAQ,CAAC,IAAI,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAAzDE,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EACxC,IAAMG,gBAAgB,GAAGtB,KAAK,CAACuB,MAAM,CAAiB,IAAI,CAAC;EAE3D,IAAMC,mBAAmB,GAAGd,OAAO,CAACe,SAAS,CAC3C,UAAAC,KAAA;IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAOA,QAAQ,KAAKpB,cAAc;EAAA,CAC/C,CAAC;EAED,IAAMqB,iBAAiB,GAAGxB,oBAAoB,CAAC;IAC7CyB,YAAY,EAAEL,mBAAmB;IACjCM,IAAI,EAAEpB,OAAO,CAACqB,MAAM;IACpBC,aAAa,EAAER;EACjB,CAAC,CAAC;EAEFxB,KAAK,CAACiC,SAAS,CAAC,YAAM;IACpBL,iBAAiB,CAACM,GAAG,CAACV,mBAAmB,CAAC;EAC5C,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzBxB,KAAK,CAACiC,SAAS,CAAC,YAAM;IACpB,IAAIX,gBAAgB,CAACa,OAAO,IAAIxB,MAAM,EAAE;MACtCW,gBAAgB,CAACa,OAAO,CAACC,KAAK,CAAC,CAAC;IAClC;EACF,CAAC,EAAE,CAACR,iBAAiB,CAACS,KAAK,EAAE1B,MAAM,CAAC,CAAC;EAErCX,KAAK,CAACiC,SAAS,CAAC,YAAM;IACpBL,iBAAiB,CAACU,OAAO,CAAC5B,OAAO,CAACqB,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACrB,OAAO,CAACqB,MAAM,CAAC,CAAC;EAEpB,IAAMQ,SAAS,GAAG,SAAZA,SAASA,CAAIC,CAAsB,EAAK;IAC5C,IAAI,CAACxB,YAAY,EAAE;IAEnB,QAAQwB,CAAC,CAACC,WAAW,CAACC,GAAG;MACvB,KAAK,OAAO;QACVF,CAAC,CAACG,cAAc,CAAC,CAAC;QAClBlC,QAAQ,CAACC,OAAO,CAACkB,iBAAiB,CAACS,KAAK,CAAC,CAACV,QAAQ,CAAC;QACnD;MAEF,KAAK,SAAS;MACd,KAAK,IAAI;QACPa,CAAC,CAACG,cAAc,CAAC,CAAC;QAElBf,iBAAiB,CAACgB,EAAE,CAAC,CAAC;QACtB;MAEF,KAAK,WAAW;MAChB,KAAK,MAAM;QACTJ,CAAC,CAACG,cAAc,CAAC,CAAC;QAClBf,iBAAiB,CAACiB,IAAI,CAAC,CAAC;QACxB;IACJ;EACF,CAAC;EAED,oBACE7C,KAAA,CAAA8C,aAAA,CAAC5C,aAAa,qBACZF,KAAA,CAAA8C,aAAA,CAAC7C,gBAAgB,QACdS,OAAO,CAACqC,GAAG,CAAC,UAACC,MAAM,EAAEC,GAAG,EAAK;IAC5B,IAAMC,SAAS,GAAGD,GAAG,KAAKrB,iBAAiB,CAACS,KAAK;IAEjD,oBACErC,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB;MACfuC,GAAG,EAAEM,MAAM,CAACrB,QAAS;MACrBwB,OAAO,EAAEH,MAAM,CAACI,WAAY;MAC5BC,KAAK,EAAEL,MAAM,CAACM,QAAS;MACvBC,IAAI,EAAEP,MAAM,CAACO,IAAK;MAClBC,QAAQ,EAAEjD,cAAc,KAAKyC,MAAM,CAACrB,QAAS;MAC7C8B,OAAO,EAAEzC,YAAY,IAAII,cAAc,IAAI8B,SAAU;MACrDQ,QAAQ,EAAER,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;MAC7BS,GAAG,EAAET,SAAS,GAAG5B,gBAAgB,GAAG,IAAK;MACzCsC,WAAW,EAAE,SAAbA,WAAWA,CAAA,EAAQ;QACjB;QACAvC,iBAAiB,CAAC,KAAK,CAAC;MAC1B,CAAE;MACFwC,SAAS,EAAE,SAAXA,SAASA,CAAA,EAAQ;QACfxC,iBAAiB,CAAC,IAAI,CAAC;MACzB,CAAE;MACFyC,KAAK,EAAEd,MAAM,CAACxC,KAAK,CAACuB,MAAO;MAC3BgC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACb9C,eAAe,CAAC,IAAI,CAAC;MACvB,CAAE;MACF+C,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;QACZ/C,eAAe,CAAC,KAAK,CAAC;MACxB,CAAE;MACFsB,SAAS,EAAEA,SAAU;MACrB0B,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbrC,iBAAiB,CAACM,GAAG,CAACe,GAAG,CAAC;QAC1BxC,QAAQ,CAACuC,MAAM,CAACrB,QAAQ,CAAC;MAC3B;IAAE,GAEDqB,MAAM,CAACkB,KACQ,CAAC;EAEvB,CAAC,CACe,CACL,CAAC;AAEpB"}
+{"version":3,"file":"FileExplorerSidebar.js","names":["React","StyledNavigation","StyledSidebar","StyledSourceItem","useSidebarNavigation","FileExplorerSidebar","_ref","selectedSource","value","onChange","sources","isOpen","_React$useState","useState","_React$useState2","_slicedToArray","isNavFocused","setIsNavFocused","_React$useState3","_React$useState4","isFocusVisible","setIsFocusVisible","focusedSourceRef","useRef","selectedSourceIndex","findIndex","_ref2","sourceId","sidebarNavigation","initialIndex","size","length","selectedIndex","useEffect","set","current","focus","index","setSize","onKeyDown","e","nativeEvent","key","preventDefault","up","down","createElement","role","map","source","idx","isFocused","loading","isUploading","error","hasError","icon","selected","focused","tabIndex","ref","onMouseDown","onMouseUp","count","onFocus","onBlur","onClick","title"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.tsx"],"sourcesContent":["import React from 'react'\nimport type { FileExplorerSidebarProps } from './FileExplorer.types'\nimport {\n  StyledNavigation,\n  StyledSidebar,\n  StyledSourceItem,\n} from './FileExplorerSidebar.styles'\nimport { useSidebarNavigation } from './useSidebarNavigation'\n\nexport function FileExplorerSidebar({\n  value: selectedSource,\n  onChange,\n  sources,\n  isOpen,\n}: FileExplorerSidebarProps) {\n  const [isNavFocused, setIsNavFocused] = React.useState(false)\n  const [isFocusVisible, setIsFocusVisible] = React.useState(true)\n  const focusedSourceRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSourceIndex = sources.findIndex(\n    ({ sourceId }) => sourceId === selectedSource\n  )\n\n  const sidebarNavigation = useSidebarNavigation({\n    initialIndex: selectedSourceIndex,\n    size: sources.length,\n    selectedIndex: selectedSourceIndex,\n  })\n\n  React.useEffect(() => {\n    sidebarNavigation.set(selectedSourceIndex)\n  }, [selectedSourceIndex])\n\n  React.useEffect(() => {\n    if (focusedSourceRef.current && isOpen) {\n      focusedSourceRef.current.focus()\n    }\n  }, [sidebarNavigation.index, isOpen])\n\n  React.useEffect(() => {\n    sidebarNavigation.setSize(sources.length)\n  }, [sources.length])\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!isNavFocused) return\n\n    switch (e.nativeEvent.key) {\n      case 'Enter':\n        e.preventDefault()\n        onChange(sources[sidebarNavigation.index].sourceId)\n        break\n\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault()\n\n        sidebarNavigation.up()\n        break\n\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault()\n        sidebarNavigation.down()\n        break\n    }\n  }\n\n  return (\n    <StyledSidebar>\n      <StyledNavigation role=\"listbox\">\n        {sources.map((source, idx) => {\n          const isFocused = idx === sidebarNavigation.index\n\n          return (\n            <StyledSourceItem\n              key={source.sourceId}\n              loading={source.isUploading}\n              error={source.hasError}\n              icon={source.icon}\n              selected={selectedSource === source.sourceId}\n              focused={isNavFocused && isFocusVisible && isFocused}\n              tabIndex={isFocused ? 0 : -1}\n              ref={isFocused ? focusedSourceRef : null}\n              onMouseDown={() => {\n                // prevent focus blink on the latest focused item\n                setIsFocusVisible(false)\n              }}\n              onMouseUp={() => {\n                setIsFocusVisible(true)\n              }}\n              count={source.value.length}\n              onFocus={() => {\n                setIsNavFocused(true)\n              }}\n              onBlur={() => {\n                setIsNavFocused(false)\n              }}\n              onKeyDown={onKeyDown}\n              onClick={() => {\n                sidebarNavigation.set(idx)\n                onChange(source.sourceId)\n              }}\n            >\n              {source.title}\n            </StyledSourceItem>\n          )\n        })}\n      </StyledNavigation>\n    </StyledSidebar>\n  )\n}\n"],"mappings":"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"}

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js

@@ -3,14 +3,14 @@ import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_37_0__sc-s03uiv-0"
+  componentId: "core-12_39_0__sc-s03uiv-0"
 })(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_37_0__sc-s03uiv-1"
+  componentId: "core-12_39_0__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_37_0__sc-s03uiv-2"
+  componentId: "core-12_39_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

package/dist/FileSelect/FileSelect.styles.js

@@ -3,10 +3,10 @@ import { spacing } from '../_styles/spacing';
 import { FileTokenList } from './FileTokenList';
 export var StyledFileTokenList = /*#__PURE__*/styled(FileTokenList).withConfig({
   displayName: "StyledFileTokenList",
-  componentId: "core-12_37_0__sc-1r3srjk-0"
+  componentId: "core-12_39_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_37_0__sc-1r3srjk-1"
+  componentId: "core-12_39_0__sc-1r3srjk-1"
 })(["display:flex;flex-direction:column;"]);
 //# sourceMappingURL=FileSelect.styles.js.map

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js

@@ -5,20 +5,20 @@ import { spacing } from '../../_styles/spacing';
 export var dropzoneContainerAttr = 'data-dropzone-container';
 export var StyledDropzone = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzone",
-  componentId: "core-12_37_0__sc-ueh7d7-0"
+  componentId: "core-12_39_0__sc-ueh7d7-0"
 })(["", ""], function (_ref) {
   var hidden = _ref.hidden;
   return hidden && "\n    [".concat(dropzoneContainerAttr, "] {\n      align-self: flex-start;\n      margin-bottom: ").concat(spacing.xs, "px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  ");
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_37_0__sc-ueh7d7-1"
+  componentId: "core-12_39_0__sc-ueh7d7-1"
 })(["", ""], function (_ref2) {
   var error = _ref2.error;
   return error && "\n    color: ".concat(colors.gray15, ";\n  ");
 });
 export var StyledUploadButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledUploadButtonWrapper",
-  componentId: "core-12_37_0__sc-ueh7d7-2"
+  componentId: "core-12_39_0__sc-ueh7d7-2"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 //# sourceMappingURL=FileSelectDropzone.styles.js.map

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js

@@ -3,10 +3,10 @@ import { FileToken } from '../../FileToken/FileToken';
 import { spacing } from '../../_styles/spacing';
 export var StyledTokenList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTokenList",
-  componentId: "core-12_37_0__sc-u9tli5-0"
+  componentId: "core-12_39_0__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_37_0__sc-u9tli5-1"
+  componentId: "core-12_39_0__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map

package/dist/FileSelect/GridSource/GridSource.styles.js

@@ -13,7 +13,7 @@ export var contentHeight = modalBodyWidth - modalBodyBorderTopWidth - toolbarHei
 // TODO Update box-shadow to use getShadow instead
 export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolbar",
-  componentId: "core-12_37_0__sc-1sj6hvp-0"
+  componentId: "core-12_39_0__sc-1sj6hvp-0"
 })(["display:flex;align-items:center;flex-direction:row;width:100%;min-height:", "px;padding:16px 24px;", " ", " & > * + *{margin-left:", "px;}"], toolbarHeight, function (_ref) {
   var $alignRight = _ref.$alignRight;
   return css(["justify-content:", ";"], $alignRight ? 'flex-end' : 'space-between');
@@ -23,23 +23,23 @@ export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var StyledSearchWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearchWrapper",
-  componentId: "core-12_37_0__sc-1sj6hvp-1"
+  componentId: "core-12_39_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_37_0__sc-1sj6hvp-2"
+  componentId: "core-12_39_0__sc-1sj6hvp-2"
 })(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]);
 export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_37_0__sc-1sj6hvp-3"
+  componentId: "core-12_39_0__sc-1sj6hvp-3"
 })(["margin-top:0;margin-bottom:0;img{width:160px;}"]);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_37_0__sc-1sj6hvp-4"
+  componentId: "core-12_39_0__sc-1sj6hvp-4"
 })(["height:", "px;width:100%;display:flex;align-items:center;justify-content:center;"], contentHeight);
 export var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_37_0__sc-1sj6hvp-5"
+  componentId: "core-12_39_0__sc-1sj6hvp-5"
 })(["display:flex;flex-direction:column;", ""], function (_ref3) {
   var $isEmpty = _ref3.$isEmpty;
   return $isEmpty && 'height: 100%;';

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_37_0__sc-psqe8z-0"
+  componentId: "core-12_39_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_37_0__sc-psqe8z-1"
+  componentId: "core-12_39_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_37_0__sc-psqe8z-2"
+  componentId: "core-12_39_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_37_0__sc-psqe8z-3"
+  componentId: "core-12_39_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.js

@@ -4,8 +4,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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 { Error } from '@procore/core-icons/dist';
 import React from 'react';
-import { Spinner } from '../../Spinner/Spinner';
-import { Tooltip } from '../../Tooltip/Tooltip';
+import { Spinner } from '../../Spinner';
+import { Tooltip } from '../../Tooltip';
 import { OverflowObserver } from '../../_hooks/OverflowObserver';
 import { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles';
 function formatCount(count, truncationThreshold) {
@@ -38,9 +38,11 @@ export var SourceItem = /*#__PURE__*/React.forwardRef(function SourceItem(_ref,
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
     props = _objectWithoutProperties(_ref, _excluded);
-  var tabIndexAttribute = !disabled ? {
+  var tabIndexAttribute = disabled ? {
+    tabIndex: -1
+  } : {
     tabIndex: tabIndex
-  } : {};
+  };
   var tooltipId = React.useId();
   var iconElement = /*#__PURE__*/React.createElement(StyledIcon, null, function () {
     if (error) {
@@ -58,7 +60,10 @@ export var SourceItem = /*#__PURE__*/React.forwardRef(function SourceItem(_ref,
     var isOverflowing = _ref2.isOverflowing,
       labelRef = _ref2.ref;
     var sourceItem = /*#__PURE__*/React.createElement(StyledSourceItem, _extends({
-      ref: ref
+      ref: ref,
+      role: "option",
+      "aria-selected": selected,
+      "aria-disabled": disabled
     }, tabIndexAttribute, props, {
       error: error,
       selected: selected,

package/dist/FileSelect/SourceItem/SourceItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourceItem.js","names":["Error","React","Spinner","Tooltip","OverflowObserver","StyledIcon","StyledLabel","StyledSourceItem","formatCount","count","truncationThreshold","concat","SourceItem","forwardRef","_ref","ref","_ref$icon","icon","_ref$count","_ref$countTruncationT","countTruncationThreshold","_ref$loading","loading","_ref$error","error","_ref$selected","selected","_ref$disabled","disabled","_ref$focused","focused","children","_ref$tabIndex","tabIndex","props","_objectWithoutProperties","_excluded","tabIndexAttribute","tooltipId","useId","iconElement","createElement","size","countElement","_ref2","isOverflowing","labelRef","sourceItem","_extends","undefined","showDelay","trigger","overlay","Content","id"],"sources":["../../../src/FileSelect/SourceItem/SourceItem.tsx"],"sourcesContent":["import { Error } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Spinner } from '../../Spinner/Spinner'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport type { Props } from '../../_utils/types'\nimport { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles'\n\nexport interface SourceItemProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  count?: number\n  /**\n   * @since 10.19.0\n   */\n  countTruncationThreshold?: number\n  /**\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  focused?: boolean\n}\n\nfunction formatCount(count: number, truncationThreshold: number): string {\n  if (count === 0) {\n    return ''\n  } else if (count > truncationThreshold) {\n    return `(${truncationThreshold}+)`\n  } else {\n    return `(${count})`\n  }\n}\n\nexport const SourceItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & SourceItemProps\n>(function SourceItem(\n  {\n    icon = '',\n    count = 0,\n    countTruncationThreshold = 99,\n    loading = false,\n    error = false,\n    selected = false,\n    disabled = false,\n    focused = false,\n    children,\n    tabIndex = 0,\n    ...props\n  },\n  ref\n) {\n  const tabIndexAttribute = !disabled ? { tabIndex } : {}\n  const tooltipId = React.useId()\n\n  const iconElement = (\n    <StyledIcon>\n      {(() => {\n        if (error) {\n          return <Error />\n        }\n\n        if (loading) {\n          return <Spinner size=\"xs\" />\n        }\n\n        return icon\n      })()}\n    </StyledIcon>\n  )\n\n  const countElement = (\n    <div>&nbsp;{formatCount(count, countTruncationThreshold)}</div>\n  )\n\n  return (\n    <OverflowObserver>\n      {({ isOverflowing, ref: labelRef }: any) => {\n        const sourceItem = (\n          <StyledSourceItem\n            ref={ref}\n            {...tabIndexAttribute}\n            {...props}\n            error={error}\n            selected={selected}\n            disabled={disabled}\n            focused={focused}\n            aria-describedby={isOverflowing ? tooltipId : undefined}\n          >\n            {iconElement}\n            <StyledLabel ref={labelRef}>{children}</StyledLabel>\n            {countElement}\n          </StyledSourceItem>\n        )\n\n        return isOverflowing ? (\n          <Tooltip\n            showDelay={500}\n            trigger={['hover', 'focus']}\n            overlay={\n              <Tooltip.Content id={tooltipId}>{children}</Tooltip.Content>\n            }\n          >\n            {sourceItem}\n          </Tooltip>\n        ) : (\n          sourceItem\n        )\n      }}\n    </OverflowObserver>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"SourceItem.js","names":["Error","React","Spinner","Tooltip","OverflowObserver","StyledIcon","StyledLabel","StyledSourceItem","formatCount","count","truncationThreshold","concat","SourceItem","forwardRef","_ref","ref","_ref$icon","icon","_ref$count","_ref$countTruncationT","countTruncationThreshold","_ref$loading","loading","_ref$error","error","_ref$selected","selected","_ref$disabled","disabled","_ref$focused","focused","children","_ref$tabIndex","tabIndex","props","_objectWithoutProperties","_excluded","tabIndexAttribute","tooltipId","useId","iconElement","createElement","size","countElement","_ref2","isOverflowing","labelRef","sourceItem","_extends","role","undefined","showDelay","trigger","overlay","Content","id"],"sources":["../../../src/FileSelect/SourceItem/SourceItem.tsx"],"sourcesContent":["import { Error } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Spinner } from '../../Spinner'\nimport { Tooltip } from '../../Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport type { Props } from '../../_utils/types'\nimport { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles'\n\nexport interface SourceItemProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  count?: number\n  /**\n   * @since 10.19.0\n   */\n  countTruncationThreshold?: number\n  /**\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  focused?: boolean\n}\n\nfunction formatCount(count: number, truncationThreshold: number): string {\n  if (count === 0) {\n    return ''\n  } else if (count > truncationThreshold) {\n    return `(${truncationThreshold}+)`\n  } else {\n    return `(${count})`\n  }\n}\n\nexport const SourceItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & SourceItemProps\n>(function SourceItem(\n  {\n    icon = '',\n    count = 0,\n    countTruncationThreshold = 99,\n    loading = false,\n    error = false,\n    selected = false,\n    disabled = false,\n    focused = false,\n    children,\n    tabIndex = 0,\n    ...props\n  },\n  ref\n) {\n  const tabIndexAttribute = disabled ? { tabIndex: -1 } : { tabIndex }\n  const tooltipId = React.useId()\n\n  const iconElement = (\n    <StyledIcon>\n      {(() => {\n        if (error) {\n          return <Error />\n        }\n\n        if (loading) {\n          return <Spinner size=\"xs\" />\n        }\n\n        return icon\n      })()}\n    </StyledIcon>\n  )\n\n  const countElement = (\n    <div>&nbsp;{formatCount(count, countTruncationThreshold)}</div>\n  )\n\n  return (\n    <OverflowObserver>\n      {({ isOverflowing, ref: labelRef }: any) => {\n        const sourceItem = (\n          <StyledSourceItem\n            ref={ref}\n            role=\"option\"\n            aria-selected={selected}\n            aria-disabled={disabled}\n            {...tabIndexAttribute}\n            {...props}\n            error={error}\n            selected={selected}\n            disabled={disabled}\n            focused={focused}\n            aria-describedby={isOverflowing ? tooltipId : undefined}\n          >\n            {iconElement}\n            <StyledLabel ref={labelRef}>{children}</StyledLabel>\n            {countElement}\n          </StyledSourceItem>\n        )\n\n        return isOverflowing ? (\n          <Tooltip\n            showDelay={500}\n            trigger={['hover', 'focus']}\n            overlay={\n              <Tooltip.Content id={tooltipId}>{children}</Tooltip.Content>\n            }\n          >\n            {sourceItem}\n          </Tooltip>\n        ) : (\n          sourceItem\n        )\n      }}\n    </OverflowObserver>\n  )\n})\n"],"mappings":"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"}

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_37_0__sc-plcozv-0"
+  componentId: "core-12_39_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_37_0__sc-plcozv-1"
+  componentId: "core-12_39_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_37_0__sc-plcozv-2"
+  componentId: "core-12_39_0__sc-plcozv-2"
 })(["", ""], getEllipsis());
 //# sourceMappingURL=SourceItem.styles.js.map