@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/ui/elements/form/DynamicFieldsetElement.d.ts

@@ -1,44 +0,0 @@
-import React from "react";
-import type { FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-import { FormFieldElement } from "./FormFieldElement";
-import type { UIElement } from "../../UIElement";
-import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
-interface DynamicFieldsetActions {
-    add: (index?: number) => () => void;
-    remove: (index: number) => () => void;
-}
-interface CreateHeaderCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-interface CreateRowCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-        index: number;
-        row: DynamicFieldsetRowElement;
-    }): UIElement;
-}
-interface CreateEmptyCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-export interface DynamicFieldsetElementConfig extends FormFieldElementConfig {
-    createHeader?: CreateHeaderCallable;
-    createRow?: CreateRowCallable;
-    createEmpty?: CreateEmptyCallable;
-}
-export declare class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {
-    constructor(id: string, config: DynamicFieldsetElementConfig);
-    getCreateHeaderElement(): CreateHeaderCallable | undefined;
-    setHeaderElement(element: UIElement): void;
-    setCreateHeaderElement(cb: DynamicFieldsetElementConfig["createHeader"]): void;
-    getCreateRowElement(): CreateRowCallable | undefined;
-    setCreateRowElement(cb: DynamicFieldsetElementConfig["createRow"]): void;
-    getCreateEmptyElement(): CreateEmptyCallable | undefined;
-    setEmptyElement(element: UIElement): void;
-    setCreateEmptyElement(cb: DynamicFieldsetElementConfig["createEmpty"]): void;
-    render(props: FormFieldElementRenderProps): React.ReactNode;
-}
-export {};

package/ui/elements/form/DynamicFieldsetElement.js

