@wireapp/react-ui-kit 8.8.2 → 8.9.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.9.0](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.8.4...@wireapp/react-ui-kit@8.9.0) (2022-07-19)
+
+
+### Features
+
+* **react-ui-kit:** add DropFileInput component (#SQSERVICES-758) ([#4334](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/4334)) ([e3dbe38](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/commit/e3dbe38a57be5f9d5d235d6b60c240d4cf2e3752)), closes [#SQSERVICES-758](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/issues/SQSERVICES-758)
+
+
+
+
+
+## [8.8.4](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.8.3...@wireapp/react-ui-kit@8.8.4) (2022-07-18)
+
+**Note:** Version bump only for package @wireapp/react-ui-kit
+
+
+
+
+
+## [8.8.3](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.8.2...@wireapp/react-ui-kit@8.8.3) (2022-07-15)
+
+**Note:** Version bump only for package @wireapp/react-ui-kit
+
+
+
+
+
 ## [8.8.2](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.8.1...@wireapp/react-ui-kit@8.8.2) (2022-07-15)
 
 

package/package.json

@@ -18,6 +18,8 @@
     "@emotion/babel-plugin": "11.9.2",
     "@emotion/jest": "11.9.1",
     "@hot-loader/react-dom": "17.0.1",
+    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/react": "13.3.0",
     "@types/jest": "26.0.24",
     "@types/react": "18.0.9",
     "@types/webpack-env": "1.16.2",
@@ -67,6 +69,6 @@
     "test:update": "yarn test --updateSnapshot",
     "test:project": "yarn dist && yarn test"
   },
-  "version": "8.8.2",
-  "gitHead": "bbe98e85b48966ae66bb4439f6560d0920368063"
+  "version": "8.9.0",
+  "gitHead": "a53453a02b71cffb5639ad27f2e4da51635adfd3"
 }

package/src/Form/Checkbox.d.ts

@@ -6,11 +6,11 @@ import { InputProps } from './Input';
 export interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {
     disabled?: boolean;
     markInvalid?: boolean;
-    alignCenter?: boolean;
+    aligncenter?: boolean;
 }
 interface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {
     id?: string;
-    alignCenter?: boolean;
+    aligncenter?: boolean;
 }
 export declare const Checkbox: React.FC<CheckboxProps<HTMLInputElement>>;
 export declare type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;

package/src/Form/Checkbox.js

@@ -39,8 +39,8 @@ var filterStyledLabelProps = function filterStyledLabelProps(props) {
 var StyledLabel = function StyledLabel(props) {
   var disabled = props.disabled,
       markInvalid = props.markInvalid,
-      _props$alignCenter = props.alignCenter,
-      alignCenter = _props$alignCenter === void 0 ? false : _props$alignCenter;
+      _props$aligncenter = props.aligncenter,
+      aligncenter = _props$aligncenter === void 0 ? false : _props$aligncenter;
   return (0, _react.jsx)("label", (0, _extends2["default"])({
     css: function css(theme) {
       var _objectSpread2, _objectSpread3;
@@ -73,7 +73,7 @@ var StyledLabel = function StyledLabel(props) {
         lineHeight: 1.4,
         margin: '0 8px 0 0px',
         color: theme.general.color
-      })), (0, _defineProperty2["default"])(_objectSpread3, "a", _objectSpread({}, (0, _Text.textLinkStyle)(theme, {}))), (0, _defineProperty2["default"])(_objectSpread3, "position", 'relative'), (0, _defineProperty2["default"])(_objectSpread3, "margin", '0 0 0 -16px'), (0, _defineProperty2["default"])(_objectSpread3, "width", alignCenter ? 'auto' : '100%'), (0, _defineProperty2["default"])(_objectSpread3, "lineHeight", 1.4), (0, _defineProperty2["default"])(_objectSpread3, "display", 'flex'), (0, _defineProperty2["default"])(_objectSpread3, "opacity", disabled ? 0.56 : 1), (0, _defineProperty2["default"])(_objectSpread3, "cursor", disabled ? 'not-allowed' : 'pointer'), _objectSpread3));
+      })), (0, _defineProperty2["default"])(_objectSpread3, "a", _objectSpread({}, (0, _Text.textLinkStyle)(theme, {}))), (0, _defineProperty2["default"])(_objectSpread3, "position", 'relative'), (0, _defineProperty2["default"])(_objectSpread3, "margin", '0 0 0 -16px'), (0, _defineProperty2["default"])(_objectSpread3, "width", aligncenter ? 'auto' : '100%'), (0, _defineProperty2["default"])(_objectSpread3, "lineHeight", 1.4), (0, _defineProperty2["default"])(_objectSpread3, "display", 'flex'), (0, _defineProperty2["default"])(_objectSpread3, "opacity", disabled ? 0.56 : 1), (0, _defineProperty2["default"])(_objectSpread3, "cursor", disabled ? 'not-allowed' : 'pointer'), _objectSpread3));
     }
   }, filterStyledLabelProps(props)), props.children, (0, _react.jsx)("svg", {
     width: "15",
@@ -128,7 +128,7 @@ var Checkbox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref)
     htmlFor: id,
     disabled: disabled,
     markInvalid: props.markInvalid,
-    alignCenter: props.alignCenter
+    aligncenter: props.aligncenter
   }, children));
 });
 

