@procore/core-react 0.0.0-20230808121909

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js

@@ -0,0 +1,67 @@
+import React from 'react';
+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));
+        }))));
+}
+//# sourceMappingURL=FileExplorerSidebar.js.map

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSourceItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../_utils/types").DivAttributes & import("../SourceItem/SourceItem").SourceItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -0,0 +1,13 @@
+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 { colors } from '../../_styles/colors';
+import { SourceItem } from '../SourceItem/SourceItem';
+var sidebarWidth = 248;
+export var StyledSidebar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  width: ", "px;\n  border-right: 1px solid ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  width: ", "px;\n  border-right: 1px solid ", ";\n"])), sidebarWidth, colors.gray85);
+export var StyledNavigation = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n"])));
+export var StyledSourceItem = styled(SourceItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=FileExplorerSidebar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerSidebar.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,IAAM,YAAY,GAAG,GAAG,CAAA;AAExB,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+JAAA,kDAG5B,EAAY,iCACK,EAAa,KACxC,KAFU,YAAY,EACK,MAAM,CAAC,MAAM,CACxC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4KAAA,yGAQzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,uFAAA,oBAEjD,IAAA,CAAA"}

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

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

package/dist/FileSelect/FileExplorer/useSidebarNavigation.js

@@ -0,0 +1,54 @@
+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;
+};
+import { useListNavigation } from '../../_hooks/ListNavigation';
+export function useSidebarNavigation(_a) {
+    var selectedIndex = _a.selectedIndex, props = __rest(_a, ["selectedIndex"]);
+    var listNavigation = useListNavigation(__assign({ circular: true }, props));
+    var up = function () {
+        var shouldJumpOver;
+        if (listNavigation.index === 0) {
+            shouldJumpOver = selectedIndex === listNavigation.size - 1;
+        }
+        else {
+            shouldJumpOver =
+                (listNavigation.index - 1) % listNavigation.size === selectedIndex;
+        }
+        if (shouldJumpOver) {
+            listNavigation.decrementBy(2);
+        }
+        else {
+            listNavigation.decrement();
+        }
+    };
+    var down = function () {
+        var shouldJumpOver = (listNavigation.index + 1) % listNavigation.size === selectedIndex;
+        if (shouldJumpOver) {
+            listNavigation.incrementBy(2);
+        }
+        else {
+            listNavigation.increment();
+        }
+    };
+    return __assign(__assign({}, listNavigation), { up: up, down: down });
+}
+//# sourceMappingURL=useSidebarNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebarNavigation.js","sourceRoot":"","sources":["../../../src/FileSelect/FileExplorer/useSidebarNavigation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAM/D,MAAM,UAAU,oBAAoB,CAAC,EAGX;IAFxB,IAAA,aAAa,mBAAA,EACV,KAAK,cAF2B,iBAGpC,CADS;IAER,IAAM,cAAc,GAAG,iBAAiB,YACtC,QAAQ,EAAE,IAAI,IACX,KAAK,EACR,CAAA;IAEF,IAAM,EAAE,GAAG;QACT,IAAI,cAAuB,CAAA;QAE3B,IAAI,cAAc,CAAC,KAAK,KAAK,CAAC,EAAE;YAC9B,cAAc,GAAG,aAAa,KAAK,cAAc,CAAC,IAAI,GAAG,CAAC,CAAA;SAC3D;aAAM;YACL,cAAc;gBACZ,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,IAAI,KAAK,aAAa,CAAA;SACrE;QAED,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;SAC9B;aAAM;YACL,cAAc,CAAC,SAAS,EAAE,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,IAAM,IAAI,GAAG;QACX,IAAM,cAAc,GAClB,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,IAAI,KAAK,aAAa,CAAA;QAEpE,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;SAC9B;aAAM;YACL,cAAc,CAAC,SAAS,EAAE,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,6BACK,cAAc,KACjB,EAAE,IAAA,EACF,IAAI,MAAA,IACL;AACH,CAAC"}

