@webiny/app-admin 5.34.8 → 5.35.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetElement","id","config","useGrid","applyPlugins","createHeader","element","cb","createRow","createEmpty","props","formProps","Error","Bind","getCreateHeaderElement","getCreateRowElement","getCreateEmptyElement","getName","getDefaultValue","actions","header","row","empty","headerElement","setParent","render","index","rowElement","DynamicFieldsetRowElement","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["DynamicFieldsetElement","id","config","useGrid","applyPlugins","createHeader","element","cb","createRow","createEmpty","props","formProps","Error","Bind","getCreateHeaderElement","getCreateRowElement","getCreateEmptyElement","getName","getDefaultValue","actions","header","row","empty","headerElement","setParent","render","index","rowElement","DynamicFieldsetRowElement","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}

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

@@ -1,41 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyStateElement = void 0;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _UIElement2 = require("../../../UIElement");
-
 var _EmptyStateElementRenderer = require("./EmptyStateElementRenderer");
-
 var EmptyStateElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(EmptyStateElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(EmptyStateElement);
-
   function EmptyStateElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmptyStateElement);
     _this = _super.call(this, id);
-
     _this.addRenderer(new _EmptyStateElementRenderer.EmptyStateElementRenderer());
-
     return _this;
   }
-
   return (0, _createClass2.default)(EmptyStateElement);
 }(_UIElement2.UIElement);
-
 exports.EmptyStateElement = EmptyStateElement;

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