package/src/Form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["filterStyledLabelProps","props","StyledLabel","disabled","markInvalid","alignCenter","theme","INPUT_CLASSNAME","background","Checkbox","disablecheckedBgColor","general","primaryColor","borderColor","fill","backgroundColor","position","left","top","disableBgColor","border","invalidBorderColor","disableBorderColor","borderRadius","boxSizing","content","display","width","height","lineHeight","margin","color","children","filterCheckboxProps","React","forwardRef","ref","id","Math","random","toString","style","alignItems","justifyContent","outline","outlineOffset","marginBottom","opacity","cursor","CheckboxLabel","COLOR","TEXT","a","LINK","textDecoration"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {Text, TextProps, textStyle, textLinkStyle} from '../Text';\nimport {filterProps} from '../util';\nimport {INPUT_CLASSNAME, InputProps} from './Input';\n\nexport interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n  alignCenter?: boolean;\n}\n\nconst filterStyledLabelProps = (props: StyledLabelProps) => filterProps(props, ['markInvalid']);\n\nconst StyledLabel = (props: StyledLabelProps) => {\n  const {disabled, markInvalid, alignCenter = false} = props;\n  return (\n    <label\n      css={(theme: Theme) => ({\n        [`.${INPUT_CLASSNAME}:checked + &::before`]: {\n          background: `${disabled ? theme.Checkbox.disablecheckedBgColor : theme.general.primaryColor}`,\n          borderColor: theme.general.primaryColor,\n        },\n        [`.${INPUT_CLASSNAME}:checked + & > svg`]: {\n          fill: theme.general.backgroundColor,\n        },\n        [`.${INPUT_CLASSNAME} + & > svg`]: {\n          fill: 'none',\n          position: 'absolute',\n          left: '0.25rem',\n          top: '0.25rem',\n        },\n        ...(!disabled && {\n          [`.${INPUT_CLASSNAME}:hover + &::before`]: {\n            borderColor: theme.general.primaryColor,\n          },\n        }),\n        [`.${INPUT_CLASSNAME} + &::before`]: {\n          background: disabled ? theme.Checkbox.disableBgColor : theme.Checkbox.background,\n          ...(!disabled\n            ? {\n                border: markInvalid\n                  ? `1.5px solid ${theme.Checkbox.invalidBorderColor}`\n                  : `1.5px solid ${theme.Checkbox.border}`,\n              }\n            : {\n                border: `1.5px solid ${theme.Checkbox.disableBorderColor}`,\n              }),\n          borderRadius: '3px',\n          boxSizing: 'border-box',\n          content: '\"\"',\n          display: 'inline-block',\n          width: '22px',\n          height: '22px',\n          lineHeight: 1.4,\n          margin: '0 8px 0 0px',\n          color: theme.general.color,\n        },\n        a: {\n          ...textLinkStyle(theme, {}),\n        },\n        position: 'relative',\n        margin: '0 0 0 -16px',\n        width: alignCenter ? 'auto' : '100%',\n        lineHeight: 1.4,\n        display: 'flex',\n        opacity: disabled ? 0.56 : 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      })}\n      {...filterStyledLabelProps(props)}\n    >\n      {props.children}\n      <svg width=\"15\" height=\"13\" viewBox=\"0 0 16 13\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z\" />\n      </svg>\n    </label>\n  );\n};\n\ninterface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {\n  id?: string;\n  alignCenter?: boolean;\n}\n\nconst filterCheckboxProps = (props: CheckboxProps) => filterProps(props, ['markInvalid']);\n\n// We use Math.random..., because some of apps doesn't migrated to newest version of React.\nexport const Checkbox: React.FC<CheckboxProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  CheckboxProps<HTMLInputElement>\n>(({id = Math.random().toString(), children, style, disabled, ...props}, ref) => (\n  <div\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      display: 'flex',\n      justifyContent: 'flex-start',\n      position: 'relative',\n      left: '-0.3rem',\n      [`.${INPUT_CLASSNAME}:focus-visible + label`]: {\n        outline: `1px solid ${theme.general.primaryColor}`,\n        outlineOffset: '0.4rem',\n      },\n    })}\n    style={style}\n  >\n    <input\n      type=\"checkbox\"\n      id={id}\n      style={{\n        height: '22px',\n        marginBottom: '0',\n        opacity: 0,\n        width: '22px',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      }}\n      disabled={disabled}\n      ref={ref}\n      className={INPUT_CLASSNAME}\n      {...filterCheckboxProps(props)}\n    />\n\n    <StyledLabel htmlFor={id} disabled={disabled} markInvalid={props.markInvalid} alignCenter={props.alignCenter}>\n      {children}\n    </StyledLabel>\n  </div>\n));\n\nexport type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;\n\nexport const CheckboxLabel = ({color = COLOR.TEXT, ...props}: CheckboxLabelProps) => (\n  <Text\n    css={(theme: Theme) => ({\n      ...textStyle(theme, {\n        color,\n        ...props,\n      }),\n      a: {\n        color: COLOR.LINK,\n        textDecoration: 'none',\n      },\n    })}\n    {...props}\n  />\n);\n"],"file":"Checkbox.js"}
+{"version":3,"sources":["Checkbox.tsx"],"names":["filterStyledLabelProps","props","StyledLabel","disabled","markInvalid","aligncenter","theme","INPUT_CLASSNAME","background","Checkbox","disablecheckedBgColor","general","primaryColor","borderColor","fill","backgroundColor","position","left","top","disableBgColor","border","invalidBorderColor","disableBorderColor","borderRadius","boxSizing","content","display","width","height","lineHeight","margin","color","children","filterCheckboxProps","React","forwardRef","ref","id","Math","random","toString","style","alignItems","justifyContent","outline","outlineOffset","marginBottom","opacity","cursor","CheckboxLabel","COLOR","TEXT","a","LINK","textDecoration"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {Text, TextProps, textStyle, textLinkStyle} from '../Text';\nimport {filterProps} from '../util';\nimport {INPUT_CLASSNAME, InputProps} from './Input';\n\nexport interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n  aligncenter?: boolean;\n}\n\nconst filterStyledLabelProps = (props: StyledLabelProps) => filterProps(props, ['markInvalid']);\n\nconst StyledLabel = (props: StyledLabelProps) => {\n  const {disabled, markInvalid, aligncenter = false} = props;\n  return (\n    <label\n      css={(theme: Theme) => ({\n        [`.${INPUT_CLASSNAME}:checked + &::before`]: {\n          background: `${disabled ? theme.Checkbox.disablecheckedBgColor : theme.general.primaryColor}`,\n          borderColor: theme.general.primaryColor,\n        },\n        [`.${INPUT_CLASSNAME}:checked + & > svg`]: {\n          fill: theme.general.backgroundColor,\n        },\n        [`.${INPUT_CLASSNAME} + & > svg`]: {\n          fill: 'none',\n          position: 'absolute',\n          left: '0.25rem',\n          top: '0.25rem',\n        },\n        ...(!disabled && {\n          [`.${INPUT_CLASSNAME}:hover + &::before`]: {\n            borderColor: theme.general.primaryColor,\n          },\n        }),\n        [`.${INPUT_CLASSNAME} + &::before`]: {\n          background: disabled ? theme.Checkbox.disableBgColor : theme.Checkbox.background,\n          ...(!disabled\n            ? {\n                border: markInvalid\n                  ? `1.5px solid ${theme.Checkbox.invalidBorderColor}`\n                  : `1.5px solid ${theme.Checkbox.border}`,\n              }\n            : {\n                border: `1.5px solid ${theme.Checkbox.disableBorderColor}`,\n              }),\n          borderRadius: '3px',\n          boxSizing: 'border-box',\n          content: '\"\"',\n          display: 'inline-block',\n          width: '22px',\n          height: '22px',\n          lineHeight: 1.4,\n          margin: '0 8px 0 0px',\n          color: theme.general.color,\n        },\n        a: {\n          ...textLinkStyle(theme, {}),\n        },\n        position: 'relative',\n        margin: '0 0 0 -16px',\n        width: aligncenter ? 'auto' : '100%',\n        lineHeight: 1.4,\n        display: 'flex',\n        opacity: disabled ? 0.56 : 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      })}\n      {...filterStyledLabelProps(props)}\n    >\n      {props.children}\n      <svg width=\"15\" height=\"13\" viewBox=\"0 0 16 13\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z\" />\n      </svg>\n    </label>\n  );\n};\n\ninterface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {\n  id?: string;\n  aligncenter?: boolean;\n}\n\nconst filterCheckboxProps = (props: CheckboxProps) => filterProps(props, ['markInvalid']);\n\n// We use Math.random..., because some of apps doesn't migrated to newest version of React.\nexport const Checkbox: React.FC<CheckboxProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  CheckboxProps<HTMLInputElement>\n>(({id = Math.random().toString(), children, style, disabled, ...props}, ref) => (\n  <div\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      display: 'flex',\n      justifyContent: 'flex-start',\n      position: 'relative',\n      left: '-0.3rem',\n      [`.${INPUT_CLASSNAME}:focus-visible + label`]: {\n        outline: `1px solid ${theme.general.primaryColor}`,\n        outlineOffset: '0.4rem',\n      },\n    })}\n    style={style}\n  >\n    <input\n      type=\"checkbox\"\n      id={id}\n      style={{\n        height: '22px',\n        marginBottom: '0',\n        opacity: 0,\n        width: '22px',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      }}\n      disabled={disabled}\n      ref={ref}\n      className={INPUT_CLASSNAME}\n      {...filterCheckboxProps(props)}\n    />\n\n    <StyledLabel htmlFor={id} disabled={disabled} markInvalid={props.markInvalid} aligncenter={props.aligncenter}>\n      {children}\n    </StyledLabel>\n  </div>\n));\n\nexport type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;\n\nexport const CheckboxLabel = ({color = COLOR.TEXT, ...props}: CheckboxLabelProps) => (\n  <Text\n    css={(theme: Theme) => ({\n      ...textStyle(theme, {\n        color,\n        ...props,\n      }),\n      a: {\n        color: COLOR.LINK,\n        textDecoration: 'none',\n      },\n    })}\n    {...props}\n  />\n);\n"],"file":"Checkbox.js"}

package/src/Form/DropFileInput.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=DropFileInput.d.js.map

package/src/Form/DropFileInput.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"DropFileInput.d.js"}

