@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/DropdownFlyout/DropdownFlyout.types.d.ts

@@ -0,0 +1,203 @@
+/// <reference types="react" />
+import { DivAttributes, Props } from '../_utils/types';
+import { OverlayProps } from '../Overlay';
+import { DropdownProps } from '../Dropdown';
+export declare const rootId = "ROOT_ID";
+export declare type Action = {
+    type: 'highlight';
+    option: FlyoutOption;
+} | {
+    type: 'expand';
+    option: FlyoutOption;
+} | {
+    type: 'collapse';
+    option: FlyoutOption;
+} | {
+    type: 'close';
+} | {
+    type: 'open';
+} | {
+    type: 'setMouseOver';
+    isMouseOver: boolean;
+} | {
+    type: 'setFocused';
+    isFocused: boolean;
+};
+declare type ExpandedItem = FlyoutOptionId;
+export declare type State = {
+    /**
+     * @since 10.19.0
+     */
+    highlighted: FlyoutOption;
+    /**
+     * @since 10.19.0
+     */
+    expanded: ExpandedItem[];
+    /**
+     * @since 10.19.0
+     */
+    options: FlyoutOption[];
+    /**
+     * @since 10.19.0
+     */
+    isMouseOver: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isFocused: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isOpen: boolean;
+};
+export interface DropdownOption {
+    /**
+     * @since 10.19.0
+     */
+    value: any;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    children?: DropdownOption[];
+}
+declare type OptionId = string;
+export interface FlyoutOption {
+    /**
+     * @since 10.19.0
+     */
+    id: OptionId;
+    /**
+     * @since 10.19.0
+     */
+    parentId: OptionId | typeof rootId;
+    /**
+     * @since 10.19.0
+     */
+    origin: DropdownOption;
+    /**
+     * @since 10.19.0
+     */
+    children?: FlyoutOption[];
+}
+export declare type FlyoutOptionId = FlyoutOption['id'] | typeof rootId;
+export interface FlyoutCaptionProps extends DivAttributes {
+    /**
+     * @since 10.19.0
+     */
+    option: DropdownOption;
+    /**
+     * @since 10.19.0
+     */
+    highlighted: boolean;
+    /**
+     * @since 10.19.0
+     */
+    optionRenderer: (option: DropdownOption) => React.ReactNode;
+}
+export interface FlyoutListProps {
+    /**
+     * @since 10.19.0
+     */
+    options: FlyoutOption[];
+    /**
+     * @since 10.19.0
+     */
+    targetRef: OverlayProps['targetRef'];
+    /**
+     * @since 10.19.0
+     */
+    overlayRef: OverlayProps['overlayRef'];
+    /**
+     * @since 10.19.0
+     */
+    placement: OverlayProps['placement'];
+    /**
+     * @since 10.19.0
+     */
+    padding?: OverlayProps['padding'];
+    /**
+     * @since 10.19.0
+     */
+    container?: HTMLElement;
+}
+export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: DropdownProps['disabled'];
+    /**
+     * The text of the button.
+     * @since 10.19.0
+     */
+    label?: DropdownProps['label'];
+    /**
+     * @since 10.19.0
+     */
+    loading?: DropdownProps['loading'];
+    /**
+     * The icon of the button.
+     * @since 10.19.0
+     */
+    icon?: DropdownProps['icon'];
+    /**
+     * <div>
+     *  Data of the dropdown options - <Code>Option[]</Code>
+     *  <CodeBlock>
+     *    {`type Option = { label: string; children?: Option[] }`}
+     *  </CodeBlock>
+     * </div>
+     * @since 10.19.0
+     */
+    options: DropdownOption[];
+    /**
+     * <div>
+     *  Callback for click on dropdown option
+     *  <CodeBlock>{'(option: Option) => void'}</CodeBlock>
+     * </div>
+     * @since 10.19.0
+     */
+    onClick?: (option: DropdownOption) => void;
+    /**
+     * <div>
+     *  Render prop to specify custom dropdown option content
+     *  <CodeBlock>{'(option: Option) => ReactNode'}</CodeBlock>
+     * </div>
+     * @since 10.19.0
+     */
+    optionRenderer?: (option: DropdownOption) => React.ReactNode;
+    /**
+     * @default 'right-bottom'
+     * @since 10.19.0
+     */
+    placement?: OverlayProps['placement'];
+    /**
+     * The button size
+     * @default 'md'
+     * @since 10.19.0
+     */
+    size?: DropdownProps['size'];
+    /**
+     * @default 'secondary'
+     * @since 10.19.0
+     */
+    variant?: DropdownProps['variant'];
+}
+export interface FlyoutItemProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    option: FlyoutOption;
+    /**
+     * @since 10.19.0
+     */
+    container?: HTMLElement;
+    /**
+     * @since 10.19.0
+     */
+    placement: OverlayProps['placement'];
+}
+export {};

