@procore/core-react 11.22.1 → 11.23.0

package/dist/FileSelect/FileExplorer/FileExplorer.js

@@ -1,25 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["maxFileNumber", "children", "onSubmit", "sources", "isOpen", "currentSource", "onCurrentSourceChange", "onCancel", "unsubmittedValueCount", "qa"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Button } from '../../Button/Button';
 import { Modal } from '../../Modal/Modal';
@@ -27,49 +9,71 @@ import { Tooltip } from '../../Tooltip/Tooltip';
 import { Typography } from '../../Typography/Typography';
 import { useI18nContext } from '../../_hooks/I18n';
 import { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar';
-import { StyledAttachButton, StyledModalBody, StyledModalContent, StyledModalHeader, StyledModalInnerBody, StyledSource, } from './FileExplorer.styles';
+import { StyledAttachButton, StyledModalBody, StyledModalContent, StyledModalHeader, StyledModalInnerBody, StyledSource } from './FileExplorer.styles';
 import { FileExplorerModal } from './FileExplorerModal';
-export var FileExplorer = React.forwardRef(function FileExplorer(_a, ref) {
-    var _b = _a.maxFileNumber, maxFileNumber = _b === void 0 ? Infinity : _b, children = _a.children, onSubmit = _a.onSubmit, sources = _a.sources, isOpen = _a.isOpen, currentSource = _a.currentSource, onCurrentSourceChange = _a.onCurrentSourceChange, onCancel = _a.onCancel, unsubmittedValueCount = _a.unsubmittedValueCount, qa = _a.qa, props = __rest(_a, ["maxFileNumber", "children", "onSubmit", "sources", "isOpen", "currentSource", "onCurrentSourceChange", "onCancel", "unsubmittedValueCount", "qa"]);
-    var I18n = useI18nContext();
-    var hasPendingUploadSources = sources.some(function (_a) {
-        var isUploading = _a.isUploading;
-        return isUploading;
-    });
-    var isAttachButtonDisabled = hasPendingUploadSources || unsubmittedValueCount === 0;
-    return (React.createElement(FileExplorerModal, __assign({}, props, { ref: ref, open: isOpen, onKeyDown: function (e) {
-            if (e.key === 'Esc' || e.key === 'Escape') {
-                onCancel();
-            }
-        } }),
-        React.createElement(StyledModalHeader, { onClose: function () {
-                onCancel();
-            } }, I18n.t('core.fileExplorer.modalTitle')),
-        React.createElement(StyledModalBody, null,
-            React.createElement(StyledModalInnerBody, null,
-                React.createElement(FileExplorerSidebar, { value: currentSource, onChange: onCurrentSourceChange, sources: sources, isOpen: isOpen }),
-                React.createElement(StyledModalContent, { tabIndex: -1 },
-                    React.createElement(StyledSource, null, children)))),
-        React.createElement(Modal.Footer, null,
-            React.createElement(Modal.FooterNotation, null,
-                React.createElement(Typography, { color: "gray45", italic: true }, maxFileNumber === Infinity
-                    ? I18n.t('core.fileExplorer.filesSelected', {
-                        count: unsubmittedValueCount,
-                    })
-                    : I18n.t('core.fileExplorer.filesSelectedWithLimit', {
-                        count: unsubmittedValueCount,
-                        maxFileNumber: maxFileNumber,
-                    }))),
-            React.createElement(Modal.FooterButtons, null,
-                React.createElement(Button, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.cancelButton, variant: "tertiary", onClick: function () {
-                        onCancel();
-                    } }, I18n.t('core.fileExplorer.cancelAction')),
-                React.createElement(Tooltip, { showKeys: [], trigger: isAttachButtonDisabled ? 'hover' : 'none', overlay: hasPendingUploadSources
-                        ? I18n.t('core.fileExplorer.filesPendingUpload')
-                        : I18n.t('core.fileExplorer.noSelectedItems') },
-                    React.createElement(StyledAttachButton, null,
-                        React.createElement(Button, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.attachButton, variant: "primary", disabled: isAttachButtonDisabled, onClick: function () {
-                                onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
-                            } }, I18n.t('core.fileExplorer.attachAction'))))))));
+export var FileExplorer = /*#__PURE__*/React.forwardRef(function FileExplorer(_ref, ref) {
+  var _ref$maxFileNumber = _ref.maxFileNumber,
+    maxFileNumber = _ref$maxFileNumber === void 0 ? Infinity : _ref$maxFileNumber,
+    children = _ref.children,
+    onSubmit = _ref.onSubmit,
+    sources = _ref.sources,
+    isOpen = _ref.isOpen,
+    currentSource = _ref.currentSource,
+    onCurrentSourceChange = _ref.onCurrentSourceChange,
+    onCancel = _ref.onCancel,
+    unsubmittedValueCount = _ref.unsubmittedValueCount,
+    qa = _ref.qa,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var I18n = useI18nContext();
+  var hasPendingUploadSources = sources.some(function (_ref2) {
+    var isUploading = _ref2.isUploading;
+    return isUploading;
+  });
+  var isAttachButtonDisabled = hasPendingUploadSources || unsubmittedValueCount === 0;
+  return /*#__PURE__*/React.createElement(FileExplorerModal, _extends({}, props, {
+    ref: ref,
+    open: isOpen,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Esc' || e.key === 'Escape') {
+        onCancel();
+      }
+    }
+  }), /*#__PURE__*/React.createElement(StyledModalHeader, {
+    onClose: function onClose() {
+      onCancel();
+    }
+  }, I18n.t('core.fileExplorer.modalTitle')), /*#__PURE__*/React.createElement(StyledModalBody, null, /*#__PURE__*/React.createElement(StyledModalInnerBody, null, /*#__PURE__*/React.createElement(FileExplorerSidebar, {
+    value: currentSource,
+    onChange: onCurrentSourceChange,
+    sources: sources,
+    isOpen: isOpen
+  }), /*#__PURE__*/React.createElement(StyledModalContent, {
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(StyledSource, null, children)))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Modal.FooterNotation, null, /*#__PURE__*/React.createElement(Typography, {
+    color: "gray45",
+    italic: true
+  }, maxFileNumber === Infinity ? I18n.t('core.fileExplorer.filesSelected', {
+    count: unsubmittedValueCount
+  }) : I18n.t('core.fileExplorer.filesSelectedWithLimit', {
+    count: unsubmittedValueCount,
+    maxFileNumber: maxFileNumber
+  }))), /*#__PURE__*/React.createElement(Modal.FooterButtons, null, /*#__PURE__*/React.createElement(Button, {
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.cancelButton,
+    variant: "tertiary",
+    onClick: function onClick() {
+      onCancel();
+    }
+  }, I18n.t('core.fileExplorer.cancelAction')), /*#__PURE__*/React.createElement(Tooltip, {
+    showKeys: [],
+    trigger: isAttachButtonDisabled ? 'hover' : 'none',
+    overlay: hasPendingUploadSources ? I18n.t('core.fileExplorer.filesPendingUpload') : I18n.t('core.fileExplorer.noSelectedItems')
+  }, /*#__PURE__*/React.createElement(StyledAttachButton, null, /*#__PURE__*/React.createElement(Button, {
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.attachButton,
+    variant: "primary",
+    disabled: isAttachButtonDisabled,
+    onClick: function onClick() {
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+    }
+  }, I18n.t('core.fileExplorer.attachAction')))))));
 });
 //# sourceMappingURL=FileExplorer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"names":[],"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 { 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<HTMLDivElement, FileExplorerProps>(\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(\n      ({ isUploading }) => isUploading\n    )\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)\n"],"mappings":"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"}

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

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from 'styled-components';
 import { Modal } from '../../Modal/Modal';
 import { colors } from '../../_styles/colors';