package/src/Form/DropFileInput.d.ts

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+import { CSSObject } from '@emotion/react';
+import { FC } from 'react';
+import type { Theme } from '../Layout';
+import type { TextProps } from '../Text';
+export interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {
+    onFilesUploaded: (files: File[]) => void;
+    onInvalidFilesDropError: () => void;
+    labelText: string;
+    headingText: string;
+    description?: string;
+    dropFileZoneWrapperCSS?: CSSObject;
+}
+export declare const dropFileWrapperStyle: CSSObject;
+export declare const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject;
+export declare const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject;
+export declare const dropFileZoneHeadingStyle: CSSObject;
+export declare const dropFileZonDescriptionStyle: CSSObject;
+export declare const DropFileInput: FC<DropFileInputProps<HTMLInputElement>>;

package/src/Form/DropFileInput.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropFileInput = exports.dropFileZonDescriptionStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneWrapperStyle = exports.dropFileWrapperStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _Identity = require("../Identity");
+
+var _Icon = require("../Icon");
+
+var _Layout = require("../Layout");
+
+var _excluded = ["onFilesUploaded", "onInvalidFilesDropError", "dropFileZoneWrapperCSS", "labelText", "headingText", "description", "accept", "multiple"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var visuallyHiddenStyles = {
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: '1px',
+  overflow: 'hidden',
+  position: 'absolute',
+  whiteSpace: 'nowrap',
+  width: '1px'
+};
+var dropFileWrapperStyle = {
+  maxWidth: '330px'
+};
+exports.dropFileWrapperStyle = dropFileWrapperStyle;
+
+var dropFileZoneWrapperStyle = function dropFileZoneWrapperStyle(theme, isDraggedOver) {
+  return {
+    width: '100%',
+    padding: '28px 12px',
+    border: "1px dashed ".concat(theme.general.primaryColor),
+    borderBottomWidth: '2px',
+    borderRadius: '6px',
+    textAlign: 'center',
+    backgroundColor: isDraggedOver ? theme.general.backgroundColor : _Identity.COLOR.WHITE,
+    fontWeight: 400,
+    fontSize: '12px',
+    lineHeight: '13px',
+    color: _Identity.COLOR.GRAY
+  };
+};
+
+exports.dropFileZoneWrapperStyle = dropFileZoneWrapperStyle;
+
+var dropFileZoneLabelStyle = function dropFileZoneLabelStyle(theme) {
+  return {
+    color: theme.general.primaryColor,
+    cursor: 'pointer',
+    ':focus-within': {
+      outline: "1px solid ".concat(theme.general.primaryColor)
+    },
+    ':hover': {
+      textDecoration: 'underline'
+    }
+  };
+};
+
+exports.dropFileZoneLabelStyle = dropFileZoneLabelStyle;
+var dropFileZoneHeadingStyle = {
+  display: 'block',
+  whiteSpace: 'pre-line'
+};
+exports.dropFileZoneHeadingStyle = dropFileZoneHeadingStyle;
+var dropFileZonDescriptionStyle = {
+  marginTop: '12px',
+  fontWeight: 400,
+  fontSize: '10px',
+  lineHeight: '13px',
+  color: _Identity.COLOR.GRAY,
+  whiteSpace: 'pre-line'
+};
+exports.dropFileZonDescriptionStyle = dropFileZonDescriptionStyle;
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "pztmsj",
+  styles: "max-width:280px;margin:0 auto"
+} : {
+  name: "urj1u0-DropFileInput",
+  styles: "max-width:280px;margin:0 auto;label:DropFileInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtMbUUiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgdHlwZSB7VGV4dFByb3BzfSBmcm9tICcuLi9UZXh0JztcbmltcG9ydCB7VXBsb2FkSWNvbn0gZnJvbSAnLi4vSWNvbic7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcEZpbGVJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIG9uRmlsZXNVcGxvYWRlZDogKGZpbGVzOiBGaWxlW10pID0+IHZvaWQ7XG4gIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yOiAoKSA9PiB2b2lkO1xuICBsYWJlbFRleHQ6IHN0cmluZztcbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRyb3BGaWxlWm9uZVdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IHZpc3VhbGx5SGlkZGVuU3R5bGVzOiBDU1NPYmplY3QgPSB7XG4gIGNsaXA6ICdyZWN0KDAgMCAwIDApJyxcbiAgY2xpcFBhdGg6ICdpbnNldCg1MCUpJyxcbiAgaGVpZ2h0OiAnMXB4JyxcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIHdpZHRoOiAnMXB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVdyYXBwZXJTdHlsZTogQ1NTT2JqZWN0ID0ge1xuICBtYXhXaWR0aDogJzMzMHB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIGlzRHJhZ2dlZE92ZXI6IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIGlzRHJhZ2dlZE92ZXIsXG4pID0+ICh7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHBhZGRpbmc6ICcyOHB4IDEycHgnLFxuICBib3JkZXI6IGAxcHggZGFzaGVkICR7dGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3J9YCxcbiAgYm9yZGVyQm90dG9tV2lkdGg6ICcycHgnLFxuICBib3JkZXJSYWRpdXM6ICc2cHgnLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRHJhZ2dlZE92ZXIgPyB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvciA6IENPTE9SLldISVRFLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTJweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG59KTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGU6IDxUPih0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9IHRoZW1lID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICc6Zm9jdXMtd2l0aGluJzoge1xuICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICB9LFxuICAnOmhvdmVyJzoge1xuICAgIHRleHREZWNvcmF0aW9uOiAndW5kZXJsaW5lJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlOiBDU1NPYmplY3QgPSB7XG4gIGRpc3BsYXk6ICdibG9jaycsXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1hcmdpblRvcDogJzEycHgnLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTBweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgRHJvcEZpbGVJbnB1dDogRkM8RHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+PiA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERyb3BGaWxlSW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPihcbiAgKFxuICAgIHtcbiAgICAgIG9uRmlsZXNVcGxvYWRlZCxcbiAgICAgIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yLFxuICAgICAgZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgIGxhYmVsVGV4dCxcbiAgICAgIGhlYWRpbmdUZXh0LFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBhY2NlcHQsXG4gICAgICBtdWx0aXBsZSxcbiAgICAgIC4uLmlucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzRHJhZ2dlZE92ZXIsIHNldElzRHJhZ2dlZE92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgcmVzZXREcmFnZ2VkT3ZlciA9ICgpID0+IHNldElzRHJhZ2dlZE92ZXIoZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gJ2NvcHknO1xuXG4gICAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgc2V0SXNEcmFnZ2VkT3Zlcih0cnVlKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlRHJvcCA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICByZXNldERyYWdnZWRPdmVyKCk7XG5cbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC5kYXRhVHJhbnNmZXI7XG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGZpbGVzQXJyID0gbXVsdGlwbGUgPyBBcnJheS5mcm9tKGZpbGVzKSA6IFtmaWxlc1swXV07XG5cbiAgICAgIGNvbnN0IGFyZUZpbGVzVmFsaWQgPSAhIWFjY2VwdFxuICAgICAgICA/IGZpbGVzQXJyLmV2ZXJ5KGZpbGUgPT5cbiAgICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgICAuc3BsaXQoJywnKVxuICAgICAgICAgICAgICAubWFwKHYgPT4gdi50cmltKCkpXG4gICAgICAgICAgICAgIC5pbmNsdWRlcyhmaWxlLnR5cGUpLFxuICAgICAgICAgIClcbiAgICAgICAgOiB0cnVlO1xuXG4gICAgICBpZiAoIWFyZUZpbGVzVmFsaWQpIHtcbiAgICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBvbkZpbGVzVXBsb2FkZWQoZmlsZXNBcnIpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCB7ZmlsZXN9ID0gZXZlbnQudGFyZ2V0O1xuXG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChBcnJheS5mcm9tKGZpbGVzKSk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17ZHJvcEZpbGVXcmFwcGVyU3R5bGV9PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlclN0eWxlKHRoZW1lLCBpc0RyYWdnZWRPdmVyKSxcbiAgICAgICAgICAgIC4uLmRyb3BGaWxlWm9uZVdyYXBwZXJDU1MsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wem9uZVwiXG4gICAgICAgICAgb25EcmFnT3Zlcj17aGFuZGxlRHJhZ092ZXJ9XG4gICAgICAgICAgb25EcmFnTGVhdmU9e3Jlc2V0RHJhZ2dlZE92ZXJ9XG4gICAgICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggYWxpZ249XCJjZW50ZXJcIiBqdXN0aWZ5PVwiY2VudGVyXCIgZmxleFdyYXA9XCJ3cmFwXCIgY3NzPXt7bWF4V2lkdGg6ICcyODBweCcsIG1hcmdpbjogJzAgYXV0byd9fT5cbiAgICAgICAgICAgIDxVcGxvYWRJY29uIGNzcz17e21hcmdpbjogJzEycHggMCd9fSAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e3ttYXhXaWR0aDogJzE2MHB4JywgbWFyZ2luOiAnMCAyNXB4J319PlxuICAgICAgICAgICAgICA8c3BhbiBjc3M9e2Ryb3BGaWxlWm9uZUhlYWRpbmdTdHlsZX0+e2hlYWRpbmdUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7aGVhZGluZ1RleHR9ICR7bGFiZWxUZXh0fSAoJHtkZXNjcmlwdGlvbn0pYH1cbiAgICAgICAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGUodGhlbWUpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4+e2xhYmVsVGV4dH08L3NwYW4+XG4gICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZpbGUtaW5wdXRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICBhY2NlcHQ9e2FjY2VwdH1cbiAgICAgICAgICAgICAgICAgIG11bHRpcGxlPXttdWx0aXBsZX1cbiAgICAgICAgICAgICAgICAgIGNzcz17dmlzdWFsbHlIaWRkZW5TdHlsZXN9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgICAgICAgICAgey4uLmlucHV0UHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtkZXNjcmlwdGlvbiAmJiA8cCBjc3M9e2Ryb3BGaWxlWm9uRGVzY3JpcHRpb25TdHlsZX0+e2Rlc2NyaXB0aW9ufTwvcD59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1ee42c1",
+  styles: "margin:12px 0"
+} : {
+  name: "qqk9rh-DropFileInput",
+  styles: "margin:12px 0;label:DropFileInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Md0IiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgdHlwZSB7VGV4dFByb3BzfSBmcm9tICcuLi9UZXh0JztcbmltcG9ydCB7VXBsb2FkSWNvbn0gZnJvbSAnLi4vSWNvbic7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcEZpbGVJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIG9uRmlsZXNVcGxvYWRlZDogKGZpbGVzOiBGaWxlW10pID0+IHZvaWQ7XG4gIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yOiAoKSA9PiB2b2lkO1xuICBsYWJlbFRleHQ6IHN0cmluZztcbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRyb3BGaWxlWm9uZVdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IHZpc3VhbGx5SGlkZGVuU3R5bGVzOiBDU1NPYmplY3QgPSB7XG4gIGNsaXA6ICdyZWN0KDAgMCAwIDApJyxcbiAgY2xpcFBhdGg6ICdpbnNldCg1MCUpJyxcbiAgaGVpZ2h0OiAnMXB4JyxcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIHdpZHRoOiAnMXB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVdyYXBwZXJTdHlsZTogQ1NTT2JqZWN0ID0ge1xuICBtYXhXaWR0aDogJzMzMHB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIGlzRHJhZ2dlZE92ZXI6IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIGlzRHJhZ2dlZE92ZXIsXG4pID0+ICh7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHBhZGRpbmc6ICcyOHB4IDEycHgnLFxuICBib3JkZXI6IGAxcHggZGFzaGVkICR7dGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3J9YCxcbiAgYm9yZGVyQm90dG9tV2lkdGg6ICcycHgnLFxuICBib3JkZXJSYWRpdXM6ICc2cHgnLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRHJhZ2dlZE92ZXIgPyB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvciA6IENPTE9SLldISVRFLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTJweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG59KTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGU6IDxUPih0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9IHRoZW1lID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICc6Zm9jdXMtd2l0aGluJzoge1xuICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICB9LFxuICAnOmhvdmVyJzoge1xuICAgIHRleHREZWNvcmF0aW9uOiAndW5kZXJsaW5lJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlOiBDU1NPYmplY3QgPSB7XG4gIGRpc3BsYXk6ICdibG9jaycsXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1hcmdpblRvcDogJzEycHgnLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTBweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgRHJvcEZpbGVJbnB1dDogRkM8RHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+PiA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERyb3BGaWxlSW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPihcbiAgKFxuICAgIHtcbiAgICAgIG9uRmlsZXNVcGxvYWRlZCxcbiAgICAgIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yLFxuICAgICAgZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgIGxhYmVsVGV4dCxcbiAgICAgIGhlYWRpbmdUZXh0LFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBhY2NlcHQsXG4gICAgICBtdWx0aXBsZSxcbiAgICAgIC4uLmlucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzRHJhZ2dlZE92ZXIsIHNldElzRHJhZ2dlZE92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgcmVzZXREcmFnZ2VkT3ZlciA9ICgpID0+IHNldElzRHJhZ2dlZE92ZXIoZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gJ2NvcHknO1xuXG4gICAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgc2V0SXNEcmFnZ2VkT3Zlcih0cnVlKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlRHJvcCA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICByZXNldERyYWdnZWRPdmVyKCk7XG5cbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC5kYXRhVHJhbnNmZXI7XG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGZpbGVzQXJyID0gbXVsdGlwbGUgPyBBcnJheS5mcm9tKGZpbGVzKSA6IFtmaWxlc1swXV07XG5cbiAgICAgIGNvbnN0IGFyZUZpbGVzVmFsaWQgPSAhIWFjY2VwdFxuICAgICAgICA/IGZpbGVzQXJyLmV2ZXJ5KGZpbGUgPT5cbiAgICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgICAuc3BsaXQoJywnKVxuICAgICAgICAgICAgICAubWFwKHYgPT4gdi50cmltKCkpXG4gICAgICAgICAgICAgIC5pbmNsdWRlcyhmaWxlLnR5cGUpLFxuICAgICAgICAgIClcbiAgICAgICAgOiB0cnVlO1xuXG4gICAgICBpZiAoIWFyZUZpbGVzVmFsaWQpIHtcbiAgICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBvbkZpbGVzVXBsb2FkZWQoZmlsZXNBcnIpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCB7ZmlsZXN9ID0gZXZlbnQudGFyZ2V0O1xuXG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChBcnJheS5mcm9tKGZpbGVzKSk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17ZHJvcEZpbGVXcmFwcGVyU3R5bGV9PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlclN0eWxlKHRoZW1lLCBpc0RyYWdnZWRPdmVyKSxcbiAgICAgICAgICAgIC4uLmRyb3BGaWxlWm9uZVdyYXBwZXJDU1MsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wem9uZVwiXG4gICAgICAgICAgb25EcmFnT3Zlcj17aGFuZGxlRHJhZ092ZXJ9XG4gICAgICAgICAgb25EcmFnTGVhdmU9e3Jlc2V0RHJhZ2dlZE92ZXJ9XG4gICAgICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggYWxpZ249XCJjZW50ZXJcIiBqdXN0aWZ5PVwiY2VudGVyXCIgZmxleFdyYXA9XCJ3cmFwXCIgY3NzPXt7bWF4V2lkdGg6ICcyODBweCcsIG1hcmdpbjogJzAgYXV0byd9fT5cbiAgICAgICAgICAgIDxVcGxvYWRJY29uIGNzcz17e21hcmdpbjogJzEycHggMCd9fSAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e3ttYXhXaWR0aDogJzE2MHB4JywgbWFyZ2luOiAnMCAyNXB4J319PlxuICAgICAgICAgICAgICA8c3BhbiBjc3M9e2Ryb3BGaWxlWm9uZUhlYWRpbmdTdHlsZX0+e2hlYWRpbmdUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7aGVhZGluZ1RleHR9ICR7bGFiZWxUZXh0fSAoJHtkZXNjcmlwdGlvbn0pYH1cbiAgICAgICAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGUodGhlbWUpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4+e2xhYmVsVGV4dH08L3NwYW4+XG4gICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZpbGUtaW5wdXRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICBhY2NlcHQ9e2FjY2VwdH1cbiAgICAgICAgICAgICAgICAgIG11bHRpcGxlPXttdWx0aXBsZX1cbiAgICAgICAgICAgICAgICAgIGNzcz17dmlzdWFsbHlIaWRkZW5TdHlsZXN9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgICAgICAgICAgey4uLmlucHV0UHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtkZXNjcmlwdGlvbiAmJiA8cCBjc3M9e2Ryb3BGaWxlWm9uRGVzY3JpcHRpb25TdHlsZX0+e2Rlc2NyaXB0aW9ufTwvcD59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "1bszqua",
+  styles: "max-width:160px;margin:0 25px"
+} : {
+  name: "r5lgab-DropFileInput",
+  styles: "max-width:160px;margin:0 25px;label:DropFileInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9MaUIiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgdHlwZSB7VGV4dFByb3BzfSBmcm9tICcuLi9UZXh0JztcbmltcG9ydCB7VXBsb2FkSWNvbn0gZnJvbSAnLi4vSWNvbic7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcEZpbGVJbnB1dFByb3BzPFQgPSBIVE1MSW5wdXRFbGVtZW50PiBleHRlbmRzIFRleHRQcm9wczxUPiB7XG4gIG9uRmlsZXNVcGxvYWRlZDogKGZpbGVzOiBGaWxlW10pID0+IHZvaWQ7XG4gIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yOiAoKSA9PiB2b2lkO1xuICBsYWJlbFRleHQ6IHN0cmluZztcbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRyb3BGaWxlWm9uZVdyYXBwZXJDU1M/OiBDU1NPYmplY3Q7XG59XG5cbmNvbnN0IHZpc3VhbGx5SGlkZGVuU3R5bGVzOiBDU1NPYmplY3QgPSB7XG4gIGNsaXA6ICdyZWN0KDAgMCAwIDApJyxcbiAgY2xpcFBhdGg6ICdpbnNldCg1MCUpJyxcbiAgaGVpZ2h0OiAnMXB4JyxcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIHdpZHRoOiAnMXB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVdyYXBwZXJTdHlsZTogQ1NTT2JqZWN0ID0ge1xuICBtYXhXaWR0aDogJzMzMHB4Jyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIGlzRHJhZ2dlZE92ZXI6IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIGlzRHJhZ2dlZE92ZXIsXG4pID0+ICh7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHBhZGRpbmc6ICcyOHB4IDEycHgnLFxuICBib3JkZXI6IGAxcHggZGFzaGVkICR7dGhlbWUuZ2VuZXJhbC5wcmltYXJ5Q29sb3J9YCxcbiAgYm9yZGVyQm90dG9tV2lkdGg6ICcycHgnLFxuICBib3JkZXJSYWRpdXM6ICc2cHgnLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRHJhZ2dlZE92ZXIgPyB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvciA6IENPTE9SLldISVRFLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTJweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG59KTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGU6IDxUPih0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9IHRoZW1lID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcixcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICc6Zm9jdXMtd2l0aGluJzoge1xuICAgIG91dGxpbmU6IGAxcHggc29saWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICB9LFxuICAnOmhvdmVyJzoge1xuICAgIHRleHREZWNvcmF0aW9uOiAndW5kZXJsaW5lJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlOiBDU1NPYmplY3QgPSB7XG4gIGRpc3BsYXk6ICdibG9jaycsXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1hcmdpblRvcDogJzEycHgnLFxuICBmb250V2VpZ2h0OiA0MDAsXG4gIGZvbnRTaXplOiAnMTBweCcsXG4gIGxpbmVIZWlnaHQ6ICcxM3B4JyxcbiAgY29sb3I6IENPTE9SLkdSQVksXG4gIHdoaXRlU3BhY2U6ICdwcmUtbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgRHJvcEZpbGVJbnB1dDogRkM8RHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+PiA9IGZvcndhcmRSZWY8XG4gIEhUTUxJbnB1dEVsZW1lbnQsXG4gIERyb3BGaWxlSW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50PlxuPihcbiAgKFxuICAgIHtcbiAgICAgIG9uRmlsZXNVcGxvYWRlZCxcbiAgICAgIG9uSW52YWxpZEZpbGVzRHJvcEVycm9yLFxuICAgICAgZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgIGxhYmVsVGV4dCxcbiAgICAgIGhlYWRpbmdUZXh0LFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBhY2NlcHQsXG4gICAgICBtdWx0aXBsZSxcbiAgICAgIC4uLmlucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgW2lzRHJhZ2dlZE92ZXIsIHNldElzRHJhZ2dlZE92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgcmVzZXREcmFnZ2VkT3ZlciA9ICgpID0+IHNldElzRHJhZ2dlZE92ZXIoZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gJ2NvcHknO1xuXG4gICAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyLml0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgc2V0SXNEcmFnZ2VkT3Zlcih0cnVlKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlRHJvcCA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICByZXNldERyYWdnZWRPdmVyKCk7XG5cbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC5kYXRhVHJhbnNmZXI7XG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGZpbGVzQXJyID0gbXVsdGlwbGUgPyBBcnJheS5mcm9tKGZpbGVzKSA6IFtmaWxlc1swXV07XG5cbiAgICAgIGNvbnN0IGFyZUZpbGVzVmFsaWQgPSAhIWFjY2VwdFxuICAgICAgICA/IGZpbGVzQXJyLmV2ZXJ5KGZpbGUgPT5cbiAgICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgICAuc3BsaXQoJywnKVxuICAgICAgICAgICAgICAubWFwKHYgPT4gdi50cmltKCkpXG4gICAgICAgICAgICAgIC5pbmNsdWRlcyhmaWxlLnR5cGUpLFxuICAgICAgICAgIClcbiAgICAgICAgOiB0cnVlO1xuXG4gICAgICBpZiAoIWFyZUZpbGVzVmFsaWQpIHtcbiAgICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBvbkZpbGVzVXBsb2FkZWQoZmlsZXNBcnIpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCB7ZmlsZXN9ID0gZXZlbnQudGFyZ2V0O1xuXG4gICAgICBpZiAoZmlsZXMubGVuZ3RoIDwgMSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChBcnJheS5mcm9tKGZpbGVzKSk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17ZHJvcEZpbGVXcmFwcGVyU3R5bGV9PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlclN0eWxlKHRoZW1lLCBpc0RyYWdnZWRPdmVyKSxcbiAgICAgICAgICAgIC4uLmRyb3BGaWxlWm9uZVdyYXBwZXJDU1MsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wem9uZVwiXG4gICAgICAgICAgb25EcmFnT3Zlcj17aGFuZGxlRHJhZ092ZXJ9XG4gICAgICAgICAgb25EcmFnTGVhdmU9e3Jlc2V0RHJhZ2dlZE92ZXJ9XG4gICAgICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggYWxpZ249XCJjZW50ZXJcIiBqdXN0aWZ5PVwiY2VudGVyXCIgZmxleFdyYXA9XCJ3cmFwXCIgY3NzPXt7bWF4V2lkdGg6ICcyODBweCcsIG1hcmdpbjogJzAgYXV0byd9fT5cbiAgICAgICAgICAgIDxVcGxvYWRJY29uIGNzcz17e21hcmdpbjogJzEycHggMCd9fSAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e3ttYXhXaWR0aDogJzE2MHB4JywgbWFyZ2luOiAnMCAyNXB4J319PlxuICAgICAgICAgICAgICA8c3BhbiBjc3M9e2Ryb3BGaWxlWm9uZUhlYWRpbmdTdHlsZX0+e2hlYWRpbmdUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7aGVhZGluZ1RleHR9ICR7bGFiZWxUZXh0fSAoJHtkZXNjcmlwdGlvbn0pYH1cbiAgICAgICAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGRyb3BGaWxlWm9uZUxhYmVsU3R5bGUodGhlbWUpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4+e2xhYmVsVGV4dH08L3NwYW4+XG4gICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZpbGUtaW5wdXRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICBhY2NlcHQ9e2FjY2VwdH1cbiAgICAgICAgICAgICAgICAgIG11bHRpcGxlPXttdWx0aXBsZX1cbiAgICAgICAgICAgICAgICAgIGNzcz17dmlzdWFsbHlIaWRkZW5TdHlsZXN9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgICAgICAgICAgey4uLmlucHV0UHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtkZXNjcmlwdGlvbiAmJiA8cCBjc3M9e2Ryb3BGaWxlWm9uRGVzY3JpcHRpb25TdHlsZX0+e2Rlc2NyaXB0aW9ufTwvcD59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var DropFileInput = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
+  var onFilesUploaded = _ref.onFilesUploaded,
+      onInvalidFilesDropError = _ref.onInvalidFilesDropError,
+      dropFileZoneWrapperCSS = _ref.dropFileZoneWrapperCSS,
+      labelText = _ref.labelText,
+      headingText = _ref.headingText,
+      description = _ref.description,
+      accept = _ref.accept,
+      multiple = _ref.multiple,
+      inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useState = (0, _react2.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isDraggedOver = _useState2[0],
+      setIsDraggedOver = _useState2[1];
+
+  var resetDraggedOver = function resetDraggedOver() {
+    return setIsDraggedOver(false);
+  };
+
+  var handleDragOver = function handleDragOver(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    event.dataTransfer.dropEffect = 'copy';
+
+    if (event.dataTransfer.items.length > 0) {
+      setIsDraggedOver(true);
+    }
+  };
+
+  var handleDrop = function handleDrop(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    resetDraggedOver();
+    var files = event.dataTransfer.files;
+
+    if (files.length < 1) {
+      return;
+    }
+
+    var filesArr = multiple ? Array.from(files) : [files[0]];
+    var areFilesValid = !!accept ? filesArr.every(function (file) {
+      return accept.split(',').map(function (v) {
+        return v.trim();
+      }).includes(file.type);
+    }) : true;
+
+    if (!areFilesValid) {
+      onInvalidFilesDropError();
+      return;
+    }
+
+    onFilesUploaded(filesArr);
+  };
+
+  var handleChange = function handleChange(event) {
+    var files = event.target.files;
+
+    if (files.length < 1) {
+      return;
+    }
+
+    onFilesUploaded(Array.from(files));
+  };
+
+  return (0, _react.jsx)("div", {
+    css: dropFileWrapperStyle
+  }, (0, _react.jsx)("div", {
+    css: function css(theme) {
+      return _objectSpread(_objectSpread({}, dropFileZoneWrapperStyle(theme, isDraggedOver)), dropFileZoneWrapperCSS);
+    },
+    "data-testid": "dropzone",
+    onDragOver: handleDragOver,
+    onDragLeave: resetDraggedOver,
+    onDrop: handleDrop
+  }, (0, _react.jsx)(_Layout.FlexBox, {
+    align: "center",
+    justify: "center",
+    flexWrap: "wrap",
+    css: _ref2
+  }, (0, _react.jsx)(_Icon.UploadIcon, {
+    css: _ref3
+  }), (0, _react.jsx)("div", {
+    css: _ref4
+  }, (0, _react.jsx)("span", {
+    css: dropFileZoneHeadingStyle
+  }, headingText), (0, _react.jsx)("label", {
+    "aria-label": "".concat(headingText, " ").concat(labelText, " (").concat(description, ")"),
+    css: function css(theme) {
+      return dropFileZoneLabelStyle(theme);
+    }
+  }, (0, _react.jsx)("span", null, labelText), (0, _react.jsx)("input", (0, _extends2["default"])({
+    "data-testid": "file-input",
+    ref: ref,
+    accept: accept,
+    multiple: multiple,
+    css: visuallyHiddenStyles,
+    onChange: handleChange,
+    type: "file"
+  }, inputProps)))))), description && (0, _react.jsx)("p", {
+    css: dropFileZonDescriptionStyle
+  }, description));
+});
+exports.DropFileInput = DropFileInput;
+//# sourceMappingURL=DropFileInput.js.map