@@ -1 +1 @@
-{"version":3,"names":["EmptyStateElement","id","addRenderer","EmptyStateElementRenderer","UIElement"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;IAEaA,iB;;;;;EACT,2BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,WAAL,CAAiB,IAAIC,oDAAJ,EAAjB;;IAH2B;EAI9B;;;EALkCC,qB"}
+{"version":3,"names":["EmptyStateElement","id","addRenderer","EmptyStateElementRenderer","UIElement"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAAwE,IAE3DA,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,WAAW,CAAC,IAAIC,oDAAyB,EAAE,CAAC;IAAC;EACtD;EAAC;AAAA,EALkCC,qBAAS;AAAA"}

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

@@ -1,48 +1,30 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyStateElementRenderer = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _UIRenderer2 = require("../../../UIRenderer");
-
 var Ui = _interopRequireWildcard(require("@webiny/ui/ImageUpload"));
-
 var _components = require("@webiny/app/components");
-
 var _styled = require("./styled");
-
-var _attach_file_black_24dp = require("../../../../assets/icons/attach_file_black_24dp.svg");
-
+var _attach_file = require("@material-design-icons/svg/outlined/attach_file.svg");
 var _Typography = require("@webiny/ui/Typography");
-
-var _roundClose24px = require("@webiny/ui/ImageUpload/icons/round-close-24px.svg");
-
+var _close = require("@material-design-icons/svg/outlined/close.svg");
 var EmptyStateElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   (0, _inherits2.default)(EmptyStateElementRenderer, _UIRenderer);
-
   var _super = (0, _createSuper2.default)(EmptyStateElementRenderer);
-
   function EmptyStateElementRenderer() {
     (0, _classCallCheck2.default)(this, EmptyStateElementRenderer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(EmptyStateElementRenderer, [{
     key: "render",
     value: function render(_ref) {
@@ -51,7 +33,6 @@ var EmptyStateElementRenderer = /*#__PURE__*/function (_UIRenderer) {
       var acceptsOnlyImages = !accept || accept.every(function (el) {
         return el.startsWith("image/");
       });
-
       if (acceptsOnlyImages) {
         return /*#__PURE__*/_react.default.createElement(Ui.Image, {
           placeholder: "Select an image",
@@ -67,29 +48,26 @@ var EmptyStateElementRenderer = /*#__PURE__*/function (_UIRenderer) {
           removeImage: props.onChange
         });
       }
-
       if (props.value) {
         return /*#__PURE__*/_react.default.createElement(_styled.FilePreviewWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, "Attached file: ", /*#__PURE__*/_react.default.createElement("strong", null, props.value.src.split("/").pop())), /*#__PURE__*/_react.default.createElement(_styled.RemoveImage, {
           onClick: function onClick() {
             return props.onChange(null);
           }
-        }, /*#__PURE__*/_react.default.createElement(_roundClose24px.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.AddImageWrapper, {
+        }, /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.AddImageWrapper, {
           "data-role": "select-file",
           onClick: props.showFileManager
-        }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file_black_24dp.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+        }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "caption"
         }, "Select a file"))));
       }
-
       return /*#__PURE__*/_react.default.createElement(_styled.AddImageWrapper, {
         "data-role": "select-file",
         onClick: props.showFileManager
-      }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file_black_24dp.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      }, /*#__PURE__*/_react.default.createElement(_styled.AddImageIconWrapper, null, /*#__PURE__*/_react.default.createElement(_attach_file.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "caption"
       }, "Select a file")));
     }
   }]);
   return EmptyStateElementRenderer;
 }(_UIRenderer2.UIRenderer);
-
 exports.EmptyStateElementRenderer = EmptyStateElementRenderer;

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

@@ -1 +1 @@
-{"version":3,"names":["EmptyStateElementRenderer","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","renderImageProps","width","height","value","showFileManager","onChange","src","split","pop","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"~/assets/icons/attach_file_black_24dp.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@webiny/ui/ImageUpload/icons/round-close-24px.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;IAEaA,yB;;;;;;;;;;;;WAIT,sBAEsF;MAAA,IADlFC,KACkF,QADlFA,KACkF;MAClF,IAAMC,MAAM,GAAGD,KAAK,CAACE,kBAAN,CAAyBC,SAAzB,EAAf;MACA,IAAMC,iBAAiB,GAAG,CAACH,MAAD,IAAWA,MAAM,CAACI,KAAP,CAAa,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,UAAH,CAAc,QAAd,CAAJ;MAAA,CAAf,CAArC;;MAEA,IAAIH,iBAAJ,EAAuB;QACnB,oBACI,6BAAC,EAAD,CAAI,KAAJ;UACI,WAAW,EAAE,iBADjB;UAEI,kBAAkB,EAAE,4BAAAI,gBAAgB;YAAA,oBAAI,6BAAC,iBAAD,EAAWA,gBAAX,CAAJ;UAAA,CAFxC;UAGI,KAAK,EAAE;YAAEC,KAAK,EAAE,MAAT;YAAiBC,MAAM,EAAE;UAAzB,CAHX;UAII,KAAK,EAAEV,KAAK,CAACW,KAJjB;UAKI,WAAW,EAAEX,KAAK,CAACY,eALvB;UAMI,WAAW,EAAEZ,KAAK,CAACa;QANvB,EADJ;MAUH;;MAED,IAAIb,KAAK,CAACW,KAAV,EAAiB;QACb,oBACI,6BAAC,0BAAD,qBACI,2CAAM,iBAAN,eACmB,6CAASX,KAAK,CAACW,KAAN,CAAYG,GAAZ,CAAgBC,KAAhB,CAAsB,GAAtB,EAA2BC,GAA3B,EAAT,CADnB,CADJ,eAKI,6BAAC,mBAAD;UAAa,OAAO,EAAE;YAAA,OAAMhB,KAAK,CAACa,QAAN,CAAe,IAAf,CAAN;UAAA;QAAtB,gBACI,6BAAC,8BAAD,OADJ,CALJ,eASI,6BAAC,uBAAD;UAAiB,aAAW,aAA5B;UAA2C,OAAO,EAAEb,KAAK,CAACY;QAA1D,gBACI,6BAAC,2BAAD,qBACI,6BAAC,sCAAD,OADJ,eAEI,6BAAC,sBAAD;UAAY,GAAG,EAAE;QAAjB,GAA4B,eAA5B,CAFJ,CADJ,CATJ,CADJ;MAkBH;;MAED,oBACI,6BAAC,uBAAD;QAAiB,aAAW,aAA5B;QAA2C,OAAO,EAAEZ,KAAK,CAACY;MAA1D,gBACI,6BAAC,2BAAD,qBACI,6BAAC,sCAAD,OADJ,eAEI,6BAAC,sBAAD;QAAY,GAAG,EAAE;MAAjB,GAA4B,eAA5B,CAFJ,CADJ,CADJ;IAQH;;;EApD0CK,uB"}
+{"version":3,"names":["EmptyStateElementRenderer","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","renderImageProps","width","height","value","showFileManager","onChange","src","split","pop","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAkG,IAErFA,yBAAyB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAIlC,sBAEsF;MAAA,IADlFC,KAAK,QAALA,KAAK;MAEL,IAAMC,MAAM,GAAGD,KAAK,CAACE,kBAAkB,CAACC,SAAS,EAAE;MACnD,IAAMC,iBAAiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACI,KAAK,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,UAAU,CAAC,QAAQ,CAAC;MAAA,EAAC;MAEhF,IAAIH,iBAAiB,EAAE;QACnB,oBACI,6BAAC,EAAE,CAAC,KAAK;UACL,WAAW,EAAE,iBAAkB;UAC/B,kBAAkB,EAAE,4BAAAI,gBAAgB;YAAA,oBAAI,6BAAC,iBAAK,EAAKA,gBAAgB,CAAI;UAAA,CAAC;UACxE,KAAK,EAAE;YAAEC,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAO,CAAE;UACzC,KAAK,EAAEV,KAAK,CAACW,KAAM;UACnB,WAAW,EAAEX,KAAK,CAACY,eAAgB;UACnC,WAAW,EAAEZ,KAAK,CAACa;QAAS,EAC9B;MAEV;MAEA,IAAIb,KAAK,CAACW,KAAK,EAAE;QACb,oBACI,6BAAC,0BAAkB,qBACf,2CAAM,iBACa,4DAASX,KAAK,CAACW,KAAK,CAACG,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAU,CAC/D,eAEP,6BAAC,mBAAW;UAAC,OAAO,EAAE;YAAA,OAAMhB,KAAK,CAACa,QAAQ,CAAC,IAAI,CAAC;UAAA;QAAC,gBAC7C,6BAAC,qBAAe,OAAG,CACT,eAEd,6BAAC,uBAAe;UAAC,aAAW,aAAc;UAAC,OAAO,EAAEb,KAAK,CAACY;QAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;UAAC,GAAG,EAAE;QAAU,GAAC,eAAa,CAAa,CACpC,CACR,CACD;MAE7B;MAEA,oBACI,6BAAC,uBAAe;QAAC,aAAW,aAAc;QAAC,OAAO,EAAEZ,KAAK,CAACY;MAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;QAAC,GAAG,EAAE;MAAU,GAAC,eAAa,CAAa,CACpC,CACR;IAE1B;EAAC;EAAA;AAAA,EApD0CK,uBAAU;AAAA"}

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

@@ -1,32 +1,20 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _UIRenderer2 = require("../../../UIRenderer");
-
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-var _FileManager = require("../../../../components/FileManager");
-
+var _FileManager = require("../../../../base/ui/FileManager");
 var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1g56mwy0",
   label: "ImageUploadWrapper"
@@ -46,27 +34,21 @@ var ImageUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
     color: "var(--mdc-theme-text-secondary-on-background)"
   }
 });
-
 var FileManagerElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   (0, _inherits2.default)(FileManagerElementRenderer, _UIRenderer);
-
   var _super = (0, _createSuper2.default)(FileManagerElementRenderer);
-
   function FileManagerElementRenderer() {
     (0, _classCallCheck2.default)(this, FileManagerElementRenderer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(FileManagerElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var element = _ref.element,
-          props = _ref.props;
-
+        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);
@@ -83,8 +65,8 @@ var FileManagerElementRenderer = /*#__PURE__*/function (_UIRenderer) {
         }
       }, function (_ref2) {
         var value = _ref2.value,
-            _onChange = _ref2.onChange,
-            validation = _ref2.validation;
+          _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, {
@@ -119,5 +101,4 @@ var FileManagerElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   }]);
   return FileManagerElementRenderer;
 }(_UIRenderer2.UIRenderer);
