@webiny/app-admin 0.0.0-unstable.d4f203fa97 → 0.0.0-unstable.d65ec29d44

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

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

package/ui/elements/form/FileManagerElement.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["FileManagerElement","id","config","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","accept","maxSize","multipleMaxCount","multipleMaxSize","onChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;IAwBaA,kB;;;;;EAGT,4BAAmBC,EAAnB,EAA+BC,MAA/B,EAAiE;IAAA;;IAAA;IAC7D,0BAAMD,EAAN,EAAUC,MAAV;IAD6D;;IAG7D,MAAKC,WAAL,CAAiB,IAAIC,sDAAJ,EAAjB;;IAEA,MAAKC,kBAAL,GAA0B,IAAIC,oCAAJ,CAAsB,YAAtB,CAA1B;;IAEA,MAAKC,YAAL,CAAkBP,kBAAlB;;IAP6D;EAQhE;;;;WAED,gCAA8B;MAC1B,OAAO,KAAKK,kBAAZ;IACH;;;WAED,qBAAmB;MACf,OAAO,KAAKH,MAAL,CAAYM,MAAnB;IACH;;;WAED,mBAAiBA,MAAjB,EAAmC;MAC/B,KAAKN,MAAL,CAAYM,MAAZ,GAAqBA,MAArB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKN,MAAL,CAAYO,OAAnB;IACH;;;WAED,oBAAkBA,OAAlB,EAA4C;MACxC,KAAKP,MAAL,CAAYO,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,+BAA6B;MACzB,OAAO,KAAKP,MAAL,CAAYQ,gBAAnB;IACH;;;WAED,6BAA2BA,gBAA3B,EAAqD;MACjD,KAAKR,MAAL,CAAYQ,gBAAZ,GAA+BA,gBAA/B;IACH;;;WAED,8BAA4B;MACxB,OAAO,KAAKR,MAAL,CAAYS,eAAnB;IACH;;;WAED,4BAA0BA,eAA1B,EAA4D;MACxD,KAAKT,MAAL,CAAYS,eAAZ,GAA8BA,eAA9B;IACH;;;WAED,qCAAmC;MAC/B,OAAO,KAAKT,MAAL,CAAYU,sBAAnB;IACH;;;WAED,mCAAiCC,UAAjC,EAAuD;MACnD,KAAKX,MAAL,CAAYU,sBAAZ,GAAqCC,UAArC;IACH;;;EAvDmCC,mC"}
+{"version":3,"names":["FileManagerElement","id","config","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","accept","maxSize","multipleMaxCount","multipleMaxSize","onChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AACA;AACA;AAA2E,IAwB9DA,kBAAkB;EAAA;EAAA;EAG3B,4BAAmBC,EAAU,EAAEC,MAAgC,EAAE;IAAA;IAAA;IAC7D,0BAAMD,EAAE,EAAEC,MAAM;IAAE;IAElB,MAAKC,WAAW,CAAC,IAAIC,sDAA0B,EAAE,CAAC;IAElD,MAAKC,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7D,MAAKC,YAAY,CAACP,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gCAA8B;MAC1B,OAAO,IAAI,CAACK,kBAAkB;IAClC;EAAC;IAAA;IAAA,OAED,qBAAmB;MACf,OAAO,IAAI,CAACH,MAAM,CAACM,MAAM;IAC7B;EAAC;IAAA;IAAA,OAED,mBAAiBA,MAAgB,EAAE;MAC/B,IAAI,CAACN,MAAM,CAACM,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAA;IAAA,OAED,sBAAoB;MAChB,OAAO,IAAI,CAACN,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,oBAAkBA,OAAwB,EAAE;MACxC,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,+BAA6B;MACzB,OAAO,IAAI,CAACP,MAAM,CAACQ,gBAAgB;IACvC;EAAC;IAAA;IAAA,OAED,6BAA2BA,gBAAwB,EAAE;MACjD,IAAI,CAACR,MAAM,CAACQ,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAA;IAAA,OAED,8BAA4B;MACxB,OAAO,IAAI,CAACR,MAAM,CAACS,eAAe;IACtC;EAAC;IAAA;IAAA,OAED,4BAA0BA,eAAgC,EAAE;MACxD,IAAI,CAACT,MAAM,CAACS,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAA;IAAA,OAED,qCAAmC;MAC/B,OAAO,IAAI,CAACT,MAAM,CAACU,sBAAsB;IAC7C;EAAC;IAAA;IAAA,OAED,mCAAiCC,UAAoB,EAAE;MACnD,IAAI,CAACX,MAAM,CAACU,sBAAsB,GAAGC,UAAU;IACnD;EAAC;EAAA;AAAA,EAvDmCC,mCAAgB;AAAA"}

package/ui/elements/form/FormElement.js

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

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;;IAiBaA,W;;;;;EACT,qBAAmBC,EAAnB,EAA+BC,MAA/B,EAA0D;IAAA;;IAAA;IACtD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAHsD;EAIzD;;;;WAED,gBAAuBC,KAAvB,EAAuE;MAAA;;MACnE,oBACI,6BAAC,UAAD;QAAM,QAAQ,EAAE,KAAKF,MAAL,CAAYG,QAA5B;QAAsC,IAAI,EAAE,KAAKH,MAAL,CAAYI,OAAZ;MAA5C,GACK,UAAAC,SAAS;QAAA,oBAAI,6BAAC,eAAD,4KAA6BH,KAA7B;UAAoCG,SAAS,EAATA;QAApC,IAAJ;MAAA,CADd,CADJ;IAKH;;;EAb4BC,qB"}
+{"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"}

package/ui/elements/form/FormFieldElement.js

@@ -1,54 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormFieldElement = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 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 _UIElement2 = require("../../UIElement");
-
 var FormFieldElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormFieldElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormFieldElement);