package/src/Form/DropFileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DropFileInput.tsx"],"names":["visuallyHiddenStyles","clip","clipPath","height","overflow","position","whiteSpace","width","dropFileWrapperStyle","maxWidth","dropFileZoneWrapperStyle","theme","isDraggedOver","padding","border","general","primaryColor","borderBottomWidth","borderRadius","textAlign","backgroundColor","COLOR","WHITE","fontWeight","fontSize","lineHeight","color","GRAY","dropFileZoneLabelStyle","cursor","outline","textDecoration","dropFileZoneHeadingStyle","display","dropFileZonDescriptionStyle","marginTop","DropFileInput","ref","onFilesUploaded","onInvalidFilesDropError","dropFileZoneWrapperCSS","labelText","headingText","description","accept","multiple","inputProps","setIsDraggedOver","resetDraggedOver","handleDragOver","event","preventDefault","stopPropagation","dataTransfer","dropEffect","items","length","handleDrop","files","filesArr","Array","from","areFilesValid","every","file","split","map","v","trim","includes","type","handleChange","target"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useState, FC, forwardRef, DragEvent} from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {UploadIcon} from '../Icon';\nimport {FlexBox} from '../Layout';\n\nexport interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {\n  onFilesUploaded: (files: File[]) => void;\n  onInvalidFilesDropError: () => void;\n  labelText: string;\n  headingText: string;\n  description?: string;\n  dropFileZoneWrapperCSS?: CSSObject;\n}\n\nconst visuallyHiddenStyles: CSSObject = {\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: '1px',\n  overflow: 'hidden',\n  position: 'absolute',\n  whiteSpace: 'nowrap',\n  width: '1px',\n};\n\nexport const dropFileWrapperStyle: CSSObject = {\n  maxWidth: '330px',\n};\n\nexport const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject = (\n  theme,\n  isDraggedOver,\n) => ({\n  width: '100%',\n  padding: '28px 12px',\n  border: `1px dashed ${theme.general.primaryColor}`,\n  borderBottomWidth: '2px',\n  borderRadius: '6px',\n  textAlign: 'center',\n  backgroundColor: isDraggedOver ? theme.general.backgroundColor : COLOR.WHITE,\n  fontWeight: 400,\n  fontSize: '12px',\n  lineHeight: '13px',\n  color: COLOR.GRAY,\n});\n\nexport const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject = theme => ({\n  color: theme.general.primaryColor,\n  cursor: 'pointer',\n  ':focus-within': {\n    outline: `1px solid ${theme.general.primaryColor}`,\n  },\n  ':hover': {\n    textDecoration: 'underline',\n  },\n});\n\nexport const dropFileZoneHeadingStyle: CSSObject = {\n  display: 'block',\n  whiteSpace: 'pre-line',\n};\n\nexport const dropFileZonDescriptionStyle: CSSObject = {\n  marginTop: '12px',\n  fontWeight: 400,\n  fontSize: '10px',\n  lineHeight: '13px',\n  color: COLOR.GRAY,\n  whiteSpace: 'pre-line',\n};\n\nexport const DropFileInput: FC<DropFileInputProps<HTMLInputElement>> = forwardRef<\n  HTMLInputElement,\n  DropFileInputProps<HTMLInputElement>\n>(\n  (\n    {\n      onFilesUploaded,\n      onInvalidFilesDropError,\n      dropFileZoneWrapperCSS,\n      labelText,\n      headingText,\n      description,\n      accept,\n      multiple,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const [isDraggedOver, setIsDraggedOver] = useState(false);\n\n    const resetDraggedOver = () => setIsDraggedOver(false);\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      event.dataTransfer.dropEffect = 'copy';\n\n      if (event.dataTransfer.items.length > 0) {\n        setIsDraggedOver(true);\n      }\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      resetDraggedOver();\n\n      const {files} = event.dataTransfer;\n      if (files.length < 1) {\n        return;\n      }\n\n      const filesArr = multiple ? Array.from(files) : [files[0]];\n\n      const areFilesValid = !!accept\n        ? filesArr.every(file =>\n            accept\n              .split(',')\n              .map(v => v.trim())\n              .includes(file.type),\n          )\n        : true;\n\n      if (!areFilesValid) {\n        onInvalidFilesDropError();\n        return;\n      }\n\n      onFilesUploaded(filesArr);\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const {files} = event.target;\n\n      if (files.length < 1) {\n        return;\n      }\n\n      onFilesUploaded(Array.from(files));\n    };\n\n    return (\n      <div css={dropFileWrapperStyle}>\n        <div\n          css={(theme: Theme) => ({\n            ...dropFileZoneWrapperStyle(theme, isDraggedOver),\n            ...dropFileZoneWrapperCSS,\n          })}\n          data-testid=\"dropzone\"\n          onDragOver={handleDragOver}\n          onDragLeave={resetDraggedOver}\n          onDrop={handleDrop}\n        >\n          <FlexBox align=\"center\" justify=\"center\" flexWrap=\"wrap\" css={{maxWidth: '280px', margin: '0 auto'}}>\n            <UploadIcon css={{margin: '12px 0'}} />\n            <div css={{maxWidth: '160px', margin: '0 25px'}}>\n              <span css={dropFileZoneHeadingStyle}>{headingText}</span>\n              <label\n                aria-label={`${headingText} ${labelText} (${description})`}\n                css={(theme: Theme) => dropFileZoneLabelStyle(theme)}\n              >\n                <span>{labelText}</span>\n                <input\n                  data-testid=\"file-input\"\n                  ref={ref}\n                  accept={accept}\n                  multiple={multiple}\n                  css={visuallyHiddenStyles}\n                  onChange={handleChange}\n                  type=\"file\"\n                  {...inputProps}\n                />\n              </label>\n            </div>\n          </FlexBox>\n        </div>\n        {description && <p css={dropFileZonDescriptionStyle}>{description}</p>}\n      </div>\n    );\n  },\n);\n"],"file":"DropFileInput.js"}