-
 exports.FileManagerElementRenderer = FileManagerElementRenderer;

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

@@ -1 +1 @@
-{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","FileManagerElementRenderer","element","props","formProps","Error","Bind","accept","getAccept","label","getLabel","description","getDescription","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","onChange","validation","id","src","getMaxSize","showFileManager","getEmptyStateElement","render","fileManagerElement","isValid","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 \"~/components/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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"}
+{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","FileManagerElementRenderer","element","props","formProps","Error","Bind","accept","getAccept","label","getLabel","description","getDescription","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","onChange","validation","id","src","getMaxSize","showFileManager","getEmptyStateElement","render","fileManagerElement","isValid","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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"}

package/ui/elements/form/FileManagerElement/styled.d.ts

@@ -1,20 +1,27 @@
 /// <reference types="react" />
-/// <reference types="web" />
 /// <reference types="react" />
-export declare const AddImageIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const AddImageWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const AddImageWrapperRound: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    theme?: object | undefined;
-} & {
+/// <reference types="web" />
+export declare const AddImageIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddImageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddImageWrapperRound: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     children?: import("react").ReactNode;
-}, "key" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    theme?: object | undefined;
 } & {
-    children?: import("react").ReactNode;
-}, "key" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const RemoveImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const FilePreviewWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const RemoveImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FilePreviewWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,18 +1,13 @@
 "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 _styled2 = _interopRequireDefault(require("@emotion/styled"));