-
   function FormFieldElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FormFieldElement);
     _this = _super.call(this, id, config);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_beforeChange", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_afterChange", []);
-
     if (config.beforeChange) {
       _this._beforeChange.push(config.beforeChange);
     }
-
     if (config.afterChange) {
       _this._afterChange.push(config.afterChange);
     }
-
     _this.applyPlugins(FormFieldElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(FormFieldElement, [{
     key: "getName",
     value: function getName() {
@@ -62,7 +44,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
           return true;
         };
       }
-
       return this.config.validators(props);
     }
   }, {
@@ -71,7 +52,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       if (typeof this.config.defaultValue === "function") {
         return this.config.defaultValue(props);
       }
-
       return this.config.defaultValue;
     }
   }, {
@@ -80,7 +60,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       if (typeof this.config.label === "function") {
         return this.config.label(props);
       }
-
       return this.config.label;
     }
   }, {
@@ -89,7 +68,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       if (typeof this.config.description === "function") {
         return this.config.description(props);
       }
-
       return this.config.description;
     }
   }, {
@@ -98,7 +76,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       if (typeof this.config.placeholder === "function") {
         return this.config.placeholder(props);
       }
-
       return this.config.placeholder;
     }
   }, {
@@ -127,7 +104,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       if (typeof this.config.isDisabled === "function") {
         return this.config.isDisabled(props);
       }
-
       return this.config.isDisabled;
     }
   }, {
@@ -144,35 +120,27 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
     key: "onBeforeChange",
     value: function onBeforeChange(value, cb) {
       var callbacks = (0, _toConsumableArray2.default)(this._beforeChange);
-
       var next = function next(val) {
         var callbackCallable = callbacks.pop();
-
         if (!callbackCallable) {
           cb(val);
           return;
         }
-
         callbackCallable(val, next);
       };
-
       next(value);
     }
   }, {
     key: "onAfterChange",
     value: function onAfterChange(value, form) {
       var callbacks = (0, _toConsumableArray2.default)(this._afterChange);
-
       var next = function next(val) {
         var callbackCallable = callbacks.pop();
-
         if (!callbackCallable) {
           return;
         }
-
         callbackCallable(val, form);
       };
-
       next(value);
     }
   }, {
@@ -202,5 +170,4 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return FormFieldElement;
 }(_UIElement2.UIElement);
