@webiny/app-admin 5.36.2 → 5.37.0-beta.1

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":";;;;;;;;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"}
+{"version":3,"names":["_styled2","_interopRequireDefault","require","_hover","_styled","AddImageIconWrapper","styled","target","label","color","width","height","maxWidth","maxHeight","display","opacity","margin","exports","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","FilePreviewWrapper","_defineProperty2","default","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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"}

package/ui/elements/form/FileManagerElement.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 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");
@@ -21,7 +19,6 @@ var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
     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);

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;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"}
+{"version":3,"names":["_FormFieldElement2","require","_FileManagerElementRenderer","_EmptyStateElement","FileManagerElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","_createClass2","key","value","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes","FormFieldElement","exports"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2E,IAwB9DG,kBAAkB,0BAAAC,iBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,kBAAA,EAAAC,iBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,kBAAA;EAG3B,SAAAA,mBAAmBM,EAAU,EAAEC,MAAgC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,kBAAA;IAC7DQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,WAAW,CAAC,IAAIC,sDAA0B,CAAC,CAAC,CAAC;IAElDJ,KAAA,CAAKK,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7DN,KAAA,CAAKO,YAAY,CAACf,kBAAkB,CAAC;IAAC,OAAAQ,KAAA;EAC1C;EAAC,IAAAQ,aAAA,CAAAb,OAAA,EAAAH,kBAAA;IAAAiB,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAA8B;MAC1B,OAAO,IAAI,CAACN,kBAAkB;IAClC;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAA,EAAmB;MACf,OAAO,IAAI,CAACb,MAAM,CAACc,MAAM;IAC7B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAI,UAAiBD,MAAgB,EAAE;MAC/B,IAAI,CAACd,MAAM,CAACc,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAK,WAAA,EAAoB;MAChB,OAAO,IAAI,CAAChB,MAAM,CAACiB,OAAO;IAC9B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,WAAkBD,OAAwB,EAAE;MACxC,IAAI,CAACjB,MAAM,CAACiB,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAQ,oBAAA,EAA6B;MACzB,OAAO,IAAI,CAACnB,MAAM,CAACoB,gBAAgB;IACvC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,oBAA2BD,gBAAwB,EAAE;MACjD,IAAI,CAACpB,MAAM,CAACoB,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAW,mBAAA,EAA4B;MACxB,OAAO,IAAI,CAACtB,MAAM,CAACuB,eAAe;IACtC;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,mBAA0BD,eAAgC,EAAE;MACxD,IAAI,CAACvB,MAAM,CAACuB,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAc,0BAAA,EAAmC;MAC/B,OAAO,IAAI,CAACzB,MAAM,CAAC0B,sBAAsB;IAC7C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,0BAAiCC,UAAoB,EAAE;MACnD,IAAI,CAAC5B,MAAM,CAAC0B,sBAAsB,GAAGE,UAAU;IACnD;EAAC;EAAA,OAAAnC,kBAAA;AAAA,EAvDmCoC,mCAAgB;AAAAC,OAAA,CAAArC,kBAAA,GAAAA,kBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["FormElement","id","config","useGrid","props","onSubmit","getData","formProps","UIElement"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n    onSubmit: FormOnSubmit;\n    getData(): Record<string, any>;\n    getInvalidFields?(): Record<string, any>;\n    isDisabled?(): boolean;\n    onChange?: FormOnSubmit;\n    onInvalid?: () => void;\n    submitOnEnter?: boolean;\n    validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n    public constructor(id: string, config: FormElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        return (\n            <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n                {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n            </Form>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAkF,IAiBrEA,WAAW;EAAA;EAAA;EACpB,qBAAmBC,EAAU,EAAEC,MAAyB,EAAE;IAAA;IAAA;IACtD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA6B,EAAmB;MAAA;MACnE,oBACI,6BAAC,UAAI;QAAC,QAAQ,EAAE,IAAI,CAACF,MAAM,CAACG,QAAS;QAAC,IAAI,EAAE,IAAI,CAACH,MAAM,CAACI,OAAO;MAAG,GAC7D,UAAAC,SAAS;QAAA,oBAAI,6BAAC,eAAQ,4KAAoBH,KAAK;UAAEG,SAAS,EAATA;QAAS,IAAe;MAAA,EACvE;IAEf;EAAC;EAAA;AAAA,EAb4BC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","_get2","_getPrototypeOf2","prototype","_objectSpread2","UIElement","exports"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n    onSubmit: FormOnSubmit;\n    getData(): Record<string, any>;\n    getInvalidFields?(): Record<string, any>;\n    isDisabled?(): boolean;\n    onChange?: FormOnSubmit;\n    onInvalid?: () => void;\n    submitOnEnter?: boolean;\n    validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n    public constructor(id: string, config: FormElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        return (\n            <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n                {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n            </Form>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkF,IAiBrEG,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,WAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,WAAA;EACpB,SAAAA,YAAmBM,EAAU,EAAEC,MAAyB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,WAAA;IACtDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,WAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA6B,EAAmB;MAAA,IAAAC,MAAA;MACnE,oBACItB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACpB,KAAA,CAAAqB,IAAI;QAACC,QAAQ,EAAE,IAAI,CAACb,MAAM,CAACa,QAAS;QAACC,IAAI,EAAE,IAAI,CAACd,MAAM,CAACe,OAAO,CAAC;MAAE,GAC7D,UAAAC,SAAS;QAAA,oBAAI5B,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACvB,MAAA,CAAA6B,QAAQ,YAAAC,KAAA,CAAAtB,OAAA,MAAAuB,gBAAA,CAAAvB,OAAA,EAAAH,WAAA,CAAA2B,SAAA,aAAAV,MAAA,EAAAP,IAAA,CAAAO,MAAA,MAAAW,cAAA,CAAAzB,OAAA,MAAAyB,cAAA,CAAAzB,OAAA,MAAoBa,KAAK;UAAEO,SAAS,EAATA;QAAS,GAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;EAAA,OAAAvB,WAAA;AAAA,EAb4B6B,qBAAS;AAAAC,OAAA,CAAA9B,WAAA,GAAAA,WAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["FormFieldElement","id","config","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","name","props","validators","defaultValue","label","description","placeholder","value","isDisabled","cb","callbacks","next","val","callbackCallable","pop","form","UIElement"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport interface FormFieldElementConfig<TRenderProps = FormRenderPropParams>\n    extends UIElementConfig<TRenderProps> {\n    name: string;\n    validators?: GetterWithProps<Validator | Validator[]>;\n    beforeChange?: BeforeChange;\n    afterChange?: AfterChange;\n    defaultValue?: any | GetterWithProps<any>;\n    isDisabled?: boolean | GetterWithProps<boolean>;\n    label?: string | GetterWithProps<string>;\n    description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;\n    placeholder?: string | GetterWithProps<string>;\n}\n\nexport interface FormFieldElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\ninterface BeforeChange {\n    (value: any, callback: BeforeChangeCallback): void;\n}\n\ninterface BeforeChangeCallback {\n    (value: any): void;\n}\n\ninterface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {\n    (value: T, form: FormAPI<D>): void;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\nexport class FormFieldElement<\n    TConfig extends FormFieldElementConfig = FormFieldElementConfig\n> extends UIElement<TConfig> {\n    private _beforeChange: BeforeChange[] = [];\n    private _afterChange: AfterChange[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        if (config.beforeChange) {\n            this._beforeChange.push(config.beforeChange);\n        }\n\n        if (config.afterChange) {\n            this._afterChange.push(config.afterChange);\n        }\n\n        this.applyPlugins(FormFieldElement);\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getValidators(props?: FormFieldElementRenderProps): Validator | Validator[] {\n        if (!this.config.validators || typeof this.config.validators !== \"function\") {\n            return () => true;\n        }\n\n        return this.config.validators(props as FormFieldElementRenderProps);\n    }\n\n    public getDefaultValue(props?: FormFieldElementRenderProps): any {\n        if (typeof this.config.defaultValue === \"function\") {\n            return this.config.defaultValue(props);\n        }\n\n        return this.config.defaultValue;\n    }\n\n    public getLabel(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            return this.config.label(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.label as string;\n    }\n\n    public getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement {\n        if (typeof this.config.description === \"function\") {\n            return this.config.description(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.description as string;\n    }\n\n    public getPlaceholder(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.placeholder === \"function\") {\n            return this.config.placeholder(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.placeholder as string;\n    }\n\n    public setLabel(label: string | GetterWithProps<string>): void {\n        this.config.label = label;\n    }\n\n    public setDescription(\n        description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>\n    ): void {\n        this.config.description = description;\n    }\n\n    public setPlaceholder(placeholder: string | GetterWithProps<string>): void {\n        this.config.placeholder = placeholder;\n    }\n\n    public setDefaultValue(value: any | GetterWithProps<any>): void {\n        this.config.defaultValue = value;\n    }\n\n    public getIsDisabled(props?: FormFieldElementRenderProps): boolean {\n        if (typeof this.config.isDisabled === \"function\") {\n            return this.config.isDisabled(props as FormFieldElementRenderProps);\n        }\n        return this.config.isDisabled as boolean;\n    }\n\n    public setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void {\n        this.config.isDisabled = isDisabled;\n    }\n\n    public setValidators(validators: GetterWithProps<Validator>): void {\n        this.config.validators = validators;\n    }\n\n    public onBeforeChange(value: string, cb: (value: string) => void): void {\n        const callbacks = [...this._beforeChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                cb(val);\n                return;\n            }\n            callbackCallable(val, next);\n        };\n\n        next(value);\n    }\n\n    public onAfterChange(value: string, form: FormAPI): void {\n        const callbacks = [...this._afterChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                return;\n            }\n            callbackCallable(val, form);\n        };\n\n        next(value);\n    }\n\n    public addBeforeChange(cb: BeforeChange): void {\n        this._beforeChange.push(cb);\n    }\n\n    public addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(\n        cb: AfterChange<T, D>\n    ): void {\n        /**\n         * TODO @ts-refactor possibly different subtype. Or so TS complains.\n         */\n        // @ts-ignore\n        this._afterChange.push(cb);\n    }\n\n    public setBeforeChange(cb: BeforeChange): void {\n        this._beforeChange = [cb];\n    }\n\n    public setAfterChange(cb: AfterChange): void {\n        this._afterChange = [cb];\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_UIElement2","require","FormFieldElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","_createClass2","key","value","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","_toConsumableArray2","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange","UIElement","exports"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport interface FormFieldElementConfig<TRenderProps = FormRenderPropParams>\n    extends UIElementConfig<TRenderProps> {\n    name: string;\n    validators?: GetterWithProps<Validator | Validator[]>;\n    beforeChange?: BeforeChange;\n    afterChange?: AfterChange;\n    defaultValue?: any | GetterWithProps<any>;\n    isDisabled?: boolean | GetterWithProps<boolean>;\n    label?: string | GetterWithProps<string>;\n    description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;\n    placeholder?: string | GetterWithProps<string>;\n}\n\nexport interface FormFieldElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\ninterface BeforeChange {\n    (value: any, callback: BeforeChangeCallback): void;\n}\n\ninterface BeforeChangeCallback {\n    (value: any): void;\n}\n\ninterface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {\n    (value: T, form: FormAPI<D>): void;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\nexport class FormFieldElement<\n    TConfig extends FormFieldElementConfig = FormFieldElementConfig\n> extends UIElement<TConfig> {\n    private _beforeChange: BeforeChange[] = [];\n    private _afterChange: AfterChange[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        if (config.beforeChange) {\n            this._beforeChange.push(config.beforeChange);\n        }\n\n        if (config.afterChange) {\n            this._afterChange.push(config.afterChange);\n        }\n\n        this.applyPlugins(FormFieldElement);\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getValidators(props?: FormFieldElementRenderProps): Validator | Validator[] {\n        if (!this.config.validators || typeof this.config.validators !== \"function\") {\n            return () => true;\n        }\n\n        return this.config.validators(props as FormFieldElementRenderProps);\n    }\n\n    public getDefaultValue(props?: FormFieldElementRenderProps): any {\n        if (typeof this.config.defaultValue === \"function\") {\n            return this.config.defaultValue(props);\n        }\n\n        return this.config.defaultValue;\n    }\n\n    public getLabel(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            return this.config.label(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.label as string;\n    }\n\n    public getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement {\n        if (typeof this.config.description === \"function\") {\n            return this.config.description(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.description as string;\n    }\n\n    public getPlaceholder(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.placeholder === \"function\") {\n            return this.config.placeholder(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.placeholder as string;\n    }\n\n    public setLabel(label: string | GetterWithProps<string>): void {\n        this.config.label = label;\n    }\n\n    public setDescription(\n        description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>\n    ): void {\n        this.config.description = description;\n    }\n\n    public setPlaceholder(placeholder: string | GetterWithProps<string>): void {\n        this.config.placeholder = placeholder;\n    }\n\n    public setDefaultValue(value: any | GetterWithProps<any>): void {\n        this.config.defaultValue = value;\n    }\n\n    public getIsDisabled(props?: FormFieldElementRenderProps): boolean {\n        if (typeof this.config.isDisabled === \"function\") {\n            return this.config.isDisabled(props as FormFieldElementRenderProps);\n        }\n        return this.config.isDisabled as boolean;\n    }\n\n    public setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void {\n        this.config.isDisabled = isDisabled;\n    }\n\n    public setValidators(validators: GetterWithProps<Validator>): void {\n        this.config.validators = validators;\n    }\n\n    public onBeforeChange(value: string, cb: (value: string) => void): void {\n        const callbacks = [...this._beforeChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                cb(val);\n                return;\n            }\n            callbackCallable(val, next);\n        };\n\n        next(value);\n    }\n\n    public onAfterChange(value: string, form: FormAPI): void {\n        const callbacks = [...this._afterChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                return;\n            }\n            callbackCallable(val, form);\n        };\n\n        next(value);\n    }\n\n    public addBeforeChange(cb: BeforeChange): void {\n        this._beforeChange.push(cb);\n    }\n\n    public addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(\n        cb: AfterChange<T, D>\n    ): void {\n        /**\n         * TODO @ts-refactor possibly different subtype. Or so TS complains.\n         */\n        // @ts-ignore\n        this._afterChange.push(cb);\n    }\n\n    public setBeforeChange(cb: BeforeChange): void {\n        this._beforeChange = [cb];\n    }\n\n    public setAfterChange(cb: AfterChange): void {\n        this._afterChange = [cb];\n    }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["HiddenElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","FormFieldElement"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(HiddenElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`HiddenElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            />\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAI6C,IAEhCA,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAEC,MAA8B,EAAE;IAAA;IAAA;IAC3D,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,yDAAyD;MACxE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,EACxE;IAEV;EAAC;EAAA;AAAA,EAvB8BE,mCAAgB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","HiddenElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","FormFieldElement","exports"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(HiddenElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`HiddenElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            />\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAI6C,IAEhCE,aAAa,0BAAAC,iBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,aAAA,EAAAC,iBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,aAAA;EACtB,SAAAA,cAAmBM,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,aAAA;IAC3DQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACX,aAAa,CAAC;IAAC,OAAAQ,KAAA;EACrC;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,aAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIxB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,CACzE,CAAC;IAEV;EAAC;EAAA,OAAAhC,aAAA;AAAA,EAvB8BkC,mCAAgB;AAAAC,OAAA,CAAAnC,aAAA,GAAAA,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["InputElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription","FormFieldElement"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    data-testid={`input-element-${this.getLabel(props)}`}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAI6C,IAGhCA,YAAY;EAAA;EAAA;EACrB,sBAAmBC,EAAU,EAAEC,MAA8B,EAAE;IAAA;IAAA;IAC3D,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,YAAY,CAAC;IAAC;EACpC;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD;MACvE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,YAAK;QACF,uCAA8B,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAC,CAAG;QACrD,KAAK,EAAE,IAAI,CAACY,QAAQ,CAACZ,KAAK,CAAE;QAC5B,WAAW,EAAE,IAAI,CAACa,cAAc,CAACb,KAAK,CAAE;QACxC,QAAQ,EAAE,IAAI,CAACc,aAAa,CAACd,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACe,cAAc,CAACf,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EA/B6BgB,mCAAgB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","InputElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","concat","getLabel","label","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","FormFieldElement","exports"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    data-testid={`input-element-${this.getLabel(props)}`}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAGhCG,YAAY,0BAAAC,iBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,YAAA,EAAAC,iBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,YAAA;EACrB,SAAAA,aAAmBM,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,YAAA;IAC3DQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACX,YAAY,CAAC;IAAC,OAAAQ,KAAA;EACpC;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,YAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,uDAAuD,CAAC;MACvE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtErC,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,MAAA,CAAAoC,KAAK;QACF,gCAAAC,MAAA,CAA8B,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAC,CAAG;QACrDqB,KAAK,EAAE,IAAI,CAACD,QAAQ,CAACpB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;EAAA,OAAAhB,YAAA;AAAA,EA/B6B4C,mCAAgB;AAAAC,OAAA,CAAA7C,YAAA,GAAAA,YAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["PasswordElement","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAAyC,IAE5BA,eAAe;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACxB,gBAAuBC,KAAkC,EAAsB;MAAA;MAC3E,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,2DAA2D;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,KAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,KAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,YAAK;QACF,IAAI,EAAE,UAAW;QACjB,KAAK,EAAE,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAE;QAC5B,WAAW,EAAE,IAAI,CAACa,cAAc,CAACb,KAAK,CAAE;QACxC,QAAQ,EAAE,IAAI,CAACc,aAAa,CAACd,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACe,cAAc,CAACf,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EAzBgCgB,2BAAY;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","_InputElement","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement","exports"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,0BAAAC,aAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,eAAA,EAAAC,aAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,eAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,eAAA;IAAAU,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAuBC,KAAkC,EAAsB;MAAA,IAAAC,KAAA;MAC3E,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACItB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,KAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,KAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtElC,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAAgC,KAAK;QACFC,IAAI,EAAE,UAAW;QACjBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;EAAA,OAAAb,eAAA;AAAA,EAzBgCyC,2BAAY;AAAAC,OAAA,CAAA1C,eAAA,GAAAA,eAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["SelectElement","id","config","applyPlugins","options","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getIsDisabled","getOptions","map","label","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAI6C,IAWhCA,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,oBAAkBI,OAA8B,EAAQ;MACpD,IAAI,CAACF,MAAM,CAACE,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAuD;MACnD,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,yDAAyD;MACxE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,cAAM;QACH,KAAK,EAAE,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACa,aAAa,CAACb,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK;MAAE,GAExC,CAAC,IAAI,CAACc,UAAU,EAAE,IAAI,EAAE,EAAEC,GAAG,CAAC;QAAA,IAAGR,KAAK,QAALA,KAAK;UAAES,KAAK,QAALA,KAAK;QAAA,oBAC1C;UAAQ,GAAG,EAAET,KAAM;UAAC,KAAK,EAAEA;QAAM,GAC5BS,KAAK,CACD;MAAA,CACZ,CAAC,CACG,CACN;IAEf;EAAC;EAAA;AAAA,EA3C8BC,mCAAgB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement","exports"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,0BAAAC,iBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,aAAA,EAAAC,iBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,aAAA;EACtB,SAAAA,cAAmBM,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,aAAA;IACxDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACX,aAAa,CAAC;IAAC,OAAAQ,KAAA;EACrC;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,aAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,WAAkBC,OAA8B,EAAQ;MACpD,IAAI,CAACT,MAAM,CAACS,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,WAAA,EAAuD;MACnD,OAAO,IAAI,CAACV,MAAM,CAACS,OAAO;IAC9B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACI5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACjB,KAAa,EAAEkB,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAACnB,KAAK,EAAEkB,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACpB,KAAa,EAAEqB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACtB,KAAK,EAAEqB,IAAI,CAAC;QAAA;MAAC,gBAEtExC,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,OAAA,CAAAuC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAE;QAC5BqB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACtB,KAAK,CAAE;QACpCuB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACX,KAAK;MAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE0B,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAG9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;UAAEwB,KAAK,GAAAM,IAAA,CAALN,KAAK;QAAA,oBAC1C3C,MAAA,CAAAQ,OAAA,CAAAqB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;EAAA,OAAAtC,aAAA;AAAA,EA3C8B6C,mCAAgB;AAAAC,OAAA,CAAA9C,aAAA,GAAAA,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["TextareaElement","id","config","applyPlugins","rows","props","formProps","Error","Bind","getName","getValidators","getLabel","getIsDisabled","getRows","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAA+F,IAUlFA,eAAe;EAAA;EAAA;EACxB,yBAAYC,EAAU,EAAEC,MAA6B,EAAE;IAAA;IAAA;IACnD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,eAAe,CAAC;IAAC;EACvC;EAAC;IAAA;IAAA,OAED,iBAAeI,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,2DAA2D;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QAAC,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QAAC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK;MAAE,gBAC9D,6BAAC,YAAK;QACF,KAAK,EAAE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACO,aAAa,CAACP,KAAK,CAAE;QACpC,IAAI,EAAE,IAAI,CAACQ,OAAO,EAAG;QACrB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACT,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EAhCgCU,mCAAgB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement","exports"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,0BAAAC,iBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,eAAA,EAAAC,iBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,eAAA;EACxB,SAAAA,gBAAYM,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,eAAA;IACnDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACX,eAAe,CAAC;IAAC,OAAAQ,KAAA;EACvC;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,eAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAeC,IAAY,EAAQ;MAC/B,IAAI,CAACT,MAAM,CAACS,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACV,MAAM,CAACS,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI3B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DxB,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,MAAA,CAAA8B,KAAK;QACFC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACX,KAAK,CAAE;QAC5BY,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACb,KAAK,CAAE;QACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBgB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACf,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;EAAA,OAAAnB,eAAA;AAAA,EAhCgCmC,mCAAgB;AAAAC,OAAA,CAAApC,eAAA,GAAAA,eAAA"}

package/ui/views/AdminView/ContentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElementRenderer","next","props","children","UIRenderer","ContentElement","id","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEGC,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACxB,sBAAyF;MAAA,IAAhEC,IAAI,QAAJA,IAAI;QAAEC,KAAK,QAALA,KAAK;MAChC,oBAAO,6BAAC,cAAc,QAAEA,KAAK,CAACC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,GAAGF,IAAI,EAAE,CAAkB;IACtF;EAAC;EAAA;AAAA,EAHgCG,uBAAU;AAAA,IAMlCC,cAAc;EAAA;EAAA;EACvB,wBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IACR,MAAKC,OAAO,CAAC,KAAK,CAAC;IACnB,MAAKC,WAAW,CAAC,IAAIR,sBAAsB,EAAE,CAAC;IAC9C,MAAKS,YAAY,CAACJ,cAAc,CAAC;IAAC;EACtC;EAAC;AAAA,EAN+BK,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_UIElement2","_UIRenderer2","ContentWrapper","styled","target","label","width","paddingTop","ContentElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","_UIElement","_super2","id","_this","call","useGrid","addRenderer","applyPlugins","UIElement","exports"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAMI,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEGC,sBAAsB,0BAAAC,WAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,sBAAA,EAAAC,WAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,sBAAA;EAAA,SAAAA,uBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,sBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,sBAAA;IAAAU,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAAC,IAAA,EAAyF;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO3B,MAAA,CAAAe,OAAA,CAAAa,aAAA,CAACtB,cAAc,QAAEqB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;EAAA,OAAAd,sBAAA;AAAA,EAHgCkB,uBAAU;AAAA,IAMlCC,cAAc,0BAAAC,UAAA;EAAA,IAAAlB,UAAA,CAAAC,OAAA,EAAAgB,cAAA,EAAAC,UAAA;EAAA,IAAAC,OAAA,OAAAhB,aAAA,CAAAF,OAAA,EAAAgB,cAAA;EACvB,SAAAA,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAjB,gBAAA,CAAAH,OAAA,QAAAgB,cAAA;IAC3BI,KAAA,GAAAF,OAAA,CAAAG,IAAA,OAAMF,EAAE;IACRC,KAAA,CAAKE,OAAO,CAAC,KAAK,CAAC;IACnBF,KAAA,CAAKG,WAAW,CAAC,IAAI1B,sBAAsB,CAAC,CAAC,CAAC;IAC9CuB,KAAA,CAAKI,YAAY,CAACR,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,WAAAd,aAAA,CAAAN,OAAA,EAAAgB,cAAA;AAAA,EAN+BS,qBAAS;AAAAC,OAAA,CAAAV,cAAA,GAAAA,cAAA"}

package/ui/views/AdminView/HeaderElement.js

@@ -19,11 +19,11 @@ var _HeaderSectionCenterElement = require("./HeaderSectionCenterElement");
 var _HeaderSectionRightElement = require("./HeaderSectionRightElement");
 var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
 var _UIRenderer2 = require("../../UIRenderer");
-var ElementID;
-(function (ElementID) {
+var ElementID = /*#__PURE__*/function (ElementID) {
   ElementID["MenuButton"] = "headerMenuButton";
   ElementID["Logo"] = "headerLogo";
-})(ElementID || (ElementID = {}));
+  return ElementID;
+}(ElementID || {});
 var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
   var _super = (0, _createSuper2.default)(HeaderElementRenderer);

package/ui/views/AdminView/HeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ElementID","HeaderElementRenderer","next","UIRenderer","HeaderElement","id","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","GenericElement","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA6D,IAExDA,SAAS;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAAA,IAKRC,qBAAqB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACvB,sBAAiF;MAAA,IAAxDC,IAAI,QAAJA,IAAI;MACzB,oBAAO,6BAAC,2BAAgB;QAAC,KAAK;MAAA,GAAEA,IAAI,EAAE,CAAoB;IAC9D;EAAC;EAAA;AAAA,EAH+BC,uBAAU;AAAA,IAMjCC,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAG,MAAKC,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACW,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACY,IAAI,CAAC,CAAC;IAE9D,MAAKJ,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAKL,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7D,MAAKC,WAAW,CAAC,IAAId,qBAAqB,EAAE,CAAC;IAE7C,MAAKe,aAAa,eAAC,6BAAC,kBAAS,OAAG,CAAC;IACjC,MAAKC,YAAY,CAACb,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,0BAAkD;MAC9C,OAAO,IAAI,CAACc,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA;IAAA,OAED,4BAAsD;MAClD,OAAO,IAAI,CAACA,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA;IAAA,OAED,2BAAoD;MAChD,OAAO,IAAI,CAACA,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA;IAAA,OAED,iBAAeC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACF,UAAU,CAAClB,SAAS,CAACY,IAAI,CAAC;MAC/C,IAAI,CAACQ,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAACtB,SAAS,CAACY,IAAI,EAAE,YAAM;QACrC,oBAAO,6BAAC,yBAAc,QAAEO,IAAI,CAAkB;MAClD,CAAC,CAAC,CACL;IACL;EAAC;IAAA;IAAA,OAED,uBAAqBI,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACN,UAAU,CAAClB,SAAS,CAACW,UAAU,CAAC;MACpD,IAAI,CAACa,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACH,WAAW,CACd,IAAIC,8BAAc,CAACtB,SAAS,CAACW,UAAU,EAAE,YAAM;QAC3C,OAAOY,UAAU;MACrB,CAAC,CAAC,CACL;IACL;EAAC;EAAA;AAAA,EAtD8BE,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","_UIElement","_super2","id","_this","call","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement","exports"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":"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"}

package/ui/views/AdminView/HeaderSectionCenterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC,IAEUC,0BAA0B;EAAA;EAAA;EACnC,oCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,SAAU;QAAC,QAAQ;MAAA,sHAC9BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb2CC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC,IAEUC,0BAA0B,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,0BAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,0BAAA;EACnC,SAAAA,2BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,0BAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,0BAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,SAAU;QAACsB,QAAQ;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,0BAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC9BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,0BAAA;AAAA,EAb2CuB,qBAAS;AAAAC,OAAA,CAAAxB,0BAAA,GAAAA,0BAAA"}

package/ui/views/AdminView/HeaderSectionLeftElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,wBAAwB;EAAA;EAAA;EACjC,kCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,UAAU;MAAA,oHAC/BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAbyCC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,wBAAwB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,wBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,wBAAA;EACjC,SAAAA,yBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,wBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,wBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,QAAS;QAACsB,UAAU;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,wBAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC/BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,wBAAA;AAAA,EAbyCuB,qBAAS;AAAAC,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA"}

package/ui/views/AdminView/HeaderSectionRightElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,QAAQ;MAAA,qHAC7BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb0CC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,yBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,yBAAA;EAClC,SAAAA,0BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,yBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,yBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,QAAS;QAACsB,QAAQ;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,yBAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC7BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,yBAAA;AAAA,EAb0CuB,qBAAS;AAAAC,OAAA,CAAAxB,yBAAA,GAAAA,yBAAA"}

package/ui/views/AdminView/components/Dialog.js

@@ -7,24 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DialogContainer = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _get3 = _interopRequireDefault(require("lodash/get"));
 var _react = _interopRequireWildcard(require("react"));
+var _get2 = _interopRequireDefault(require("lodash/get"));
 var _useUi = require("@webiny/app/hooks/useUi");
 var _Dialog = require("@webiny/ui/Dialog");
 var DialogContainer = function DialogContainer() {
   var ui = (0, _useUi.useUi)();
-  var message = (0, _get3.default)(ui, "dialog.message");
-  var _get2 = (0, _get3.default)(ui, "dialog.options", {}),
-    dataTestId = _get2.dataTestId,
-    title = _get2.title,
-    _get2$actions = _get2.actions,
-    actions = _get2$actions === void 0 ? {
+  var message = (0, _get2.default)(ui, "dialog.message");
+  var _get = (0, _get2.default)(ui, "dialog.options", {}),
+    dataTestId = _get.dataTestId,
+    title = _get.title,
+    _get$actions = _get.actions,
+    actions = _get$actions === void 0 ? {
       cancel: null,
       accept: {
         label: "OK"
       }
-    } : _get2$actions,
-    style = _get2.style;
+    } : _get$actions,
+    style = _get.style;
   var hideDialog = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {

package/ui/views/AdminView/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAAyB,GAAS;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,IAAMC,OAAO,GAAG,mBAAIF,EAAE,EAAE,gBAAgB,CAAC;EACzC,YAKI,mBAAIA,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BG,UAAU,SAAVA,UAAU;IACVC,KAAK,SAALA,KAAK;IAAA,sBACLC,OAAO;IAAPA,OAAO,8BAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC,KAAK,SAALA,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCX,EAAE,CAACY,QAAQ,CAAC,UAAAZ,EAAE;MAAA,mEAAUA,EAAE;QAAEa,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAACb,EAAE,CAAC,CAAC;EAER,oBACI,6BAAC,cAAM;IAAC,IAAI,EAAE,CAAC,CAACE,OAAQ;IAAC,OAAO,EAAEQ,UAAW;IAAC,eAAaP,UAAW;IAAC,KAAK,EAAEM;EAAM,GAC/EL,KAAK,iBAAI,6BAAC,mBAAW,QAAEA,KAAK,CAAe,eAC5C,6BAAC,qBAAa,QAAEF,OAAO,CAAiB,eACxC,6BAAC,qBAAa,QACTG,OAAO,CAACC,MAAM,iBACX,6BAAC,oBAAY;IAAC,OAAO,EAAED,OAAO,CAACC,MAAM,CAACQ;EAAQ,GACzCT,OAAO,CAACC,MAAM,CAACE,KAAK,CAE5B,EACAH,OAAO,CAACE,MAAM,iBACX,6BAAC,oBAAY;IAAC,OAAO,EAAEF,OAAO,CAACE,MAAM,CAACO;EAAQ,GACzCT,OAAO,CAACE,MAAM,CAACC,KAAK,CAE5B,CACW,CACX;AAEjB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_useUi","_Dialog","DialogContainer","ui","useUi","message","get","_get","dataTestId","title","_get$actions","actions","cancel","accept","label","style","hideDialog","useCallback","setState","_objectSpread2","default","dialog","createElement","Dialog","open","onClose","DialogTitle","DialogContent","DialogActions","DialogAccept","onClick","exports"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,IAAMK,eAAyB,GAAG,SAA5BA,eAAyBA,CAAA,EAAS;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,aAAG,EAACH,EAAE,EAAE,gBAAgB,CAAC;EACzC,IAAAI,IAAA,GAKI,IAAAD,aAAG,EAACH,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BK,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,YAAA,GAAAH,IAAA,CACLI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAEE,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC,GAAAJ,YAAA;IACnDK,KAAK,GAAAR,IAAA,CAALQ,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCd,EAAE,CAACe,QAAQ,CAAC,UAAAf,EAAE;MAAA,WAAAgB,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUjB,EAAE;QAAEkB,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAAClB,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAsB,MAAM;IAACC,IAAI,EAAE,CAAC,CAACnB,OAAQ;IAACoB,OAAO,EAAET,UAAW;IAAC,eAAaR,UAAW;IAACO,KAAK,EAAEA;EAAM,GAC/EN,KAAK,iBAAId,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAyB,WAAW,QAAEjB,KAAmB,CAAC,eAC5Cd,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA0B,aAAa,QAAEtB,OAAuB,CAAC,eACxCV,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA2B,aAAa,QACTjB,OAAO,CAACC,MAAM,iBACXjB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACC,MAAM,CAACkB;EAAQ,GACzCnB,OAAO,CAACC,MAAM,CAACE,KACN,CACjB,EACAH,OAAO,CAACE,MAAM,iBACXlB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACE,MAAM,CAACiB;EAAQ,GACzCnB,OAAO,CAACE,MAAM,CAACC,KACN,CAEP,CACX,CAAC;AAEjB,CAAC;AAACiB,OAAA,CAAA7B,eAAA,GAAAA,eAAA"}

package/ui/views/AdminView/components/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"names":["Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","color"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,oBAAQ;MAAC,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAQ;IAAE,EAAI;IAC9C,OAAO,EAAEL,UAAW;IACpB,eAAa;EAAY,EAC3B;AAEV,CAAC;AAAC,eAEaH,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_useUi","_Button","_menu","Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","default","createElement","IconButton","icon","ReactComponent","style","color","onClick","_default","exports"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAmB,GAAG,SAAtBA,SAAmBA,CAAA,EAAS;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,UAAU;IACPC,IAAI,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAa,cAAQ;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEZ,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/ui/views/AdminView/components/Snackbar.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
 var _react = _interopRequireWildcard(require("react"));
 var _Snackbar = require("@webiny/ui/Snackbar");
+var _get = _interopRequireDefault(require("lodash/get"));
 var _useUi = require("@webiny/app/hooks/useUi");
 var SnackbarMain = function SnackbarMain() {
   var ui = (0, _useUi.useUi)();
-  var message = (0, _get2.default)(ui, "snackbar.message");
-  var options = (0, _get2.default)(ui, "snackbar.options", {});
+  var message = (0, _get.default)(ui, "snackbar.message");
+  var options = (0, _get.default)(ui, "snackbar.options", {});
   var hideSnackbar = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {

package/ui/views/AdminView/components/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAsB,GAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,IAAMC,OAAO,GAAG,mBAAIF,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMG,OAAO,GAAG,mBAAIH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMI,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCL,EAAE,CAACM,QAAQ,CAAC,UAAAN,EAAE;MAAA,mEAAUA,EAAE;QAAEO,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACP,EAAE,CAAC,CAAC;EAER,oBAAO,6BAAC,kBAAQ;IAAC,IAAI,EAAE,CAAC,CAACE,OAAQ;IAAC,OAAO,EAAEE,YAAa;IAAC,OAAO,EAAEF;EAAQ,GAAKC,OAAO,EAAI;AAC9F,CAAC;AAAC,eAEaJ,YAAY;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Snackbar","_get","_interopRequireDefault","_useUi","SnackbarMain","ui","useUi","message","get","options","hideSnackbar","useCallback","setState","_objectSpread2","default","snackbar","createElement","Snackbar","Object","assign","open","onClose","_default","exports"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,YAAsB,GAAG,SAAzBA,YAAsBA,CAAA,EAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,YAAG,EAACH,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMI,OAAO,GAAG,IAAAD,YAAG,EAACH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMK,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,EAAE,CAACO,QAAQ,CAAC,UAAAP,EAAE;MAAA,WAAAQ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUT,EAAE;QAAEU,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACV,EAAE,CAAC,CAAC;EAER,oBAAOR,MAAA,CAAAiB,OAAA,CAAAE,aAAA,CAAChB,SAAA,CAAAiB,QAAQ,EAAAC,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,CAAC,CAACb,OAAQ;IAACc,OAAO,EAAEX,YAAa;IAACH,OAAO,EAAEA;EAAQ,GAAKE,OAAO,CAAG,CAAC;AAC9F,CAAC;AAAC,IAAAa,QAAA,GAEalB,YAAY;AAAAmB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/ui/views/FormView/FormContainerElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormContainerWrapper","styled","position","margin","FormContainerElement","id","config","useGrid","props","children","classNames","className","testId","noElevation","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAAC,IAQUC,oBAAoB;EAAA;EAAA;EAC7B,8BAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,gHAAgBD,KAAK,CAAC;MAEpC,oBACI,6BAAC,oBAAoB;QACjB,SAAS,EAAE,IAAAE,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAACJ,MAAM,CAACK,SAAS,CAAE;QACjE,eAAa,IAAI,CAACL,MAAM,CAACM;MAAO,GAE/B,IAAI,CAACN,MAAM,CAACO,WAAW,GAAGJ,QAAQ,gBAAG,6BAAC,oBAAS;QAAC,CAAC,EAAE;MAAE,GAAEA,QAAQ,CAAa,CAC1D;IAE/B;EAAC;EAAA;AAAA,EAjBqCK,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_styled","_Elevation","_UIElement2","FormContainerWrapper","styled","target","label","position","margin","FormContainerElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","children","_get2","_getPrototypeOf2","prototype","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement","exports"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAMK,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAAC,IAQUC,oBAAoB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,oBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,oBAAA;EAC7B,SAAAA,qBAAmBM,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,oBAAA;IACxDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,oBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,KAAA,CAAAf,OAAA,MAAAgB,gBAAA,CAAAhB,OAAA,EAAAH,oBAAA,CAAAoB,SAAA,mBAAAV,IAAA,OAAgBM,KAAK,CAAC;MAEpC,oBACI7B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC3B,oBAAoB;QACjB4B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAAChB,MAAM,CAACe,SAAS,CAAE;QACjE,eAAa,IAAI,CAACf,MAAM,CAACiB;MAAO,GAE/B,IAAI,CAACjB,MAAM,CAACkB,WAAW,GAAGR,QAAQ,gBAAG9B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC7B,UAAA,CAAAkC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAEV,QAAoB,CAC1D,CAAC;IAE/B;EAAC;EAAA,OAAAjB,oBAAA;AAAA,EAjBqC4B,qBAAS;AAAAC,OAAA,CAAA7B,oBAAA,GAAAA,oBAAA"}

package/ui/views/FormView/FormContentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormContentElement","UIElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","FormContentElement","_UIElement","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","UIElement","exports"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,kBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,kBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,WAAAC,aAAA,CAAAN,OAAA,EAAAH,kBAAA;AAAA,EAASU,qBAAS;AAAAC,OAAA,CAAAX,kBAAA,GAAAA,kBAAA"}

package/ui/views/FormView/FormFooterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonWrapper","styled","display","justifyContent","borderTop","color","textAlign","padding","marginLeft","FormFooterElement","id","useGrid","props","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAE,0CAA0C;EACrDC,KAAK,EAAE,6CAA6C;EACpDC,SAAS,EAAE,OAAO;EAClBC,OAAO,EAAE,EAAE;EACX,cAAc,EAAE;IACZC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAAC,IAEUC,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAE;MAChD,oBAAO,6BAAC,aAAa,kHAAeA,KAAK,EAAkB;IAC/D;EAAC;EAAA;AAAA,EATkCC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_UIElement2","ButtonWrapper","styled","target","label","display","justifyContent","borderTop","color","textAlign","padding","marginLeft","FormFooterElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAE,0CAA0C;EACrDC,KAAK,EAAE,6CAA6C;EACpDC,SAAS,EAAE,OAAO;EAClBC,OAAO,EAAE,EAAE;EACX,cAAc,EAAE;IACZC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAAC,IAEUC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,iBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,iBAAA;EAC1B,SAAAA,kBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,iBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,iBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,oBAAO/B,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAC3B,aAAa,YAAA4B,KAAA,CAAAd,OAAA,MAAAe,gBAAA,CAAAf,OAAA,EAAAH,iBAAA,CAAAmB,SAAA,mBAAAV,IAAA,OAAeM,KAAK,CAAiB,CAAC;IAC/D;EAAC;EAAA,OAAAf,iBAAA;AAAA,EATkCoB,qBAAS;AAAAC,OAAA,CAAArB,iBAAA,GAAAA,iBAAA"}

package/ui/views/FormView/FormHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","id","config","useGrid","icon","element","addElement","props","getTitle","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACX,CAAC,qBAAC;AAEF,IAAMC,WAAW,gBAAG,IAAAH,YAAG,EAAC;EACpBI,YAAY,EAAE,0CAA0C;EACxDF,KAAK,EAAE;AACX,CAAC,uBAAC;AAEF,IAAMG,UAAU,gBAAG,IAAAL,YAAG,EAAC;EACnBM,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,sBAAC;AAEF,IAAMC,YAAY,gBAAG,IAAAR,YAAG,EAAC;EACrBM,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,wBAAC;AAAC,IAOUG,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAEC,MAAwB,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,iBAAeC,IAAwB,EAAE;MACrC,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,mBAAiBC,OAAkB,EAAE;MACjC,IAAI,CAACC,UAAU,CAACD,OAAO,CAAC;IAC5B;EAAC;IAAA;IAAA,OAED,gBAAuBE,KAA6B,EAAmB;MACnE,mBAA2B,IAAI,CAACL,MAAM;QAA9BE,IAAI,gBAAJA,IAAI;QAAEI,QAAQ,gBAARA,QAAQ;MAEtB,oBACI,6BAAC,UAAI;QAAC,SAAS,EAAEf;MAAY,gBACzB,6BAAC,UAAI;QAAC,IAAI,EAAE,CAAE;QAAC,SAAS,EAAEE;MAAW,gBACjC,6BAAC,cAAK,CAAC,QAAQ,QACVS,IAAI,iBAAI,6BAAC,UAAI;QAAC,SAAS,EAAEf,SAAU;QAAC,IAAI,EAAEe;MAAK,EAAG,eACnD,6BAAC,sBAAU;QAAC,GAAG,EAAC;MAAW,GAAEI,QAAQ,CAACD,KAAK,CAAC,CAAc,CAC7C,CACd,eACP,6BAAC,UAAI;QAAC,IAAI,EAAE,CAAE;QAAC,SAAS,EAAET;MAAa,6GACrBS,KAAK,EAChB,CACJ;IAEf;EAAC;EAAA;AAAA,EA/BkCE,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":"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"}