-
 var _hover, _styled;
-
 var AddImageIconWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   target: "e185ja7p0",
   label: "AddImageIconWrapper"

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

@@ -1 +1 @@
-{"version":3,"names":["AddImageIconWrapper","styled","color","width","height","maxWidth","maxHeight","display","opacity","margin","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","FilePreviewWrapper","zIndex","left","transform"],"sources":["styled.ts"],"sourcesContent":["// @ts-nocheck\nimport 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    [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        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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"}
+{"version":3,"names":["AddImageIconWrapper","styled","color","width","height","maxWidth","maxHeight","display","opacity","margin","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","FilePreviewWrapper","zIndex","left","transform"],"sources":["styled.ts"],"sourcesContent":["// @ts-nocheck\nimport 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    [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        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":";;;;;;;;AACA;AAAqC;AAE9B,IAAMA,mBAAmB,oBAAGC,gBAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC7CC,KAAK,EAAE,+CAA+C;EACtD,MAAM,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,OAAO,EAAE,OAAO;IAChBC,OAAO,EAAE,GAAG;IACZC,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,eAAe,oBAAGT,gBAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACzCE,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdO,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE,QAAQ;EACnBC,eAAe,EAAE,gCAAgC;EACjDC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE,oDAAoD;EAClET,OAAO,EAAE,MAAM;EACfU,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,cAAc;EAC9BC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,YAAY;EACxBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,YAAY;EACvB,SAAS,EAAE;IACPT,eAAe,EAAE,kBAAkB;IACnCE,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMQ,oBAAoB,oBAAGvB,gBAAM,EAACS,eAAe;EAAA;EAAA;AAAA,GAAE;EACxDD,MAAM,EAAE,MAAM;EACdN,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,OAAO;EACfW,YAAY,EAAE;AAClB,CAAC,CAAC;AAAC;AAEI,IAAMU,WAAW,oBAAGxB,gBAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCyB,QAAQ,EAAE,UAAU;EACpBL,MAAM,EAAE,SAAS;EACjBM,GAAG,EAAE,EAAE;EACPC,KAAK,EAAE,EAAE;EACTrB,OAAO,EAAE,MAAM;EACfL,KAAK,EAAE,OAAO;EACdM,OAAO,EAAE,GAAG;EACZ,SAAS,EAAE;IACPA,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMqB,kBAAkB,oBAAG5B,gBAAM,EAAC,KAAK;EAAA;EAAA;AAAA;EAC1CE,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdO,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;EACZL,OAAO,EAAE,MAAM;EACfU,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,cAAc;EAC9BC,aAAa,EAAE,QAAQ;EACvBI,SAAS,EAAE,YAAY;EACvBG,QAAQ,EAAE,UAAU;EACpBZ,eAAe,EAAE,gCAAgC;EACjDC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE;AAAoD,0CACjEN,eAAe;EACZgB,QAAQ,EAAE,UAAU;EACpBnB,OAAO,EAAE,MAAM;EACfoB,GAAG,EAAE,CAAC;EACNvB,MAAM,EAAE,MAAM;EACd0B,MAAM,EAAE,CAAC;EACThB,eAAe,EAAE;AAAmB,GACnCd,mBAAmB,EAAG;EACnB2B,GAAG,EAAE,KAAK;EACVI,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,mCAAmC;EAC9CN,QAAQ,EAAE,UAAU;EACpBxB,KAAK,EAAE;AACX,CAAC,2CAEL,SAAS,sDACJQ,eAAe,EAAG;EACfH,OAAO,EAAE;AACb,CAAC,yCACAkB,WAAW,EAAG;EACXlB,OAAO,EAAE,OAAO;EAChBuB,MAAM,EAAE;AACZ,CAAC,sBAEP;AAAC"}

package/ui/elements/form/FileManagerElement.js

@@ -1,51 +1,32 @@
 "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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _FormFieldElement2 = require("./FormFieldElement");
-
 var _FileManagerElementRenderer = require("./FileManagerElement/FileManagerElementRenderer");
-
 var _EmptyStateElement = require("./FileManagerElement/EmptyStateElement");
-
 var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
   (0, _inherits2.default)(FileManagerElement, _FormFieldElement);
-
   var _super = (0, _createSuper2.default)(FileManagerElement);
-
   function FileManagerElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FileManagerElement);
     _this = _super.call(this, id, config);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_emptyStateElement", void 0);
-
     _this.addRenderer(new _FileManagerElementRenderer.FileManagerElementRenderer());
-
     _this._emptyStateElement = new _EmptyStateElement.EmptyStateElement("emptyState");
-
     _this.applyPlugins(FileManagerElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(FileManagerElement, [{
     key: "getEmptyStateElement",
     value: function getEmptyStateElement() {
@@ -104,5 +85,4 @@ var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return FileManagerElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.FileManagerElement = FileManagerElement;

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

@@ -1 +1 @@
-{"version":3,"names":["FileManagerElement","id","config","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","accept","maxSize","multipleMaxCount","multipleMaxSize","onChangePickAttributes","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;;AACA;;AACA;;IAwBaA,kB;;;;;EAGT,4BAAmBC,EAAnB,EAA+BC,MAA/B,EAAiE;IAAA;;IAAA;IAC7D,0BAAMD,EAAN,EAAUC,MAAV;IAD6D;;IAG7D,MAAKC,WAAL,CAAiB,IAAIC,sDAAJ,EAAjB;;IAEA,MAAKC,kBAAL,GAA0B,IAAIC,oCAAJ,CAAsB,YAAtB,CAA1B;;IAEA,MAAKC,YAAL,CAAkBP,kBAAlB;;IAP6D;EAQhE;;;;WAED,gCAA8B;MAC1B,OAAO,KAAKK,kBAAZ;IACH;;;WAED,qBAAmB;MACf,OAAO,KAAKH,MAAL,CAAYM,MAAnB;IACH;;;WAED,mBAAiBA,MAAjB,EAAmC;MAC/B,KAAKN,MAAL,CAAYM,MAAZ,GAAqBA,MAArB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKN,MAAL,CAAYO,OAAnB;IACH;;;WAED,oBAAkBA,OAAlB,EAA4C;MACxC,KAAKP,MAAL,CAAYO,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,+BAA6B;MACzB,OAAO,KAAKP,MAAL,CAAYQ,gBAAnB;IACH;;;WAED,6BAA2BA,gBAA3B,EAAqD;MACjD,KAAKR,MAAL,CAAYQ,gBAAZ,GAA+BA,gBAA/B;IACH;;;WAED,8BAA4B;MACxB,OAAO,KAAKR,MAAL,CAAYS,eAAnB;IACH;;;WAED,4BAA0BA,eAA1B,EAA4D;MACxD,KAAKT,MAAL,CAAYS,eAAZ,GAA8BA,eAA9B;IACH;;;WAED,qCAAmC;MAC/B,OAAO,KAAKT,MAAL,CAAYU,sBAAnB;IACH;;;WAED,mCAAiCC,UAAjC,EAAuD;MACnD,KAAKX,MAAL,CAAYU,sBAAZ,GAAqCC,UAArC;IACH;;;EAvDmCC,mC"}
+{"version":3,"names":["FileManagerElement","id","config","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","accept","maxSize","multipleMaxCount","multipleMaxSize","onChangePickAttributes","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;AACA;AACA;AAA2E,IAwB9DA,kBAAkB;EAAA;EAAA;EAG3B,4BAAmBC,EAAU,EAAEC,MAAgC,EAAE;IAAA;IAAA;IAC7D,0BAAMD,EAAE,EAAEC,MAAM;IAAE;IAElB,MAAKC,WAAW,CAAC,IAAIC,sDAA0B,EAAE,CAAC;IAElD,MAAKC,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7D,MAAKC,YAAY,CAACP,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gCAA8B;MAC1B,OAAO,IAAI,CAACK,kBAAkB;IAClC;EAAC;IAAA;IAAA,OAED,qBAAmB;MACf,OAAO,IAAI,CAACH,MAAM,CAACM,MAAM;IAC7B;EAAC;IAAA;IAAA,OAED,mBAAiBA,MAAgB,EAAE;MAC/B,IAAI,CAACN,MAAM,CAACM,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAA;IAAA,OAED,sBAAoB;MAChB,OAAO,IAAI,CAACN,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,oBAAkBA,OAAwB,EAAE;MACxC,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,+BAA6B;MACzB,OAAO,IAAI,CAACP,MAAM,CAACQ,gBAAgB;IACvC;EAAC;IAAA;IAAA,OAED,6BAA2BA,gBAAwB,EAAE;MACjD,IAAI,CAACR,MAAM,CAACQ,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAA;IAAA,OAED,8BAA4B;MACxB,OAAO,IAAI,CAACR,MAAM,CAACS,eAAe;IACtC;EAAC;IAAA;IAAA,OAED,4BAA0BA,eAAgC,EAAE;MACxD,IAAI,CAACT,MAAM,CAACS,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAA;IAAA,OAED,qCAAmC;MAC/B,OAAO,IAAI,CAACT,MAAM,CAACU,sBAAsB;IAC7C;EAAC;IAAA;IAAA,OAED,mCAAiCC,UAAoB,EAAE;MACnD,IAAI,CAACX,MAAM,CAACU,sBAAsB,GAAGC,UAAU;IACnD;EAAC;EAAA;AAAA,EAvDmCC,mCAAgB;AAAA"}

package/ui/elements/form/FormElement.js

@@ -1,55 +1,35 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _form = require("@webiny/form");
-
 var _UIElement2 = require("../../UIElement");
-
 var FormElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormElement);
-
   function FormElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FormElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(FormElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
-
       return /*#__PURE__*/_react.default.createElement(_form.Form, {
         onSubmit: this.config.onSubmit,
         data: this.config.getData()
@@ -62,5 +42,4 @@ var FormElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return FormElement;
 }(_UIElement2.UIElement);
-
 exports.FormElement = FormElement;