@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js

@@ -1,22 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerElementRenderer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _UIRenderer2 = require("../../../UIRenderer");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _FileManager = require("../../../../base/ui/FileManager");
+import _styled from "@emotion/styled/base";
 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)."; }
-var ImageUploadWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+import { UIRenderer } from "../../../UIRenderer";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+import { FileManager } from "../../../../base/ui/FileManager";
+const ImageUploadWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1g56mwy0"
 } : {
   target: "e1g56mwy0",
@@ -30,70 +18,56 @@ var ImageUploadWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVNYW5hZ2VyRWxlbWVudFJlbmRlcmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMkIiLCJmaWxlIjoiRmlsZU1hbmFnZXJFbGVtZW50UmVuZGVyZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSVJlbmRlcmVyLCBVSVJlbmRlclBhcmFtcyB9IGZyb20gXCJ+L3VpL1VJUmVuZGVyZXJcIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHsgRmlsZU1hbmFnZXJFbGVtZW50IH0gZnJvbSBcIn4vdWkvZWxlbWVudHMvZm9ybS9GaWxlTWFuYWdlckVsZW1lbnRcIjtcbmltcG9ydCB7IEZpbGVNYW5hZ2VyLCBGaWxlTWFuYWdlckZpbGVJdGVtIH0gZnJvbSBcIn4vYmFzZS91aS9GaWxlTWFuYWdlclwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkRWxlbWVudFJlbmRlclByb3BzIH0gZnJvbSBcIn4vdWkvZWxlbWVudHMvZm9ybS9Gb3JtRmllbGRFbGVtZW50XCI7XG5cbmNvbnN0IEltYWdlVXBsb2FkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIi5kaXNhYmxlZFwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNzUsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZmxvYXRpbmctbGFiZWwtLWZsb2F0LWFib3ZlXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDAuNzUpXCIsXG4gICAgICAgIHRvcDogMTAsXG4gICAgICAgIGxlZnQ6IDEwLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgIH0sXG4gICAgXCIubWRjLXRleHQtZmllbGQtaGVscGVyLXRleHRcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVNYW5hZ2VyRWxlbWVudFJlbmRlclByb3BzIGV4dGVuZHMgRm9ybUZpZWxkRWxlbWVudFJlbmRlclByb3BzIHtcbiAgICBmaWxlTWFuYWdlckVsZW1lbnQ6IEZpbGVNYW5hZ2VyRWxlbWVudDtcbiAgICB2YWx1ZTogYW55O1xuICAgIHNob3dGaWxlTWFuYWdlcjogKCkgPT4gdm9pZDtcbiAgICBvbkNoYW5nZTogKHZhbHVlOiBhbnkpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjbGFzcyBGaWxlTWFuYWdlckVsZW1lbnRSZW5kZXJlciBleHRlbmRzIFVJUmVuZGVyZXI8XG4gICAgRmlsZU1hbmFnZXJFbGVtZW50LFxuICAgIEZvcm1GaWVsZEVsZW1lbnRSZW5kZXJQcm9wc1xuPiB7XG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcih7XG4gICAgICAgIGVsZW1lbnQsXG4gICAgICAgIHByb3BzXG4gICAgfTogVUlSZW5kZXJQYXJhbXM8RmlsZU1hbmFnZXJFbGVtZW50LCBGb3JtRmllbGRFbGVtZW50UmVuZGVyUHJvcHM+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgaWYgKCFwcm9wcy5mb3JtUHJvcHMpIHtcbiAgICAgICAgICAgIHRocm93IEVycm9yKGBGaWxlTWFuYWdlckVsZW1lbnQgbXVzdCBiZSBwbGFjZWQgaW5zaWRlIG9mIGEgRm9ybUVsZW1lbnQuYCk7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB7IEJpbmQgfSA9IHByb3BzLmZvcm1Qcm9wcztcblxuICAgICAgICBjb25zdCBhY2NlcHQgPSBlbGVtZW50LmdldEFjY2VwdCgpO1xuICAgICAgICBjb25zdCBsYWJlbCA9IGVsZW1lbnQuZ2V0TGFiZWwocHJvcHMpO1xuICAgICAgICBjb25zdCBkZXNjcmlwdGlvbiA9IGVsZW1lbnQuZ2V0RGVzY3JpcHRpb24ocHJvcHMpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QmluZFxuICAgICAgICAgICAgICAgIG5hbWU9e2VsZW1lbnQuZ2V0TmFtZSgpfVxuICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e2VsZW1lbnQuZ2V0VmFsaWRhdG9ycyhwcm9wcyl9XG4gICAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtlbGVtZW50LmdldERlZmF1bHRWYWx1ZShwcm9wcyl9XG4gICAgICAgICAgICAgICAgYmVmb3JlQ2hhbmdlPXsodmFsdWU6IHN0cmluZywgY2IpID0+IGVsZW1lbnQub25CZWZvcmVDaGFuZ2UodmFsdWUsIGNiKX1cbiAgICAgICAgICAgICAgICBhZnRlckNoYW5nZT17KHZhbHVlOiBzdHJpbmcsIGZvcm0pID0+IGVsZW1lbnQub25BZnRlckNoYW5nZSh2YWx1ZSwgZm9ybSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgeyh7IHZhbHVlLCBvbkNoYW5nZSwgdmFsaWRhdGlvbiB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxJbWFnZVVwbG9hZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibWRjLWZsb2F0aW5nLWxhYmVsIG1kYy1mbG9hdGluZy1sYWJlbC0tZmxvYXQtYWJvdmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgICAgICAgICAgPEZpbGVNYW5hZ2VyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZTogRmlsZU1hbmFnZXJGaWxlSXRlbSB8IG51bGwpID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKHZhbHVlID8geyBpZDogdmFsdWUuaWQsIHNyYzogdmFsdWUuc3JjIH0gOiBudWxsKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhY2NlcHQ9e2FjY2VwdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbWFnZXM9eyFhY2NlcHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4U2l6ZT17ZWxlbWVudC5nZXRNYXhTaXplKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVuZGVyPXsoeyBzaG93RmlsZU1hbmFnZXIgfSkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudC5nZXRFbXB0eVN0YXRlRWxlbWVudCgpLnJlbmRlcih7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGVNYW5hZ2VyRWxlbWVudDogZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6ICh2YWx1ZTogRmlsZU1hbmFnZXJGaWxlSXRlbSB8IG51bGwpID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UodmFsdWUgPyB7IGlkOiB2YWx1ZS5pZCwgc3JjOiB2YWx1ZS5zcmMgfSA6IG51bGwpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2UgZXJyb3I+e3ZhbGlkYXRpb24ubWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZGVzY3JpcHRpb259PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0ltYWdlVXBsb2FkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var FileManagerElementRenderer = exports.FileManagerElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  function FileManagerElementRenderer() {
-    (0, _classCallCheck2.default)(this, FileManagerElementRenderer);
-    return (0, _callSuper2.default)(this, FileManagerElementRenderer, arguments);
-  }
-  (0, _inherits2.default)(FileManagerElementRenderer, _UIRenderer);
-  return (0, _createClass2.default)(FileManagerElementRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var element = _ref.element,
-        props = _ref.props;
-      if (!props.formProps) {
-        throw Error("FileManagerElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      var accept = element.getAccept();
-      var label = element.getLabel(props);
-      var description = element.getDescription(props);
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: element.getName(),
-        validators: element.getValidators(props),
-        defaultValue: element.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return element.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return element.onAfterChange(value, form);
-        }
-      }, function (_ref2) {
-        var value = _ref2.value,
-          _onChange = _ref2.onChange,
-          validation = _ref2.validation;
-        return /*#__PURE__*/_react.default.createElement(ImageUploadWrapper, null, label && /*#__PURE__*/_react.default.createElement("div", {
-          className: "mdc-floating-label mdc-floating-label--float-above"
-        }, label), /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, {
-          onChange: function onChange(value) {
-            return _onChange(value ? {
-              id: value.id,
-              src: value.src
-            } : null);
-          },
-          accept: accept,
-          images: !accept,
-          maxSize: element.getMaxSize(),
-          render: function render(_ref3) {
-            var showFileManager = _ref3.showFileManager;
-            return element.getEmptyStateElement().render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-              fileManagerElement: element,
-              showFileManager: showFileManager,
-              value: value,
-              onChange: function onChange(value) {
-                return _onChange(value ? {
-                  id: value.id,
-                  src: value.src
-                } : null);
-              }
-            }));
-          }
-        }), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-          error: true
-        }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
-      });
+export class FileManagerElementRenderer extends UIRenderer {
+  render({
+    element,
+    props
+  }) {
+    if (!props.formProps) {
+      throw Error(`FileManagerElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_UIRenderer2.UIRenderer);
+    const {
+      Bind
+    } = props.formProps;
+    const accept = element.getAccept();
+    const label = element.getLabel(props);
+    const description = element.getDescription(props);
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: element.getName(),
+      validators: element.getValidators(props),
+      defaultValue: element.getDefaultValue(props),
+      beforeChange: (value, cb) => element.onBeforeChange(value, cb),
+      afterChange: (value, form) => element.onAfterChange(value, form)
+    }, ({
+      value,
+      onChange,
+      validation
+    }) => /*#__PURE__*/React.createElement(ImageUploadWrapper, null, label && /*#__PURE__*/React.createElement("div", {
+      className: "mdc-floating-label mdc-floating-label--float-above"
+    }, label), /*#__PURE__*/React.createElement(FileManager, {
+      onChange: value => onChange(value ? {
+        id: value.id,
+        src: value.src
+      } : null),
+      accept: accept,
+      images: !accept,
+      maxSize: element.getMaxSize(),
+      render: ({
+        showFileManager
+      }) => element.getEmptyStateElement().render({
+        ...props,
+        fileManagerElement: element,
+        showFileManager,
+        value,
+        onChange: value => onChange(value ? {
+          id: value.id,
+          src: value.src
+        } : null)
+      })
+    }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+      error: true
+    }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description)));
+  }
+}
 
 //# sourceMappingURL=FileManagerElementRenderer.js.map

package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","_FormElementMessage","_FileManager","_EMOTION_STRINGIFIED_CSS_ERROR__","ImageUploadWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FileManagerElementRenderer","exports","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","element","props","formProps","Error","Bind","accept","getAccept","getLabel","description","getDescription","createElement","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","_ref2","onChange","validation","className","FileManager","id","src","images","maxSize","getMaxSize","_ref3","showFileManager","getEmptyStateElement","_objectSpread2","fileManagerElement","isValid","FormElementMessage","error","message","UIRenderer"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","UIRenderer","FormElementMessage","FileManager","ImageUploadWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FileManagerElementRenderer","render","element","props","formProps","Error","Bind","accept","getAccept","getLabel","description","getDescription","createElement","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","onChange","validation","className","id","src","images","maxSize","getMaxSize","showFileManager","getEmptyStateElement","fileManagerElement","isValid","error","message"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement/styled.js

@@ -1,14 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RemoveImage = exports.FilePreviewWrapper = exports.AddImageWrapperRound = exports.AddImageWrapper = exports.AddImageIconWrapper = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
+import _styled from "@emotion/styled/base";
 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)."; }
-var AddImageIconWrapper = exports.AddImageIconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const AddImageIconWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e185ja7p4"
 } : {
   target: "e185ja7p4",
@@ -22,7 +14,7 @@ var AddImageIconWrapper = exports.AddImageIconWrapper = /*#__PURE__*/(0, _base.d
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFbUMiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGaWxlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogOTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC43NSlcIixcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VJY29uV3JhcHBlcl06IHtcbiAgICAgICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKSB0cmFuc2xhdGVYKC01MCUpXCIsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgY29sb3I6IFwid2hpdGVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbUmVtb3ZlSW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var AddImageWrapper = exports.AddImageWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const AddImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e185ja7p3"
 } : {
   target: "e185ja7p3",
@@ -36,7 +28,7 @@ var AddImageWrapper = exports.AddImageWrapper = /*#__PURE__*/(0, _base.default)(
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGaWxlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogOTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC43NSlcIixcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VJY29uV3JhcHBlcl06IHtcbiAgICAgICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKSB0cmFuc2xhdGVYKC01MCUpXCIsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgY29sb3I6IFwid2hpdGVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbUmVtb3ZlSW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var AddImageWrapperRound = exports.AddImageWrapperRound = /*#__PURE__*/(0, _base.default)(AddImageWrapper, process.env.NODE_ENV === "production" ? {
+export const AddImageWrapperRound = /*#__PURE__*/_styled(AddImageWrapper, process.env.NODE_ENV === "production" ? {
   target: "e185ja7p2"
 } : {
   target: "e185ja7p2",
@@ -50,7 +42,7 @@ var AddImageWrapperRound = exports.AddImageWrapperRound = /*#__PURE__*/(0, _base
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var RemoveImage = exports.RemoveImage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const RemoveImage = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e185ja7p1"
 } : {
   target: "e185ja7p1",
@@ -64,12 +56,12 @@ var RemoveImage = exports.RemoveImage = /*#__PURE__*/(0, _base.default)("div", p
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzJCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var FilePreviewWrapper = exports.FilePreviewWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const FilePreviewWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e185ja7p0"
 } : {
   target: "e185ja7p0",
   label: "FilePreviewWrapper"
-})((0, _defineProperty2.default)((0, _defineProperty2.default)({
+})({
   width: "100%",
   height: "100%",
   minHeight: 90,
@@ -82,25 +74,35 @@ var FilePreviewWrapper = exports.FilePreviewWrapper = /*#__PURE__*/(0, _base.def
   position: "relative",
   backgroundColor: "var(--mdc-theme-on-background)",
   borderRadius: 0,
-  borderBottom: "1px solid var(--mdc-theme-text-hint-on-background)"
-}, AddImageWrapper, (0, _defineProperty2.default)({
-  position: "absolute",
-  display: "none",
-  top: 0,
-  height: "100%",
-  zIndex: 1,
-  backgroundColor: "rgba(0,0,0, 0.75)"
-}, AddImageIconWrapper, {
-  top: "50%",
-  left: "50%",
-  transform: "translateY(-50%) translateX(-50%)",
-  position: "absolute",
-  color: "white"
-})), "&:hover", (0, _defineProperty2.default)((0, _defineProperty2.default)({}, AddImageWrapper, {
-  display: "block"
-}), RemoveImage, {
-  display: "block",
-  zIndex: 2
-})), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRGtDIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */");
+  borderBottom: "1px solid var(--mdc-theme-text-hint-on-background)",
+  // @ts-expect-error
+  [AddImageWrapper]: {
+    position: "absolute",
+    display: "none",
+    top: 0,
+    height: "100%",
+    zIndex: 1,
+    backgroundColor: "rgba(0,0,0, 0.75)",
+    // @ts-expect-error
+    [AddImageIconWrapper]: {
+      top: "50%",
+      left: "50%",
+      transform: "translateY(-50%) translateX(-50%)",
+      position: "absolute",
+      color: "white"
+    }
+  },
+  "&:hover": {
+    // @ts-expect-error
+    [AddImageWrapper]: {
+      display: "block"
+    },
+    // @ts-expect-error
+    [RemoveImage]: {
+      display: "block",
+      zIndex: 2
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRGtDIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */");
 
 //# sourceMappingURL=styled.js.map

package/ui/elements/form/FileManagerElement/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["AddImageIconWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddImageWrapper","AddImageWrapperRound","RemoveImage","FilePreviewWrapper","_defineProperty2","width","height","minHeight","minWidth","display","alignItems","justifyContent","flexDirection","boxSizing","position","backgroundColor","borderRadius","borderBottom","top","zIndex","left","transform","color"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const FilePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 90,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AddImageIconWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddImageWrapper","AddImageWrapperRound","RemoveImage","FilePreviewWrapper","width","height","minHeight","minWidth","display","alignItems","justifyContent","flexDirection","boxSizing","position","backgroundColor","borderRadius","borderBottom","top","zIndex","left","transform","color"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const FilePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 90,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":";;AAEA,OAAO,MAAMA,mBAAmB,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAW/C,CAAC;AAEF,OAAO,MAAMC,eAAe,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAqB3C,CAAC;AAEF,OAAO,MAAME,oBAAoB,gBAAGZ,OAAA,CAAOW,eAAe,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAK1D,CAAC;AAEF,OAAO,MAAMG,WAAW,gBAAGb,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAWvC,CAAC;AAEF,OAAO,MAAMI,kBAAkB,gBAAGd,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EAC5CU,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,cAAc;EAC9BC,aAAa,EAAE,QAAQ;EACvBC,SAAS,EAAE,YAAY;EACvBC,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,gCAAgC;EACjDC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE,oDAAoD;EAClE;EACA,CAAChB,eAAe,GAAG;IACfa,QAAQ,EAAE,UAAU;IACpBL,OAAO,EAAE,MAAM;IACfS,GAAG,EAAE,CAAC;IACNZ,MAAM,EAAE,MAAM;IACda,MAAM,EAAE,CAAC;IACTJ,eAAe,EAAE,mBAAmB;IACpC;IACA,CAAC1B,mBAAmB,GAAG;MACnB6B,GAAG,EAAE,KAAK;MACVE,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,mCAAmC;MAC9CP,QAAQ,EAAE,UAAU;MACpBQ,KAAK,EAAE;IACX;EACJ,CAAC;EACD,SAAS,EAAE;IACP;IACA,CAACrB,eAAe,GAAG;MACfQ,OAAO,EAAE;IACb,CAAC;IACD;IACA,CAACN,WAAW,GAAG;MACXM,OAAO,EAAE,OAAO;MAChBU,MAAM,EAAE;IACZ;EACJ;AACJ,CAAC,EAAA5B,OAAA,CAAAC,GAAA,CAAAC,QAAA,uxHAAC","ignoreList":[]}

package/ui/elements/form/FileManagerElement.js

@@ -1,84 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _FormFieldElement2 = require("./FormFieldElement");
-var _FileManagerElementRenderer = require("./FileManagerElement/FileManagerElementRenderer");
-var _EmptyStateElement = require("./FileManagerElement/EmptyStateElement");
-var FileManagerElement = exports.FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
-  function FileManagerElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FileManagerElement);
-    _this = (0, _callSuper2.default)(this, FileManagerElement, [id, config]);
-    _this.addRenderer(new _FileManagerElementRenderer.FileManagerElementRenderer());
-    _this._emptyStateElement = new _EmptyStateElement.EmptyStateElement("emptyState");
-    _this.applyPlugins(FileManagerElement);
-    return _this;
+import { FormFieldElement } from "./FormFieldElement";
+import { FileManagerElementRenderer } from "./FileManagerElement/FileManagerElementRenderer";
+import { EmptyStateElement } from "./FileManagerElement/EmptyStateElement";
+export class FileManagerElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.addRenderer(new FileManagerElementRenderer());
+    this._emptyStateElement = new EmptyStateElement("emptyState");
+    this.applyPlugins(FileManagerElement);
+  }
+  getEmptyStateElement() {
+    return this._emptyStateElement;
+  }
+  getAccept() {
+    return this.config.accept;
+  }
+  setAccept(accept) {
+    this.config.accept = accept;
+  }
+  getMaxSize() {
+    return this.config.maxSize;
+  }
+  setMaxSize(maxSize) {
+    this.config.maxSize = maxSize;
+  }
+  getMultipleMaxCount() {
+    return this.config.multipleMaxCount;
+  }
+  setMultipleMaxCount(multipleMaxCount) {
+    this.config.multipleMaxCount = multipleMaxCount;
+  }
+  getMultipleMaxSize() {
+    return this.config.multipleMaxSize;
+  }
+  setMultipleMaxSize(multipleMaxSize) {
+    this.config.multipleMaxSize = multipleMaxSize;
+  }
+  getOnChangePickAttributes() {
+    return this.config.onChangePickAttributes;
+  }
+  setOnChangePickAttributes(attributes) {
+    this.config.onChangePickAttributes = attributes;
   }
-  (0, _inherits2.default)(FileManagerElement, _FormFieldElement);
-  return (0, _createClass2.default)(FileManagerElement, [{
-    key: "getEmptyStateElement",
-    value: function getEmptyStateElement() {
-      return this._emptyStateElement;
-    }
-  }, {
-    key: "getAccept",
-    value: function getAccept() {
-      return this.config.accept;
-    }
-  }, {
-    key: "setAccept",
-    value: function setAccept(accept) {
-      this.config.accept = accept;
-    }
-  }, {
-    key: "getMaxSize",
-    value: function getMaxSize() {
-      return this.config.maxSize;
-    }
-  }, {
-    key: "setMaxSize",
-    value: function setMaxSize(maxSize) {
-      this.config.maxSize = maxSize;
-    }
-  }, {
-    key: "getMultipleMaxCount",
-    value: function getMultipleMaxCount() {
-      return this.config.multipleMaxCount;
-    }
-  }, {
-    key: "setMultipleMaxCount",
-    value: function setMultipleMaxCount(multipleMaxCount) {
-      this.config.multipleMaxCount = multipleMaxCount;
-    }
-  }, {
-    key: "getMultipleMaxSize",
-    value: function getMultipleMaxSize() {
-      return this.config.multipleMaxSize;
-    }
-  }, {
-    key: "setMultipleMaxSize",
-    value: function setMultipleMaxSize(multipleMaxSize) {
-      this.config.multipleMaxSize = multipleMaxSize;
-    }
-  }, {
-    key: "getOnChangePickAttributes",
-    value: function getOnChangePickAttributes() {
-      return this.config.onChangePickAttributes;
-    }
-  }, {
-    key: "setOnChangePickAttributes",
-    value: function setOnChangePickAttributes(attributes) {
-      this.config.onChangePickAttributes = attributes;
-    }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
+}
 
 //# sourceMappingURL=FileManagerElement.js.map

package/ui/elements/form/FileManagerElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FormFieldElement2","require","_FileManagerElementRenderer","_EmptyStateElement","FileManagerElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","_inherits2","_createClass2","key","value","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2E,IAwB9DG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,iBAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAgC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,kBAAA;IAC7DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,WAAW,CAAC,IAAIC,sDAA0B,CAAC,CAAC,CAAC;IAElDL,KAAA,CAAKM,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7DP,KAAA,CAAKQ,YAAY,CAACb,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAS,UAAA,CAAAP,OAAA,EAAAP,kBAAA,EAAAE,iBAAA;EAAA,WAAAa,aAAA,CAAAR,OAAA,EAAAP,kBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAOC,oBAAoBA,CAAA,EAAG;MAC1B,OAAO,IAAI,CAACP,kBAAkB;IAClC;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAOE,SAASA,CAAA,EAAG;MACf,OAAO,IAAI,CAACf,MAAM,CAACgB,MAAM;IAC7B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOI,SAASA,CAACD,MAAgB,EAAE;MAC/B,IAAI,CAAChB,MAAM,CAACgB,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOK,UAAUA,CAAA,EAAG;MAChB,OAAO,IAAI,CAAClB,MAAM,CAACmB,OAAO;IAC9B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAOO,UAAUA,CAACD,OAAwB,EAAE;MACxC,IAAI,CAACnB,MAAM,CAACmB,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAOQ,mBAAmBA,CAAA,EAAG;MACzB,OAAO,IAAI,CAACrB,MAAM,CAACsB,gBAAgB;IACvC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAOU,mBAAmBA,CAACD,gBAAwB,EAAE;MACjD,IAAI,CAACtB,MAAM,CAACsB,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAOW,kBAAkBA,CAAA,EAAG;MACxB,OAAO,IAAI,CAACxB,MAAM,CAACyB,eAAe;IACtC;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAOa,kBAAkBA,CAACD,eAAgC,EAAE;MACxD,IAAI,CAACzB,MAAM,CAACyB,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAOc,yBAAyBA,CAAA,EAAG;MAC/B,OAAO,IAAI,CAAC3B,MAAM,CAAC4B,sBAAsB;IAC7C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAOgB,yBAAyBA,CAACC,UAAoB,EAAE;MACnD,IAAI,CAAC9B,MAAM,CAAC4B,sBAAsB,GAAGE,UAAU;IACnD;EAAC;AAAA,EAvDmCC,mCAAgB","ignoreList":[]}
+{"version":3,"names":["FormFieldElement","FileManagerElementRenderer","EmptyStateElement","FileManagerElement","constructor","id","config","addRenderer","_emptyStateElement","applyPlugins","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":"AACA,SAASA,gBAAgB;AACzB,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAwB1B,OAAO,MAAMC,kBAAkB,SAASH,gBAAgB,CAA2B;EAGxEI,WAAWA,CAACC,EAAU,EAAEC,MAAgC,EAAE;IAC7D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,WAAW,CAAC,IAAIN,0BAA0B,CAAC,CAAC,CAAC;IAElD,IAAI,CAACO,kBAAkB,GAAG,IAAIN,iBAAiB,CAAC,YAAY,CAAC;IAE7D,IAAI,CAACO,YAAY,CAACN,kBAAkB,CAAC;EACzC;EAEOO,oBAAoBA,CAAA,EAAG;IAC1B,OAAO,IAAI,CAACF,kBAAkB;EAClC;EAEOG,SAASA,CAAA,EAAG;IACf,OAAO,IAAI,CAACL,MAAM,CAACM,MAAM;EAC7B;EAEOC,SAASA,CAACD,MAAgB,EAAE;IAC/B,IAAI,CAACN,MAAM,CAACM,MAAM,GAAGA,MAAM;EAC/B;EAEOE,UAAUA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACR,MAAM,CAACS,OAAO;EAC9B;EAEOC,UAAUA,CAACD,OAAwB,EAAE;IACxC,IAAI,CAACT,MAAM,CAACS,OAAO,GAAGA,OAAO;EACjC;EAEOE,mBAAmBA,CAAA,EAAG;IACzB,OAAO,IAAI,CAACX,MAAM,CAACY,gBAAgB;EACvC;EAEOC,mBAAmBA,CAACD,gBAAwB,EAAE;IACjD,IAAI,CAACZ,MAAM,CAACY,gBAAgB,GAAGA,gBAAgB;EACnD;EAEOE,kBAAkBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACd,MAAM,CAACe,eAAe;EACtC;EAEOC,kBAAkBA,CAACD,eAAgC,EAAE;IACxD,IAAI,CAACf,MAAM,CAACe,eAAe,GAAGA,eAAe;EACjD;EAEOE,yBAAyBA,CAAA,EAAG;IAC/B,OAAO,IAAI,CAACjB,MAAM,CAACkB,sBAAsB;EAC7C;EAEOC,yBAAyBA,CAACC,UAAoB,EAAE;IACnD,IAAI,CAACpB,MAAM,CAACkB,sBAAsB,GAAGE,UAAU;EACnD;AACJ","ignoreList":[]}