@procore/core-react 11.22.1 → 11.23.0

package/dist/Dropzone/Dropzone.js

@@ -1,30 +1,18 @@
-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;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dropErrorsByReason;
+var _excluded = ["error", "onDismiss", "qa"];
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Ban, Image } from '@procore/core-icons/dist';
 import { equals, omit } from 'ramda';
 import React from 'react';
@@ -36,106 +24,118 @@ import { Typography } from '../Typography/Typography';
 import { useI18nContext } from '../_hooks/I18n';
 import { useResizeObserver } from '../_hooks/ResizeObserver';
 import { useFocusWithin } from '../_hooks/useFocusWithin';
-import { StyledDropzoneCaption, StyledDropzoneContainer, StyledDropzoneFocusDetector, StyledDropzoneIcon, StyledDropzoneMessage, StyledDropzoneWrapper, StyledErrorBanner, StyledErrorBannerDetails, StyledUploadButton, } from './Dropzone.styles';
-import { dropErrors, fileRejectionReason, } from './Dropzone.types';
+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;
+var DropzoneErrorBannerBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var error = _ref.error,
+    onDismiss = _ref.onDismiss,
+    qa = _ref.qa,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var I18n = useI18nContext();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isExpanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
+  React.useEffect(function () {
+    setExpanded(false);
+  }, [error.title, error.body, error.message]);
+  if (error.type === dropErrors.reset) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StyledErrorBanner, _extends({}, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Banner.Content, null, /*#__PURE__*/React.createElement(Banner.Title, null, error.title), /*#__PURE__*/React.createElement(Banner.Body, null, error.message)), error.body ? /*#__PURE__*/React.createElement(Banner.Action, null, /*#__PURE__*/React.createElement(Button, {
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.showErrorDetails,
+    onClick: function onClick() {
+      return setExpanded(function (prev) {
+        return !prev;
+      });
     }
-    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));
+  }, isExpanded ? I18n.t('core.dropzone.hideDetails') : I18n.t('core.dropzone.showDetails'))) : null, /*#__PURE__*/React.createElement(Banner.Dismiss, {
+    onClick: onDismiss,
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.hideError
+  }), error.body ? /*#__PURE__*/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;
-    })));
+  var _props$fileRejections, _messages;
+  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;
+  }, (_props$fileRejections = {}, _defineProperty(_props$fileRejections, dropErrors.fileAmount, []), _defineProperty(_props$fileRejections, dropErrors.minFileSize, []), _defineProperty(_props$fileRejections, dropErrors.maxFileSize, []), _defineProperty(_props$fileRejections, dropErrors.fileType, []), _defineProperty(_props$fileRejections, dropErrors.oneFileAtATime, []), _defineProperty(_props$fileRejections, dropErrors.reset, []), _defineProperty(_props$fileRejections, dropErrors.multipleErrors, []), _props$fileRejections));
+  var messages = (_messages = {}, _defineProperty(_messages, dropErrors.fileAmount, I18n.t('core.dropzone.maxFileNumberErrorGroup', {
+    count: props.maxFiles
+  })), _defineProperty(_messages, dropErrors.minFileSize, I18n.t('core.dropzone.minFileSizeErrorGroup', {
+    sizeInMegabytes: getSizeInMB(props.minSize)
+  })), _defineProperty(_messages, dropErrors.maxFileSize, I18n.t('core.dropzone.maxFileSizeErrorGroup', {
+    sizeInMegabytes: getSizeInMB(props.maxSize)
+  })), _defineProperty(_messages, dropErrors.fileType, I18n.t('core.dropzone.wrongFileTypeErrorGroup')), _defineProperty(_messages, dropErrors.reset, ''), _defineProperty(_messages, dropErrors.multipleErrors, ''), _defineProperty(_messages, dropErrors.oneFileAtATime, ''), _messages);
+  return /*#__PURE__*/React.createElement("div", null, [dropErrors.fileAmount, dropErrors.fileType, dropErrors.maxFileSize, dropErrors.minFileSize].map(function (errorType) {
+    var files = filesByErrorType[errorType];
+    return files.length ? /*#__PURE__*/React.createElement("div", {
+      key: errorType
+    }, /*#__PURE__*/React.createElement(Typography, {
+      weight: "bold"
+    }, messages[errorType]), /*#__PURE__*/React.createElement(StyledErrorBannerDetails, null, filesByErrorType[errorType].map(function (_ref2) {
+      var name = _ref2.name;
+      return /*#__PURE__*/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));
+export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
+  displayName: "DropzoneErrorBanner",
+  componentId: "core-11_23_0__sc-l4fojb-0"
+})([""]);
+function DropzoneContainer(_ref3) {
+  var active = _ref3.active,
+    disabled = _ref3.disabled,
+    getRootProps = _ref3.getRootProps,
+    rootProps = _ref3.rootProps,
+    children = _ref3.children;
+  return /*#__PURE__*/React.createElement(StyledDropzoneContainer, _extends({}, 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));
+function DropzoneContent(_ref4) {
+  var disabled = _ref4.disabled,
+    isIconVisible = _ref4.isIconVisible,
+    contentMessage = _ref4.contentMessage;
+  return /*#__PURE__*/React.createElement(StyledDropzoneMessage, null, isIconVisible && /*#__PURE__*/React.createElement(StyledDropzoneIcon, {
+    disabled: disabled
+  }, disabled ? /*#__PURE__*/React.createElement(Ban, null) : /*#__PURE__*/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'))));
+export function DefaultMessage(_ref5) {
+  var open = _ref5.open,
+    disabled = _ref5.disabled,
+    multiple = _ref5.multiple,
+    errorMessage = _ref5.errorMessage;
+  var I18n = useI18nContext();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledUploadButton, {
+    variant: "secondary",
+    onClick: open,
+    disabled: disabled
+  }, I18n.t('core.dropzone.uploadFiles', {
+    count: multiple ? Infinity : 1
+  })), /*#__PURE__*/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; };
+var dropErrorsByReason = (_dropErrorsByReason = {}, _defineProperty(_dropErrorsByReason, fileRejectionReason.maxFiles, dropErrors.fileAmount), _defineProperty(_dropErrorsByReason, fileRejectionReason.maxFileSize, dropErrors.maxFileSize), _defineProperty(_dropErrorsByReason, fileRejectionReason.minFileSize, dropErrors.minFileSize), _defineProperty(_dropErrorsByReason, fileRejectionReason.fileType, dropErrors.fileType), _dropErrorsByReason);
+var getSizeInMB = function getSizeInMB(maxSize) {
+  return maxSize / 10e5;
+};
+
 /**
 
  Dropzones allow users to quickly upload files from their computers, as well
@@ -148,46 +148,99 @@ var getSizeInMB = function (maxSize) { return maxSize / 10e5; };
  @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); } })));
+var Dropzone_ = /*#__PURE__*/React.forwardRef(function Dropzone(_ref6, ref) {
+  var forceIconVisibility = _ref6.isIconVisible,
+    contentRenderer = _ref6.contentRenderer,
+    disabled = _ref6.disabled,
+    tooltip = _ref6.tooltip,
+    rootRef = _ref6.rootRef,
+    inputRef = _ref6.inputRef,
+    dragError = _ref6.dragError,
+    dropError = _ref6.dropError,
+    dispatchDropError = _ref6.dispatchDropError,
+    getRootProps = _ref6.getRootProps,
+    getInputProps = _ref6.getInputProps,
+    isDragActive = _ref6.isDragActive,
+    multiple = _ref6.multiple,
+    fileRejections = _ref6.fileRejections,
+    open = _ref6.open,
+    _ref6$rootProps = _ref6.rootProps,
+    rootProps = _ref6$rootProps === void 0 ? {} : _ref6$rootProps,
+    _ref6$inputProps = _ref6.inputProps,
+    inputProps = _ref6$inputProps === void 0 ? {} : _ref6$inputProps,
+    className = _ref6.className,
+    qa = _ref6.qa;
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isIconVisible = _React$useState4[0],
+    setIsIconVisible = _React$useState4[1];
+  var _useFocusWithin = useFocusWithin(),
+    isFocusWithin = _useFocusWithin.isFocusWithin,
+    containerProps = _useFocusWithin.containerProps;
+  var toggleIconVisibility = React.useCallback(function (entries) {
+    var _ref7 = entries[0].target,
+      height = _ref7.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
+    }) : /*#__PURE__*/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 /*#__PURE__*/React.createElement(StyledDropzoneWrapper, {
+    direction: "column",
+    alignItems: "stretch",
+    className: className
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: Boolean(tooltip) ? 'hover' : 'none',
+    overlay: tooltip || ''
+  }, /*#__PURE__*/React.createElement(StyledDropzoneFocusDetector, containerProps, /*#__PURE__*/React.createElement(DropzoneContainer, {
+    rootProps: validRootProps,
+    active: isDragActive || isFocusWithin,
+    disabled: isDropzoneDisabled,
+    getRootProps: getRootProps
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "file"
+  }, getInputProps(validInputProps))), /*#__PURE__*/React.createElement(DropzoneContent, {
+    disabled: isDropzoneDisabled,
+    isIconVisible: typeof forceIconVisibility === 'undefined' ? isIconVisible : forceIconVisibility,
+    contentMessage: contentMessage
+  })))), /*#__PURE__*/React.createElement(DropzoneErrorBanner, {
+    qa: qa,
+    error: dropError,
+    fileRejections: fileRejections,
+    onDismiss: function onDismiss() {
+      return dispatchDropError(dropErrors.reset);
+    }
+  }));
 });
 DropzoneContainer.displayName = 'DropzoneContainer';
 DropzoneContent.displayName = 'DropzoneContent';
 Dropzone_.displayName = 'Dropzone';
-export var Dropzone = React.memo(Dropzone_, equals);
-var templateObject_1;
+export var Dropzone = /*#__PURE__*/React.memo(Dropzone_, equals);
 //# sourceMappingURL=Dropzone.js.map

package/dist/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","names":["Ban","Image","equals","omit","React","styled","Banner","Button","Tooltip","Typography","useI18nContext","useResizeObserver","useFocusWithin","StyledDropzoneCaption","StyledDropzoneContainer","StyledDropzoneFocusDetector","StyledDropzoneIcon","StyledDropzoneMessage","StyledDropzoneWrapper","StyledErrorBanner","StyledErrorBannerDetails","StyledUploadButton","dropErrors","fileRejectionReason","extendedViewHeightBreakpoint","DropzoneErrorBannerBase","forwardRef","_ref","ref","error","onDismiss","qa","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setExpanded","useEffect","title","body","message","type","reset","createElement","_extends","Content","Title","Body","Action","showErrorDetails","onClick","prev","t","Dismiss","hideError","ExpandableContent","expanded","MultipleErrors","_props$fileRejections","_messages","filesByErrorType","fileRejections","reduce","acc","rejection","errors","forEach","dropErrorType","dropErrorsByReason","code","push","file","_defineProperty","fileAmount","minFileSize","maxFileSize","fileType","oneFileAtATime","multipleErrors","messages","count","maxFiles","sizeInMegabytes","getSizeInMB","minSize","maxSize","map","errorType","files","length","key","weight","_ref2","name","DropzoneErrorBanner","withConfig","displayName","componentId","DropzoneContainer","_ref3","active","disabled","getRootProps","rootProps","children","DropzoneContent","_ref4","isIconVisible","contentMessage","DefaultMessage","_ref5","open","multiple","errorMessage","Fragment","variant","Infinity","_dropErrorsByReason","Dropzone_","Dropzone","_ref6","forceIconVisibility","contentRenderer","tooltip","rootRef","inputRef","dragError","dropError","dispatchDropError","getInputProps","isDragActive","_ref6$rootProps","_ref6$inputProps","inputProps","className","_React$useState3","_React$useState4","setIsIconVisible","_useFocusWithin","isFocusWithin","containerProps","toggleIconVisibility","useCallback","entries","_ref7","target","height","offsetHeight","setResizeObserverTarget","current","useImperativeHandle","isDropzoneDisabled","Boolean","useMemo","validRootProps","validInputProps","direction","alignItems","trigger","overlay","memo"],"sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { Ban, Image } from '@procore/core-icons/dist'\nimport { equals, omit } from 'ramda'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Banner } from '../Banner/Banner'\nimport { Button } from '../Button/Button'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResizeObserver } from '../_hooks/ResizeObserver'\nimport { useFocusWithin } from '../_hooks/useFocusWithin'\nimport { DivAttributes, Props } from '../_utils/types'\nimport {\n  StyledDropzoneCaption,\n  StyledDropzoneContainer,\n  StyledDropzoneFocusDetector,\n  StyledDropzoneIcon,\n  StyledDropzoneMessage,\n  StyledDropzoneWrapper,\n  StyledErrorBanner,\n  StyledErrorBannerDetails,\n  StyledUploadButton,\n} from './Dropzone.styles'\nimport {\n  ContainerProps,\n  ContentProps,\n  dropErrors,\n  DropErrorType,\n  DropzoneContentProps,\n  DropzoneErrorBannerProps,\n  DropzoneInputProps,\n  DropzoneProps,\n  DropzoneRef,\n  DropzoneRootProps,\n  FileRejectionReason,\n  fileRejectionReason,\n  MultipleErrorsProps,\n} from './Dropzone.types'\n\nconst extendedViewHeightBreakpoint = 172\n\nconst DropzoneErrorBannerBase = React.forwardRef<\n  HTMLDivElement,\n  DropzoneErrorBannerProps & DivAttributes\n>(({ error, onDismiss, qa, ...props }, ref) => {\n  const I18n = useI18nContext()\n  const [isExpanded, setExpanded] = React.useState(false)\n\n  React.useEffect(() => {\n    setExpanded(false)\n  }, [error.title, error.body, error.message])\n\n  if (error.type === dropErrors.reset) {\n    return null\n  }\n\n  return (\n    <StyledErrorBanner {...props} ref={ref}>\n      <Banner.Content>\n        <Banner.Title>{error.title}</Banner.Title>\n        <Banner.Body>{error.message}</Banner.Body>\n      </Banner.Content>\n      {error.body ? (\n        <Banner.Action>\n          <Button\n            data-qa={qa?.showErrorDetails}\n            onClick={() => setExpanded((prev) => !prev)}\n          >\n            {isExpanded\n              ? I18n.t('core.dropzone.hideDetails')\n              : I18n.t('core.dropzone.showDetails')}\n          </Button>\n        </Banner.Action>\n      ) : null}\n      <Banner.Dismiss onClick={onDismiss} data-qa={qa?.hideError} />\n      {error.body ? (\n        <Banner.ExpandableContent expanded={isExpanded}>\n          {error.body}\n        </Banner.ExpandableContent>\n      ) : null}\n    </StyledErrorBanner>\n  )\n})\n\nexport function MultipleErrors(props: MultipleErrorsProps) {\n  const I18n = useI18nContext()\n\n  const filesByErrorType = props.fileRejections.reduce(\n    (acc, rejection) => {\n      rejection.errors.forEach((error) => {\n        const dropErrorType = dropErrorsByReason[error.code]\n        acc[dropErrorType].push(rejection.file)\n      })\n\n      return acc\n    },\n    {\n      [dropErrors.fileAmount]: [],\n      [dropErrors.minFileSize]: [],\n      [dropErrors.maxFileSize]: [],\n      [dropErrors.fileType]: [],\n      [dropErrors.oneFileAtATime]: [],\n      [dropErrors.reset]: [],\n      [dropErrors.multipleErrors]: [],\n    } as Record<DropErrorType, File[]>\n  )\n\n  const messages: Record<DropErrorType, string> = {\n    [dropErrors.fileAmount]: I18n.t('core.dropzone.maxFileNumberErrorGroup', {\n      count: props.maxFiles,\n    }),\n    [dropErrors.minFileSize]: I18n.t('core.dropzone.minFileSizeErrorGroup', {\n      sizeInMegabytes: getSizeInMB(props.minSize as number),\n    }),\n    [dropErrors.maxFileSize]: I18n.t('core.dropzone.maxFileSizeErrorGroup', {\n      sizeInMegabytes: getSizeInMB(props.maxSize as number),\n    }),\n    [dropErrors.fileType]: I18n.t('core.dropzone.wrongFileTypeErrorGroup'),\n    [dropErrors.reset]: '',\n    [dropErrors.multipleErrors]: '',\n    [dropErrors.oneFileAtATime]: '',\n  }\n\n  return (\n    <div>\n      {[\n        dropErrors.fileAmount,\n        dropErrors.fileType,\n        dropErrors.maxFileSize,\n        dropErrors.minFileSize,\n      ].map((errorType) => {\n        const files = filesByErrorType[errorType]\n        return files.length ? (\n          <div key={errorType}>\n            <Typography weight=\"bold\">{messages[errorType]}</Typography>\n            <StyledErrorBannerDetails>\n              {filesByErrorType[errorType].map(({ name }) => (\n                <li key={name}>{name}</li>\n              ))}\n            </StyledErrorBannerDetails>\n          </div>\n        ) : null\n      })}\n    </div>\n  )\n}\n\n// make error banner accessible as a styled-components selector\nexport const DropzoneErrorBanner = styled(DropzoneErrorBannerBase)``\n\nfunction DropzoneContainer({\n  active,\n  disabled,\n  getRootProps,\n  rootProps,\n  children,\n}: ContainerProps & Props) {\n  return (\n    <StyledDropzoneContainer\n      {...getRootProps(rootProps)}\n      active={active}\n      disabled={disabled}\n    >\n      {children}\n    </StyledDropzoneContainer>\n  )\n}\n\nfunction DropzoneContent({\n  disabled,\n  isIconVisible,\n  contentMessage,\n}: ContentProps) {\n  return (\n    <StyledDropzoneMessage>\n      {isIconVisible && (\n        <StyledDropzoneIcon disabled={disabled}>\n          {disabled ? <Ban /> : <Image />}\n        </StyledDropzoneIcon>\n      )}\n      {contentMessage}\n    </StyledDropzoneMessage>\n  )\n}\n\nexport function DefaultMessage({\n  open,\n  disabled,\n  multiple,\n  errorMessage,\n}: DropzoneContentProps & { multiple: boolean }) {\n  const I18n = useI18nContext()\n\n  return (\n    <>\n      <StyledUploadButton\n        variant=\"secondary\"\n        onClick={open}\n        disabled={disabled}\n      >\n        {I18n.t('core.dropzone.uploadFiles', {\n          count: multiple ? Infinity : 1,\n        })}\n      </StyledUploadButton>\n      <StyledDropzoneCaption error={!!errorMessage}>\n        {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n      </StyledDropzoneCaption>\n    </>\n  )\n}\n\nconst dropErrorsByReason = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n} as Record<FileRejectionReason, DropErrorType>\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n\n Dropzones allow users to quickly upload files from their computers, as well\n as optionally launch the file select component.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropzone--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropzone)\n\n */\nconst Dropzone_ = React.forwardRef<DropzoneRef, DropzoneProps>(\n  function Dropzone(\n    {\n      isIconVisible: forceIconVisibility,\n      contentRenderer,\n      disabled,\n      tooltip,\n      rootRef,\n      inputRef,\n      dragError,\n      dropError,\n      dispatchDropError,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      multiple,\n      fileRejections,\n      open,\n      rootProps = {} as DropzoneRootProps,\n      inputProps = {} as DropzoneInputProps,\n      className,\n      qa,\n    },\n    ref\n  ) {\n    const [isIconVisible, setIsIconVisible] = React.useState(false)\n    const { isFocusWithin, containerProps } = useFocusWithin()\n\n    const toggleIconVisibility = React.useCallback(\n      (entries: ResizeObserverEntry[]) => {\n        const { offsetHeight: height } = entries[0].target as HTMLElement\n        setIsIconVisible(height >= extendedViewHeightBreakpoint)\n      },\n      [setIsIconVisible]\n    )\n\n    const setResizeObserverTarget = useResizeObserver(toggleIconVisibility)\n\n    React.useEffect(() => {\n      setResizeObserverTarget(rootRef.current)\n    }, [rootRef, setResizeObserverTarget])\n\n    React.useImperativeHandle(ref, () => ({\n      rootRef: rootRef as React.RefObject<HTMLElement>,\n      inputRef: inputRef as React.RefObject<HTMLInputElement>,\n      open,\n    }))\n\n    const isDropzoneDisabled = disabled || Boolean(dragError)\n\n    const contentMessage = React.useMemo(\n      () =>\n        contentRenderer ? (\n          contentRenderer({\n            open,\n            disabled: isDropzoneDisabled,\n            errorMessage: dragError,\n          })\n        ) : (\n          <DefaultMessage\n            open={open}\n            disabled={isDropzoneDisabled}\n            errorMessage={dragError}\n            multiple={multiple}\n          />\n        ),\n      [contentRenderer, open, isDropzoneDisabled, dragError, multiple]\n    )\n\n    const validRootProps = React.useMemo(\n      () => omit(['disabled'], rootProps),\n      [rootProps]\n    )\n\n    const validInputProps = React.useMemo(\n      () => omit(['accept', 'multiple', 'type'], inputProps),\n      [inputProps]\n    )\n\n    return (\n      <StyledDropzoneWrapper\n        direction=\"column\"\n        alignItems=\"stretch\"\n        className={className}\n      >\n        <Tooltip\n          trigger={Boolean(tooltip) ? 'hover' : 'none'}\n          overlay={tooltip || ''}\n        >\n          <StyledDropzoneFocusDetector {...containerProps}>\n            <DropzoneContainer\n              rootProps={validRootProps}\n              active={isDragActive || isFocusWithin}\n              disabled={isDropzoneDisabled}\n              getRootProps={getRootProps}\n            >\n              <input type=\"file\" {...getInputProps(validInputProps)} />\n              <DropzoneContent\n                disabled={isDropzoneDisabled}\n                isIconVisible={\n                  typeof forceIconVisibility === 'undefined'\n                    ? isIconVisible\n                    : forceIconVisibility\n                }\n                contentMessage={contentMessage}\n              />\n            </DropzoneContainer>\n          </StyledDropzoneFocusDetector>\n        </Tooltip>\n        <DropzoneErrorBanner\n          qa={qa}\n          error={dropError}\n          fileRejections={fileRejections}\n          onDismiss={() => dispatchDropError(dropErrors.reset)}\n        />\n      </StyledDropzoneWrapper>\n    )\n  }\n)\n\nDropzoneContainer.displayName = 'DropzoneContainer'\n\nDropzoneContent.displayName = 'DropzoneContent'\n\nDropzone_.displayName = 'Dropzone'\n\nexport const Dropzone = React.memo(Dropzone_, equals)\n"],"mappings":"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"}

package/dist/Dropzone/Dropzone.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { ErrorBanner as ErrorBannerBase } from '../Banner/Banner';
 import { Box } from '../Box/Box';
@@ -11,34 +7,61 @@ import { getTypographyIntent } from '../Typography/Typography.styles';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-export var StyledErrorBanner = styled(ErrorBannerBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: ", "px;\n  flex-shrink: 0;\n"], ["\n  margin-top: ", "px;\n  flex-shrink: 0;\n"])), spacing.lg);
-export var StyledErrorBannerDetails = styled.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: ", "px;\n  padding: 0;\n  list-style-position: inside;\n  list-style-type: disc;\n"], ["\n  margin: ", "px;\n  padding: 0;\n  list-style-position: inside;\n  list-style-type: disc;\n"])), spacing.xs);
-export var StyledDropzoneIcon = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 64px;\n  color: ", ";\n  margin-bottom: ", "px;\n  transition: all 250ms ease-out;\n\n  ", "\n\n  svg {\n    width: auto;\n    height: 100%;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 64px;\n  color: ", ";\n  margin-bottom: ", "px;\n  transition: all 250ms ease-out;\n\n  ", "\n\n  svg {\n    width: auto;\n    height: 100%;\n  }\n"])), colors.gray45, spacing.lg, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      height: 72px;\n      margin-bottom: ", "px;\n    "], ["\n      height: 72px;\n      margin-bottom: ", "px;\n    "])), spacing.sm);
+export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
+  displayName: "StyledErrorBanner",
+  componentId: "core-11_23_0__sc-by95hy-0"
+})(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
+export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
+  displayName: "StyledErrorBannerDetails",
+  componentId: "core-11_23_0__sc-by95hy-1"
+})(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
+export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDropzoneIcon",
+  componentId: "core-11_23_0__sc-by95hy-2"
+})(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
 });