@@ -14,17 +10,42 @@ var modalContainerMinHeight = 637;
 var modalContainerMaxWidth = 1682;
 var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
-export var StyledModalOverlay = styled(Modal.Overlay)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  visibility: hidden;\n\n  ", "\n"], ["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  visibility: hidden;\n\n  ", "\n"])), function (props) {
-    return props.$open &&
-        "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
+export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
+  displayName: "StyledModalOverlay",
+  componentId: "core-11_23_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 = styled(Modal.Container)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: calc(100% - ", "px);\n  height: calc(100% - ", "px);\n  top: calc(50vh - ", "px);\n  left: calc(50vw - ", "px);\n  margin: ", "px;\n  min-width: ", "px;\n  min-height: ", "px;\n  max-width: ", "px;\n  max-height: ", "px;\n"], ["\n  width: calc(100% - ", "px);\n  height: calc(100% - ", "px);\n  top: calc(50vh - ", "px);\n  left: calc(50vw - ", "px);\n  margin: ", "px;\n  min-width: ", "px;\n  min-height: ", "px;\n  max-width: ", "px;\n  max-height: ", "px;\n"])), modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
-export var StyledModalBody = styled(Modal.Body)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-height: ", "px;\n  height: 100%;\n  margin: 0;\n  max-width: none;\n  padding: 0;\n  border-bottom: 1px solid ", ";\n"], ["\n  min-height: ", "px;\n  height: 100%;\n  margin: 0;\n  max-width: none;\n  padding: 0;\n  border-bottom: 1px solid ", ";\n"])), modalBodyMinHeight, colors.gray85);
-export var StyledModalInnerBody = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  overflow: hidden;\n"])));
-export var StyledModalHeader = styled(Modal.Header)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n"], ["\n  border-bottom: 1px solid ", ";\n"])), colors.gray85);
-export var StyledModalContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  outline: none;\n"], ["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  outline: none;\n"])));
-export var StyledSource = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
-export var StyledAttachButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin-left: ", "px;\n"], ["\n  margin-left: ", "px;\n"])), spacing.md);
-export var StyledFileTreeSpinner = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
+  displayName: "StyledModalContainer",
+  componentId: "core-11_23_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-11_23_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-11_23_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-11_23_0__sc-343gts-4"
+})(["border-bottom:1px solid ", ";"], colors.gray85);
+export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalContent",
+  componentId: "core-11_23_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-11_23_0__sc-343gts-6"
+})(["width:100%;height:100%;"]);
+export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledAttachButton",
+  componentId: "core-11_23_0__sc-343gts-7"
+})(["margin-left:", "px;"], spacing.md);
+export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFileTreeSpinner",
+  componentId: "core-11_23_0__sc-343gts-8"
+})(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorer.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAA;AAClC,IAAM,kBAAkB,GAAG,GAAG,CAAA;AAC9B,IAAM,aAAa,GAAG,OAAO,CAAC,EAAE,GAAG,CAAC,CAAA;AACpC,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAClC,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,sBAAsB,GAAG,IAAI,CAAA;AACnC,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,oBAAoB,GAAG,EAAE,CAAA;AAE/B,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,oLAAoB,2GAMvE,EAMD,IACF,KAPG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,KAAK;QACX,qEAID;AALC,CAKD,CACF,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,8SAAA,yBACpC,EAAwB,8BACvB,EAAwB,2BAC3B,EAAoB,4BACnB,EAAoB,kBAC9B,EAAoB,oBACjB,EAAsB,qBACrB,EAAuB,oBACxB,EAAsB,qBACrB,EAAuB,OACtC,KATsB,oBAAoB,GAAG,CAAC,EACvB,oBAAoB,GAAG,CAAC,EAC3B,oBAAoB,EACnB,oBAAoB,EAC9B,oBAAoB,EACjB,sBAAsB,EACrB,uBAAuB,EACxB,sBAAsB,EACrB,uBAAuB,CACtC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,kMAAA,kBACjC,EAAkB,oGAKL,EAAa,KACzC,KANe,kBAAkB,EAKL,MAAM,CAAC,MAAM,CACzC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,uJAAA,oFAK7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,yGAAA,+BACxB,EAAa,KACzC,KAD4B,MAAM,CAAC,MAAM,CACzC,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,iKAAA,8FAM3C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,+FAAA,mBAC3B,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,8JAAA,2FAK9C,IAAA,CAAA"}
+{"version":3,"file":"FileExplorer.styles.js","names":["styled","Modal","colors","spacing","modalBodyHeight","modalBodyMinHeight","sourcePadding","md","modalContainerMinWidth","modalContainerMinHeight","modalContainerMaxWidth","modalContainerMaxHeight","modalContainerMargin","StyledModalOverlay","Overlay","withConfig","displayName","componentId","props","$open","StyledModalContainer","Container","StyledModalBody","Body","gray85","StyledModalInnerBody","div","StyledModalHeader","Header","StyledModalContent","StyledSource","StyledAttachButton","StyledFileTreeSpinner"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Modal } from '../../Modal/Modal'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const modalBodyHeight = 460\nconst modalBodyMinHeight = 460\nconst sourcePadding = spacing.md * 2\nconst modalContainerMinWidth = 968\nconst modalContainerMinHeight = 637\nconst modalContainerMaxWidth = 1682\nconst modalContainerMaxHeight = 996\nconst modalContainerMargin = 80\n\nexport const StyledModalOverlay = styled(Modal.Overlay)<{ $open: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  visibility: hidden;\n\n  ${(props) =>\n    props.$open &&\n    `\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  `}\n`\n\nexport const StyledModalContainer = styled(Modal.Container)`\n  width: calc(100% - ${modalContainerMargin * 2}px);\n  height: calc(100% - ${modalContainerMargin * 2}px);\n  top: calc(50vh - ${modalContainerMargin}px);\n  left: calc(50vw - ${modalContainerMargin}px);\n  margin: ${modalContainerMargin}px;\n  min-width: ${modalContainerMinWidth}px;\n  min-height: ${modalContainerMinHeight}px;\n  max-width: ${modalContainerMaxWidth}px;\n  max-height: ${modalContainerMaxHeight}px;\n`\n\nexport const StyledModalBody = styled(Modal.Body)`\n  min-height: ${modalBodyMinHeight}px;\n  height: 100%;\n  margin: 0;\n  max-width: none;\n  padding: 0;\n  border-bottom: 1px solid ${colors.gray85};\n`\n\nexport const StyledModalInnerBody = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  overflow: hidden;\n`\n\nexport const StyledModalHeader = styled(Modal.Header)`\n  border-bottom: 1px solid ${colors.gray85};\n`\n\nexport const StyledModalContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  outline: none;\n`\n\nexport const StyledSource = styled.div`\n  width: 100%;\n  height: 100%;\n`\n\nexport const StyledAttachButton = styled.div`\n  margin-left: ${spacing.md}px;\n`\n\nexport const StyledFileTreeSpinner = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,eAAe,GAAG,GAAG;AAClC,IAAMC,kBAAkB,GAAG,GAAG;AAC9B,IAAMC,aAAa,GAAGH,OAAO,CAACI,EAAE,GAAG,CAAC;AACpC,IAAMC,sBAAsB,GAAG,GAAG;AAClC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,sBAAsB,GAAG,IAAI;AACnC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,oBAAoB,GAAG,EAAE;AAE/B,OAAO,IAAMC,kBAAkB,gBAAGb,MAAM,CAACC,KAAK,CAACa,OAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAMnD,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,yEAKZ;AAAA,EACF;AAED,OAAO,IAAMC,oBAAoB,gBAAGpB,MAAM,CAACC,KAAK,CAACoB,SAAS,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpCL,oBAAoB,GAAG,CAAC,EACvBA,oBAAoB,GAAG,CAAC,EAC3BA,oBAAoB,EACnBA,oBAAoB,EAC9BA,oBAAoB,EACjBJ,sBAAsB,EACrBC,uBAAuB,EACxBC,sBAAsB,EACrBC,uBAAuB,CACtC;AAED,OAAO,IAAMW,eAAe,gBAAGtB,MAAM,CAACC,KAAK,CAACsB,IAAI,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sGACjCZ,kBAAkB,EAKLH,MAAM,CAACsB,MAAM,CACzC;AAED,OAAO,IAAMC,oBAAoB,gBAAGzB,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK7C;AAED,OAAO,IAAMU,iBAAiB,gBAAG3B,MAAM,CAACC,KAAK,CAAC2B,MAAM,CAAC,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCACxBf,MAAM,CAACsB,MAAM,CACzC;AAED,OAAO,IAAMK,kBAAkB,gBAAG7B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yEAM3C;AAED,OAAO,IAAMa,YAAY,gBAAG9B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGrC;AAED,OAAO,IAAMc,kBAAkB,gBAAG/B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC3Bd,OAAO,CAACI,EAAE,CAC1B;AAED,OAAO,IAAMyB,qBAAqB,gBAAGhC,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAK9C"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.types.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorer.types.ts"],"names":[],"mappings":""}
+{"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":""}

package/dist/FileSelect/FileExplorer/FileExplorerModal.js

@@ -1,38 +1,30 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["children", "onClickOverlay", "open", "placement"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Modal } from '../../Modal/Modal';
 import { Portal } from '../../Portal/Portal';
 import { useScrollLock } from '../../_hooks/ScrollLock';
 import { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles';
-function noop() { }
-export var FileExplorerModal = React.forwardRef(function FileExplorerModal(_a, ref) {
-    var children = _a.children, _b = _a.onClickOverlay, onClickOverlay = _b === void 0 ? noop : _b, _c = _a.open, open = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'center' : _d, props = __rest(_a, ["children", "onClickOverlay", "open", "placement"]);
-    useScrollLock(open);
-    return (React.createElement(Portal, null,
-        React.createElement(StyledModalOverlay, { "$open": open, ref: ref },
-            React.createElement(Modal.Scrim, { onClick: onClickOverlay }),
-            React.createElement(StyledModalContainer, __assign({}, props, { placement: placement }),
-                React.createElement(Modal.Content, null, children)))));
+function noop() {}
+export var FileExplorerModal = /*#__PURE__*/React.forwardRef(function FileExplorerModal(_ref, ref) {
+  var children = _ref.children,
+    _ref$onClickOverlay = _ref.onClickOverlay,
+    onClickOverlay = _ref$onClickOverlay === void 0 ? noop : _ref$onClickOverlay,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'center' : _ref$placement,
+    props = _objectWithoutProperties(_ref, _excluded);
+  useScrollLock(open);
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledModalOverlay, {
+    $open: open,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Modal.Scrim, {
+    onClick: onClickOverlay
+  }), /*#__PURE__*/React.createElement(StyledModalContainer, _extends({}, props, {
+    placement: placement
+  }), /*#__PURE__*/React.createElement(Modal.Content, null, children))));
 });
 //# sourceMappingURL=FileExplorerModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerModal.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAEhF,SAAS,IAAI,KAAI,CAAC;AAElB,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,SAAS,iBAAiB,CAC1B,EAMC,EACD,GAAG;IAND,IAAA,QAAQ,cAAA,EACR,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,KAAK,cALV,mDAMC,CADS;IAIV,aAAa,CAAC,IAAI,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,kBAAkB,aAAQ,IAAI,EAAE,GAAG,EAAE,GAAG;YACvC,oBAAC,KAAK,CAAC,KAAK,IAAC,OAAO,EAAE,cAAc,GAAI;YAExC,oBAAC,oBAAoB,eAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBACnD,oBAAC,KAAK,CAAC,OAAO,QAAE,QAAQ,CAAiB,CACpB,CACJ,CACd,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"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","$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 { 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\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>\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;AAC5C,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,qBACLF,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACiB,KAAK,EAAEP,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACsB,KAAK;IAACC,OAAO,EAAEX;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAqB,QAAA,KAAKP,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACyB,OAAO,QAAEf,QAAwB,CACpB,CACJ,CACd,CAAC;AAEb,CAAC,CAAC"}

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js

@@ -1,67 +1,96 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
-import { StyledNavigation, StyledSidebar, StyledSourceItem, } from './FileExplorerSidebar.styles';
+import { StyledNavigation, StyledSidebar, StyledSourceItem } from './FileExplorerSidebar.styles';
 import { useSidebarNavigation } from './useSidebarNavigation';
-export function FileExplorerSidebar(_a) {
-    var selectedSource = _a.value, onChange = _a.onChange, sources = _a.sources, isOpen = _a.isOpen;
-    var _b = React.useState(false), isNavFocused = _b[0], setIsNavFocused = _b[1];
-    var _c = React.useState(true), isFocusVisible = _c[0], setIsFocusVisible = _c[1];
-    var focusedSourceRef = React.useRef(null);
-    var selectedSourceIndex = sources.findIndex(function (_a) {
-        var sourceId = _a.sourceId;
-        return sourceId === selectedSource;
-    });
-    var sidebarNavigation = useSidebarNavigation({
-        initialIndex: selectedSourceIndex,
-        size: sources.length,
-        selectedIndex: selectedSourceIndex,
-    });
-    React.useEffect(function () {
-        sidebarNavigation.set(selectedSourceIndex);
-    }, [selectedSourceIndex]);
-    React.useEffect(function () {
-        if (focusedSourceRef.current && isOpen) {
-            focusedSourceRef.current.focus();
-        }
-    }, [sidebarNavigation.index, isOpen]);
-    React.useEffect(function () {
-        sidebarNavigation.setSize(sources.length);
-    }, [sources.length]);
-    var onKeyDown = function (e) {
-        if (!isNavFocused)
-            return;
-        switch (e.nativeEvent.key) {
-            case 'Enter':
-                e.preventDefault();
-                onChange(sources[sidebarNavigation.index].sourceId);
-                break;
-            case 'ArrowUp':
-            case 'Up':
-                e.preventDefault();
-                sidebarNavigation.up();
-                break;
-            case 'ArrowDown':
-            case 'Down':
-                e.preventDefault();
-                sidebarNavigation.down();
-                break;
-        }
-    };
-    return (React.createElement(StyledSidebar, null,
-        React.createElement(StyledNavigation, null, sources.map(function (source, idx) {
-            var isFocused = idx === sidebarNavigation.index;
-            return (React.createElement(StyledSourceItem, { key: source.sourceId, loading: source.isUploading, error: source.hasError, icon: source.icon, selected: selectedSource === source.sourceId, focused: isNavFocused && isFocusVisible && isFocused, tabIndex: isFocused ? 0 : -1, ref: isFocused ? focusedSourceRef : null, onMouseDown: function () {
-                    // prevent focus blink on the latest focused item
-                    setIsFocusVisible(false);
-                }, onMouseUp: function () {
-                    setIsFocusVisible(true);
-                }, count: source.value.length, onFocus: function () {
-                    setIsNavFocused(true);
-                }, onBlur: function () {
-                    setIsNavFocused(false);
-                }, onKeyDown: onKeyDown, onClick: function () {
-                    sidebarNavigation.set(idx);
-                    onChange(source.sourceId);
-                } }, source.title));
-        }))));
+export function FileExplorerSidebar(_ref) {
+  var selectedSource = _ref.value,
+    onChange = _ref.onChange,
+    sources = _ref.sources,
+    isOpen = _ref.isOpen;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isNavFocused = _React$useState2[0],
+    setIsNavFocused = _React$useState2[1];
+  var _React$useState3 = React.useState(true),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isFocusVisible = _React$useState4[0],
+    setIsFocusVisible = _React$useState4[1];
+  var focusedSourceRef = React.useRef(null);
+  var selectedSourceIndex = sources.findIndex(function (_ref2) {
+    var sourceId = _ref2.sourceId;
+    return sourceId === selectedSource;
+  });
+  var sidebarNavigation = useSidebarNavigation({
+    initialIndex: selectedSourceIndex,
+    size: sources.length,
+    selectedIndex: selectedSourceIndex
+  });
+  React.useEffect(function () {
+    sidebarNavigation.set(selectedSourceIndex);
+  }, [selectedSourceIndex]);
+  React.useEffect(function () {
+    if (focusedSourceRef.current && isOpen) {
+      focusedSourceRef.current.focus();
+    }
+  }, [sidebarNavigation.index, isOpen]);
+  React.useEffect(function () {
+    sidebarNavigation.setSize(sources.length);
+  }, [sources.length]);
+  var onKeyDown = function onKeyDown(e) {
+    if (!isNavFocused) return;
+    switch (e.nativeEvent.key) {
+      case 'Enter':
+        e.preventDefault();
+        onChange(sources[sidebarNavigation.index].sourceId);
+        break;
+      case 'ArrowUp':
+      case 'Up':
+        e.preventDefault();
+        sidebarNavigation.up();
+        break;
+      case 'ArrowDown':
+      case 'Down':
+        e.preventDefault();
+        sidebarNavigation.down();
+        break;
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledSidebar, null, /*#__PURE__*/React.createElement(StyledNavigation, null, sources.map(function (source, idx) {
+    var isFocused = idx === sidebarNavigation.index;
+    return /*#__PURE__*/React.createElement(StyledSourceItem, {
+      key: source.sourceId,
+      loading: source.isUploading,
+      error: source.hasError,
+      icon: source.icon,
+      selected: selectedSource === source.sourceId,
+      focused: isNavFocused && isFocusVisible && isFocused,
+      tabIndex: isFocused ? 0 : -1,
+      ref: isFocused ? focusedSourceRef : null,
+      onMouseDown: function onMouseDown() {
+        // prevent focus blink on the latest focused item
+        setIsFocusVisible(false);
+      },
+      onMouseUp: function onMouseUp() {
+        setIsFocusVisible(true);
+      },
+      count: source.value.length,
+      onFocus: function onFocus() {
+        setIsNavFocused(true);
+      },
+      onBlur: function onBlur() {
+        setIsNavFocused(false);
+      },
+      onKeyDown: onKeyDown,
+      onClick: function onClick() {
+        sidebarNavigation.set(idx);
+        onChange(source.sourceId);
+      }
+    }, source.title);
+  })));
 }
 //# sourceMappingURL=FileExplorerSidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerSidebar.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.tsx"],"names":[],"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 { 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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"}