@@ -1,97 +0,0 @@
-import React from "react";
-import { FormFieldElement } from "./FormFieldElement";
-import { DynamicFieldset } from "@webiny/ui/DynamicFieldset";
-import { Grid } from "@webiny/ui/Grid";
-import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
-export class DynamicFieldsetElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.useGrid(false);
-    this.applyPlugins(DynamicFieldsetElement);
-  }
-  getCreateHeaderElement() {
-    return this.config.createHeader;
-  }
-  setHeaderElement(element) {
-    this.config.createHeader = () => element;
-  }
-  setCreateHeaderElement(cb) {
-    this.config.createHeader = cb;
-  }
-  getCreateRowElement() {
-    return this.config.createRow;
-  }
-  setCreateRowElement(cb) {
-    this.config.createRow = cb;
-  }
-  getCreateEmptyElement() {
-    return this.config.createEmpty;
-  }
-  setEmptyElement(element) {
-    this.config.createEmpty = () => element;
-  }
-  setCreateEmptyElement(cb) {
-    this.config.createEmpty = cb;
-  }
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    const createHeader = this.getCreateHeaderElement();
-    const createRow = this.getCreateRowElement();
-    const createEmpty = this.getCreateEmptyElement();
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      defaultValue: this.getDefaultValue(props)
-    }, /*#__PURE__*/React.createElement(DynamicFieldset, null, ({
-      actions,
-      header,
-      row,
-      empty
-    }) => /*#__PURE__*/React.createElement(React.Fragment, null, header(() => {
-      if (!createHeader) {
-        return null;
-      }
-      const headerElement = createHeader({
-        actions: actions
-      });
-      // This element is not created via `this.addElement()` API.
-      // We need to manually give it a parent to enable proper grid rendering.
-      headerElement && headerElement.setParent(this);
-      return headerElement ? headerElement.render(props) : null;
-    }), row(({
-      index
-    }) => {
-      if (!createRow) {
-        return null;
-      }
-      const rowElement = createRow({
-        actions: actions,
-        index,
-        row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)
-      });
-
-      // This element is not created via `this.addElement()` API.
-      // We need to manually give it a parent to enable proper grid rendering.
-      rowElement && rowElement.setParent(this);
-      return rowElement ? /*#__PURE__*/React.createElement(Grid, null, rowElement.render(props)) : null;
-    }), empty(() => {
-      if (!createEmpty) {
-        return null;
-      }
-      const emptyElement = createEmpty({
-        actions: actions
-      });
-
-      // This element is not created via `this.addElement()` API.
-      // We need to manually give it a parent to enable proper grid rendering.
-      emptyElement && emptyElement.setParent(this);
-      return emptyElement ? emptyElement.render(props) : null;
-    }))));
-  }
-}
-
-//# sourceMappingURL=DynamicFieldsetElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","FormFieldElement","DynamicFieldset","Grid","DynamicFieldsetRowElement","DynamicFieldsetElement","constructor","id","config","useGrid","applyPlugins","getCreateHeaderElement","createHeader","setHeaderElement","element","setCreateHeaderElement","cb","getCreateRowElement","createRow","setCreateRowElement","getCreateEmptyElement","createEmpty","setEmptyElement","setCreateEmptyElement","render","props","formProps","Error","Bind","createElement","name","getName","defaultValue","getDefaultValue","actions","header","row","empty","Fragment","headerElement","setParent","index","rowElement","emptyElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\nimport type { 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,gBAAgB;AAEzB,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,yBAAyB;AA6BlC,OAAO,MAAMC,sBAAsB,SAASJ,gBAAgB,CAA+B;EAChFK,WAAWA,CAACC,EAAU,EAAEC,MAAoC,EAAE;IACjE,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAI,CAACC,YAAY,CAACL,sBAAsB,CAAC;EAC7C;EAEOM,sBAAsBA,CAAA,EAAG;IAC5B,OAAO,IAAI,CAACH,MAAM,CAACI,YAAY;EACnC;EAEOC,gBAAgBA,CAACC,OAAkB,EAAQ;IAC9C,IAAI,CAACN,MAAM,CAACI,YAAY,GAAG,MAAME,OAAO;EAC5C;EAEOC,sBAAsBA,CAACC,EAAgD,EAAQ;IAClF,IAAI,CAACR,MAAM,CAACI,YAAY,GAAGI,EAAE;EACjC;EAEOC,mBAAmBA,CAAA,EAAG;IACzB,OAAO,IAAI,CAACT,MAAM,CAACU,SAAS;EAChC;EAEOC,mBAAmBA,CAACH,EAA6C,EAAQ;IAC5E,IAAI,CAACR,MAAM,CAACU,SAAS,GAAGF,EAAE;EAC9B;EAEOI,qBAAqBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACZ,MAAM,CAACa,WAAW;EAClC;EAEOC,eAAeA,CAACR,OAAkB,EAAQ;IAC7C,IAAI,CAACN,MAAM,CAACa,WAAW,GAAG,MAAMP,OAAO;EAC3C;EAEOS,qBAAqBA,CAACP,EAA+C,EAAQ;IAChF,IAAI,CAACR,MAAM,CAACa,WAAW,GAAGL,EAAE;EAChC;EAEgBQ,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,gEAAgE,CAAC;IACjF;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAChC,MAAMd,YAAY,GAAG,IAAI,CAACD,sBAAsB,CAAC,CAAC;IAClD,MAAMO,SAAS,GAAG,IAAI,CAACD,mBAAmB,CAAC,CAAC;IAC5C,MAAMI,WAAW,GAAG,IAAI,CAACD,qBAAqB,CAAC,CAAC;IAEhD,oBACIpB,KAAA,CAAA6B,aAAA,CAACD,IAAI;MAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MAACC,YAAY,EAAE,IAAI,CAACC,eAAe,CAACR,KAAK;IAAE,gBAClEzB,KAAA,CAAA6B,aAAA,CAAC3B,eAAe,QACX,CAAC;MAAEgC,OAAO;MAAEC,MAAM;MAAEC,GAAG;MAAEC;IAAM,CAAC,kBAC7BrC,KAAA,CAAA6B,aAAA,CAAC7B,KAAK,CAACsC,QAAQ,QACVH,MAAM,CAAC,MAAM;MACV,IAAI,CAACvB,YAAY,EAAE;QACf,OAAO,IAAI;MACf;MACA,MAAM2B,aAAa,GAAG3B,YAAY,CAAC;QAC/BsB,OAAO,EAAEA;MACb,CAAC,CAAC;MACF;MACA;MACAK,aAAa,IAAIA,aAAa,CAACC,SAAS,CAAC,IAAI,CAAC;MAE9C,OAAOD,aAAa,GAAGA,aAAa,CAACf,MAAM,CAACC,KAAK,CAAC,GAAG,IAAI;IAC7D,CAAC,CAAC,EACDW,GAAG,CAAC,CAAC;MAAEK;IAAM,CAAC,KAAK;MAChB,IAAI,CAACvB,SAAS,EAAE;QACZ,OAAO,IAAI;MACf;MACA,MAAMwB,UAAU,GAAGxB,SAAS,CAAC;QACzBgB,OAAO,EAAEA,OAAiC;QAC1CO,KAAK;QACLL,GAAG,EAAE,IAAIhC,yBAAyB,CAAC,GAAG,IAAI,CAACG,EAAE,QAAQkC,KAAK,EAAE;MAChE,CAAC,CAAC;;MAEF;MACA;MACAC,UAAU,IAAIA,UAAU,CAACF,SAAS,CAAC,IAAI,CAAC;MAExC,OAAOE,UAAU,gBAAG1C,KAAA,CAAA6B,aAAA,CAAC1B,IAAI,QAAEuC,UAAU,CAAClB,MAAM,CAACC,KAAK,CAAQ,CAAC,GAAG,IAAI;IACtE,CAAC,CAAC,EACDY,KAAK,CAAC,MAAM;MACT,IAAI,CAAChB,WAAW,EAAE;QACd,OAAO,IAAI;MACf;MACA,MAAMsB,YAAY,GAAGtB,WAAW,CAAC;QAC7Ba,OAAO,EAAEA;MACb,CAAC,CAAC;;MAEF;MACA;MACAS,YAAY,IAAIA,YAAY,CAACH,SAAS,CAAC,IAAI,CAAC;MAE5C,OAAOG,YAAY,GAAGA,YAAY,CAACnB,MAAM,CAACC,KAAK,CAAC,GAAG,IAAI;IAC3D,CAAC,CACW,CAEP,CACf,CAAC;EAEf;AACJ","ignoreList":[]}

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

