@react-ui-org/react-ui 0.59.0 → 0.59.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/react-ui.css +2 -2
  2. package/dist/react-ui.development.css +3 -3
  3. package/dist/react-ui.development.js +1 -1
  4. package/dist/react-ui.js +1 -1
  5. package/package.json +1 -1
  6. package/src/components/Alert/README.md +1 -1
  7. package/src/components/Card/Card.module.scss +1 -1
  8. package/src/components/Card/README.md +11 -10
  9. package/src/components/Card/_theme.scss +1 -0
  10. package/src/components/FileInputField/FileInputField.jsx +45 -7
  11. package/src/components/FileInputField/README.md +38 -0
  12. package/src/components/FormLayout/README.md +7 -6
  13. package/src/components/InputGroup/README.md +1 -1
  14. package/src/theme.scss +2 -2
package/dist/react-ui.development.css CHANGED
@@ -4,8 +4,7 @@
4
4
  @charset "UTF-8";
5
5
  @layer theme, foundation, helpers, components, utilities;
6
6
  @layer theme {
7
- :root,
8
- :host {
7
+ :root {
9
8
  --rui-dimension-border-width-1: 1px;
10
9
  --rui-dimension-breakpoint-xs: 0;
11
10
  --rui-dimension-breakpoint-sm: 36em;
@@ -546,6 +545,7 @@
546
545
  --rui-ButtonGroup--flat__separator__color: currentcolor;
547
546
  --rui-Card__padding: var(--rui-dimension-space-4);
548
547
  --rui-Card__border-width: var(--rui-dimension-border-width-1);
548
+ --rui-Card__border-color: var(--rui-color-border-primary);
549
549
  --rui-Card__border-radius: var(--rui-dimension-radius-2);
550
550
  --rui-Card__background-color: var(--rui-color-background-layer-1);
551
551
  --rui-Card--dense__padding: var(--rui-dimension-space-2);
@@ -6382,7 +6382,7 @@
6382
6382
  flex-direction: column;
6383
6383
  min-width: 0;
6384
6384
  color: var(--rui-local-color);
6385
- border: var(--rui-Card__border-width) solid var(--rui-local-border-color, transparent);
6385
+ border: var(--rui-Card__border-width) solid var(--rui-local-border-color, var(--rui-Card__border-color));
6386
6386
  border-radius: var(--rui-Card__border-radius);
6387
6387
  background-color: var(--rui-local-background-color, var(--rui-Card__background-color));
6388
6388
  }
package/dist/react-ui.development.js CHANGED
@@ -266,7 +266,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n value: true\n}));
266
266
  \**********************************************************/
267
267
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
268
268
 