package/dist/DropdownFlyout/DropdownFlyout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFlyout.types.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAAA"}

package/dist/DropdownFlyout/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownFlyout } from './DropdownFlyout';
+export { DropdownFlyoutProps } from './DropdownFlyout.types';

package/dist/DropdownFlyout/index.js

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

package/dist/DropdownFlyout/index.js.map

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

package/dist/Dropzone/Dropzone.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { DropzoneContentProps, DropzoneErrorBannerProps, DropzoneProps, DropzoneRef, MultipleErrorsProps } from './Dropzone.types';
+export declare function MultipleErrors(props: MultipleErrorsProps): JSX.Element;
+export declare const DropzoneErrorBanner: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DropzoneErrorBannerProps & DivAttributes & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare function DefaultMessage({ open, disabled, multiple, errorMessage, }: DropzoneContentProps & {
+    multiple: boolean;
+}): JSX.Element;
+export declare const Dropzone: React.MemoExoticComponent<React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<DropzoneRef>>>;

package/dist/Dropzone/Dropzone.hooks.js

@@ -0,0 +1,228 @@
+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 __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));
+};
+var _a;
+import React from 'react';
+import { useDropzone as useDropzoneBase } from 'react-dropzone';
+import { useI18nContext } from '../_hooks/I18n';
+import { partition } from '../_utils/partition';
+import { MultipleErrors } from './Dropzone';
+import { StyledErrorBannerDetails } from './Dropzone.styles';
+import { dropErrors, fileRejectionReason, } from './Dropzone.types';
+var oneDropAtATimeRejectionReason = 'one-drop-at-a-time';
+var dropErrorsByReason = (_a = {},
+    _a[fileRejectionReason.maxFiles] = dropErrors.fileAmount,
+    _a[fileRejectionReason.maxFileSize] = dropErrors.maxFileSize,
+    _a[fileRejectionReason.minFileSize] = dropErrors.minFileSize,
+    _a[fileRejectionReason.fileType] = dropErrors.fileType,
+    _a);
+var getSizeInMB = function (maxSize) { return maxSize / 10e5; };
+/**
+ * WARNING:
+ * Use ACCEPT prop carefully, because mime type determination is not reliable across platforms.
+ * Details: https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations
+ */
+export var useDropzone = function (_a) {
+    if (_a === void 0) { _a = {}; }
+    var _b = _a.value, value = _b === void 0 ? [] : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.noClick, noClick = _e === void 0 ? true : _e, _f = _a.noKeyboard, noKeyboard = _f === void 0 ? true : _f, onDragEnter = _a.onDragEnter, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, onDropRejected = _a.onDropRejected, maxSize = _a.maxFileSize, minSize = _a.minFileSize, _g = _a.maxFileNumber, maxFileNumber = _g === void 0 ? Infinity : _g, _onDrop = _a.onDrop, onDropAccepted = _a.onDropAccepted, props = __rest(_a, ["value", "disabled", "multiple", "noClick", "noKeyboard", "onDragEnter", "onDragOver", "onDragLeave", "onDropRejected", "maxFileSize", "minFileSize", "maxFileNumber", "onDrop", "onDropAccepted"]);
+    var I18n = useI18nContext();
+    var _h = React.useState([]), acceptedFiles = _h[0], setAcceptedFiles = _h[1];
+    var _j = React.useState([]), fileRejections = _j[0], setFileRejections = _j[1];
+    var maxFilesRemaining = maxFileNumber - value.length;
+    var defaultDropError = {
+        type: dropErrors.reset,
+        title: '',
+        message: '',
+    };
+    var dropErrorReducer = function (state, action) {
+        var rejectedFiles = (React.createElement(StyledErrorBannerDetails, null, fileRejections.map(function (_a) {
+            var name = _a.file.name;
+            return (React.createElement("li", { key: name }, name));
+        })));
+        var title = I18n.t('core.dropzone.errorTitle');
+        switch (action) {
+            case dropErrors.oneFileAtATime:
+                return {
+                    type: dropErrors.oneFileAtATime,
+                    title: '',
+                    message: I18n.t('core.dropzone.oneFileAtATimeError'),
+                };
+            case dropErrors.fileAmount:
+                return {
+                    type: dropErrors.fileAmount,
+                    title: title,
+                    message: I18n.t('core.dropzone.standaloneMaxFileNumberError', {
+                        maxFiles: maxFileNumber,
+                    }),
+                    body: rejectedFiles,
+                };
+            case dropErrors.fileType:
+                return {
+                    type: dropErrors.fileType,
+                    title: title,
+                    message: I18n.t('core.dropzone.standaloneUnsupportedFileTypeError'),
+                    body: rejectedFiles,
+                };
+            case dropErrors.maxFileSize:
+                return {
+                    type: dropErrors.maxFileSize,
+                    title: title,
+                    message: I18n.t('core.dropzone.standaloneMaxFileSizeError', {
+                        sizeInMegabytes: getSizeInMB(maxSize),
+                    }),
+                    body: rejectedFiles,
+                };
+            case dropErrors.minFileSize:
+                return {
+                    type: dropErrors.minFileSize,
+                    title: title,
+                    message: I18n.t('core.dropzone.standaloneMinFileSizeError', {
+                        sizeInMegabytes: getSizeInMB(minSize),
+                    }),
+                    body: rejectedFiles,
+                };
+            case dropErrors.multipleErrors:
+                return {
+                    type: dropErrors.multipleErrors,
+                    title: title,
+                    message: I18n.t('core.dropzone.multipleErrorsMessage'),
+                    body: (React.createElement(MultipleErrors, { fileRejections: fileRejections, maxFiles: maxFileNumber, maxSize: maxSize, minSize: minSize })),
+                };
+            case dropErrors.reset:
+                return __assign({}, defaultDropError);
+            default:
+                return state;
+        }
+    };
+    var withOneDropAtATimeError = function (file) { return ({
+        file: file,
+        errors: [
+            {
+                message: I18n.t('core.dropzone.oneDropAtATimeError'),
+                code: oneDropAtATimeRejectionReason,
+            },
+        ],
+    }); };
+    var _k = React.useReducer(dropErrorReducer, __assign({}, defaultDropError)), dropError = _k[0], dispatchDropError = _k[1];
+    var onDrop = React.useCallback(function (acceptedFiles, rejectedFiles, event) {
+        dispatchDropError(dropErrors.reset);
+        var droppedFiles = __spreadArray(__spreadArray([], acceptedFiles, true), rejectedFiles.map(function (rej) { return rej.file; }), true);
+        if (!multiple && droppedFiles.length > 1) {
+            dispatchDropError(dropErrors.oneFileAtATime);
+            onDropRejected === null || onDropRejected === void 0 ? void 0 : onDropRejected(droppedFiles.map(withOneDropAtATimeError), event);
+            return;
+        }
+        var allFilesWithRejections = __spreadArray(__spreadArray([], acceptedFiles.map(function (file) { return ({ file: file, errors: [] }); }), true), rejectedFiles, true).map(function (_a, i) {
+            var file = _a.file, errors = _a.errors;
+            return ({
+                file: file,
+                errors: i < maxFilesRemaining
+                    ? errors
+                    : __spreadArray(__spreadArray([], errors, true), [{ message: '', code: fileRejectionReason.maxFiles }], false),
+            });
+        });
+        var _a = partition(function (_a) {
+            var errors = _a.errors;
+            return errors.length === 0;
+        }, allFilesWithRejections), actualAcceptedFiles_ = _a[0], actualRejectedFiles = _a[1];
+        var actualAcceptedFiles = actualAcceptedFiles_.map(function (_a) {
+            var file = _a.file;
+            return file;
+        });
+        _onDrop === null || _onDrop === void 0 ? void 0 : _onDrop(actualAcceptedFiles, actualRejectedFiles, event);
+        setAcceptedFiles(actualAcceptedFiles);
+        setFileRejections(actualRejectedFiles);
+        if (actualAcceptedFiles.length) {
+            onDropAccepted === null || onDropAccepted === void 0 ? void 0 : onDropAccepted(actualAcceptedFiles, event);
+        }
+        if (actualRejectedFiles.length) {
+            onDropRejected === null || onDropRejected === void 0 ? void 0 : onDropRejected(actualRejectedFiles, event);
+        }
+        var errorCodes = actualRejectedFiles
+            .flatMap(function (rejection) { return rejection.errors; })
+            .map(function (error) { return error.code; });
+        var hasMultipleErrors = new Set(__spreadArray([], errorCodes, true)).size > 1;
+        if (hasMultipleErrors) {
+            dispatchDropError(dropErrors.multipleErrors);
+        }
+        else {
+            dispatchDropError(dropErrorsByReason[errorCodes[0]]);
+        }
+    }, [_onDrop, maxFilesRemaining, onDropRejected, onDropAccepted, multiple]);
+    var _l = useDropzoneBase(__assign(__assign({}, props), { disabled: disabled, minSize: minSize, maxSize: maxSize, multiple: multiple, onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, noClick: noClick, noKeyboard: noKeyboard })), getRootProps = _l.getRootProps, getInputProps = _l.getInputProps, isDragActive = _l.isDragActive, isFileDialogActive = _l.isFileDialogActive, isDragReject = _l.isDragReject, isFocused = _l.isFocused, isDragAccept = _l.isDragAccept, draggedFiles = _l.draggedFiles, open = _l.open, rootRef = _l.rootRef, inputRef = _l.inputRef;
+    var dragError = React.useMemo(function () {
+        var getFileTypeError = function () {
+            return isDragReject
+                ? I18n.t('core.dropzone.incorrectFileTypeMessage', {
+                    count: draggedFiles.length,
+                })
+                : '';
+        };
+        var getFileAmountError = function () {
+            var fileLimit = multiple ? maxFilesRemaining : 1;
+            var amountError = multiple
+                ? I18n.t('core.dropzone.invalidAmountAttachments', {
+                    count: maxFileNumber,
+                })
+                : I18n.t('core.dropzone.incorrectFileNumber');
+            return draggedFiles.length > fileLimit ? amountError : '';
+        };
+        return getFileAmountError() || getFileTypeError();
+    }, [
+        I18n,
+        draggedFiles.length,
+        maxFilesRemaining,
+        isDragReject,
+        maxFileNumber,
+        multiple,
+    ]);
+    return {
+        getRootProps: getRootProps,
+        getInputProps: getInputProps,
+        isDragActive: isDragActive,
+        isFileDialogActive: isFileDialogActive,
+        isDragReject: isDragReject,
+        isFocused: isFocused,
+        isDragAccept: isDragAccept,
+        draggedFiles: draggedFiles,
+        acceptedFiles: acceptedFiles,
+        fileRejections: fileRejections,
+        open: open,
+        rootRef: rootRef,
+        inputRef: inputRef,
+        multiple: multiple,
+        dragError: dragError,
+        dropError: dropError,
+        dispatchDropError: dispatchDropError,
+        disabled: disabled,
+    };
+};
+//# sourceMappingURL=Dropzone.hooks.js.map

