@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.js

@@ -0,0 +1,78 @@
+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);
+};
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import throttle from 'lodash.throttle';
+import React from 'react';
+import { useI18nContext } from '../../_hooks/I18n';
+var getInfo = function (items, uploadProgress) {
+    var info = items.reduce(function (acc, item) {
+        var _a;
+        if (item.error) {
+            return __assign(__assign({}, acc), { failed: acc.failed + 1 });
+        }
+        var progress = (_a = uploadProgress[item.id]) !== null && _a !== void 0 ? _a : 0;
+        var totalProgress = acc.totalProgress + progress;
+        var uploaded = progress === 100 ? acc.uploaded + 1 : acc.uploaded;
+        return __assign(__assign({}, acc), { totalProgress: totalProgress, uploaded: uploaded });
+    }, { totalProgress: 0, failed: 0, uploaded: 0 });
+    return __assign(__assign({}, info), { total: items.length, 
+        // 33.3333333333% => 33%
+        totalProgress: Math.round(info.totalProgress / items.length) });
+};
+export var ProgressAnnouncer = function (_a) {
+    var items = _a.items, uploadProgress = _a.uploadProgress, _b = _a.throttleMs, throttleMs = _b === void 0 ? 5000 : _b;
+    var i18n = useI18nContext();
+    var _c = React.useState(''), announce = _c[0], setAnnounce = _c[1];
+    // Needed to not announce two times that progress is 100%
+    var isAllUploadedAnnounced = React.useRef(false);
+    var updateAnnounce = function (files) {
+        var info = getInfo(files, uploadProgress);
+        var totalProgressAnnounce = info.failed
+            ? i18n.t('core.dropzone.uploadTotalProgress.withFailed', info)
+            : i18n.t('core.dropzone.uploadTotalProgress.withoutFailed', info);
+        setAnnounce(totalProgressAnnounce);
+    };
+    var updateAnnounceThrottled = React.useCallback(throttle(updateAnnounce, throttleMs, 
+    // After file selection VoiceOver announces - the current location is the browser window.
+    // It takes some time.
+    { leading: false }), [throttleMs]);
+    React.useEffect(function () {
+        isAllUploadedAnnounced.current = false;
+    }, [items.length]);
+    React.useEffect(function () {
+        if (items.length > 0) {
+            var isAllUploaded = items.every(function (item) { return uploadProgress[item.id] === 100; });
+            if (isAllUploaded && !isAllUploadedAnnounced.current) {
+                // announce immediately
+                isAllUploadedAnnounced.current = true;
+                updateAnnounceThrottled.cancel();
+                updateAnnounce(items);
+            }
+            else if (!isAllUploaded) {
+                updateAnnounceThrottled(items);
+            }
+        }
+    }, [items, uploadProgress]);
+    React.useEffect(function () {
+        return function () {
+            updateAnnounceThrottled.cancel();
+        };
+    }, []);
+    return announce ? React.createElement(MemoizedAnnouncer, { value: announce }) : null;
+};
+var Announcer = function (_a) {
+    var value = _a.value;
+    return (React.createElement(VisuallyHidden, null,
+        React.createElement("div", { role: "status" }, value)));
+};
+var MemoizedAnnouncer = React.memo(Announcer);
+//# sourceMappingURL=ProgressAnnouncer.js.map

package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.js.map

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

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

@@ -0,0 +1,16 @@
+import { ValueId } from '../FileSelect.types';
+import { ThumbnailListItem } from '../ThumbnailList/ThumbnailList.types';
+export interface ProgressAnnouncerProps {
+    /**
+     * @since 11.7.1
+     */
+    items: ThumbnailListItem[];
+    /**
+     * @since 11.7.1
+     */
+    throttleMs?: number;
+    /**
+     * @since 11.7.1
+     */
+    uploadProgress: Record<ValueId, number | null>;
+}

package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProgressAnnouncer.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressAnnouncer.types.js","sourceRoot":"","sources":["../../../src/FileSelect/ProgressAnnouncer/ProgressAnnouncer.types.tsx"],"names":[],"mappings":""}

package/dist/FileSelect/ProgressAnnouncer/index.d.ts

@@ -0,0 +1 @@
+export { ProgressAnnouncer } from './ProgressAnnouncer';

package/dist/FileSelect/ProgressAnnouncer/index.js

@@ -0,0 +1,2 @@
+export { ProgressAnnouncer } from './ProgressAnnouncer';
+//# sourceMappingURL=index.js.map