-
 exports.FormFieldElement = FormFieldElement;

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":["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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"}

package/ui/elements/form/HiddenElement.js

@@ -1,49 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HiddenElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _FormFieldElement2 = require("./FormFieldElement");
-
 var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
   (0, _inherits2.default)(HiddenElement, _FormFieldElement);
-
   var _super = (0, _createSuper2.default)(HiddenElement);
-
   function HiddenElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiddenElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(HiddenElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(HiddenElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
-
       if (!props.formProps) {
         throw Error("HiddenElement must be placed inside of a FormElement.");
       }
-
       var Bind = props.formProps.Bind;
       return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
@@ -60,5 +44,4 @@ var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return HiddenElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.HiddenElement = HiddenElement;

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;;IAMaA,a;;;;;EACT,uBAAmBC,EAAnB,EAA+BC,MAA/B,EAA+D;IAAA;;IAAA;IAC3D,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,aAAlB;;IAH2D;EAI9D;;;;WAED,gBAAuBI,KAAvB,EAA4E;MAAA;;MACxE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,yDAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,EADJ;IASH;;;EAvB8BE,mC"}
+{"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"}

package/ui/elements/form/InputElement.js

@@ -1,51 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Input = require("@webiny/ui/Input");
-
 var _FormFieldElement2 = require("./FormFieldElement");
-
 var InputElement = /*#__PURE__*/function (_FormFieldElement) {
   (0, _inherits2.default)(InputElement, _FormFieldElement);
-
   var _super = (0, _createSuper2.default)(InputElement);
-
   function InputElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, InputElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(InputElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(InputElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
-
       if (!props.formProps) {
         throw Error("InputElement must be placed inside of a FormElement.");
       }
-
       var Bind = props.formProps.Bind;
       return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
@@ -68,5 +51,4 @@ var InputElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return InputElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.InputElement = InputElement;

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;;IAOaA,Y;;;;;EACT,sBAAmBC,EAAnB,EAA+BC,MAA/B,EAA+D;IAAA;;IAAA;IAC3D,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,YAAlB;;IAH2D;EAI9D;;;;WAED,gBAAuBI,KAAvB,EAA4E;MAAA;;MACxE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,wDAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,gBAOI,6BAAC,YAAD;QACI,uCAA8B,KAAKE,QAAL,CAAcZ,KAAd,CAA9B,CADJ;QAEI,KAAK,EAAE,KAAKY,QAAL,CAAcZ,KAAd,CAFX;QAGI,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAHjB;QAII,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAJd;QAKI,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;MALjB,EAPJ,CADJ;IAiBH;;;EA/B6BgB,mC"}
+{"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"}

package/ui/elements/form/PasswordElement.js

@@ -1,45 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PasswordElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _InputElement2 = require("./InputElement");
-
 var _Input = require("@webiny/ui/Input");
-
 var PasswordElement = /*#__PURE__*/function (_InputElement) {
   (0, _inherits2.default)(PasswordElement, _InputElement);
-
   var _super = (0, _createSuper2.default)(PasswordElement);
-
   function PasswordElement() {
     (0, _classCallCheck2.default)(this, PasswordElement);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(PasswordElement, [{
     key: "render",
     value: function render(props) {
       var _this = this;
-
       if (!props.formProps) {
         throw Error("PasswordElement must be placed inside of a FormElement.");
       }
-
       var Bind = props.formProps.Bind;
       return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
@@ -62,5 +48,4 @@ var PasswordElement = /*#__PURE__*/function (_InputElement) {
   }]);
   return PasswordElement;
 }(_InputElement2.InputElement);
-
 exports.PasswordElement = PasswordElement;

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;;IAEaA,e;;;;;;;;;;;;WACT,gBAAuBC,KAAvB,EAA+E;MAAA;;MAC3E,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,2DAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,KAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,KAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,gBAOI,6BAAC,YAAD;QACI,IAAI,EAAE,UADV;QAEI,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CAFX;QAGI,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAHjB;QAII,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAJd;QAKI,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;MALjB,EAPJ,CADJ;IAiBH;;;EAzBgCgB,2B"}
+{"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"}