@@ -1,4 +0,0 @@
-import { UIElement } from "../../../UIElement";
-export declare class EmptyStateElement extends UIElement<any> {
-    constructor(id: string);
-}

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

@@ -1,10 +0,0 @@
-import { UIElement } from "../../../UIElement";
-import { EmptyStateElementRenderer } from "./EmptyStateElementRenderer";
-export class EmptyStateElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.addRenderer(new EmptyStateElementRenderer());
-  }
-}
-
-//# sourceMappingURL=EmptyStateElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["UIElement","EmptyStateElementRenderer","EmptyStateElement","constructor","id","addRenderer"],"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,SAASA,SAAS;AAClB,SAASC,yBAAyB;AAElC,OAAO,MAAMC,iBAAiB,SAASF,SAAS,CAAM;EAC3CG,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,WAAW,CAAC,IAAIJ,yBAAyB,CAAC,CAAC,CAAC;EACrD;AACJ","ignoreList":[]}

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

@@ -1,8 +0,0 @@
-import React from "react";
-import type { EmptyStateElement } from "./EmptyStateElement";
-import type { UIRenderParams } from "../../../UIRenderer";
-import { UIRenderer } from "../../../UIRenderer";
-import type { FileManagerElementRenderProps } from "./FileManagerElementRenderer";
-export declare class EmptyStateElementRenderer extends UIRenderer<EmptyStateElement, FileManagerElementRenderProps> {
-    render({ props }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode;
-}

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

@@ -1,47 +0,0 @@
-import React from "react";
-import { UIRenderer } from "../../../UIRenderer";
-import * as Ui from "@webiny/ui/ImageUpload";
-import { Image } from "@webiny/app/components";
-import { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from "./styled";
-import { ReactComponent as AddFileIcon } from "@webiny/icons/attach_file.svg";
-import { ReactComponent as RemoveImageIcon } from "@webiny/icons/close.svg";
-import { Typography } from "@webiny/ui/Typography";
-export class EmptyStateElementRenderer extends UIRenderer {
-  render({
-    props
-  }) {
-    const accept = props.fileManagerElement.getAccept();
-    const acceptsOnlyImages = !accept || accept.every(el => el.startsWith("image/"));
-    if (acceptsOnlyImages) {
-      return /*#__PURE__*/React.createElement(Ui.Image, {
-        placeholder: "Select an image",
-        renderImagePreview: renderImageProps => /*#__PURE__*/React.createElement(Image, renderImageProps),
-        style: {
-          width: "100%",
-          height: "auto"
-        },
-        value: props.value,
-        uploadImage: props.showFileManager,
-        removeImage: props.onChange
-      });
-    }
-    if (props.value) {
-      return /*#__PURE__*/React.createElement(FilePreviewWrapper, null, /*#__PURE__*/React.createElement("span", null, "Attached file: ", /*#__PURE__*/React.createElement("strong", null, props.value.src.split("/").pop())), /*#__PURE__*/React.createElement(RemoveImage, {
-        onClick: () => props.onChange(null)
-      }, /*#__PURE__*/React.createElement(RemoveImageIcon, null)), /*#__PURE__*/React.createElement(AddImageWrapper, {
-        "data-role": "select-file",
-        onClick: props.showFileManager
-      }, /*#__PURE__*/React.createElement(AddImageIconWrapper, null, /*#__PURE__*/React.createElement(AddFileIcon, null), /*#__PURE__*/React.createElement(Typography, {
-        use: "caption"
-      }, "Select a file"))));
-    }
-    return /*#__PURE__*/React.createElement(AddImageWrapper, {
-      "data-role": "select-file",
-      onClick: props.showFileManager
-    }, /*#__PURE__*/React.createElement(AddImageIconWrapper, null, /*#__PURE__*/React.createElement(AddFileIcon, null), /*#__PURE__*/React.createElement(Typography, {
-      use: "caption"
-    }, "Select a file")));
-  }
-}
-
-//# sourceMappingURL=EmptyStateElementRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIRenderer","Ui","Image","AddImageIconWrapper","AddImageWrapper","FilePreviewWrapper","RemoveImage","ReactComponent","AddFileIcon","RemoveImageIcon","Typography","EmptyStateElementRenderer","render","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","createElement","placeholder","renderImagePreview","renderImageProps","style","width","height","value","uploadImage","showFileManager","removeImage","onChange","src","split","pop","onClick","use"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { EmptyStateElement } from \"./EmptyStateElement\";\nimport type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport type { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@webiny/icons/attach_file.svg\";\nimport { ReactComponent as RemoveImageIcon } from \"@webiny/icons/close.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,UAAU;AACnB,OAAO,KAAKC,EAAE,MAAM,wBAAwB;AAC5C,SAASC,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,mBAAmB,EAAEC,eAAe,EAAEC,kBAAkB,EAAEC,WAAW;AAC9E,SAASC,cAAc,IAAIC,WAAW,QAAQ,+BAA+B;AAC7E,SAASD,cAAc,IAAIE,eAAe,QAAQ,yBAAyB;AAC3E,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAO,MAAMC,yBAAyB,SAASX,UAAU,CAGvD;EACkBY,MAAMA,CAAC;IACnBC;EAC8D,CAAC,EAAmB;IAClF,MAAMC,MAAM,GAAGD,KAAK,CAACE,kBAAkB,CAACC,SAAS,CAAC,CAAC;IACnD,MAAMC,iBAAiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACI,KAAK,CAACC,EAAE,IAAIA,EAAE,CAACC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEhF,IAAIH,iBAAiB,EAAE;MACnB,oBACIlB,KAAA,CAAAsB,aAAA,CAACpB,EAAE,CAACC,KAAK;QACLoB,WAAW,EAAE,iBAAkB;QAC/BC,kBAAkB,EAAEC,gBAAgB,iBAAIzB,KAAA,CAAAsB,aAAA,CAACnB,KAAK,EAAKsB,gBAAmB,CAAE;QACxEC,KAAK,EAAE;UAAEC,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAO,CAAE;QACzCC,KAAK,EAAEf,KAAK,CAACe,KAAM;QACnBC,WAAW,EAAEhB,KAAK,CAACiB,eAAgB;QACnCC,WAAW,EAAElB,KAAK,CAACmB;MAAS,CAC/B,CAAC;IAEV;IAEA,IAAInB,KAAK,CAACe,KAAK,EAAE;MACb,oBACI7B,KAAA,CAAAsB,aAAA,CAAChB,kBAAkB,qBACfN,KAAA,CAAAsB,aAAA,eAAM,iBACa,eAAAtB,KAAA,CAAAsB,aAAA,iBAASR,KAAK,CAACe,KAAK,CAACK,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAU,CAC/D,CAAC,eAEPpC,KAAA,CAAAsB,aAAA,CAACf,WAAW;QAAC8B,OAAO,EAAEA,CAAA,KAAMvB,KAAK,CAACmB,QAAQ,CAAC,IAAI;MAAE,gBAC7CjC,KAAA,CAAAsB,aAAA,CAACZ,eAAe,MAAE,CACT,CAAC,eAEdV,KAAA,CAAAsB,aAAA,CAACjB,eAAe;QAAC,aAAW,aAAc;QAACgC,OAAO,EAAEvB,KAAK,CAACiB;MAAgB,gBACtE/B,KAAA,CAAAsB,aAAA,CAAClB,mBAAmB,qBAChBJ,KAAA,CAAAsB,aAAA,CAACb,WAAW,MAAE,CAAC,eACfT,KAAA,CAAAsB,aAAA,CAACX,UAAU;QAAC2B,GAAG,EAAE;MAAU,GAAC,eAAyB,CACpC,CACR,CACD,CAAC;IAE7B;IAEA,oBACItC,KAAA,CAAAsB,aAAA,CAACjB,eAAe;MAAC,aAAW,aAAc;MAACgC,OAAO,EAAEvB,KAAK,CAACiB;IAAgB,gBACtE/B,KAAA,CAAAsB,aAAA,CAAClB,mBAAmB,qBAChBJ,KAAA,CAAAsB,aAAA,CAACb,WAAW,MAAE,CAAC,eACfT,KAAA,CAAAsB,aAAA,CAACX,UAAU;MAAC2B,GAAG,EAAE;IAAU,GAAC,eAAyB,CACpC,CACR,CAAC;EAE1B;AACJ","ignoreList":[]}

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

@@ -1,14 +0,0 @@
-import React from "react";
-import type { UIRenderParams } from "../../../UIRenderer";
-import { UIRenderer } from "../../../UIRenderer";
-import type { FileManagerElement } from "../FileManagerElement";
-import type { FormFieldElementRenderProps } from "../FormFieldElement";
-export interface FileManagerElementRenderProps extends FormFieldElementRenderProps {
-    fileManagerElement: FileManagerElement;
-    value: any;
-    showFileManager: () => void;
-    onChange: (value: any) => void;
-}
-export declare class FileManagerElementRenderer extends UIRenderer<FileManagerElement, FormFieldElementRenderProps> {
-    render({ element, props }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode;
-}

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

@@ -1,73 +0,0 @@
-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)."; }
-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",
-  label: "ImageUploadWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rdeqjg",
-  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-floating-label--float-above{transform:scale(0.75);top:10px;left:10px;color:var(--mdc-theme-text-secondary-on-background);}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}"
-} : {
-  name: "rdeqjg",
-  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-floating-label--float-above{transform:scale(0.75);top:10px;left:10px;color:var(--mdc-theme-text-secondary-on-background);}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVNYW5hZ2VyRWxlbWVudFJlbmRlcmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMkIiLCJmaWxlIjoiRmlsZU1hbmFnZXJFbGVtZW50UmVuZGVyZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFVJUmVuZGVyUGFyYW1zIH0gZnJvbSBcIn4vdWkvVUlSZW5kZXJlclwiO1xuaW1wb3J0IHsgVUlSZW5kZXJlciB9IGZyb20gXCJ+L3VpL1VJUmVuZGVyZXJcIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHR5cGUgeyBGaWxlTWFuYWdlckVsZW1lbnQgfSBmcm9tIFwifi91aS9lbGVtZW50cy9mb3JtL0ZpbGVNYW5hZ2VyRWxlbWVudFwiO1xuaW1wb3J0IHR5cGUgeyBGaWxlTWFuYWdlckZpbGVJdGVtIH0gZnJvbSBcIn4vYmFzZS91aS9GaWxlTWFuYWdlclwiO1xuaW1wb3J0IHsgRmlsZU1hbmFnZXIgfSBmcm9tIFwifi9iYXNlL3VpL0ZpbGVNYW5hZ2VyXCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZEVsZW1lbnRSZW5kZXJQcm9wcyB9IGZyb20gXCJ+L3VpL2VsZW1lbnRzL2Zvcm0vRm9ybUZpZWxkRWxlbWVudFwiO1xuXG5jb25zdCBJbWFnZVVwbG9hZFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCIuZGlzYWJsZWRcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLWZsb2F0aW5nLWxhYmVsLS1mbG9hdC1hYm92ZVwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgwLjc1KVwiLFxuICAgICAgICB0b3A6IDEwLFxuICAgICAgICBsZWZ0OiAxMCxcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiLm1kYy10ZXh0LWZpZWxkLWhlbHBlci10ZXh0XCI6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGludGVyZmFjZSBGaWxlTWFuYWdlckVsZW1lbnRSZW5kZXJQcm9wcyBleHRlbmRzIEZvcm1GaWVsZEVsZW1lbnRSZW5kZXJQcm9wcyB7XG4gICAgZmlsZU1hbmFnZXJFbGVtZW50OiBGaWxlTWFuYWdlckVsZW1lbnQ7XG4gICAgdmFsdWU6IGFueTtcbiAgICBzaG93RmlsZU1hbmFnZXI6ICgpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2U6ICh2YWx1ZTogYW55KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY2xhc3MgRmlsZU1hbmFnZXJFbGVtZW50UmVuZGVyZXIgZXh0ZW5kcyBVSVJlbmRlcmVyPFxuICAgIEZpbGVNYW5hZ2VyRWxlbWVudCxcbiAgICBGb3JtRmllbGRFbGVtZW50UmVuZGVyUHJvcHNcbj4ge1xuICAgIHB1YmxpYyBvdmVycmlkZSByZW5kZXIoe1xuICAgICAgICBlbGVtZW50LFxuICAgICAgICBwcm9wc1xuICAgIH06IFVJUmVuZGVyUGFyYW1zPEZpbGVNYW5hZ2VyRWxlbWVudCwgRm9ybUZpZWxkRWxlbWVudFJlbmRlclByb3BzPik6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gICAgICAgIGlmICghcHJvcHMuZm9ybVByb3BzKSB7XG4gICAgICAgICAgICB0aHJvdyBFcnJvcihgRmlsZU1hbmFnZXJFbGVtZW50IG11c3QgYmUgcGxhY2VkIGluc2lkZSBvZiBhIEZvcm1FbGVtZW50LmApO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgeyBCaW5kIH0gPSBwcm9wcy5mb3JtUHJvcHM7XG5cbiAgICAgICAgY29uc3QgYWNjZXB0ID0gZWxlbWVudC5nZXRBY2NlcHQoKTtcbiAgICAgICAgY29uc3QgbGFiZWwgPSBlbGVtZW50LmdldExhYmVsKHByb3BzKTtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRpb24gPSBlbGVtZW50LmdldERlc2NyaXB0aW9uKHByb3BzKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEJpbmRcbiAgICAgICAgICAgICAgICBuYW1lPXtlbGVtZW50LmdldE5hbWUoKX1cbiAgICAgICAgICAgICAgICB2YWxpZGF0b3JzPXtlbGVtZW50LmdldFZhbGlkYXRvcnMocHJvcHMpfVxuICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZT17ZWxlbWVudC5nZXREZWZhdWx0VmFsdWUocHJvcHMpfVxuICAgICAgICAgICAgICAgIGJlZm9yZUNoYW5nZT17KHZhbHVlOiBzdHJpbmcsIGNiKSA9PiBlbGVtZW50Lm9uQmVmb3JlQ2hhbmdlKHZhbHVlLCBjYil9XG4gICAgICAgICAgICAgICAgYWZ0ZXJDaGFuZ2U9eyh2YWx1ZTogc3RyaW5nLCBmb3JtKSA9PiBlbGVtZW50Lm9uQWZ0ZXJDaGFuZ2UodmFsdWUsIGZvcm0pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyB2YWx1ZSwgb25DaGFuZ2UsIHZhbGlkYXRpb24gfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8SW1hZ2VVcGxvYWRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1kYy1mbG9hdGluZy1sYWJlbCBtZGMtZmxvYXRpbmctbGFiZWwtLWZsb2F0LWFib3ZlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlTWFuYWdlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsodmFsdWU6IEZpbGVNYW5hZ2VyRmlsZUl0ZW0gfCBudWxsKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZSA/IHsgaWQ6IHZhbHVlLmlkLCBzcmM6IHZhbHVlLnNyYyB9IDogbnVsbClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWNjZXB0PXthY2NlcHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaW1hZ2VzPXshYWNjZXB0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFNpemU9e2VsZW1lbnQuZ2V0TWF4U2l6ZSgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcj17KHsgc2hvd0ZpbGVNYW5hZ2VyIH0pID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsZW1lbnQuZ2V0RW1wdHlTdGF0ZUVsZW1lbnQoKS5yZW5kZXIoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxlTWFuYWdlckVsZW1lbnQ6IGVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93RmlsZU1hbmFnZXIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlOiAodmFsdWU6IEZpbGVNYW5hZ2VyRmlsZUl0ZW0gfCBudWxsKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKHZhbHVlID8geyBpZDogdmFsdWUuaWQsIHNyYzogdmFsdWUuc3JjIH0gOiBudWxsKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0aW9uLmlzVmFsaWQgPT09IGZhbHNlICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlIGVycm9yPnt2YWxpZGF0aW9uLm1lc3NhZ2V9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+e2Rlc2NyaXB0aW9ufTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9JbWFnZVVwbG9hZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgKTtcbiAgICB9XG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export class FileManagerElementRenderer extends UIRenderer {
-  render({
-    element,
-    props
-  }) {
-    if (!props.formProps) {
-      throw Error(`FileManagerElement must be placed inside of a FormElement.`);
-    }
-    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 +0,0 @@
-{"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 type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport type { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FileManager } from \"~/base/ui/FileManager\";\nimport type { 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.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-export declare const AddImageIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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, keyof import("react").JSX.IntrinsicElements> | 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    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, keyof import("react").JSX.IntrinsicElements> | 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,108 +0,0 @@
-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)."; }
-export const AddImageIconWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e185ja7p4"
-} : {
-  target: "e185ja7p4",
-  label: "AddImageIconWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "dkc958",
-  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}"
-} : {
-  name: "dkc958",
-  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFbUMiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGaWxlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogOTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC43NSlcIixcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VJY29uV3JhcHBlcl06IHtcbiAgICAgICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKSB0cmFuc2xhdGVYKC01MCUpXCIsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgY29sb3I6IFwid2hpdGVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbUmVtb3ZlSW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const AddImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e185ja7p3"
-} : {
-  target: "e185ja7p3",
-  label: "AddImageWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4pf0ii",
-  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}"
-} : {
-  name: "4pf0ii",
-  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGaWxlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogOTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC43NSlcIixcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VJY29uV3JhcHBlcl06IHtcbiAgICAgICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKSB0cmFuc2xhdGVYKC01MCUpXCIsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgY29sb3I6IFwid2hpdGVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbUmVtb3ZlSW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const AddImageWrapperRound = /*#__PURE__*/_styled(AddImageWrapper, process.env.NODE_ENV === "production" ? {
-  target: "e185ja7p2"
-} : {
-  target: "e185ja7p2",
-  label: "AddImageWrapperRound"
-})(process.env.NODE_ENV === "production" ? {
-  name: "k3f3kd",
-  styles: "margin:auto;width:150px;height:150px;border-radius:50%"
-} : {
-  name: "k3f3kd",
-  styles: "margin:auto;width:150px;height:150px;border-radius:50%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const RemoveImage = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e185ja7p1"
-} : {
-  target: "e185ja7p1",
-  label: "RemoveImage"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1opwi5t",
-  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}"
-} : {
-  name: "1opwi5t",
-  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzJCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRmlsZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDkwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const FilePreviewWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e185ja7p0"
-} : {
-  target: "e185ja7p0",
-  label: "FilePreviewWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  minHeight: 90,
-  minWidth: 50,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-around",
-  flexDirection: "column",
-  boxSizing: "border-box",
-  position: "relative",
-  backgroundColor: "var(--mdc-theme-on-background)",
-  borderRadius: 0,
-  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 +0,0 @@
-{"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.d.ts

@@ -1,25 +0,0 @@
-import type { UIElement } from "../../UIElement";
-import type { FormFieldElementConfig } from "./FormFieldElement";
-import { FormFieldElement } from "./FormFieldElement";
-export interface FileManagerElementConfig extends FormFieldElementConfig {
-    accept?: string[];
-    maxSize?: number | string;
-    multipleMaxCount?: number;
-    multipleMaxSize?: number | string;
-    onChangePickAttributes?: string[];
-}
-export declare class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {
-    private readonly _emptyStateElement;
-    constructor(id: string, config: FileManagerElementConfig);
-    getEmptyStateElement(): UIElement<import("@webiny/ui-composer/UIElement").UIElementConfig<any>>;
-    getAccept(): string[] | undefined;
-    setAccept(accept: string[]): void;
-    getMaxSize(): string | number | undefined;
-    setMaxSize(maxSize: number | string): void;
-    getMultipleMaxCount(): number | undefined;
-    setMultipleMaxCount(multipleMaxCount: number): void;
-    getMultipleMaxSize(): string | number | undefined;
-    setMultipleMaxSize(multipleMaxSize: number | string): void;
-    getOnChangePickAttributes(): string[] | undefined;
-    setOnChangePickAttributes(attributes: string[]): void;
-}