package/dist/FileSelect/FileSelect.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { 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>;
+export declare const useFileSelectContext: () => FileSelectContextApi;
+/**
+
+ The file explorer enables users to select permitted files from various document
+ sources in procore to attach to items.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-fileselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/file-select)
+
+ */
+export declare const FileSelect: React.ForwardRefExoticComponent<FileSelectProps & FileSelectDOMAttributes & React.RefAttributes<FileSelectRef>> & {
+    LocalSource: React.ForwardRefExoticComponent<import("./LocalSource/LocalSource.types").LocalSourceProps & React.RefAttributes<HTMLDivElement>>;
+    GridSource: React.ForwardRefExoticComponent<import("./GridSource").GridSourceProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    TreeSource: React.ForwardRefExoticComponent<import("./TreeSource/TreeSource.types").FileTreeProps & Omit<DivAttributes, "onChange"> & React.RefAttributes<import(".").TreeSourceRef>>;
+};
+export {};

package/dist/FileSelect/FileSelect.js

@@ -0,0 +1,368 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { ulid } from 'ulid';
+import { useI18nContext } from '../_hooks/I18n';
+import { useFileUploader } from '../_hooks/useFileUploader';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { FileExplorer } from './FileExplorer/FileExplorer';
+import { StyledFileSelect, StyledFileTokenList } from './FileSelect.styles';
+import { FileSelectDropzone } from './FileSelectDropzone/FileSelectDropzone';
+import { GridSource } from './GridSource/GridSource';
+import { LocalSource } from './LocalSource/LocalSource';
+import { ProgressAnnouncer } from './ProgressAnnouncer';
+import { TreeSource } from './TreeSource/TreeSource';
+export var FileSelectLocalSourceId = 'FileSelectLocalSource';
+var defaultGetTokenLabel = function (sourceId, sourceValueEntry) {
+    return sourceValueEntry.name;
+};
+var defaultGetMethod = function () { return 'POST'; };
+var defaultGetPayloadKey = function () { return 'file'; };
+var defaultGetHeaders = function () { return ({}); };
+var getValueTokenLabel = function (sourceId, entry, getTokenLabel) {
+    var _a;
+    if (getTokenLabel === void 0) { getTokenLabel = defaultGetTokenLabel; }
+    var namePlaceholder = 'Untitled';
+    var name = (_a = getTokenLabel(sourceId, entry)) !== null && _a !== void 0 ? _a : entry.name;
+    if (!name) {
+        console.warn("FileSelect: Couldn't derive the name of \"".concat(sourceId, "\" source value. Check the source or use \"getTokenLabel\" prop"));
+    }
+    return name !== null && name !== void 0 ? name : namePlaceholder;
+};
+var FileSelectBase = React.forwardRef(function (_a, ref) {
+    var onAdd = _a.onAdd, _b = _a.beforeLocalFileUpload, beforeLocalFileUpload = _b === void 0 ? function () { return new Promise(function (resolve) { return resolve(true); }); } : _b, onRemove = _a.onRemove, onProgress = _a.onProgress, onUploadStateChange = _a.onUploadStateChange, onError = _a.onError, onFileTokenClick = _a.onFileTokenClick, afterHide = _a.afterHide, dropzoneContentRenderer = _a.dropzoneContentRenderer, _c = _a.hideDropzone, hideDropzone = _c === void 0 ? false : _c, _d = _a.getTokenLabel, getTokenLabel = _d === void 0 ? defaultGetTokenLabel : _d, _e = _a.hideLocalSource, hideLocalSource = _e === void 0 ? false : _e, localSourceDropzoneContentRenderer = _a.localSourceDropzoneContentRenderer, _f = _a.maxFileNumber, maxFileNumber = _f === void 0 ? Infinity : _f, maxFileSize = _a.maxFileSize, minFileSize = _a.minFileSize, accept = _a.accept, getEndpoint = _a.getEndpoint, _g = _a.getMethod, getMethod = _g === void 0 ? defaultGetMethod : _g, _h = _a.getPayloadKey, getPayloadKey = _h === void 0 ? defaultGetPayloadKey : _h, getPayload = _a.getPayload, _j = _a.getHeaders, getHeaders = _j === void 0 ? defaultGetHeaders : _j, uploadFile = _a.uploadFile, children = _a.children, qa = _a.qa, props = __rest(_a, ["onAdd", "beforeLocalFileUpload", "onRemove", "onProgress", "onUploadStateChange", "onError", "onFileTokenClick", "afterHide", "dropzoneContentRenderer", "hideDropzone", "getTokenLabel", "hideLocalSource", "localSourceDropzoneContentRenderer", "maxFileNumber", "maxFileSize", "minFileSize", "accept", "getEndpoint", "getMethod", "getPayloadKey", "getPayload", "getHeaders", "uploadFile", "children", "qa"]);
+    var _k = React.useState(false), isOpen = _k[0], setIsOpen = _k[1];
+    var _l = React.useState(''), currentSource = _l[0], setCurrentSource = _l[1];
+    var _m = React.useState([]), sources = _m[0], setSources = _m[1];
+    var I18n = useI18nContext();
+    var fileUploader = useFileUploader({
+        getEndpoint: getEndpoint,
+        getMethod: getMethod,
+        getPayloadKey: getPayloadKey,
+        getPayload: getPayload,
+        getHeaders: getHeaders,
+        uploadFile: uploadFile,
+    });
+    var _o = React.useState([]), value = _o[0], setValue = _o[1];
+    var _p = React.useState({}), uploadProgress = _p[0], setUploadProgress = _p[1];
+    var _q = React.useState(0), pendingUploadsCount = _q[0], setPendingUploadsCount = _q[1];
+    var modalElRef = React.useRef(null);
+    var rootElRef = React.useRef(null);
+    var dropzoneRef = React.useRef(null);
+    React.useEffect(function () {
+        onUploadStateChange === null || onUploadStateChange === void 0 ? void 0 : onUploadStateChange(pendingUploadsCount > 0);
+    }, [pendingUploadsCount]);
+    React.useImperativeHandle(ref, function () { return ({
+        setValue: setValue,
+        open: function (sourceId) {
+            var _a;
+            setIsOpen(true);
+            var newCurrentSource = sourceId !== null && sourceId !== void 0 ? sourceId : (_a = sources[0]) === null || _a === void 0 ? void 0 : _a.sourceId;
+            if (newCurrentSource) {
+                setCurrentSource(newCurrentSource);
+            }
+        },
+        close: function () {
+            setIsOpen(false);
+        },
+        resetSources: function () {
+            var _a;
+            (_a = resetListeners.current) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(); });
+        },
+        modalEl: modalElRef,
+        rootEl: rootElRef,
+    }); });
+    var uploadedValues = value.filter(function (entry) { return !entry.error; });
+    var adjustedMaxFileNumber = maxFileNumber - uploadedValues.length;
+    var hasReachedMaxFileNumber = adjustedMaxFileNumber < 1;
+    var unsubmittedSourceValues = sources.flatMap(function (source) { return source.value; });
+    var updateFile = function (fileId, payload) {
+        setValue(function (prev) {
+            return prev.map(function (v) {
+                if (v.id === fileId) {
+                    return __assign(__assign({}, v), payload);
+                }
+                return v;
+            });
+        });
+    };
+    function onProgressInternal(id, progress) {
+        onProgress === null || onProgress === void 0 ? void 0 : onProgress(id, progress);
+        setUploadProgress(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = Math.min(99, progress), _a)));
+        });
+    }
+    function onErrorInternal(id, error) {
+        updateFile(id, { error: I18n.t('core.fileSelect.uploadFailed') });
+        onError === null || onError === void 0 ? void 0 : onError(id, error);
+        setUploadProgress(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = 100, _a)));
+        });
+    }
+    var uploadFiles = function (newFiles) {
+        function onComplete(id, response) {
+            var localFile = newFiles.find(function (entry) { return entry.id === id; });
+            updateFile(id, { response: response });
+            var uploadedFile = __assign(__assign({}, localFile), { sourceId: FileSelectLocalSourceId, response: response });
+            onAdd === null || onAdd === void 0 ? void 0 : onAdd([uploadedFile]);
+            setUploadProgress(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[id] = 100, _a)));
+            });
+        }
+        setPendingUploadsCount(function (prev) { return prev + 1; });
+        fileUploader.uploadFiles(newFiles.map(function (entry) { return ({ id: entry.id, blob: entry.src }); }), {
+            onComplete: onComplete,
+            onProgress: onProgressInternal,
+            onError: onErrorInternal,
+            onCompleteAll: function () {
+                setPendingUploadsCount(function (prev) { return prev - 1; });
+            },
+        });
+    };
+    var onDrop = function (acceptedFiles) { return __awaiter(void 0, void 0, void 0, function () {
+        var newFiles, shouldAttach;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    newFiles = acceptedFiles
+                        .slice(0, adjustedMaxFileNumber)
+                        .map(function (file) { return ({
+                        src: file,
+                        id: ulid(),
+                        name: file.name,
+                        sourceId: FileSelectLocalSourceId,
+                    }); });
+                    return [4 /*yield*/, beforeLocalFileUpload(newFiles)];
+                case 1:
+                    shouldAttach = _a.sent();
+                    if (!shouldAttach)
+                        return [2 /*return*/];
+                    setUploadProgress(function (prev) {
+                        return newFiles.reduce(function (acc, item) {
+                            acc[item.id] = 0;
+                            return acc;
+                        }, prev);
+                    });
+                    setValue(function (prev) { return __spreadArray(__spreadArray([], prev, true), newFiles.map(function (file) { return (__assign(__assign({}, file), { name: getValueTokenLabel(FileSelectLocalSourceId, file, getTokenLabel) })); }), true); });
+                    uploadFiles(newFiles);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onFileExplorerSubmit = function () {
+        var _a, _b, _c;
+        setIsOpen(false);
+        var values = sources.flatMap(function (source) {
+            if (source.sourceId === FileSelectLocalSourceId) {
+                return source.value.map(function (v) {
+                    var name = getValueTokenLabel(source.sourceId, v, getTokenLabel);
+                    return __assign(__assign({}, v), { name: name, sourceId: FileSelectLocalSourceId });
+                });
+            }
+            return source.value.map(function (entry) {
+                var name = getValueTokenLabel(source.sourceId, entry, getTokenLabel);
+                return {
+                    id: ulid(),
+                    name: name,
+                    sourceId: source.sourceId,
+                    origin: entry,
+                };
+            });
+        });
+        setValue(function (prev) { return __spreadArray(__spreadArray([], prev, true), values, true); });
+        onAdd === null || onAdd === void 0 ? void 0 : onAdd(values);
+        clearErrors();
+        resetListeners.current.forEach(function (resetListener) { return resetListener === null || resetListener === void 0 ? void 0 : resetListener(); });
+        setCurrentSource((_a = sources[0]) === null || _a === void 0 ? void 0 : _a.sourceId);
+        (_c = (_b = dropzoneRef.current) === null || _b === void 0 ? void 0 : _b.attachButton) === null || _c === void 0 ? void 0 : _c.focus();
+        afterHide === null || afterHide === void 0 ? void 0 : afterHide('submit');
+    };
+    var onFileExplorerCancel = function () {
+        var _a, _b;
+        setIsOpen(false);
+        (_b = (_a = dropzoneRef.current) === null || _a === void 0 ? void 0 : _a.attachButton) === null || _b === void 0 ? void 0 : _b.focus();
+        afterHide === null || afterHide === void 0 ? void 0 : afterHide('cancel');
+    };
+    var clearErrors = function () {
+        var _a;
+        (_a = dropzoneRef.current) === null || _a === void 0 ? void 0 : _a.clearErrors();
+    };
+    var handleFileRemoval = function (value) {
+        setValue(function (prev) { return prev.filter(function (entry) { return entry.id !== value.id; }); });
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(value);
+        setUploadProgress(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[value.id] = null, _a)));
+        });
+        clearErrors();
+    };
+    var updateSource = function (sourceId, props) {
+        setSources(function (prev) {
+            return prev.map(function (source) {
+                if (source.sourceId === sourceId) {
+                    return __assign(__assign({}, source), props);
+                }
+                return source;
+            });
+        });
+    };
+    var onAttachFromProject = function () {
+        var _a;
+        setIsOpen(true);
+        if (!currentSource) {
+            setCurrentSource((_a = sources[0]) === null || _a === void 0 ? void 0 : _a.sourceId);
+        }
+    };
+    var resetListeners = React.useRef([]);
+    return (React.createElement(StyledFileSelect, __assign({}, props, { ref: rootElRef }),
+        React.createElement(FileExplorer, { ref: modalElRef, qa: { attachButton: qa === null || qa === void 0 ? void 0 : qa.attachButton }, unsubmittedValueCount: unsubmittedSourceValues.length, onCancel: onFileExplorerCancel, onSubmit: onFileExplorerSubmit, sources: sources, currentSource: currentSource, onCurrentSourceChange: setCurrentSource, isOpen: isOpen },
+            React.createElement(FileSelectContext.Provider, { value: {
+                    register: function (sourceId, source) {
+                        setSources(function (prev) { return __spreadArray(__spreadArray([], prev, true), [
+                            __assign(__assign({ title: '', icon: '', isUploading: false, hasError: false, value: [] }, source), { sourceId: sourceId }),
+                        ], false); });
+                        return function () {
+                            setSources(function (prev) {
+                                return prev.filter(function (source) { return source.sourceId !== sourceId; });
+                            });
+                        };
+                    },
+                    currentSource: currentSource,
+                    onChange: function (sourceId, value) {
+                        updateSource(sourceId, { value: value });
+                    },
+                    onResetValue: function (listener) {
+                        resetListeners.current = __spreadArray(__spreadArray([], resetListeners.current, true), [listener], false);
+                        return function () {
+                            resetListeners.current = resetListeners.current.filter(function (listenerEntry) { return listener !== listenerEntry; });
+                        };
+                    },
+                    setIsUploading: function (sourceId, isUploading) {
+                        updateSource(sourceId, { isUploading: isUploading });
+                    },
+                    setHasError: function (sourceId, hasError) {
+                        updateSource(sourceId, { hasError: hasError });
+                    },
+                    isModalOpen: isOpen,
+                    maxFileNumber: adjustedMaxFileNumber - unsubmittedSourceValues.length,
+                } },
+                !hideLocalSource ? (React.createElement(LocalSource, { beforeLocalFileUpload: beforeLocalFileUpload, dropzoneContentRenderer: localSourceDropzoneContentRenderer, sourceId: FileSelectLocalSourceId, getEndpoint: getEndpoint, getMethod: getMethod, getPayloadKey: getPayloadKey, getPayload: getPayload, getHeaders: getHeaders, uploadFile: uploadFile, accept: accept, maxFileSize: maxFileSize, minFileSize: minFileSize, qa: qa === null || qa === void 0 ? void 0 : qa.localSource })) : null,
+                children)),
+        React.createElement(FileSelectDropzone, { ref: dropzoneRef, hideDropzone: hideDropzone, tooltip: hasReachedMaxFileNumber
+                ? I18n.t('core.fileSelect.maxNumberOfFilesSelected')
+                : '', contentRenderer: dropzoneContentRenderer
+                ? function (dropzoneProps) {
+                    return dropzoneContentRenderer({
+                        openFileExplorer: onAttachFromProject,
+                        openLocalFiles: dropzoneProps.open,
+                        disabled: dropzoneProps.disabled,
+                        errorMessage: dropzoneProps.errorMessage,
+                    });
+                }
+                : undefined, onAttachFromProject: onAttachFromProject, accept: accept, maxFileNumber: maxFileNumber, maxFileSize: maxFileSize, minFileSize: minFileSize, disabled: hasReachedMaxFileNumber, value: uploadedValues, onDrop: onDrop, multiple: true, noDrag: hideDropzone }),
+        React.createElement(ProgressAnnouncer, { items: value.filter(function (v) { return uploadProgress[v.id]; }), uploadProgress: uploadProgress }),
+        React.createElement(StyledFileTokenList, { tokens: value.map(function (v) {
+                var _a;
+                return (__assign(__assign({}, v), { progress: (_a = uploadProgress[v.id]) !== null && _a !== void 0 ? _a : 100 }));
+            }), onClick: onFileTokenClick, onClose: handleFileRemoval, qa: { closeButton: qa === null || qa === void 0 ? void 0 : qa.removeEntry } })));
+});
+function noop() { }
+export var FileSelectContext = React.createContext({
+    register: function () { return noop; },
+    currentSource: '',
+    isModalOpen: false,
+    onChange: noop,
+    onResetValue: function () { return noop; },
+    maxFileNumber: Infinity,
+    setIsUploading: noop,
+    setHasError: noop,
+});
+export var useFileSelectContext = function () {
+    return React.useContext(FileSelectContext);
+};
+/**
+
+ The file explorer enables users to select permitted files from various document
+ sources in procore to attach to items.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-fileselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/file-select)
+
+ */
+export var FileSelect = addSubcomponents({
+    LocalSource: LocalSource,
+    GridSource: GridSource,
+    TreeSource: TreeSource,
+}, FileSelectBase);
+//# sourceMappingURL=FileSelect.js.map

package/dist/FileSelect/FileSelect.js.map

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledFileTokenList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./FileTokenList/FileToken.types").FileTokenListProps & Omit<import("../_utils/types").DivAttributes, "onClick"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledFileSelect: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FileSelect/FileSelect.styles.js

@@ -0,0 +1,11 @@
+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 { spacing } from '../_styles/spacing';
+import { FileTokenList } from './FileTokenList';
+export var StyledFileTokenList = styled(FileTokenList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.md);
+export var StyledFileSelect = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FileSelect.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelect.styles.js","sourceRoot":"","sources":["../../src/FileSelect/FileSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,8FAAA,kBACxC,EAAU,OACzB,KADe,OAAO,CAAC,EAAE,CACzB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGzC,IAAA,CAAA"}