@procore/core-react 11.24.1 → 11.24.2

package/dist/FileList/FileList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { FileListItemProps, FileListProps } from './FileList.types';
+import type { DivAttributes } from '../_utils/types';
+import type { FileListItemProps, FileListProps } from './FileList.types';
 /**
 
  @since 10.19.0

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 { DivAttributes } from '../_utils/types'\nimport {\n  StyledFileListDownloadAll,\n  StyledFileListItem,\n  StyledFileListItemDownloadIcon,\n  StyledFileListItemTextInactive,\n} from './FileList.styles'\nimport { FileListItemProps, FileListProps } from './FileList.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n */\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\nexport const FileList = React.forwardRef<\n  HTMLDivElement,\n  FileListProps & DivAttributes\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","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 type { DivAttributes } from '../_utils/types'\nimport {\n  StyledFileListDownloadAll,\n  StyledFileListItem,\n  StyledFileListItemDownloadIcon,\n  StyledFileListItemTextInactive,\n} from './FileList.styles'\nimport type { FileListItemProps, FileListProps } from './FileList.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n */\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\nexport const FileList = React.forwardRef<\n  HTMLDivElement,\n  FileListProps & DivAttributes\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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"}

package/dist/FileList/FileList.styles.js

@@ -3,18 +3,18 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-11_24_1__sc-7gltjc-0"
+  componentId: "core-11_24_2__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-11_24_1__sc-7gltjc-1"
+  componentId: "core-11_24_2__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-11_24_1__sc-7gltjc-2"
+  componentId: "core-11_24_2__sc-7gltjc-2"
 })(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-11_24_1__sc-7gltjc-3"
+  componentId: "core-11_24_2__sc-7gltjc-3"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { PortalProps } from '../../Portal/Portal.types';
-import { FileExplorerProps } from './FileExplorer.types';
+import type { PortalProps } from '../../Portal/Portal.types';
+import type { FileExplorerProps } from './FileExplorer.types';
 export declare const FileExplorer: React.ForwardRefExoticComponent<FileExplorerProps & PortalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<\n  HTMLDivElement,\n  FileExplorerProps & PortalProps\n>(function FileExplorer(\n  {\n    maxFileNumber = Infinity,\n    children,\n    onSubmit,\n    sources,\n    isOpen,\n    currentSource,\n    onCurrentSourceChange,\n    onCancel,\n    unsubmittedValueCount,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const hasPendingUploadSources = sources.some(({ isUploading }) => isUploading)\n\n  const isAttachButtonDisabled =\n    hasPendingUploadSources || unsubmittedValueCount === 0\n\n  return (\n    <FileExplorerModal\n      {...props}\n      ref={ref}\n      open={isOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Esc' || e.key === 'Escape') {\n          onCancel()\n        }\n      }}\n    >\n      <StyledModalHeader\n        onClose={() => {\n          onCancel()\n        }}\n      >\n        {I18n.t('core.fileExplorer.modalTitle')}\n      </StyledModalHeader>\n      <StyledModalBody>\n        <StyledModalInnerBody>\n          <FileExplorerSidebar\n            value={currentSource}\n            onChange={onCurrentSourceChange}\n            sources={sources}\n            isOpen={isOpen}\n          />\n          {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n          <StyledModalContent tabIndex={-1}>\n            <StyledSource>{children}</StyledSource>\n          </StyledModalContent>\n        </StyledModalInnerBody>\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterNotation>\n          <Typography color=\"gray45\" italic>\n            {maxFileNumber === Infinity\n              ? I18n.t('core.fileExplorer.filesSelected', {\n                  count: unsubmittedValueCount,\n                })\n              : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                  count: unsubmittedValueCount,\n                  maxFileNumber: maxFileNumber,\n                })}\n          </Typography>\n        </Modal.FooterNotation>\n        <Modal.FooterButtons>\n          <Button\n            data-qa={qa?.cancelButton}\n            variant=\"tertiary\"\n            onClick={() => {\n              onCancel()\n            }}\n          >\n            {I18n.t('core.fileExplorer.cancelAction')}\n          </Button>\n          <Tooltip\n            showKeys={[]}\n            trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n            overlay={\n              hasPendingUploadSources\n                ? I18n.t('core.fileExplorer.filesPendingUpload')\n                : I18n.t('core.fileExplorer.noSelectedItems')\n            }\n          >\n            {/* this wrapper is required for the tooltip to work with disabled button */}\n            <StyledAttachButton>\n              <Button\n                data-qa={qa?.attachButton}\n                variant=\"primary\"\n                disabled={isAttachButtonDisabled}\n                onClick={() => {\n                  onSubmit?.()\n                }}\n              >\n                {I18n.t('core.fileExplorer.attachAction')}\n              </Button>\n            </StyledAttachButton>\n          </Tooltip>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </FileExplorerModal>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport type { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<\n  HTMLDivElement,\n  FileExplorerProps & PortalProps\n>(function FileExplorer(\n  {\n    maxFileNumber = Infinity,\n    children,\n    onSubmit,\n    sources,\n    isOpen,\n    currentSource,\n    onCurrentSourceChange,\n    onCancel,\n    unsubmittedValueCount,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const hasPendingUploadSources = sources.some(({ isUploading }) => isUploading)\n\n  const isAttachButtonDisabled =\n    hasPendingUploadSources || unsubmittedValueCount === 0\n\n  return (\n    <FileExplorerModal\n      {...props}\n      ref={ref}\n      open={isOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Esc' || e.key === 'Escape') {\n          onCancel()\n        }\n      }}\n    >\n      <StyledModalHeader\n        onClose={() => {\n          onCancel()\n        }}\n      >\n        {I18n.t('core.fileExplorer.modalTitle')}\n      </StyledModalHeader>\n      <StyledModalBody>\n        <StyledModalInnerBody>\n          <FileExplorerSidebar\n            value={currentSource}\n            onChange={onCurrentSourceChange}\n            sources={sources}\n            isOpen={isOpen}\n          />\n          {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n          <StyledModalContent tabIndex={-1}>\n            <StyledSource>{children}</StyledSource>\n          </StyledModalContent>\n        </StyledModalInnerBody>\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterNotation>\n          <Typography color=\"gray45\" italic>\n            {maxFileNumber === Infinity\n              ? I18n.t('core.fileExplorer.filesSelected', {\n                  count: unsubmittedValueCount,\n                })\n              : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                  count: unsubmittedValueCount,\n                  maxFileNumber: maxFileNumber,\n                })}\n          </Typography>\n        </Modal.FooterNotation>\n        <Modal.FooterButtons>\n          <Button\n            data-qa={qa?.cancelButton}\n            variant=\"tertiary\"\n            onClick={() => {\n              onCancel()\n            }}\n          >\n            {I18n.t('core.fileExplorer.cancelAction')}\n          </Button>\n          <Tooltip\n            showKeys={[]}\n            trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n            overlay={\n              hasPendingUploadSources\n                ? I18n.t('core.fileExplorer.filesPendingUpload')\n                : I18n.t('core.fileExplorer.noSelectedItems')\n            }\n          >\n            {/* this wrapper is required for the tooltip to work with disabled button */}\n            <StyledAttachButton>\n              <Button\n                data-qa={qa?.attachButton}\n                variant=\"primary\"\n                disabled={isAttachButtonDisabled}\n                onClick={() => {\n                  onSubmit?.()\n                }}\n              >\n                {I18n.t('core.fileExplorer.attachAction')}\n              </Button>\n            </StyledAttachButton>\n          </Tooltip>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </FileExplorerModal>\n  )\n})\n"],"mappings":"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"}

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-11_24_1__sc-343gts-0"
+  componentId: "core-11_24_2__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-11_24_1__sc-343gts-1"
+  componentId: "core-11_24_2__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-11_24_1__sc-343gts-2"
+  componentId: "core-11_24_2__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-11_24_1__sc-343gts-3"
+  componentId: "core-11_24_2__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_24_1__sc-343gts-4"
+  componentId: "core-11_24_2__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_24_1__sc-343gts-5"
+  componentId: "core-11_24_2__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-11_24_1__sc-343gts-6"
+  componentId: "core-11_24_2__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-11_24_1__sc-343gts-7"
+  componentId: "core-11_24_2__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-11_24_1__sc-343gts-8"
+  componentId: "core-11_24_2__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ListNavigationApi, ListNavigationConfig } from '../../_hooks/ListNavigation';
-import { FileSelectSource, FileSelectSourceIdType } from '../FileSelect.types';
+import type { ListNavigationApi, ListNavigationConfig } from '../../_hooks/ListNavigation';
+import type { FileSelectSource, FileSelectSourceIdType } from '../FileSelect.types';
 export interface FileExplorerProps {
     /**
      * @since 10.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.types.js","names":[],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.types.ts"],"sourcesContent":["import {\n  ListNavigationApi,\n  ListNavigationConfig,\n} from '../../_hooks/ListNavigation'\nimport { FileSelectSource, FileSelectSourceIdType } from '../FileSelect.types'\n\nexport interface FileExplorerProps {\n  /**\n   * @since 10.19.0\n   */\n  sources: FileSelectSource[]\n  /**\n   * @since 10.19.0\n   */\n  currentSource: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  isOpen: boolean\n  /**\n   * @since 10.19.0\n   */\n  onCurrentSourceChange: (sourceId: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  unsubmittedValueCount: number\n  /**\n   * @since 10.19.0\n   */\n  onSubmit?: () => void\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 11.1.0\n   */\n  onCancel: () => void\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n  /**\n   * @since 10.19.0\n   */\n  qa?: {\n    attachButton?: string\n    cancelButton?: string\n  }\n}\n\nexport interface FileExplorerSidebarProps {\n  /**\n   * @since 10.19.0\n   */\n  value: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selectedSource: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  sources: FileSelectSource[]\n  /**\n   * @since 10.19.0\n   */\n  isOpen: boolean\n}\n\nexport interface SidebarNavigationConfig extends ListNavigationConfig {\n  /**\n   * @since 10.19.0\n   */\n  selectedIndex: number\n}\n\nexport interface SidebarNavigationApi extends ListNavigationApi {\n  /**\n   * @since 10.19.0\n   */\n  up: () => void\n  /**\n   * @since 10.19.0\n   */\n  down: () => void\n}\n"],"mappings":""}
+{"version":3,"file":"FileExplorer.types.js","names":[],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.types.ts"],"sourcesContent":["import type {\n  ListNavigationApi,\n  ListNavigationConfig,\n} from '../../_hooks/ListNavigation'\nimport type {\n  FileSelectSource,\n  FileSelectSourceIdType,\n} from '../FileSelect.types'\n\nexport interface FileExplorerProps {\n  /**\n   * @since 10.19.0\n   */\n  sources: FileSelectSource[]\n  /**\n   * @since 10.19.0\n   */\n  currentSource: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  isOpen: boolean\n  /**\n   * @since 10.19.0\n   */\n  onCurrentSourceChange: (sourceId: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  unsubmittedValueCount: number\n  /**\n   * @since 10.19.0\n   */\n  onSubmit?: () => void\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 11.1.0\n   */\n  onCancel: () => void\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n  /**\n   * @since 10.19.0\n   */\n  qa?: {\n    attachButton?: string\n    cancelButton?: string\n  }\n}\n\nexport interface FileExplorerSidebarProps {\n  /**\n   * @since 10.19.0\n   */\n  value: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selectedSource: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  sources: FileSelectSource[]\n  /**\n   * @since 10.19.0\n   */\n  isOpen: boolean\n}\n\nexport interface SidebarNavigationConfig extends ListNavigationConfig {\n  /**\n   * @since 10.19.0\n   */\n  selectedIndex: number\n}\n\nexport interface SidebarNavigationApi extends ListNavigationApi {\n  /**\n   * @since 10.19.0\n   */\n  up: () => void\n  /**\n   * @since 10.19.0\n   */\n  down: () => void\n}\n"],"mappings":""}

package/dist/FileSelect/FileExplorer/FileExplorerModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModalProps } from '../../Modal/Modal.types';
-import { PortalProps } from '../../Portal/Portal.types';
-import { DivAttributes } from '../../_utils/types';
+import type { ModalProps } from '../../Modal/Modal.types';
+import type { PortalProps } from '../../Portal/Portal.types';
+import type { DivAttributes } from '../../_utils/types';
 export declare const FileExplorerModal: React.ForwardRefExoticComponent<ModalProps & DivAttributes & PortalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerModal.js","names":["React","Modal","Portal","useScrollLock","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","container","$open","Scrim","onClick","_extends","Content"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport { PortalProps } from '../../Portal/Portal.types'\nimport { useScrollLock } from '../../_hooks/ScrollLock'\nimport { DivAttributes } from '../../_utils/types'\nimport { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n  HTMLDivElement,\n  ModalProps & DivAttributes & PortalProps\n>(function FileExplorerModal(\n  {\n    children,\n    onClickOverlay = noop,\n    open = false,\n    placement = 'center',\n    ...props\n  },\n  ref\n) {\n  useScrollLock(open)\n\n  return (\n    <Portal container={props.container}>\n      <StyledModalOverlay $open={open} ref={ref}>\n        <Modal.Scrim onClick={onClickOverlay} />\n\n        <StyledModalContainer {...props} placement={placement}>\n          <Modal.Content>{children}</Modal.Content>\n        </StyledModalContainer>\n      </StyledModalOverlay>\n    </Portal>\n  )\n})\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,aAAa,QAAQ,yBAAyB;AAEvD,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVjB,aAAa,CAACY,IAAI,CAAC;EAEnB,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEJ,KAAK,CAACI;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACkB,KAAK,EAAER,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEZ;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAsB,QAAA,KAAKR,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO,QAAEhB,QAAwB,CACpB,CACJ,CACd,CAAC;AAEb,CAAC,CAAC"}
+{"version":3,"file":"FileExplorerModal.js","names":["React","Modal","Portal","useScrollLock","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","container","$open","Scrim","onClick","_extends","Content"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport type { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { useScrollLock } from '../../_hooks/ScrollLock'\nimport type { DivAttributes } from '../../_utils/types'\nimport { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n  HTMLDivElement,\n  ModalProps & DivAttributes & PortalProps\n>(function FileExplorerModal(\n  {\n    children,\n    onClickOverlay = noop,\n    open = false,\n    placement = 'center',\n    ...props\n  },\n  ref\n) {\n  useScrollLock(open)\n\n  return (\n    <Portal container={props.container}>\n      <StyledModalOverlay $open={open} ref={ref}>\n        <Modal.Scrim onClick={onClickOverlay} />\n\n        <StyledModalContainer {...props} placement={placement}>\n          <Modal.Content>{children}</Modal.Content>\n        </StyledModalContainer>\n      </StyledModalOverlay>\n    </Portal>\n  )\n})\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,aAAa,QAAQ,yBAAyB;AAEvD,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVjB,aAAa,CAACY,IAAI,CAAC;EAEnB,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEJ,KAAK,CAACI;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACkB,KAAK,EAAER,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEZ;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAsB,QAAA,KAAKR,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO,QAAEhB,QAAwB,CACpB,CACJ,CACd,CAAC;AAEb,CAAC,CAAC"}

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { FileExplorerSidebarProps } from './FileExplorer.types';
+import type { FileExplorerSidebarProps } from './FileExplorer.types';
 export declare function FileExplorerSidebar({ value: selectedSource, onChange, sources, isOpen, }: FileExplorerSidebarProps): JSX.Element;

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 { 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":"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"}
+{"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":"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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-11_24_1__sc-s03uiv-0"
+  componentId: "core-11_24_2__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-11_24_1__sc-s03uiv-1"
+  componentId: "core-11_24_2__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-11_24_1__sc-s03uiv-2"
+  componentId: "core-11_24_2__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

package/dist/FileSelect/FileExplorer/useSidebarNavigation.d.ts

@@ -1,2 +1,2 @@
-import { SidebarNavigationApi, SidebarNavigationConfig } from './FileExplorer.types';
+import type { SidebarNavigationApi, SidebarNavigationConfig } from './FileExplorer.types';
 export declare function useSidebarNavigation({ selectedIndex, ...props }: SidebarNavigationConfig): SidebarNavigationApi;

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

@@ -1 +1 @@
-{"version":3,"file":"useSidebarNavigation.js","names":["useListNavigation","useSidebarNavigation","_ref","selectedIndex","props","_objectWithoutProperties","_excluded","listNavigation","_objectSpread","circular","up","shouldJumpOver","index","size","decrementBy","decrement","down","incrementBy","increment"],"sources":["../../../src/FileSelect/FileExplorer/useSidebarNavigation.ts"],"sourcesContent":["import { useListNavigation } from '../../_hooks/ListNavigation'\nimport {\n  SidebarNavigationApi,\n  SidebarNavigationConfig,\n} from './FileExplorer.types'\n\nexport function useSidebarNavigation({\n  selectedIndex,\n  ...props\n}: SidebarNavigationConfig): SidebarNavigationApi {\n  const listNavigation = useListNavigation({\n    circular: true,\n    ...props,\n  })\n\n  const up = () => {\n    let shouldJumpOver: boolean\n\n    if (listNavigation.index === 0) {\n      shouldJumpOver = selectedIndex === listNavigation.size - 1\n    } else {\n      shouldJumpOver =\n        (listNavigation.index - 1) % listNavigation.size === selectedIndex\n    }\n\n    if (shouldJumpOver) {\n      listNavigation.decrementBy(2)\n    } else {\n      listNavigation.decrement()\n    }\n  }\n\n  const down = () => {\n    const shouldJumpOver =\n      (listNavigation.index + 1) % listNavigation.size === selectedIndex\n\n    if (shouldJumpOver) {\n      listNavigation.incrementBy(2)\n    } else {\n      listNavigation.increment()\n    }\n  }\n\n  return {\n    ...listNavigation,\n    up,\n    down,\n  }\n}\n"],"mappings":";;;;;;;;;AAAA,SAASA,iBAAiB,QAAQ,6BAA6B;AAM/D,OAAO,SAASC,oBAAoBA,CAAAC,IAAA,EAGc;EAAA,IAFhDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,IAAMC,cAAc,GAAGP,iBAAiB,CAAAQ,aAAA;IACtCC,QAAQ,EAAE;EAAI,GACXL,KAAK,CACT,CAAC;EAEF,IAAMM,EAAE,GAAG,SAALA,EAAEA,CAAA,EAAS;IACf,IAAIC,cAAuB;IAE3B,IAAIJ,cAAc,CAACK,KAAK,KAAK,CAAC,EAAE;MAC9BD,cAAc,GAAGR,aAAa,KAAKI,cAAc,CAACM,IAAI,GAAG,CAAC;IAC5D,CAAC,MAAM;MACLF,cAAc,GACZ,CAACJ,cAAc,CAACK,KAAK,GAAG,CAAC,IAAIL,cAAc,CAACM,IAAI,KAAKV,aAAa;IACtE;IAEA,IAAIQ,cAAc,EAAE;MAClBJ,cAAc,CAACO,WAAW,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLP,cAAc,CAACQ,SAAS,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS;IACjB,IAAML,cAAc,GAClB,CAACJ,cAAc,CAACK,KAAK,GAAG,CAAC,IAAIL,cAAc,CAACM,IAAI,KAAKV,aAAa;IAEpE,IAAIQ,cAAc,EAAE;MAClBJ,cAAc,CAACU,WAAW,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLV,cAAc,CAACW,SAAS,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,OAAAV,aAAA,CAAAA,aAAA,KACKD,cAAc;IACjBG,EAAE,EAAFA,EAAE;IACFM,IAAI,EAAJA;EAAI;AAER"}
+{"version":3,"file":"useSidebarNavigation.js","names":["useListNavigation","useSidebarNavigation","_ref","selectedIndex","props","_objectWithoutProperties","_excluded","listNavigation","_objectSpread","circular","up","shouldJumpOver","index","size","decrementBy","decrement","down","incrementBy","increment"],"sources":["../../../src/FileSelect/FileExplorer/useSidebarNavigation.ts"],"sourcesContent":["import { useListNavigation } from '../../_hooks/ListNavigation'\nimport type {\n  SidebarNavigationApi,\n  SidebarNavigationConfig,\n} from './FileExplorer.types'\n\nexport function useSidebarNavigation({\n  selectedIndex,\n  ...props\n}: SidebarNavigationConfig): SidebarNavigationApi {\n  const listNavigation = useListNavigation({\n    circular: true,\n    ...props,\n  })\n\n  const up = () => {\n    let shouldJumpOver: boolean\n\n    if (listNavigation.index === 0) {\n      shouldJumpOver = selectedIndex === listNavigation.size - 1\n    } else {\n      shouldJumpOver =\n        (listNavigation.index - 1) % listNavigation.size === selectedIndex\n    }\n\n    if (shouldJumpOver) {\n      listNavigation.decrementBy(2)\n    } else {\n      listNavigation.decrement()\n    }\n  }\n\n  const down = () => {\n    const shouldJumpOver =\n      (listNavigation.index + 1) % listNavigation.size === selectedIndex\n\n    if (shouldJumpOver) {\n      listNavigation.incrementBy(2)\n    } else {\n      listNavigation.increment()\n    }\n  }\n\n  return {\n    ...listNavigation,\n    up,\n    down,\n  }\n}\n"],"mappings":";;;;;;;;;AAAA,SAASA,iBAAiB,QAAQ,6BAA6B;AAM/D,OAAO,SAASC,oBAAoBA,CAAAC,IAAA,EAGc;EAAA,IAFhDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,IAAMC,cAAc,GAAGP,iBAAiB,CAAAQ,aAAA;IACtCC,QAAQ,EAAE;EAAI,GACXL,KAAK,CACT,CAAC;EAEF,IAAMM,EAAE,GAAG,SAALA,EAAEA,CAAA,EAAS;IACf,IAAIC,cAAuB;IAE3B,IAAIJ,cAAc,CAACK,KAAK,KAAK,CAAC,EAAE;MAC9BD,cAAc,GAAGR,aAAa,KAAKI,cAAc,CAACM,IAAI,GAAG,CAAC;IAC5D,CAAC,MAAM;MACLF,cAAc,GACZ,CAACJ,cAAc,CAACK,KAAK,GAAG,CAAC,IAAIL,cAAc,CAACM,IAAI,KAAKV,aAAa;IACtE;IAEA,IAAIQ,cAAc,EAAE;MAClBJ,cAAc,CAACO,WAAW,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLP,cAAc,CAACQ,SAAS,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS;IACjB,IAAML,cAAc,GAClB,CAACJ,cAAc,CAACK,KAAK,GAAG,CAAC,IAAIL,cAAc,CAACM,IAAI,KAAKV,aAAa;IAEpE,IAAIQ,cAAc,EAAE;MAClBJ,cAAc,CAACU,WAAW,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLV,cAAc,CAACW,SAAS,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,OAAAV,aAAA,CAAAA,aAAA,KACKD,cAAc;IACjBG,EAAE,EAAFA,EAAE;IACFM,IAAI,EAAJA;EAAI;AAER"}

package/dist/FileSelect/FileSelect.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PortalProps } from '../Portal/Portal.types';
-import { DivAttributes } from '../_utils/types';
-import { FileSelectContextApi, FileSelectProps, FileSelectRef } from './FileSelect.types';
+import type { PortalProps } from '../Portal/Portal.types';
+import type { DivAttributes } from '../_utils/types';
+import type { FileSelectContextApi, FileSelectProps, FileSelectRef } from './FileSelect.types';
 export declare const FileSelectLocalSourceId = "FileSelectLocalSource";
 declare type FileSelectDOMAttributes = Omit<DivAttributes, 'onError' | 'onProgress'>;
 export declare const FileSelectContext: React.Context<FileSelectContextApi>;