269
- eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n value: true\n}));\nexports[\"default\"] = exports.FileInputFieldWithGlobalProps = exports.FileInputField = void 0;\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _globalProps = __webpack_require__(/*! ../../providers/globalProps */ \"./src/providers/globalProps/index.js\");\nvar _classNames = __webpack_require__(/*! ../../helpers/classNames */ \"./src/helpers/classNames/index.js\");\nvar _transferProps = __webpack_require__(/*! ../../helpers/transferProps */ \"./src/helpers/transferProps/index.js\");\nvar _translations = __webpack_require__(/*! ../../providers/translations */ \"./src/providers/translations/index.js\");\nvar _getRootSizeClassName = __webpack_require__(/*! ../_helpers/getRootSizeClassName */ \"./src/components/_helpers/getRootSizeClassName.js\");\nvar _getRootValidationStateClassName = __webpack_require__(/*! ../_helpers/getRootValidationStateClassName */ \"./src/components/_helpers/getRootValidationStateClassName.js\");\nvar _resolveContextOrProp = __webpack_require__(/*! ../_helpers/resolveContextOrProp */ \"./src/components/_helpers/resolveContextOrProp.js\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup */ \"./src/components/InputGroup/index.js\");\nvar _Text = __webpack_require__(/*! ../Text */ \"./src/components/Text/index.js\");\nvar _FormLayout = __webpack_require__(/*! ../FormLayout */ \"./src/components/FormLayout/index.js\");\nvar _FileInputFieldModule = _interopRequireDefault(__webpack_require__(/*! ./FileInputField.module.scss */ \"./src/components/FileInputField/FileInputField.module.scss\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nconst FileInputField = exports.FileInputField = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n const {\n disabled,\n fullWidth,\n helpText,\n id,\n isLabelVisible,\n label,\n layout,\n multiple,\n onFilesChanged,\n required,\n size,\n validationState,\n validationText,\n ...restProps\n } = props;\n const internalInputRef = (0, _react.useRef)();\n\n // We need to have a reference to the input element to be able to call its methods,\n // but at the same time we want to expose this reference to the parent component for\n // case someone wants to call input methods from outside the component.\n (0, _react.useImperativeHandle)(ref, () => internalInputRef.current);\n const formLayoutContext = (0, _react.useContext)(_FormLayout.FormLayoutContext);\n const inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n const translations = (0, _react.useContext)(_translations.TranslationsContext);\n const [selectedFileNames, setSelectedFileNames] = (0, _react.useState)([]);\n const [isDragging, setIsDragging] = (0, _react.useState)(false);\n const handleFileChange = (files, event) => {\n if (files.length === 0) {\n setSelectedFileNames([]);\n return;\n }\n\n // Mimic the native behavior of the `input` element: if multiple files are selected and the input\n // does not accept multiple files, no files are processed.\n if (files.length > 1 && !multiple) {\n setSelectedFileNames([]);\n return;\n }\n const fileNames = [];\n [...files].forEach(file => {\n fileNames.push(file.name);\n });\n setSelectedFileNames(fileNames);\n onFilesChanged(files, event);\n };\n const handleInputChange = event => {\n handleFileChange(event.target.files, event);\n };\n const handleClick = () => {\n internalInputRef?.current.click();\n };\n const handleDrop = event => {\n event.preventDefault();\n handleFileChange(event.dataTransfer.files, event);\n setIsDragging(false);\n };\n const handleDragOver = event => {\n if (!isDragging) {\n setIsDragging(true);\n }\n event.preventDefault();\n };\n const handleDragLeave = () => {\n if (isDragging) {\n setIsDragging(false);\n }\n };\n return /*#__PURE__*/_react.default.createElement(\"div\", {\n className: (0, _classNames.classNames)(_FileInputFieldModule.default.root, fullWidth && _FileInputFieldModule.default.isRootFullWidth, formLayoutContext && _FileInputFieldModule.default.isRootInFormLayout, (0, _resolveContextOrProp.resolveContextOrProp)(formLayoutContext && formLayoutContext.layout, layout) === 'horizontal' ? _FileInputFieldModule.default.isRootLayoutHorizontal : _FileInputFieldModule.default.isRootLayoutVertical, (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled) && _FileInputFieldModule.default.isRootDisabled, inputGroupContext && _FileInputFieldModule.default.isRootGrouped, isDragging && _FileInputFieldModule.default.isRootDragging, required && _FileInputFieldModule.default.isRootRequired, (0, _getRootSizeClassName.getRootSizeClassName)((0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.size, size), _FileInputFieldModule.default), (0, _getRootValidationStateClassName.getRootValidationStateClassName)(validationState, _FileInputFieldModule.default)),\n id: `${id}__root`,\n onDragLeave: !disabled ? handleDragLeave : undefined,\n onDragOver: !disabled ? handleDragOver : undefined,\n onDrop: !disabled ? handleDrop : undefined\n }, /*#__PURE__*/_react.default.createElement(\"label\", {\n className: (0, _classNames.classNames)(_FileInputFieldModule.default.label, (!isLabelVisible || inputGroupContext) && _FileInputFieldModule.default.isLabelHidden),\n htmlFor: id,\n id: `${id}__labelText`\n }, label), /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.field\n }, /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.inputContainer\n }, /*#__PURE__*/_react.default.createElement(\"input\", _extends({}, (0, _transferProps.transferProps)(restProps), {\n className: _FileInputFieldModule.default.input,\n disabled: (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled),\n id: id,\n multiple: multiple,\n onChange: handleInputChange,\n ref: internalInputRef,\n required: required,\n tabIndex: -1,\n type: \"file\"\n })), /*#__PURE__*/_react.default.createElement(\"button\", {\n className: _FileInputFieldModule.default.dropZone,\n disabled: (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled),\n onClick: handleClick,\n type: \"button\"\n }, /*#__PURE__*/_react.default.createElement(_Text.Text, {\n lines: 1\n }, !selectedFileNames.length && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(\"span\", {\n className: _FileInputFieldModule.default.dropZoneLink\n }, translations.FileInputField.browse), ' ', translations.FileInputField.drop), selectedFileNames.length === 1 && selectedFileNames[0], selectedFileNames.length > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedFileNames.length, ' ', translations.FileInputField.filesSelected)))), helpText && /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.helpText,\n id: `${id}__helpText`\n }, helpText), validationText && /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.validationText,\n id: `${id}__validationText`\n }, validationText)));\n});\nFileInputField.defaultProps = {\n disabled: false,\n fullWidth: false,\n helpText: null,\n isLabelVisible: true,\n layout: 'vertical',\n multiple: false,\n required: false,\n size: 'medium',\n validationState: null,\n validationText: null\n};\nFileInputField.propTypes = {\n /**\n * If `true`, the input will be disabled.\n */\n disabled: _propTypes.default.bool,\n /**\n * If `true`, the field will span the full width of its parent.\n */\n fullWidth: _propTypes.default.bool,\n /**\n * Optional help text.\n */\n helpText: _propTypes.default.node,\n /**\n * ID of the `<input>` HTML element.\n *\n * Also serves as base for ids of nested elements:\n * * `<ID>__label`\n * * `<ID>__labelText`\n * * `<ID>__helpText`\n * * `<ID>__validationText`\n */\n id: _propTypes.default.string.isRequired,\n /**\n * If `false`, the label will be visually hidden (but remains accessible by assistive\n * technologies).\n */\n isLabelVisible: _propTypes.default.bool,\n /**\n * File input field label.\n */\n label: _propTypes.default.node.isRequired,\n /**\n * Layout of the field.\n *\n * Ignored if the component is rendered within `FormLayout` component\n * as the value is inherited in such case.\n *\n */\n layout: _propTypes.default.oneOf(['horizontal', 'vertical']),\n /**\n * If `true`, the input will accept multiple files.\n */\n multiple: _propTypes.default.bool,\n /**\n * Callback fired when the value of the input changes.\n */\n onFilesChanged: _propTypes.default.func.isRequired,\n /**\n * If `true`, the input will be required.\n */\n required: _propTypes.default.bool,\n /**\n * Size of the field.\n *\n * Ignored if the component is rendered within `InputGroup` component as the value is inherited in such case.\n */\n size: _propTypes.default.oneOf(['small', 'medium', 'large']),\n /**\n * Alter the field to provide feedback based on validation result.\n */\n validationState: _propTypes.default.oneOf(['invalid', 'valid', 'warning']),\n /**\n * Validation message to be displayed.\n */\n validationText: _propTypes.default.node\n};\nconst FileInputFieldWithGlobalProps = exports.FileInputFieldWithGlobalProps = (0, _globalProps.withGlobalProps)(FileInputField, 'FileInputField');\nvar _default = exports[\"default\"] = FileInputFieldWithGlobalProps;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9GaWxlSW5wdXRGaWVsZC9GaWxlSW5wdXRGaWVsZC5qc3giLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQU1BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBaUJBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHQTtBQUlBO0FBQ0E7QUFBQTtBQUlBO0FBQUE7QUFDQTtBQUFBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUE7QUFBQTtBQUdBO0FBQUE7QUFrQkE7QUFDQTtBQUFBO0FBT0E7QUFDQTtBQUFBO0FBUUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9AcmVhY3QtdWktb3JnL3JlYWN0LXVpLy4vc3JjL2NvbXBvbmVudHMvRmlsZUlucHV0RmllbGQvRmlsZUlucHV0RmllbGQuanN4PzYwMzEiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwge1xuICB1c2VDb250ZXh0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB3aXRoR2xvYmFsUHJvcHMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvZ2xvYmFsUHJvcHMnO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2hlbHBlcnMvY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyB0cmFuc2ZlclByb3BzIH0gZnJvbSAnLi4vLi4vaGVscGVycy90cmFuc2ZlclByb3BzJztcbmltcG9ydCB7IFRyYW5zbGF0aW9uc0NvbnRleHQgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvdHJhbnNsYXRpb25zJztcbmltcG9ydCB7IGdldFJvb3RTaXplQ2xhc3NOYW1lIH0gZnJvbSAnLi4vX2hlbHBlcnMvZ2V0Um9vdFNpemVDbGFzc05hbWUnO1xuaW1wb3J0IHsgZ2V0Um9vdFZhbGlkYXRpb25TdGF0ZUNsYXNzTmFtZSB9IGZyb20gJy4uL19oZWxwZXJzL2dldFJvb3RWYWxpZGF0aW9uU3RhdGVDbGFzc05hbWUnO1xuaW1wb3J0IHsgcmVzb2x2ZUNvbnRleHRPclByb3AgfSBmcm9tICcuLi9faGVscGVycy9yZXNvbHZlQ29udGV4dE9yUHJvcCc7XG5pbXBvcnQgeyBJbnB1dEdyb3VwQ29udGV4dCB9IGZyb20gJy4uL0lucHV0R3JvdXAnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHsgRm9ybUxheW91dENvbnRleHQgfSBmcm9tICcuLi9Gb3JtTGF5b3V0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9GaWxlSW5wdXRGaWVsZC5tb2R1bGUuc2Nzcyc7XG5cbmV4cG9ydCBjb25zdCBGaWxlSW5wdXRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRpc2FibGVkLFxuICAgIGZ1bGxXaWR0aCxcbiAgICBoZWxwVGV4dCxcbiAgICBpZCxcbiAgICBpc0xhYmVsVmlzaWJsZSxcbiAgICBsYWJlbCxcbiAgICBsYXlvdXQsXG4gICAgbXVsdGlwbGUsXG4gICAgb25GaWxlc0NoYW5nZWQsXG4gICAgcmVxdWlyZWQsXG4gICAgc2l6ZSxcbiAgICB2YWxpZGF0aW9uU3RhdGUsXG4gICAgdmFsaWRhdGlvblRleHQsXG4gICAgLi4ucmVzdFByb3BzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCBpbnRlcm5hbElucHV0UmVmID0gdXNlUmVmKCk7XG5cbiAgLy8gV2UgbmVlZCB0byBoYXZlIGEgcmVmZXJlbmNlIHRvIHRoZSBpbnB1dCBlbGVtZW50IHRvIGJlIGFibGUgdG8gY2FsbCBpdHMgbWV0aG9kcyxcbiAgLy8gYnV0IGF0IHRoZSBzYW1lIHRpbWUgd2Ugd2FudCB0byBleHBvc2UgdGhpcyByZWZlcmVuY2UgdG8gdGhlIHBhcmVudCBjb21wb25lbnQgZm9yXG4gIC8vIGNhc2Ugc29tZW9uZSB3YW50cyB0byBjYWxsIGlucHV0IG1ldGhvZHMgZnJvbSBvdXRzaWRlIHRoZSBjb21wb25lbnQuXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiBpbnRlcm5hbElucHV0UmVmLmN1cnJlbnQpO1xuXG4gIGNvbnN0IGZvcm1MYXlvdXRDb250ZXh0ID0gdXNlQ29udGV4dChGb3JtTGF5b3V0Q29udGV4dCk7XG4gIGNvbnN0IGlucHV0R3JvdXBDb250ZXh0ID0gdXNlQ29udGV4dChJbnB1dEdyb3VwQ29udGV4dCk7XG4gIGNvbnN0IHRyYW5zbGF0aW9ucyA9IHVzZUNvbnRleHQoVHJhbnNsYXRpb25zQ29udGV4dCk7XG5cbiAgY29uc3QgW3NlbGVjdGVkRmlsZU5hbWVzLCBzZXRTZWxlY3RlZEZpbGVOYW1lc10gPSB1c2VTdGF0ZShbXSk7XG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVGaWxlQ2hhbmdlID0gKGZpbGVzLCBldmVudCkgPT4ge1xuICAgIGlmIChmaWxlcy5sZW5ndGggPT09IDApIHtcbiAgICAgIHNldFNlbGVjdGVkRmlsZU5hbWVzKFtdKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBNaW1pYyB0aGUgbmF0aXZlIGJlaGF2aW9yIG9mIHRoZSBgaW5wdXRgIGVsZW1lbnQ6IGlmIG11bHRpcGxlIGZpbGVzIGFyZSBzZWxlY3RlZCBhbmQgdGhlIGlucHV0XG4gICAgLy8gZG9lcyBub3QgYWNjZXB0IG11bHRpcGxlIGZpbGVzLCBubyBmaWxlcyBhcmUgcHJvY2Vzc2VkLlxuICAgIGlmIChmaWxlcy5sZW5ndGggPiAxICYmICFtdWx0aXBsZSkge1xuICAgICAgc2V0U2VsZWN0ZWRGaWxlTmFtZXMoW10pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGZpbGVOYW1lcyA9IFtdO1xuXG4gICAgWy4uLmZpbGVzXS5mb3JFYWNoKChmaWxlKSA9PiB7XG4gICAgICBmaWxlTmFtZXMucHVzaChmaWxlLm5hbWUpO1xuICAgIH0pO1xuXG4gICAgc2V0U2VsZWN0ZWRGaWxlTmFtZXMoZmlsZU5hbWVzKTtcbiAgICBvbkZpbGVzQ2hhbmdlZChmaWxlcywgZXZlbnQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gKGV2ZW50KSA9PiB7XG4gICAgaGFuZGxlRmlsZUNoYW5nZShldmVudC50YXJnZXQuZmlsZXMsIGV2ZW50KTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICBpbnRlcm5hbElucHV0UmVmPy5jdXJyZW50LmNsaWNrKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlRHJvcCA9IChldmVudCkgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaGFuZGxlRmlsZUNoYW5nZShldmVudC5kYXRhVHJhbnNmZXIuZmlsZXMsIGV2ZW50KTtcbiAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudCkgPT4ge1xuICAgIGlmICghaXNEcmFnZ2luZykge1xuICAgICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVEcmFnTGVhdmUgPSAoKSA9PiB7XG4gICAgaWYgKGlzRHJhZ2dpbmcpIHtcbiAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGZ1bGxXaWR0aCAmJiBzdHlsZXMuaXNSb290RnVsbFdpZHRoLFxuICAgICAgICBmb3JtTGF5b3V0Q29udGV4dCAmJiBzdHlsZXMuaXNSb290SW5Gb3JtTGF5b3V0LFxuICAgICAgICByZXNvbHZlQ29udGV4dE9yUHJvcChmb3JtTGF5b3V0Q29udGV4dCAmJiBmb3JtTGF5b3V0Q29udGV4dC5sYXlvdXQsIGxheW91dCkgPT09ICdob3Jpem9udGFsJ1xuICAgICAgICAgID8gc3R5bGVzLmlzUm9vdExheW91dEhvcml6b250YWxcbiAgICAgICAgICA6IHN0eWxlcy5pc1Jvb3RMYXlvdXRWZXJ0aWNhbCxcbiAgICAgICAgcmVzb2x2ZUNvbnRleHRPclByb3AoaW5wdXRHcm91cENvbnRleHQgJiYgaW5wdXRHcm91cENvbnRleHQuZGlzYWJsZWQsIGRpc2FibGVkKSAmJiBzdHlsZXMuaXNSb290RGlzYWJsZWQsXG4gICAgICAgIGlucHV0R3JvdXBDb250ZXh0ICYmIHN0eWxlcy5pc1Jvb3RHcm91cGVkLFxuICAgICAgICBpc0RyYWdnaW5nICYmIHN0eWxlcy5pc1Jvb3REcmFnZ2luZyxcbiAgICAgICAgcmVxdWlyZWQgJiYgc3R5bGVzLmlzUm9vdFJlcXVpcmVkLFxuICAgICAgICBnZXRSb290U2l6ZUNsYXNzTmFtZShcbiAgICAgICAgICByZXNvbHZlQ29udGV4dE9yUHJvcChpbnB1dEdyb3VwQ29udGV4dCAmJiBpbnB1dEdyb3VwQ29udGV4dC5zaXplLCBzaXplKSxcbiAgICAgICAgICBzdHlsZXMsXG4gICAgICAgICksXG4gICAgICAgIGdldFJvb3RWYWxpZGF0aW9uU3RhdGVDbGFzc05hbWUodmFsaWRhdGlvblN0YXRlLCBzdHlsZXMpLFxuICAgICAgKX1cbiAgICAgIGlkPXtgJHtpZH1fX3Jvb3RgfVxuICAgICAgb25EcmFnTGVhdmU9eyFkaXNhYmxlZCA/IGhhbmRsZURyYWdMZWF2ZSA6IHVuZGVmaW5lZH1cbiAgICAgIG9uRHJhZ092ZXI9eyFkaXNhYmxlZCA/IGhhbmRsZURyYWdPdmVyIDogdW5kZWZpbmVkfVxuICAgICAgb25Ecm9wPXshZGlzYWJsZWQgPyBoYW5kbGVEcm9wIDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIDxsYWJlbFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgc3R5bGVzLmxhYmVsLFxuICAgICAgICAgICghaXNMYWJlbFZpc2libGUgfHwgaW5wdXRHcm91cENvbnRleHQpICYmIHN0eWxlcy5pc0xhYmVsSGlkZGVuLFxuICAgICAgICApfVxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgaWQ9e2Ake2lkfV9fbGFiZWxUZXh0YH1cbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9sYWJlbD5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMuZmllbGR9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmlucHV0Q29udGFpbmVyfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi50cmFuc2ZlclByb3BzKHJlc3RQcm9wcyl9XG4gICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy5pbnB1dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtyZXNvbHZlQ29udGV4dE9yUHJvcChpbnB1dEdyb3VwQ29udGV4dCAmJiBpbnB1dEdyb3VwQ29udGV4dC5kaXNhYmxlZCwgZGlzYWJsZWQpfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgICAgICAgcmVmPXtpbnRlcm5hbElucHV0UmVmfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuZHJvcFpvbmV9XG4gICAgICAgICAgICBkaXNhYmxlZD17cmVzb2x2ZUNvbnRleHRPclByb3AoaW5wdXRHcm91cENvbnRleHQgJiYgaW5wdXRHcm91cENvbnRleHQuZGlzYWJsZWQsIGRpc2FibGVkKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgbGluZXM9ezF9PlxuICAgICAgICAgICAgICB7IXNlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17c3R5bGVzLmRyb3Bab25lTGlua30+e3RyYW5zbGF0aW9ucy5GaWxlSW5wdXRGaWVsZC5icm93c2V9PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHt0cmFuc2xhdGlvbnMuRmlsZUlucHV0RmllbGQuZHJvcH1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge3NlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCA9PT0gMSAmJiBzZWxlY3RlZEZpbGVOYW1lc1swXX1cbiAgICAgICAgICAgICAge3NlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCA+IDEgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7c2VsZWN0ZWRGaWxlTmFtZXMubGVuZ3RofVxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHt0cmFuc2xhdGlvbnMuRmlsZUlucHV0RmllbGQuZmlsZXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtoZWxwVGV4dCAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuaGVscFRleHR9XG4gICAgICAgICAgICBpZD17YCR7aWR9X19oZWxwVGV4dGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlbHBUZXh0fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7dmFsaWRhdGlvblRleHQgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLnZhbGlkYXRpb25UZXh0fVxuICAgICAgICAgICAgaWQ9e2Ake2lkfV9fdmFsaWRhdGlvblRleHRgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uVGV4dH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cbkZpbGVJbnB1dEZpZWxkLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBmdWxsV2lkdGg6IGZhbHNlLFxuICBoZWxwVGV4dDogbnVsbCxcbiAgaXNMYWJlbFZpc2libGU6IHRydWUsXG4gIGxheW91dDogJ3ZlcnRpY2FsJyxcbiAgbXVsdGlwbGU6IGZhbHNlLFxuICByZXF1aXJlZDogZmFsc2UsXG4gIHNpemU6ICdtZWRpdW0nLFxuICB2YWxpZGF0aW9uU3RhdGU6IG51bGwsXG4gIHZhbGlkYXRpb25UZXh0OiBudWxsLFxufTtcblxuRmlsZUlucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBiZSBkaXNhYmxlZC5cbiAgICovXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhlIGZpZWxkIHdpbGwgc3BhbiB0aGUgZnVsbCB3aWR0aCBvZiBpdHMgcGFyZW50LlxuICAgKi9cbiAgZnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIE9wdGlvbmFsIGhlbHAgdGV4dC5cbiAgICovXG4gIGhlbHBUZXh0OiBQcm9wVHlwZXMubm9kZSxcbiAgLyoqXG4gICAqIElEIG9mIHRoZSBgPGlucHV0PmAgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBBbHNvIHNlcnZlcyBhcyBiYXNlIGZvciBpZHMgb2YgbmVzdGVkIGVsZW1lbnRzOlxuICAgKiAqIGA8SUQ+X19sYWJlbGBcbiAgICogKiBgPElEPl9fbGFiZWxUZXh0YFxuICAgKiAqIGA8SUQ+X19oZWxwVGV4dGBcbiAgICogKiBgPElEPl9fdmFsaWRhdGlvblRleHRgXG4gICAqL1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogSWYgYGZhbHNlYCwgdGhlIGxhYmVsIHdpbGwgYmUgdmlzdWFsbHkgaGlkZGVuIChidXQgcmVtYWlucyBhY2Nlc3NpYmxlIGJ5IGFzc2lzdGl2ZVxuICAgKiB0ZWNobm9sb2dpZXMpLlxuICAgKi9cbiAgaXNMYWJlbFZpc2libGU6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRmlsZSBpbnB1dCBmaWVsZCBsYWJlbC5cbiAgICovXG4gIGxhYmVsOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogTGF5b3V0IG9mIHRoZSBmaWVsZC5cbiAgICpcbiAgICogSWdub3JlZCBpZiB0aGUgY29tcG9uZW50IGlzIHJlbmRlcmVkIHdpdGhpbiBgRm9ybUxheW91dGAgY29tcG9uZW50XG4gICAqIGFzIHRoZSB2YWx1ZSBpcyBpbmhlcml0ZWQgaW4gc3VjaCBjYXNlLlxuICAgKlxuICAgKi9cbiAgbGF5b3V0OiBQcm9wVHlwZXMub25lT2YoWydob3Jpem9udGFsJywgJ3ZlcnRpY2FsJ10pLFxuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBhY2NlcHQgbXVsdGlwbGUgZmlsZXMuXG4gICAqL1xuICBtdWx0aXBsZTogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKlxuICAgKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQgY2hhbmdlcy5cbiAgICovXG4gIG9uRmlsZXNDaGFuZ2VkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBiZSByZXF1aXJlZC5cbiAgICovXG4gIHJlcXVpcmVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIGZpZWxkLlxuICAgKlxuICAgKiBJZ25vcmVkIGlmIHRoZSBjb21wb25lbnQgaXMgcmVuZGVyZWQgd2l0aGluIGBJbnB1dEdyb3VwYCBjb21wb25lbnQgYXMgdGhlIHZhbHVlIGlzIGluaGVyaXRlZCBpbiBzdWNoIGNhc2UuXG4gICAqL1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydzbWFsbCcsICdtZWRpdW0nLCAnbGFyZ2UnXSksXG4gIC8qKlxuICAgKiBBbHRlciB0aGUgZmllbGQgdG8gcHJvdmlkZSBmZWVkYmFjayBiYXNlZCBvbiB2YWxpZGF0aW9uIHJlc3VsdC5cbiAgICovXG4gIHZhbGlkYXRpb25TdGF0ZTogUHJvcFR5cGVzLm9uZU9mKFsnaW52YWxpZCcsICd2YWxpZCcsICd3YXJuaW5nJ10pLFxuICAvKipcbiAgICogVmFsaWRhdGlvbiBtZXNzYWdlIHRvIGJlIGRpc3BsYXllZC5cbiAgICovXG4gIHZhbGlkYXRpb25UZXh0OiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWxlSW5wdXRGaWVsZFdpdGhHbG9iYWxQcm9wcyA9IHdpdGhHbG9iYWxQcm9wcyhGaWxlSW5wdXRGaWVsZCwgJ0ZpbGVJbnB1dEZpZWxkJyk7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVJbnB1dEZpZWxkV2l0aEdsb2JhbFByb3BzO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/FileInputField/FileInputField.jsx\n");
269
+ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n value: true\n}));\nexports[\"default\"] = exports.FileInputFieldWithGlobalProps = exports.FileInputField = void 0;\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _globalProps = __webpack_require__(/*! ../../providers/globalProps */ \"./src/providers/globalProps/index.js\");\nvar _classNames = __webpack_require__(/*! ../../helpers/classNames */ \"./src/helpers/classNames/index.js\");\nvar _transferProps = __webpack_require__(/*! ../../helpers/transferProps */ \"./src/helpers/transferProps/index.js\");\nvar _translations = __webpack_require__(/*! ../../providers/translations */ \"./src/providers/translations/index.js\");\nvar _getRootSizeClassName = __webpack_require__(/*! ../_helpers/getRootSizeClassName */ \"./src/components/_helpers/getRootSizeClassName.js\");\nvar _getRootValidationStateClassName = __webpack_require__(/*! ../_helpers/getRootValidationStateClassName */ \"./src/components/_helpers/getRootValidationStateClassName.js\");\nvar _resolveContextOrProp = __webpack_require__(/*! ../_helpers/resolveContextOrProp */ \"./src/components/_helpers/resolveContextOrProp.js\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup */ \"./src/components/InputGroup/index.js\");\nvar _Text = __webpack_require__(/*! ../Text */ \"./src/components/Text/index.js\");\nvar _FormLayout = __webpack_require__(/*! ../FormLayout */ \"./src/components/FormLayout/index.js\");\nvar _FileInputFieldModule = _interopRequireDefault(__webpack_require__(/*! ./FileInputField.module.scss */ \"./src/components/FileInputField/FileInputField.module.scss\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nconst FileInputField = exports.FileInputField = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n const {\n disabled,\n fullWidth,\n helpText,\n id,\n isLabelVisible,\n label,\n layout,\n multiple,\n onFilesChanged,\n required,\n size,\n validationState,\n validationText,\n ...restProps\n } = props;\n const formLayoutContext = (0, _react.useContext)(_FormLayout.FormLayoutContext);\n const inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n const translations = (0, _react.useContext)(_translations.TranslationsContext);\n const [selectedFileNames, setSelectedFileNames] = (0, _react.useState)([]);\n const [isDragging, setIsDragging] = (0, _react.useState)(false);\n const internalInputRef = (0, _react.useRef)();\n const handleReset = (0, _react.useCallback)(event => {\n setSelectedFileNames([]);\n onFilesChanged([], event);\n }, [onFilesChanged]);\n\n // We need to have a reference to the input element to be able to call its methods,\n // but at the same time we want to expose this reference to the parent component in\n // case someone wants to call input methods from outside the component.\n (0, _react.useImperativeHandle)(ref, () => {\n // The reason of extending object instead of using spread operator is that\n // if it is transformed to the object, it changes the reference of the object\n // and its prototype chain.\n const inputEl = internalInputRef?.current ?? {};\n inputEl.resetState = () => {\n handleReset(null);\n };\n return inputEl;\n }, [handleReset]);\n const handleFileChange = (files, event) => {\n if (files.length === 0) {\n setSelectedFileNames([]);\n return;\n }\n\n // Mimic the native behavior of the `input` element: if multiple files are selected and the input\n // does not accept multiple files, no files are processed.\n if (files.length > 1 && !multiple) {\n setSelectedFileNames([]);\n return;\n }\n const fileNames = [];\n [...files].forEach(file => {\n fileNames.push(file.name);\n });\n setSelectedFileNames(fileNames);\n onFilesChanged(files, event);\n };\n const handleInputChange = event => {\n handleFileChange(event.target.files, event);\n };\n const handleClick = () => {\n internalInputRef?.current.click();\n };\n const handleDrop = event => {\n event.preventDefault();\n handleFileChange(event.dataTransfer.files, event);\n setIsDragging(false);\n };\n const handleDragOver = event => {\n if (!isDragging) {\n setIsDragging(true);\n }\n event.preventDefault();\n };\n const handleDragLeave = () => {\n if (isDragging) {\n setIsDragging(false);\n }\n };\n (0, _react.useEffect)(() => {\n const inputEl = internalInputRef.current;\n if (!inputEl) {\n return () => {};\n }\n const {\n form\n } = inputEl;\n if (!form) {\n return () => {};\n }\n form.addEventListener('reset', handleReset);\n return () => {\n form.removeEventListener('reset', handleReset);\n };\n }, [handleReset]);\n return /*#__PURE__*/_react.default.createElement(\"div\", {\n className: (0, _classNames.classNames)(_FileInputFieldModule.default.root, fullWidth && _FileInputFieldModule.default.isRootFullWidth, formLayoutContext && _FileInputFieldModule.default.isRootInFormLayout, (0, _resolveContextOrProp.resolveContextOrProp)(formLayoutContext && formLayoutContext.layout, layout) === 'horizontal' ? _FileInputFieldModule.default.isRootLayoutHorizontal : _FileInputFieldModule.default.isRootLayoutVertical, (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled) && _FileInputFieldModule.default.isRootDisabled, inputGroupContext && _FileInputFieldModule.default.isRootGrouped, isDragging && _FileInputFieldModule.default.isRootDragging, required && _FileInputFieldModule.default.isRootRequired, (0, _getRootSizeClassName.getRootSizeClassName)((0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.size, size), _FileInputFieldModule.default), (0, _getRootValidationStateClassName.getRootValidationStateClassName)(validationState, _FileInputFieldModule.default)),\n id: `${id}__root`,\n onDragLeave: !disabled ? handleDragLeave : undefined,\n onDragOver: !disabled ? handleDragOver : undefined,\n onDrop: !disabled ? handleDrop : undefined\n }, /*#__PURE__*/_react.default.createElement(\"label\", {\n className: (0, _classNames.classNames)(_FileInputFieldModule.default.label, (!isLabelVisible || inputGroupContext) && _FileInputFieldModule.default.isLabelHidden),\n htmlFor: id,\n id: `${id}__labelText`\n }, label), /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.field\n }, /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.inputContainer\n }, /*#__PURE__*/_react.default.createElement(\"input\", _extends({}, (0, _transferProps.transferProps)(restProps), {\n className: _FileInputFieldModule.default.input,\n disabled: (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled),\n id: id,\n multiple: multiple,\n onChange: handleInputChange,\n ref: internalInputRef,\n required: required,\n tabIndex: -1,\n type: \"file\"\n })), /*#__PURE__*/_react.default.createElement(\"button\", {\n className: _FileInputFieldModule.default.dropZone,\n disabled: (0, _resolveContextOrProp.resolveContextOrProp)(inputGroupContext && inputGroupContext.disabled, disabled),\n onClick: handleClick,\n type: \"button\"\n }, /*#__PURE__*/_react.default.createElement(_Text.Text, {\n lines: 1\n }, !selectedFileNames.length && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(\"span\", {\n className: _FileInputFieldModule.default.dropZoneLink\n }, translations.FileInputField.browse), ' ', translations.FileInputField.drop), selectedFileNames.length === 1 && selectedFileNames[0], selectedFileNames.length > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedFileNames.length, ' ', translations.FileInputField.filesSelected)))), helpText && /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.helpText,\n id: `${id}__helpText`\n }, helpText), validationText && /*#__PURE__*/_react.default.createElement(\"div\", {\n className: _FileInputFieldModule.default.validationText,\n id: `${id}__validationText`\n }, validationText)));\n});\nFileInputField.defaultProps = {\n disabled: false,\n fullWidth: false,\n helpText: null,\n isLabelVisible: true,\n layout: 'vertical',\n multiple: false,\n required: false,\n size: 'medium',\n validationState: null,\n validationText: null\n};\nFileInputField.propTypes = {\n /**\n * If `true`, the input will be disabled.\n */\n disabled: _propTypes.default.bool,\n /**\n * If `true`, the field will span the full width of its parent.\n */\n fullWidth: _propTypes.default.bool,\n /**\n * Optional help text.\n */\n helpText: _propTypes.default.node,\n /**\n * ID of the `<input>` HTML element.\n *\n * Also serves as base for ids of nested elements:\n * * `<ID>__label`\n * * `<ID>__labelText`\n * * `<ID>__helpText`\n * * `<ID>__validationText`\n */\n id: _propTypes.default.string.isRequired,\n /**\n * If `false`, the label will be visually hidden (but remains accessible by assistive\n * technologies).\n */\n isLabelVisible: _propTypes.default.bool,\n /**\n * File input field label.\n */\n label: _propTypes.default.node.isRequired,\n /**\n * Layout of the field.\n *\n * Ignored if the component is rendered within `FormLayout` component\n * as the value is inherited in such case.\n *\n */\n layout: _propTypes.default.oneOf(['horizontal', 'vertical']),\n /**\n * If `true`, the input will accept multiple files.\n */\n multiple: _propTypes.default.bool,\n /**\n * Callback fired when the value of the input changes.\n */\n onFilesChanged: _propTypes.default.func.isRequired,\n /**\n * If `true`, the input will be required.\n */\n required: _propTypes.default.bool,\n /**\n * Size of the field.\n *\n * Ignored if the component is rendered within `InputGroup` component as the value is inherited in such case.\n */\n size: _propTypes.default.oneOf(['small', 'medium', 'large']),\n /**\n * Alter the field to provide feedback based on validation result.\n */\n validationState: _propTypes.default.oneOf(['invalid', 'valid', 'warning']),\n /**\n * Validation message to be displayed.\n */\n validationText: _propTypes.default.node\n};\nconst FileInputFieldWithGlobalProps = exports.FileInputFieldWithGlobalProps = (0, _globalProps.withGlobalProps)(FileInputField, 'FileInputField');\nvar _default = exports[\"default\"] = FileInputFieldWithGlobalProps;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9GaWxlSW5wdXRGaWVsZC9GaWxlSW5wdXRGaWVsZC5qc3giLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQVFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQWlCQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBR0E7QUFJQTtBQUNBO0FBQUE7QUFJQTtBQUFBO0FBQ0E7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFHQTtBQUFBO0FBa0JBO0FBQ0E7QUFBQTtBQU9BO0FBQ0E7QUFBQTtBQVFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUFBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vQHJlYWN0LXVpLW9yZy9yZWFjdC11aS8uL3NyYy9jb21wb25lbnRzL0ZpbGVJbnB1dEZpZWxkL0ZpbGVJbnB1dEZpZWxkLmpzeD82MDMxIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ29udGV4dCxcbiAgdXNlSW1wZXJhdGl2ZUhhbmRsZSxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2l0aEdsb2JhbFByb3BzIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL2dsb2JhbFByb3BzJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgdHJhbnNmZXJQcm9wcyB9IGZyb20gJy4uLy4uL2hlbHBlcnMvdHJhbnNmZXJQcm9wcyc7XG5pbXBvcnQgeyBUcmFuc2xhdGlvbnNDb250ZXh0IH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL3RyYW5zbGF0aW9ucyc7XG5pbXBvcnQgeyBnZXRSb290U2l6ZUNsYXNzTmFtZSB9IGZyb20gJy4uL19oZWxwZXJzL2dldFJvb3RTaXplQ2xhc3NOYW1lJztcbmltcG9ydCB7IGdldFJvb3RWYWxpZGF0aW9uU3RhdGVDbGFzc05hbWUgfSBmcm9tICcuLi9faGVscGVycy9nZXRSb290VmFsaWRhdGlvblN0YXRlQ2xhc3NOYW1lJztcbmltcG9ydCB7IHJlc29sdmVDb250ZXh0T3JQcm9wIH0gZnJvbSAnLi4vX2hlbHBlcnMvcmVzb2x2ZUNvbnRleHRPclByb3AnO1xuaW1wb3J0IHsgSW5wdXRHcm91cENvbnRleHQgfSBmcm9tICcuLi9JbnB1dEdyb3VwJztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0JztcbmltcG9ydCB7IEZvcm1MYXlvdXRDb250ZXh0IH0gZnJvbSAnLi4vRm9ybUxheW91dCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vRmlsZUlucHV0RmllbGQubW9kdWxlLnNjc3MnO1xuXG5leHBvcnQgY29uc3QgRmlsZUlucHV0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkaXNhYmxlZCxcbiAgICBmdWxsV2lkdGgsXG4gICAgaGVscFRleHQsXG4gICAgaWQsXG4gICAgaXNMYWJlbFZpc2libGUsXG4gICAgbGFiZWwsXG4gICAgbGF5b3V0LFxuICAgIG11bHRpcGxlLFxuICAgIG9uRmlsZXNDaGFuZ2VkLFxuICAgIHJlcXVpcmVkLFxuICAgIHNpemUsXG4gICAgdmFsaWRhdGlvblN0YXRlLFxuICAgIHZhbGlkYXRpb25UZXh0LFxuICAgIC4uLnJlc3RQcm9wc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgZm9ybUxheW91dENvbnRleHQgPSB1c2VDb250ZXh0KEZvcm1MYXlvdXRDb250ZXh0KTtcbiAgY29uc3QgaW5wdXRHcm91cENvbnRleHQgPSB1c2VDb250ZXh0KElucHV0R3JvdXBDb250ZXh0KTtcbiAgY29uc3QgdHJhbnNsYXRpb25zID0gdXNlQ29udGV4dChUcmFuc2xhdGlvbnNDb250ZXh0KTtcblxuICBjb25zdCBbc2VsZWN0ZWRGaWxlTmFtZXMsIHNldFNlbGVjdGVkRmlsZU5hbWVzXSA9IHVzZVN0YXRlKFtdKTtcbiAgY29uc3QgW2lzRHJhZ2dpbmcsIHNldElzRHJhZ2dpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGludGVybmFsSW5wdXRSZWYgPSB1c2VSZWYoKTtcblxuICBjb25zdCBoYW5kbGVSZXNldCA9IHVzZUNhbGxiYWNrKChldmVudCkgPT4ge1xuICAgIHNldFNlbGVjdGVkRmlsZU5hbWVzKFtdKTtcbiAgICBvbkZpbGVzQ2hhbmdlZChbXSwgZXZlbnQpO1xuICB9LCBbb25GaWxlc0NoYW5nZWRdKTtcblxuICAvLyBXZSBuZWVkIHRvIGhhdmUgYSByZWZlcmVuY2UgdG8gdGhlIGlucHV0IGVsZW1lbnQgdG8gYmUgYWJsZSB0byBjYWxsIGl0cyBtZXRob2RzLFxuICAvLyBidXQgYXQgdGhlIHNhbWUgdGltZSB3ZSB3YW50IHRvIGV4cG9zZSB0aGlzIHJlZmVyZW5jZSB0byB0aGUgcGFyZW50IGNvbXBvbmVudCBpblxuICAvLyBjYXNlIHNvbWVvbmUgd2FudHMgdG8gY2FsbCBpbnB1dCBtZXRob2RzIGZyb20gb3V0c2lkZSB0aGUgY29tcG9uZW50LlxuICB1c2VJbXBlcmF0aXZlSGFuZGxlKFxuICAgIHJlZixcbiAgICAoKSA9PiB7XG4gICAgICAvLyBUaGUgcmVhc29uIG9mIGV4dGVuZGluZyBvYmplY3QgaW5zdGVhZCBvZiB1c2luZyBzcHJlYWQgb3BlcmF0b3IgaXMgdGhhdFxuICAgICAgLy8gaWYgaXQgaXMgdHJhbnNmb3JtZWQgdG8gdGhlIG9iamVjdCwgaXQgY2hhbmdlcyB0aGUgcmVmZXJlbmNlIG9mIHRoZSBvYmplY3RcbiAgICAgIC8vIGFuZCBpdHMgcHJvdG90eXBlIGNoYWluLlxuICAgICAgY29uc3QgaW5wdXRFbCA9IGludGVybmFsSW5wdXRSZWY/LmN1cnJlbnQgPz8ge307XG4gICAgICBpbnB1dEVsLnJlc2V0U3RhdGUgPSAoKSA9PiB7XG4gICAgICAgIGhhbmRsZVJlc2V0KG51bGwpO1xuICAgICAgfTtcbiAgICAgIHJldHVybiBpbnB1dEVsO1xuICAgIH0sXG4gICAgW2hhbmRsZVJlc2V0XSxcbiAgKTtcblxuICBjb25zdCBoYW5kbGVGaWxlQ2hhbmdlID0gKGZpbGVzLCBldmVudCkgPT4ge1xuICAgIGlmIChmaWxlcy5sZW5ndGggPT09IDApIHtcbiAgICAgIHNldFNlbGVjdGVkRmlsZU5hbWVzKFtdKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBNaW1pYyB0aGUgbmF0aXZlIGJlaGF2aW9yIG9mIHRoZSBgaW5wdXRgIGVsZW1lbnQ6IGlmIG11bHRpcGxlIGZpbGVzIGFyZSBzZWxlY3RlZCBhbmQgdGhlIGlucHV0XG4gICAgLy8gZG9lcyBub3QgYWNjZXB0IG11bHRpcGxlIGZpbGVzLCBubyBmaWxlcyBhcmUgcHJvY2Vzc2VkLlxuICAgIGlmIChmaWxlcy5sZW5ndGggPiAxICYmICFtdWx0aXBsZSkge1xuICAgICAgc2V0U2VsZWN0ZWRGaWxlTmFtZXMoW10pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGZpbGVOYW1lcyA9IFtdO1xuXG4gICAgWy4uLmZpbGVzXS5mb3JFYWNoKChmaWxlKSA9PiB7XG4gICAgICBmaWxlTmFtZXMucHVzaChmaWxlLm5hbWUpO1xuICAgIH0pO1xuXG4gICAgc2V0U2VsZWN0ZWRGaWxlTmFtZXMoZmlsZU5hbWVzKTtcbiAgICBvbkZpbGVzQ2hhbmdlZChmaWxlcywgZXZlbnQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gKGV2ZW50KSA9PiB7XG4gICAgaGFuZGxlRmlsZUNoYW5nZShldmVudC50YXJnZXQuZmlsZXMsIGV2ZW50KTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICBpbnRlcm5hbElucHV0UmVmPy5jdXJyZW50LmNsaWNrKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlRHJvcCA9IChldmVudCkgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaGFuZGxlRmlsZUNoYW5nZShldmVudC5kYXRhVHJhbnNmZXIuZmlsZXMsIGV2ZW50KTtcbiAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudCkgPT4ge1xuICAgIGlmICghaXNEcmFnZ2luZykge1xuICAgICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVEcmFnTGVhdmUgPSAoKSA9PiB7XG4gICAgaWYgKGlzRHJhZ2dpbmcpIHtcbiAgICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGlucHV0RWwgPSBpbnRlcm5hbElucHV0UmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFpbnB1dEVsKSB7XG4gICAgICByZXR1cm4gKCkgPT4ge307XG4gICAgfVxuXG4gICAgY29uc3QgeyBmb3JtIH0gPSBpbnB1dEVsO1xuICAgIGlmICghZm9ybSkge1xuICAgICAgcmV0dXJuICgpID0+IHt9O1xuICAgIH1cblxuICAgIGZvcm0uYWRkRXZlbnRMaXN0ZW5lcigncmVzZXQnLCBoYW5kbGVSZXNldCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZm9ybS5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNldCcsIGhhbmRsZVJlc2V0KTtcbiAgICB9O1xuICB9LCBbaGFuZGxlUmVzZXRdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGZ1bGxXaWR0aCAmJiBzdHlsZXMuaXNSb290RnVsbFdpZHRoLFxuICAgICAgICBmb3JtTGF5b3V0Q29udGV4dCAmJiBzdHlsZXMuaXNSb290SW5Gb3JtTGF5b3V0LFxuICAgICAgICByZXNvbHZlQ29udGV4dE9yUHJvcChmb3JtTGF5b3V0Q29udGV4dCAmJiBmb3JtTGF5b3V0Q29udGV4dC5sYXlvdXQsIGxheW91dCkgPT09ICdob3Jpem9udGFsJ1xuICAgICAgICAgID8gc3R5bGVzLmlzUm9vdExheW91dEhvcml6b250YWxcbiAgICAgICAgICA6IHN0eWxlcy5pc1Jvb3RMYXlvdXRWZXJ0aWNhbCxcbiAgICAgICAgcmVzb2x2ZUNvbnRleHRPclByb3AoaW5wdXRHcm91cENvbnRleHQgJiYgaW5wdXRHcm91cENvbnRleHQuZGlzYWJsZWQsIGRpc2FibGVkKSAmJiBzdHlsZXMuaXNSb290RGlzYWJsZWQsXG4gICAgICAgIGlucHV0R3JvdXBDb250ZXh0ICYmIHN0eWxlcy5pc1Jvb3RHcm91cGVkLFxuICAgICAgICBpc0RyYWdnaW5nICYmIHN0eWxlcy5pc1Jvb3REcmFnZ2luZyxcbiAgICAgICAgcmVxdWlyZWQgJiYgc3R5bGVzLmlzUm9vdFJlcXVpcmVkLFxuICAgICAgICBnZXRSb290U2l6ZUNsYXNzTmFtZShcbiAgICAgICAgICByZXNvbHZlQ29udGV4dE9yUHJvcChpbnB1dEdyb3VwQ29udGV4dCAmJiBpbnB1dEdyb3VwQ29udGV4dC5zaXplLCBzaXplKSxcbiAgICAgICAgICBzdHlsZXMsXG4gICAgICAgICksXG4gICAgICAgIGdldFJvb3RWYWxpZGF0aW9uU3RhdGVDbGFzc05hbWUodmFsaWRhdGlvblN0YXRlLCBzdHlsZXMpLFxuICAgICAgKX1cbiAgICAgIGlkPXtgJHtpZH1fX3Jvb3RgfVxuICAgICAgb25EcmFnTGVhdmU9eyFkaXNhYmxlZCA/IGhhbmRsZURyYWdMZWF2ZSA6IHVuZGVmaW5lZH1cbiAgICAgIG9uRHJhZ092ZXI9eyFkaXNhYmxlZCA/IGhhbmRsZURyYWdPdmVyIDogdW5kZWZpbmVkfVxuICAgICAgb25Ecm9wPXshZGlzYWJsZWQgPyBoYW5kbGVEcm9wIDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIDxsYWJlbFxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgc3R5bGVzLmxhYmVsLFxuICAgICAgICAgICghaXNMYWJlbFZpc2libGUgfHwgaW5wdXRHcm91cENvbnRleHQpICYmIHN0eWxlcy5pc0xhYmVsSGlkZGVuLFxuICAgICAgICApfVxuICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgaWQ9e2Ake2lkfV9fbGFiZWxUZXh0YH1cbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9sYWJlbD5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMuZmllbGR9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmlucHV0Q29udGFpbmVyfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi50cmFuc2ZlclByb3BzKHJlc3RQcm9wcyl9XG4gICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy5pbnB1dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtyZXNvbHZlQ29udGV4dE9yUHJvcChpbnB1dEdyb3VwQ29udGV4dCAmJiBpbnB1dEdyb3VwQ29udGV4dC5kaXNhYmxlZCwgZGlzYWJsZWQpfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgICAgICAgcmVmPXtpbnRlcm5hbElucHV0UmVmfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuZHJvcFpvbmV9XG4gICAgICAgICAgICBkaXNhYmxlZD17cmVzb2x2ZUNvbnRleHRPclByb3AoaW5wdXRHcm91cENvbnRleHQgJiYgaW5wdXRHcm91cENvbnRleHQuZGlzYWJsZWQsIGRpc2FibGVkKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgbGluZXM9ezF9PlxuICAgICAgICAgICAgICB7IXNlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17c3R5bGVzLmRyb3Bab25lTGlua30+e3RyYW5zbGF0aW9ucy5GaWxlSW5wdXRGaWVsZC5icm93c2V9PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHt0cmFuc2xhdGlvbnMuRmlsZUlucHV0RmllbGQuZHJvcH1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge3NlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCA9PT0gMSAmJiBzZWxlY3RlZEZpbGVOYW1lc1swXX1cbiAgICAgICAgICAgICAge3NlbGVjdGVkRmlsZU5hbWVzLmxlbmd0aCA+IDEgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7c2VsZWN0ZWRGaWxlTmFtZXMubGVuZ3RofVxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHt0cmFuc2xhdGlvbnMuRmlsZUlucHV0RmllbGQuZmlsZXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtoZWxwVGV4dCAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuaGVscFRleHR9XG4gICAgICAgICAgICBpZD17YCR7aWR9X19oZWxwVGV4dGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlbHBUZXh0fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7dmFsaWRhdGlvblRleHQgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLnZhbGlkYXRpb25UZXh0fVxuICAgICAgICAgICAgaWQ9e2Ake2lkfV9fdmFsaWRhdGlvblRleHRgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uVGV4dH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cbkZpbGVJbnB1dEZpZWxkLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBmdWxsV2lkdGg6IGZhbHNlLFxuICBoZWxwVGV4dDogbnVsbCxcbiAgaXNMYWJlbFZpc2libGU6IHRydWUsXG4gIGxheW91dDogJ3ZlcnRpY2FsJyxcbiAgbXVsdGlwbGU6IGZhbHNlLFxuICByZXF1aXJlZDogZmFsc2UsXG4gIHNpemU6ICdtZWRpdW0nLFxuICB2YWxpZGF0aW9uU3RhdGU6IG51bGwsXG4gIHZhbGlkYXRpb25UZXh0OiBudWxsLFxufTtcblxuRmlsZUlucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBiZSBkaXNhYmxlZC5cbiAgICovXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhlIGZpZWxkIHdpbGwgc3BhbiB0aGUgZnVsbCB3aWR0aCBvZiBpdHMgcGFyZW50LlxuICAgKi9cbiAgZnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIE9wdGlvbmFsIGhlbHAgdGV4dC5cbiAgICovXG4gIGhlbHBUZXh0OiBQcm9wVHlwZXMubm9kZSxcbiAgLyoqXG4gICAqIElEIG9mIHRoZSBgPGlucHV0PmAgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBBbHNvIHNlcnZlcyBhcyBiYXNlIGZvciBpZHMgb2YgbmVzdGVkIGVsZW1lbnRzOlxuICAgKiAqIGA8SUQ+X19sYWJlbGBcbiAgICogKiBgPElEPl9fbGFiZWxUZXh0YFxuICAgKiAqIGA8SUQ+X19oZWxwVGV4dGBcbiAgICogKiBgPElEPl9fdmFsaWRhdGlvblRleHRgXG4gICAqL1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogSWYgYGZhbHNlYCwgdGhlIGxhYmVsIHdpbGwgYmUgdmlzdWFsbHkgaGlkZGVuIChidXQgcmVtYWlucyBhY2Nlc3NpYmxlIGJ5IGFzc2lzdGl2ZVxuICAgKiB0ZWNobm9sb2dpZXMpLlxuICAgKi9cbiAgaXNMYWJlbFZpc2libGU6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRmlsZSBpbnB1dCBmaWVsZCBsYWJlbC5cbiAgICovXG4gIGxhYmVsOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogTGF5b3V0IG9mIHRoZSBmaWVsZC5cbiAgICpcbiAgICogSWdub3JlZCBpZiB0aGUgY29tcG9uZW50IGlzIHJlbmRlcmVkIHdpdGhpbiBgRm9ybUxheW91dGAgY29tcG9uZW50XG4gICAqIGFzIHRoZSB2YWx1ZSBpcyBpbmhlcml0ZWQgaW4gc3VjaCBjYXNlLlxuICAgKlxuICAgKi9cbiAgbGF5b3V0OiBQcm9wVHlwZXMub25lT2YoWydob3Jpem9udGFsJywgJ3ZlcnRpY2FsJ10pLFxuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBhY2NlcHQgbXVsdGlwbGUgZmlsZXMuXG4gICAqL1xuICBtdWx0aXBsZTogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKlxuICAgKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQgY2hhbmdlcy5cbiAgICovXG4gIG9uRmlsZXNDaGFuZ2VkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgaW5wdXQgd2lsbCBiZSByZXF1aXJlZC5cbiAgICovXG4gIHJlcXVpcmVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIGZpZWxkLlxuICAgKlxuICAgKiBJZ25vcmVkIGlmIHRoZSBjb21wb25lbnQgaXMgcmVuZGVyZWQgd2l0aGluIGBJbnB1dEdyb3VwYCBjb21wb25lbnQgYXMgdGhlIHZhbHVlIGlzIGluaGVyaXRlZCBpbiBzdWNoIGNhc2UuXG4gICAqL1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydzbWFsbCcsICdtZWRpdW0nLCAnbGFyZ2UnXSksXG4gIC8qKlxuICAgKiBBbHRlciB0aGUgZmllbGQgdG8gcHJvdmlkZSBmZWVkYmFjayBiYXNlZCBvbiB2YWxpZGF0aW9uIHJlc3VsdC5cbiAgICovXG4gIHZhbGlkYXRpb25TdGF0ZTogUHJvcFR5cGVzLm9uZU9mKFsnaW52YWxpZCcsICd2YWxpZCcsICd3YXJuaW5nJ10pLFxuICAvKipcbiAgICogVmFsaWRhdGlvbiBtZXNzYWdlIHRvIGJlIGRpc3BsYXllZC5cbiAgICovXG4gIHZhbGlkYXRpb25UZXh0OiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWxlSW5wdXRGaWVsZFdpdGhHbG9iYWxQcm9wcyA9IHdpdGhHbG9iYWxQcm9wcyhGaWxlSW5wdXRGaWVsZCwgJ0ZpbGVJbnB1dEZpZWxkJyk7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVJbnB1dEZpZWxkV2l0aEdsb2JhbFByb3BzO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/FileInputField/FileInputField.jsx\n");
270
270
 
271
271
  /***/ }),
272
272