package/dist/Dropzone/Dropzone.hooks.js.map

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

package/dist/Dropzone/Dropzone.js

@@ -0,0 +1,193 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 _a;
+import { Ban, Image } from '@procore/core-icons/dist';
+import { equals, omit } from 'ramda';
+import React from 'react';
+import styled from 'styled-components';
+import { useResizeObserver } from '../_hooks/ResizeObserver';
+import { useFocusWithin } from '../_hooks/useFocusWithin';
+import { useI18nContext } from '../_hooks/I18n';
+import { Banner } from '../Banner';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+import { Typography } from '../Typography/Typography';
+import { StyledDropzoneCaption, StyledDropzoneContainer, StyledDropzoneFocusDetector, StyledDropzoneIcon, StyledDropzoneMessage, StyledDropzoneWrapper, StyledErrorBanner, StyledErrorBannerDetails, StyledUploadButton, } from './Dropzone.styles';
+import { dropErrors, fileRejectionReason, } from './Dropzone.types';
+var extendedViewHeightBreakpoint = 172;
+var DropzoneErrorBannerBase = React.forwardRef(function (_a, ref) {
+    var error = _a.error, onDismiss = _a.onDismiss, qa = _a.qa, props = __rest(_a, ["error", "onDismiss", "qa"]);
+    var I18n = useI18nContext();
+    var _b = React.useState(false), isExpanded = _b[0], setExpanded = _b[1];
+    React.useEffect(function () {
+        setExpanded(false);
+    }, [error.title, error.body, error.message]);
+    if (error.type === dropErrors.reset) {
+        return null;
+    }
+    return (React.createElement(StyledErrorBanner, __assign({}, props, { ref: ref }),
+        React.createElement(Banner.Content, null,
+            React.createElement(Banner.Title, null, error.title),
+            React.createElement(Banner.Body, null, error.message)),
+        error.body ? (React.createElement(Banner.Action, null,
+            React.createElement(Button, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.showErrorDetails, onClick: function () { return setExpanded(function (prev) { return !prev; }); } }, isExpanded
+                ? I18n.t('core.dropzone.hideDetails')
+                : I18n.t('core.dropzone.showDetails')))) : null,
+        React.createElement(Banner.Dismiss, { onClick: onDismiss, "data-qa": qa === null || qa === void 0 ? void 0 : qa.hideError }),
+        error.body ? (React.createElement(Banner.ExpandableContent, { expanded: isExpanded }, error.body)) : null));
+});
+export function MultipleErrors(props) {
+    var _a, _b;
+    var I18n = useI18nContext();
+    var filesByErrorType = props.fileRejections.reduce(function (acc, rejection) {
+        rejection.errors.forEach(function (error) {
+            var dropErrorType = dropErrorsByReason[error.code];
+            acc[dropErrorType].push(rejection.file);
+        });
+        return acc;
+    }, (_a = {},
+        _a[dropErrors.fileAmount] = [],
+        _a[dropErrors.minFileSize] = [],
+        _a[dropErrors.maxFileSize] = [],
+        _a[dropErrors.fileType] = [],
+        _a[dropErrors.oneFileAtATime] = [],
+        _a[dropErrors.reset] = [],
+        _a[dropErrors.multipleErrors] = [],
+        _a));
+    var messages = (_b = {},
+        _b[dropErrors.fileAmount] = I18n.t('core.dropzone.maxFileNumberErrorGroup', {
+            count: props.maxFiles,
+        }),
+        _b[dropErrors.minFileSize] = I18n.t('core.dropzone.minFileSizeErrorGroup', {
+            sizeInMegabytes: getSizeInMB(props.minSize),
+        }),
+        _b[dropErrors.maxFileSize] = I18n.t('core.dropzone.maxFileSizeErrorGroup', {
+            sizeInMegabytes: getSizeInMB(props.maxSize),
+        }),
+        _b[dropErrors.fileType] = I18n.t('core.dropzone.wrongFileTypeErrorGroup'),
+        _b[dropErrors.reset] = '',
+        _b[dropErrors.multipleErrors] = '',
+        _b[dropErrors.oneFileAtATime] = '',
+        _b);
+    return (React.createElement("div", null, [
+        dropErrors.fileAmount,
+        dropErrors.fileType,
+        dropErrors.maxFileSize,
+        dropErrors.minFileSize,
+    ].map(function (errorType) {
+        var files = filesByErrorType[errorType];
+        return files.length ? (React.createElement("div", { key: errorType },
+            React.createElement(Typography, { weight: "bold" }, messages[errorType]),
+            React.createElement(StyledErrorBannerDetails, null, filesByErrorType[errorType].map(function (_a) {
+                var name = _a.name;
+                return (React.createElement("li", { key: name }, name));
+            })))) : null;
+    })));
+}
+// make error banner accessible as a styled-components selector
+export var DropzoneErrorBanner = styled(DropzoneErrorBannerBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+function DropzoneContainer(_a) {
+    var active = _a.active, disabled = _a.disabled, getRootProps = _a.getRootProps, rootProps = _a.rootProps, children = _a.children;
+    return (React.createElement(StyledDropzoneContainer, __assign({}, getRootProps(rootProps), { active: active, disabled: disabled }), children));
+}
+function DropzoneContent(_a) {
+    var disabled = _a.disabled, isIconVisible = _a.isIconVisible, contentMessage = _a.contentMessage;
+    return (React.createElement(StyledDropzoneMessage, null,
+        isIconVisible && (React.createElement(StyledDropzoneIcon, { disabled: disabled }, disabled ? React.createElement(Ban, null) : React.createElement(Image, null))),
+        contentMessage));
+}
+export function DefaultMessage(_a) {
+    var open = _a.open, disabled = _a.disabled, multiple = _a.multiple, errorMessage = _a.errorMessage;
+    var I18n = useI18nContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledUploadButton, { variant: "secondary", onClick: open, disabled: disabled }, I18n.t('core.dropzone.uploadFiles', {
+            count: multiple ? Infinity : 1,
+        })),
+        React.createElement(StyledDropzoneCaption, { error: !!errorMessage }, errorMessage || I18n.t('core.dropzone.dragAndDrop'))));
+}
+var dropErrorsByReason = (_a = {},
+    _a[fileRejectionReason.maxFiles] = dropErrors.fileAmount,
+    _a[fileRejectionReason.maxFileSize] = dropErrors.maxFileSize,
+    _a[fileRejectionReason.minFileSize] = dropErrors.minFileSize,
+    _a[fileRejectionReason.fileType] = dropErrors.fileType,
+    _a);
+var getSizeInMB = function (maxSize) { return maxSize / 10e5; };
+/**
+
+ Dropzones allow users to quickly upload files from their computers, as well
+ as optionally launch the file select component.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-dropzone--demo)
+
+ @see [Design Guidelines](https://design.procore.com/dropzone)
+
+ */
+var Dropzone_ = React.forwardRef(function Dropzone(_a, ref) {
+    var forceIconVisibility = _a.isIconVisible, contentRenderer = _a.contentRenderer, disabled = _a.disabled, tooltip = _a.tooltip, rootRef = _a.rootRef, inputRef = _a.inputRef, dragError = _a.dragError, dropError = _a.dropError, dispatchDropError = _a.dispatchDropError, getRootProps = _a.getRootProps, getInputProps = _a.getInputProps, isDragActive = _a.isDragActive, multiple = _a.multiple, fileRejections = _a.fileRejections, open = _a.open, _b = _a.rootProps, rootProps = _b === void 0 ? {} : _b, _c = _a.inputProps, inputProps = _c === void 0 ? {} : _c, className = _a.className, qa = _a.qa;
+    var _d = React.useState(false), isIconVisible = _d[0], setIsIconVisible = _d[1];
+    var _e = useFocusWithin(), isFocusWithin = _e.isFocusWithin, containerProps = _e.containerProps;
+    var toggleIconVisibility = React.useCallback(function (entries) {
+        var height = entries[0].target.offsetHeight;
+        setIsIconVisible(height >= extendedViewHeightBreakpoint);
+    }, [setIsIconVisible]);
+    var setResizeObserverTarget = useResizeObserver(toggleIconVisibility);
+    React.useEffect(function () {
+        setResizeObserverTarget(rootRef.current);
+    }, [rootRef, setResizeObserverTarget]);
+    React.useImperativeHandle(ref, function () { return ({
+        rootRef: rootRef,
+        inputRef: inputRef,
+        open: open,
+    }); });
+    var isDropzoneDisabled = disabled || Boolean(dragError);
+    var contentMessage = React.useMemo(function () {
+        return contentRenderer ? (contentRenderer({
+            open: open,
+            disabled: isDropzoneDisabled,
+            errorMessage: dragError,
+        })) : (React.createElement(DefaultMessage, { open: open, disabled: isDropzoneDisabled, errorMessage: dragError, multiple: multiple }));
+    }, [contentRenderer, open, isDropzoneDisabled, dragError, multiple]);
+    var validRootProps = React.useMemo(function () { return omit(['disabled'], rootProps); }, [rootProps]);
+    var validInputProps = React.useMemo(function () { return omit(['accept', 'multiple', 'type'], inputProps); }, [inputProps]);
+    return (React.createElement(StyledDropzoneWrapper, { direction: "column", alignItems: "stretch", className: className },
+        React.createElement(Tooltip, { trigger: Boolean(tooltip) ? 'hover' : 'none', overlay: tooltip || '' },
+            React.createElement(StyledDropzoneFocusDetector, __assign({}, containerProps),
+                React.createElement(DropzoneContainer, { rootProps: validRootProps, active: isDragActive || isFocusWithin, disabled: isDropzoneDisabled, getRootProps: getRootProps },
+                    React.createElement("input", __assign({ type: "file" }, getInputProps(validInputProps))),
+                    React.createElement(DropzoneContent, { disabled: isDropzoneDisabled, isIconVisible: typeof forceIconVisibility === 'undefined'
+                            ? isIconVisible
+                            : forceIconVisibility, contentMessage: contentMessage })))),
+        React.createElement(DropzoneErrorBanner, { qa: qa, error: dropError, fileRejections: fileRejections, onDismiss: function () { return dispatchDropError(dropErrors.reset); } })));
+});
+DropzoneContainer.displayName = 'DropzoneContainer';
+DropzoneContent.displayName = 'DropzoneContent';
+Dropzone_.displayName = 'Dropzone';
+export var Dropzone = React.memo(Dropzone_, equals);
+var templateObject_1;
+//# sourceMappingURL=Dropzone.js.map