package/src/Form/DropFileInput.md

@@ -0,0 +1,18 @@
+Demo:
+
+```js
+import {Columns, Column, DropFileInput} from '@wireapp/react-ui-kit';
+
+<>
+  <div>
+    <DropFileInput
+      onInvalidFilesDropError={console.log}
+      onFilesUploaded={() => console.error('error while uploading files')}
+      headingText="Drag & Drop an image \nor"
+      labelText="select one from your device"
+      accept="image/png, image/jpeg"
+      description="Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px"
+    />
+  </div>
+</>;
+```

package/src/Form/ShakeBox.d.ts

@@ -8,4 +8,4 @@ export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
 export interface ShakeBoxRef {
     shake: () => void;
 }
-export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "max" | "required" | "type" | "data" | "threshold" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "amplitude" | "speed" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "damping"> & React.RefAttributes<ShakeBoxRef>>;
+export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "key" | "value" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;

package/src/Form/index.d.js

@@ -56,6 +56,19 @@ Object.keys(_CodeInput).forEach(function (key) {
   });
 });
 
+var _DropFileInput = require("./DropFileInput");
+
+Object.keys(_DropFileInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropFileInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropFileInput[key];
+    }
+  });
+});
+
 var _ErrorMessage = require("./ErrorMessage");
 
 Object.keys(_ErrorMessage).forEach(function (key) {

package/src/Form/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.d.js"}
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.d.js"}

package/src/Form/index.d.ts

@@ -2,6 +2,7 @@ export * from './Button';
 export * from './ButtonLink';
 export * from './Checkbox';
 export * from './CodeInput';
+export * from './DropFileInput';
 export * from './ErrorMessage';
 export * from './Form';
 export * from './Input';