package/dist/FileSelect/ProgressAnnouncer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FileSelect/ProgressAnnouncer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { DivAttributes, Props } from '../../_utils/types';
+export interface SourceItemProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    icon?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    count?: number;
+    /**
+     * @since 10.19.0
+     */
+    countTruncationThreshold?: number;
+    /**
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    focused?: boolean;
+}
+export declare const SourceItem: React.ForwardRefExoticComponent<DivAttributes & SourceItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FileSelect/SourceItem/SourceItem.js

@@ -0,0 +1,65 @@
+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 { Error } from '@procore/core-icons/dist';
+import React from 'react';
+import { Spinner } from '../../Spinner/Spinner';
+import { Tooltip } from '../../Tooltip/Tooltip';
+import { OverflowObserver } from '../../_hooks/OverflowObserver';
+import { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles';
+function formatCount(count, truncationThreshold) {
+    if (count === 0) {
+        return '';
+    }
+    else if (count > truncationThreshold) {
+        return "(".concat(truncationThreshold, "+)");
+    }
+    else {
+        return "(".concat(count, ")");
+    }
+}
+export var SourceItem = React.forwardRef(function SourceItem(_a, ref) {
+    var _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.countTruncationThreshold, countTruncationThreshold = _d === void 0 ? 99 : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.error, error = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, children = _a.children, _k = _a.tabIndex, tabIndex = _k === void 0 ? 0 : _k, props = __rest(_a, ["icon", "count", "countTruncationThreshold", "loading", "error", "selected", "disabled", "focused", "children", "tabIndex"]);
+    var tabIndexAttribute = !disabled ? { tabIndex: tabIndex } : {};
+    var iconElement = (React.createElement(StyledIcon, null, (function () {
+        if (error) {
+            return React.createElement(Error, null);
+        }
+        if (loading) {
+            return React.createElement(Spinner, { size: "xs" });
+        }
+        return icon;
+    })()));
+    var labelElement = (React.createElement(OverflowObserver, null, function (_a) {
+        var isOverflowing = _a.isOverflowing, ref = _a.ref;
+        var item = React.createElement(StyledLabel, { ref: ref }, children);
+        return isOverflowing ? (React.createElement(Tooltip, { showDelay: 500, trigger: "hover", overlay: React.createElement(Tooltip.Content, null, children) }, item)) : (item);
+    }));
+    var countElement = (React.createElement("div", null,
+        "\u00A0",
+        formatCount(count, countTruncationThreshold)));
+    return (React.createElement(StyledSourceItem, __assign({ ref: ref }, tabIndexAttribute, props, { error: error, selected: selected, disabled: disabled, focused: focused }),
+        iconElement,
+        labelElement,
+        countElement));
+});
+//# sourceMappingURL=SourceItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourceItem.js","sourceRoot":"","sources":["../../../src/FileSelect/SourceItem/SourceItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAEhE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAqC/E,SAAS,WAAW,CAAC,KAAa,EAAE,mBAA2B;IAC7D,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,OAAO,EAAE,CAAA;KACV;SAAM,IAAI,KAAK,GAAG,mBAAmB,EAAE;QACtC,OAAO,WAAI,mBAAmB,OAAI,CAAA;KACnC;SAAM;QACL,OAAO,WAAI,KAAK,MAAG,CAAA;KACpB;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,SAAS,UAAU,CACnB,EAYC,EACD,GAAG;IAZD,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,gCAA6B,EAA7B,wBAAwB,mBAAG,EAAE,KAAA,EAC7B,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACT,KAAK,cAXV,4HAYC,CADS;IAIV,IAAM,iBAAiB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvD,IAAM,WAAW,GAAG,CAClB,oBAAC,UAAU,QACR,CAAC;QACA,IAAI,KAAK,EAAE;YACT,OAAO,oBAAC,KAAK,OAAG,CAAA;SACjB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CAAA;SAC7B;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,EAAE,CACO,CACd,CAAA;IAED,IAAM,YAAY,GAAG,CACnB,oBAAC,gBAAgB,QACd,UAAC,EAA2B;YAAzB,aAAa,mBAAA,EAAE,GAAG,SAAA;QACpB,IAAM,IAAI,GAAG,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAe,CAAA;QAE5D,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,OAAO,IACN,SAAS,EAAE,GAAG,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,oBAAC,OAAO,CAAC,OAAO,QAAE,QAAQ,CAAmB,IAErD,IAAI,CACG,CACX,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;IACH,CAAC,CACgB,CACpB,CAAA;IAED,IAAM,YAAY,GAAG,CACnB;;QAAY,WAAW,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAO,CAChE,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,aACf,GAAG,EAAE,GAAG,IACJ,iBAAiB,EACjB,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO;QAEf,WAAW;QACX,YAAY;QACZ,YAAY,CACI,CACpB,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+export declare const StyledSourceItem: import("styled-components").StyledComponent<"div", any, {
+    selected: boolean;
+    error: boolean;
+    disabled: boolean;
+    focused: boolean;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,32 @@
+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, { css } from 'styled-components';
+import { getTypographyIntent } from '../../Typography/Typography.styles';
+import { colors } from '../../_styles/colors';
+import { getEllipsis, getFocus } from '../../_styles/mixins';
+import { spacing } from '../../_styles/spacing';
+var sourceItemHeight = 48;
+var sourceItemPadding = spacing.xl;
+var focused = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  // compensate for border shift\n  padding: 0 ", "px 0 ", "px;\n"], ["\n  ", "\n  // compensate for border shift\n  padding: 0 ", "px 0 ", "px;\n"])), getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
+export var StyledSourceItem = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px 0 ", "px;\n  color: ", ";\n  ", "\n  cursor: pointer;\n  height: ", "px;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: block;\n    width: 4px;\n    height: 100%;\n    background-color: ", ";\n    transform: scaleX(0);\n    transform-origin: center left;\n    transition: transform 200ms ease-out;\n    // prevent a one-pixel gap between focused and selected source items due to the box-shadow\n    z-index: 1;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  \n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 ", "px 0 ", "px;\n  color: ", ";\n  ", "\n  cursor: pointer;\n  height: ", "px;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: block;\n    width: 4px;\n    height: 100%;\n    background-color: ", ";\n    transform: scaleX(0);\n    transform-origin: center left;\n    transition: transform 200ms ease-out;\n    // prevent a one-pixel gap between focused and selected source items due to the box-shadow\n    z-index: 1;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  \n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_a) {
+    var selected = _a.selected;
+    return selected &&
+        "\n    font-weight: 700;\n    background-color: ".concat(colors.blue96, ";\n    color: ").concat(colors.blue45, ";\n\n    ").concat(StyledIcon, " {\n      color: ").concat(colors.blue50, ";\n    }\n\n    &:before {\n      transform: scaleX(1);\n    }\n  ");
+}, function (_a) {
+    var error = _a.error;
+    return error && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: ", ";\n\n      ", " {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      ", " {\n        color: ", ";\n      }\n    "])), colors.red50, StyledIcon, colors.red50);
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled &&
+        "\n    cursor: not-allowed;\n    color: ".concat(colors.gray70, ";\n    ").concat(StyledIcon, " {\n      color: ").concat(colors.gray85, ";\n    }\n  ");
+}, function (_a) {
+    var selected = _a.selected, disabled = _a.disabled, error = _a.error;
+    return !selected && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover {\n        transition: background-color 150ms ease-out 150ms, color 150ms ease-out;\n\n        ", "\n\n        ", "\n      }\n    "], ["\n      &:hover {\n        transition: background-color 150ms ease-out 150ms, color 150ms ease-out;\n\n        ", "\n\n        ", "\n      }\n    "])), !disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.gray96), !disabled &&
+        !error && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), colors.gray15));
+}, function (props) { return props.focused && focused; }, focused);
+export var StyledIcon = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n"])));
+export var StyledLabel = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis());
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=SourceItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourceItem.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/SourceItem/SourceItem.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,IAAM,gBAAgB,GAAG,EAAE,CAAA;AAC3B,IAAM,iBAAiB,GAAG,OAAO,CAAC,EAAE,CAAA;AAEpC,IAAM,OAAO,GAAG,GAAG,gJAAA,MACf,EAAU,mDAEC,EAAqB,OAAQ,EAAqB,OAChE,KAHG,QAAQ,EAAE,EAEC,iBAAiB,GAAG,CAAC,EAAQ,iBAAiB,GAAG,CAAC,CAChE,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,ssBAKxC,kFAIa,EAAiB,OAAQ,EAAiB,gBAC9C,EAAa,OACpB,EAA2B,kCAEnB,EAAgB,4KAUJ,EAAa,yOAQjC,EAcD,QAEC,EAQC,QAED,EAQD,QAEC,EAiBC,YAGD,EAAmC,uBAGjC,EAAO,SAEZ,KAnFc,iBAAiB,EAAQ,iBAAiB,EAC9C,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAEnB,gBAAgB,EAUJ,MAAM,CAAC,MAAM,EAQjC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACR,yDAEoB,MAAM,CAAC,MAAM,2BACxB,MAAM,CAAC,MAAM,sBAEpB,UAAU,8BACD,MAAM,CAAC,MAAM,uEAMzB;AAbC,CAaD,EAEC,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACL,GAAG,8IAAA,iBACQ,EAAY,aAEnB,EAAU,qBACD,EAAY,kBAExB,KALU,MAAM,CAAC,KAAK,EAEnB,UAAU,EACD,MAAM,CAAC,KAAK,CAExB;AAPD,CAOC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACR,iDAES,MAAM,CAAC,MAAM,oBACpB,UAAU,8BACD,MAAM,CAAC,MAAM,iBAEzB;AAPC,CAOD,EAEC,UAAC,EAA6B;QAA3B,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC5B,OAAA,CAAC,QAAQ,IACT,GAAG,uNAAA,iHAIG,EAGD,cAEC,EAID,iBAEJ,KAXK,CAAC,QAAQ,IACX,GAAG,kHAAA,gCACmB,EAAa,aAClC,KADqB,MAAM,CAAC,MAAM,CAClC,EAEC,CAAC,QAAQ;QACX,CAAC,KAAK,IACN,GAAG,uGAAA,qBACQ,EAAa,aACvB,KADU,MAAM,CAAC,MAAM,CACvB,CAEJ;AAhBD,CAgBC,EAGD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,OAAO,EAAxB,CAAwB,EAGjC,OAAO,CAEZ,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,iMAAA,8HAOnC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+EAAA,MACjC,EAAa,IAChB,KADG,WAAW,EAAE,CAChB,CAAA"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ThumbnailListProps } from './ThumbnailList.types';
+export declare const defaultListHeight = 305;
+export declare const defaultRowHeight = 56;
+export declare const ThumbnailList: React.ForwardRefExoticComponent<ThumbnailListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FileSelect/ThumbnailList/ThumbnailList.js

@@ -0,0 +1,127 @@
+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 { Clear } from '@procore/core-icons/dist';
+import { useId } from '@react-aria/utils';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { clamp, isNil } from 'ramda';
+import React from 'react';
+import { ProgressBar } from '../../ProgressBar/ProgressBar';
+import { useI18nContext } from '../../_hooks/I18n';
+import { StyledDeleteIcon, StyledProgress, StyledThumbnail, StyledThumbnailList, StyledThumbnailListContainer, StyledThumbnailListItem, } from './ThumbnailList.styles';
+export var defaultListHeight = 305;
+export var defaultRowHeight = 56;
+var progressValueText = function (_a) {
+    var value = _a.value;
+    return "".concat(value, "%");
+};
+var Row = function (_a) {
+    var _b = _a.data, items = _b.items, onCancel = _b.onCancel, isFocused = _b.isFocused, setNavigationPosition = _b.setNavigationPosition, style = _a.style, index = _a.index;
+    var i18n = useI18nContext();
+    var progressBarLabelId = useId();
+    var item = items[index];
+    var src = item.src, name = item.name, progress = item.progress, error = item.error;
+    var focused = isFocused(index);
+    var ariaLive = error ? 'assertive' : undefined;
+    return (React.createElement("div", { style: style, onMouseEnter: function () { return setNavigationPosition(index); }, "aria-live": ariaLive },
+        React.createElement(StyledThumbnailListItem, { error: error, focused: focused },
+            React.createElement(StyledThumbnail, { src: src, size: "sm", clickable: false, caption: name, error: error }),
+            React.createElement(StyledProgress, null, error ||
+                (!isNil(progress) && (React.createElement(React.Fragment, null,
+                    React.createElement(VisuallyHidden, null,
+                        React.createElement("span", { id: progressBarLabelId }, i18n.t('core.thumbnailList.uploading'))),
+                    React.createElement(ProgressBar, { "aria-labelledby": progressBarLabelId, value: progress, "aria-valuetext": progressValueText, animated: true }))))),
+            onCancel && (React.createElement(StyledDeleteIcon, { "aria-label": i18n.t('core.thumbnailList.removeUpload'), icon: React.createElement(Clear, { size: "sm" }), size: "sm", tabIndex: -1, variant: "tertiary", onClick: function () { return onCancel(item); } })))));
+};
+// See https://github.com/bvaughn/react-window/issues/130
+var outerElementType = React.forwardRef(function (props, ref) { return React.createElement("div", __assign({ ref: ref, tabIndex: -1 }, props)); });
+var getNewNavigationPosition = function (next, max) {
+    return clamp(0, Math.max(0, max - 1), next);
+};
+export var ThumbnailList = React.forwardRef(function (_a, ref) {
+    var items = _a.items, onCancel = _a.onCancel, _b = _a.listHeight, listHeight = _b === void 0 ? defaultListHeight : _b, _c = _a.rowHeight, rowHeight = _c === void 0 ? defaultRowHeight : _c, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["items", "onCancel", "listHeight", "rowHeight", "onKeyDown", "onFocus", "onBlur"]);
+    var rowCount = items.length;
+    var height = Math.min(rowCount * defaultRowHeight, listHeight);
+    var listRef = React.useRef(null);
+    var listInstance = listRef.current;
+    var _d = React.useState(false), isListFocused = _d[0], setIsListFocused = _d[1];
+    var _e = React.useState(0), navigationPosition = _e[0], setNavigationPosition = _e[1];
+    var isFocused = React.useCallback(function (index) { return isListFocused && navigationPosition === index; }, [isListFocused, navigationPosition]);
+    var updateNavigationPosition = React.useCallback(function (newPosition) {
+        setNavigationPosition(newPosition);
+        listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(newPosition);
+    }, [listInstance]);
+    React.useEffect(function () {
+        if (isListFocused) {
+            listInstance === null || listInstance === void 0 ? void 0 : listInstance.scrollToItem(navigationPosition);
+        }
+    }, [isListFocused]);
+    React.useEffect(function () {
+        if (rowCount > 0 && rowCount <= navigationPosition) {
+            setNavigationPosition(rowCount - 1);
+        }
+        if (rowCount <= 0) {
+            setIsListFocused(false);
+        }
+    }, [rowCount]);
+    var handleNavigation = function (e) {
+        if (!isListFocused)
+            return;
+        switch (e.key) {
+            case 'Enter':
+                e.preventDefault();
+                var highlightedItem = items[navigationPosition];
+                onCancel === null || onCancel === void 0 ? void 0 : onCancel(highlightedItem);
+                // Ensure scrolling only after the item was deleted
+                setTimeout(function () {
+                    updateNavigationPosition(getNewNavigationPosition(navigationPosition, rowCount - 1));
+                }, 0);
+                if (rowCount - 1 === 0) {
+                    setIsListFocused(false);
+                }
+                break;
+            case 'ArrowDown':
+            case 'Down':
+                e.preventDefault();
+                updateNavigationPosition(getNewNavigationPosition(navigationPosition + 1, rowCount));
+                break;
+            case 'ArrowUp':
+            case 'Up':
+                e.preventDefault();
+                updateNavigationPosition(getNewNavigationPosition(navigationPosition - 1, rowCount));
+                break;
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    };
+    if (!rowCount)
+        return null;
+    return (React.createElement(StyledThumbnailListContainer, __assign({ tabIndex: rowCount !== 0 ? 0 : -1, onFocus: function (e) {
+            setIsListFocused(true);
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        }, onBlur: function (e) {
+            setIsListFocused(false);
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        }, onKeyDown: handleNavigation }, props, { ref: ref }),
+        React.createElement(StyledThumbnailList, { ref: listRef, width: "100%", height: height, itemCount: rowCount, itemSize: rowHeight, itemData: { items: items, onCancel: onCancel, isFocused: isFocused, setNavigationPosition: setNavigationPosition }, style: { minHeight: height }, outerElementType: outerElementType }, Row)));
+});
+ThumbnailList.displayName = 'ThumbnailList';
+//# sourceMappingURL=ThumbnailList.js.map

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { FixedSizeList as List } from 'react-window';
+export declare const StyledThumbnailListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledThumbnailList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
+export declare const StyledThumbnail: import("styled-components").StyledComponent<(<Role extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../..").ThumbnailProps<Role> | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
+})) => JSX.Element) & {
+    Placeholder: <Role_1 extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
+        ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
+    })) => JSX.Element;
+}, any, {}, never>;
+export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledThumbnailListItem: import("styled-components").StyledComponent<"div", any, {
+    focused: boolean;
+    error: boolean;
+}, never>;
+export declare const StyledDeleteIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -0,0 +1,32 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { FixedSizeList as List } from 'react-window';
+import styled from 'styled-components';
+import { Button } from '../../Button/Button';
+import { Thumbnail } from '../../Thumbnail/Thumbnail';
+import { getTypographyIntent } from '../../Typography/Typography.styles';
+import { colors } from '../../_styles/colors';
+import { spacing } from '../../_styles/spacing';
+export var StyledThumbnailListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  outline: none;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  outline: none;\n"])));
+export var StyledThumbnailList = styled(List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: none;\n"], ["\n  outline: none;\n"])));
+export var StyledThumbnail = styled(Thumbnail)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  justify-content: flex-start;\n"], ["\n  flex-grow: 1;\n  justify-content: flex-start;\n"])));
+export var StyledProgress = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 146px;\n  padding: 0 ", "px 0 ", "px;\n  margin-left: auto;\n"], ["\n  width: 146px;\n  padding: 0 ", "px 0 ", "px;\n  margin-left: auto;\n"])), spacing.lg, spacing.xl);
+export var StyledThumbnailListItem = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_a) {
+    var error = _a.error;
+    return !error &&
+        "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
+}, function (_a) {
+    var focused = _a.focused, error = _a.error;
+    return focused &&
+        !error &&
+        "\n      background-color: ".concat(colors.gray96, ";\n    ");
+}, function (_a) {
+    var error = _a.error;
+    return error &&
+        "\n      background-color: ".concat(colors.red98, ";\n\n      ").concat(StyledProgress, " {\n        color: ").concat(colors.red50, ";\n      }\n    ");
+});
+export var StyledDeleteIcon = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=ThumbnailList.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailList.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,+JAAA,4FAKrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,yFAAA,sBAE9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,wHAAA,qDAG/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6IAAA,kCAEzB,EAAU,OAAQ,EAAU,6BAE1C,KAFc,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,CAE1C,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,iNAG/C,0EAIW,EAAU,KAAM,EAAU,KAAM,EAAU,KAAM,EAAU,SACnE,EAA2B,QAE3B,EAMC,QAED,EAKC,QAED,EAQC,IACJ,KA3BY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EACnE,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,CAAC,KAAK;QACN,uDAEwB,MAAM,CAAC,MAAM,qBAEpC;AALD,CAKC,EAED,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IACjB,OAAA,OAAO;QACP,CAAC,KAAK;QACN,oCACsB,MAAM,CAAC,MAAM,YAClC;AAJD,CAIC,EAED,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK;QACL,oCACsB,MAAM,CAAC,KAAK,wBAE9B,cAAc,gCACL,MAAM,CAAC,KAAK,qBAExB;AAPD,CAOC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,qEAAA,EAAE,IAAA,CAAA"}

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

@@ -0,0 +1,43 @@
+import { DivAttributes } from '../../_utils/types';
+declare type ThumbnailId = string | number;
+export interface ThumbnailListItem {
+    /**
+     * @since 10.19.0
+     */
+    id: ThumbnailId;
+    /**
+     * @since 10.19.0
+     */
+    name: string;
+    /**
+     * @since 10.19.0
+     */
+    src?: File | string;
+    /**
+     * @since 10.19.0
+     */
+    error?: string;
+    /**
+     * @since 10.19.0
+     */
+    response?: unknown;
+}
+export interface ThumbnailListProps extends Omit<DivAttributes, 'children'> {
+    /**
+     * @since 10.19.0
+     */
+    items: ThumbnailListItem[];
+    /**
+     * @since 10.19.0
+     */
+    onCancel?: (item: ThumbnailListItem) => void;
+    /**
+     * @since 10.19.0
+     */
+    listHeight?: number;
+    /**
+     * @since 10.19.0
+     */
+    rowHeight?: number;
+}
+export {};

package/dist/FileSelect/ThumbnailList/ThumbnailList.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ThumbnailList.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailList.types.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/ThumbnailList.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export { ThumbnailList } from './ThumbnailList';

package/dist/FileSelect/ThumbnailList/index.js

@@ -0,0 +1,2 @@
+export { ThumbnailList } from './ThumbnailList';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FileSelect/ThumbnailList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DivAttributes } from '../../_utils/types';
+import { FileTreeProps, TreeSourceRef } from './TreeSource.types';
+export declare const TreeSource: React.ForwardRefExoticComponent<FileTreeProps & Omit<DivAttributes, "onChange"> & React.RefAttributes<TreeSourceRef>>;