-var activeDropzone = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  outline: none;\n  border: 2px dashed ", ";\n  background-color: ", ";\n\n  & ", " {\n    color: ", ";\n    transform: scale(0.95);\n  }\n"], ["\n  outline: none;\n  border: 2px dashed ", ";\n  background-color: ", ";\n\n  & ", " {\n    color: ", ";\n    transform: scale(0.95);\n  }\n"])), colors.blue50, colors.blue96, StyledDropzoneIcon, colors.blue50);
-var disabledDropzone = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  border: 2px dashed ", ";\n  background-color: ", ";\n  cursor: not-allowed;\n\n  & ", " {\n    color: ", ";\n    transform: none;\n  }\n"], ["\n  color: ", ";\n  border: 2px dashed ", ";\n  background-color: ", ";\n  cursor: not-allowed;\n\n  & ", " {\n    color: ", ";\n    transform: none;\n  }\n"])), colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
-export var StyledDropzoneContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  min-height: 92px;\n  padding: ", "px;\n  color: ", ";\n  border: 2px dashed ", ";\n  background-color: ", ";\n  border-radius: ", "px;\n  text-align: center;\n  letter-spacing: 0.25px;\n  transition: all 250ms ease-out;\n  cursor: grab;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  min-height: 92px;\n  padding: ", "px;\n  color: ", ";\n  border: 2px dashed ", ";\n  background-color: ", ";\n  border-radius: ", "px;\n  text-align: center;\n  letter-spacing: 0.25px;\n  transition: all 250ms ease-out;\n  cursor: grab;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_a) {
-    var disabled = _a.disabled;
-    return !disabled && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      &:hover {\n        ", "\n      }\n    "], ["\n      &:hover {\n        ", "\n      }\n    "])), activeDropzone);
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && disabledDropzone;
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      &:hover,\n      &:focused {\n        ", "\n      }\n    "], ["\n      &:hover,\n      &:focused {\n        ", "\n      }\n    "])), disabledDropzone);
-}, function (_a) {
-    var active = _a.active, disabled = _a.disabled;
-    return active && !disabled && activeDropzone;
+var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";background-color:", ";& ", "{color:", ";transform:scale(0.95);}"], colors.blue50, colors.blue96, StyledDropzoneIcon, colors.blue50);
+var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
+export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDropzoneContainer",
+  componentId: "core-11_23_0__sc-by95hy-3"
+})(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
+  var disabled = _ref2.disabled;
+  return !disabled && css(["&:hover{", "}"], activeDropzone);
+}, function (_ref3) {
+  var disabled = _ref3.disabled;
+  return disabled && disabledDropzone;
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled && css(["&:hover,&:focused{", "}"], disabledDropzone);
+}, function (_ref5) {
+  var active = _ref5.active,
+    disabled = _ref5.disabled;
+  return active && !disabled && activeDropzone;
 });
-export var StyledDropzoneMessage = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  user-select: none;\n"], ["\n  user-select: none;\n"])));
-export var StyledUploadButton = styled(Button)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ", "px;\n"], ["\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ", "px;\n"])), spacing.sm);
-export var StyledDropzoneCaption = styled.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var error = _a.error;
-    return error && colors.gray15;
+export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDropzoneMessage",
+  componentId: "core-11_23_0__sc-by95hy-4"
+})(["user-select:none;"]);
+export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
+  displayName: "StyledUploadButton",
+  componentId: "core-11_23_0__sc-by95hy-5"
+})(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
+export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledDropzoneCaption",
+  componentId: "core-11_23_0__sc-by95hy-6"
+})(["color:", ";"], function (_ref6) {
+  var error = _ref6.error;
+  return error && colors.gray15;
 });
-export var StyledDropzoneWrapper = styled(Flex)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
-export var StyledDropzoneFocusDetector = styled(Box)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
+  displayName: "StyledDropzoneWrapper",
+  componentId: "core-11_23_0__sc-by95hy-7"
+})(["height:100%;"]);
+export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledDropzoneFocusDetector",
+  componentId: "core-11_23_0__sc-by95hy-8"
+})(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map