@webiny/app-admin 5.40.0-beta.2 → 5.40.0-beta.3

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

@@ -1 +1 @@
-{"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":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const FilePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 90,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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"}
+{"version":3,"names":["AddImageIconWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddImageWrapper","AddImageWrapperRound","RemoveImage","FilePreviewWrapper","_defineProperty2","width","height","minHeight","minWidth","display","alignItems","justifyContent","flexDirection","boxSizing","position","backgroundColor","borderRadius","borderBottom","top","zIndex","left","transform","color"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const FilePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 90,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement.js

@@ -7,24 +7,23 @@ 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 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);
+var FileManagerElement = exports.FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
   function FileManagerElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, FileManagerElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, FileManagerElement, [id, config]);
     _this.addRenderer(new _FileManagerElementRenderer.FileManagerElementRenderer());
     _this._emptyStateElement = new _EmptyStateElement.EmptyStateElement("emptyState");
     _this.applyPlugins(FileManagerElement);
     return _this;
   }
-  (0, _createClass2.default)(FileManagerElement, [{
+  (0, _inherits2.default)(FileManagerElement, _FormFieldElement);
+  return (0, _createClass2.default)(FileManagerElement, [{
     key: "getEmptyStateElement",
     value: function getEmptyStateElement() {
       return this._emptyStateElement;
@@ -80,8 +79,6 @@ var FileManagerElement = /*#__PURE__*/function (_FormFieldElement) {
       this.config.onChangePickAttributes = attributes;
     }
   }]);
-  return FileManagerElement;
 }(_FormFieldElement2.FormFieldElement);
-exports.FileManagerElement = FileManagerElement;
 
 //# sourceMappingURL=FileManagerElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_FormFieldElement2","require","_FileManagerElementRenderer","_EmptyStateElement","FileManagerElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","_inherits2","_createClass2","key","value","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2E,IAwB9DG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,iBAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAgC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,kBAAA;IAC7DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,WAAW,CAAC,IAAIC,sDAA0B,CAAC,CAAC,CAAC;IAElDL,KAAA,CAAKM,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7DP,KAAA,CAAKQ,YAAY,CAACb,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAS,UAAA,CAAAP,OAAA,EAAAP,kBAAA,EAAAE,iBAAA;EAAA,WAAAa,aAAA,CAAAR,OAAA,EAAAP,kBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAA8B;MAC1B,OAAO,IAAI,CAACP,kBAAkB;IAClC;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAA,EAAmB;MACf,OAAO,IAAI,CAACf,MAAM,CAACgB,MAAM;IAC7B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAI,UAAiBD,MAAgB,EAAE;MAC/B,IAAI,CAAChB,MAAM,CAACgB,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAK,WAAA,EAAoB;MAChB,OAAO,IAAI,CAAClB,MAAM,CAACmB,OAAO;IAC9B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,WAAkBD,OAAwB,EAAE;MACxC,IAAI,CAACnB,MAAM,CAACmB,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAQ,oBAAA,EAA6B;MACzB,OAAO,IAAI,CAACrB,MAAM,CAACsB,gBAAgB;IACvC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,oBAA2BD,gBAAwB,EAAE;MACjD,IAAI,CAACtB,MAAM,CAACsB,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAW,mBAAA,EAA4B;MACxB,OAAO,IAAI,CAACxB,MAAM,CAACyB,eAAe;IACtC;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,mBAA0BD,eAAgC,EAAE;MACxD,IAAI,CAACzB,MAAM,CAACyB,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAc,0BAAA,EAAmC;MAC/B,OAAO,IAAI,CAAC3B,MAAM,CAAC4B,sBAAsB;IAC7C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,0BAAiCC,UAAoB,EAAE;MACnD,IAAI,CAAC9B,MAAM,CAAC4B,sBAAsB,GAAGE,UAAU;IACnD;EAAC;AAAA,EAvDmCC,mCAAgB","ignoreList":[]}

package/ui/elements/form/FormElement.js

@@ -9,24 +9,23 @@ 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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);
+var FormElement = exports.FormElement = /*#__PURE__*/function (_UIElement) {
   function FormElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, FormElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, FormElement, [id, config]);
     _this.useGrid(false);
     return _this;
   }
-  (0, _createClass2.default)(FormElement, [{
+  (0, _inherits2.default)(FormElement, _UIElement);
+  return (0, _createClass2.default)(FormElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
@@ -40,8 +39,6 @@ var FormElement = /*#__PURE__*/function (_UIElement) {
       });
     }
   }]);
-  return FormElement;
 }(_UIElement2.UIElement);
-exports.FormElement = FormElement;
 
 //# sourceMappingURL=FormElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","_get2","_getPrototypeOf2","prototype","call","_objectSpread2","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkF,IAiBrEG,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,UAAA;EACpB,SAAAF,YAAmBG,EAAU,EAAEC,MAAyB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,WAAA;IACtDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,WAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,WAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,WAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA6B,EAAmB;MAAA,IAAAC,MAAA;MACnE,oBACIrB,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACnB,KAAA,CAAAoB,IAAI;QAACC,QAAQ,EAAE,IAAI,CAACf,MAAM,CAACe,QAAS;QAACC,IAAI,EAAE,IAAI,CAAChB,MAAM,CAACiB,OAAO,CAAC;MAAE,GAC7D,UAAAC,SAAS;QAAA,oBAAI3B,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACtB,MAAA,CAAA4B,QAAQ,YAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAP,WAAA,CAAA0B,SAAA,aAAAV,MAAA,EAAAW,IAAA,CAAAX,MAAA,MAAAY,cAAA,CAAArB,OAAA,MAAAqB,cAAA,CAAArB,OAAA,MAAoBQ,KAAK;UAAEO,SAAS,EAATA;QAAS,GAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;AAAA,EAb4BO,qBAAS","ignoreList":[]}

package/ui/elements/form/FormFieldElement.js

@@ -8,20 +8,17 @@ 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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);
+var FormFieldElement = exports.FormFieldElement = /*#__PURE__*/function (_UIElement) {
   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", []);
+    _this = (0, _callSuper2.default)(this, FormFieldElement, [id, config]);
+    (0, _defineProperty2.default)(_this, "_beforeChange", []);
+    (0, _defineProperty2.default)(_this, "_afterChange", []);
     if (config.beforeChange) {
       _this._beforeChange.push(config.beforeChange);
     }
@@ -31,7 +28,8 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
     _this.applyPlugins(FormFieldElement);
     return _this;
   }
-  (0, _createClass2.default)(FormFieldElement, [{
+  (0, _inherits2.default)(FormFieldElement, _UIElement);
+  return (0, _createClass2.default)(FormFieldElement, [{
     key: "getName",
     value: function getName() {
       return this.config.name;
@@ -168,8 +166,6 @@ var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       this._afterChange = [cb];
     }
   }]);
-  return FormFieldElement;
 }(_UIElement2.UIElement);
-exports.FormFieldElement = FormFieldElement;
 
 //# sourceMappingURL=FormFieldElement.js.map

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

@@ -1 +1 @@
-{"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-expect-error\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","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","_inherits2","_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"],"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-expect-error\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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","ignoreList":[]}

package/ui/elements/form/HiddenElement.js

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.HiddenElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _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);
+var HiddenElement = exports.HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
   function HiddenElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, HiddenElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, HiddenElement, [id, config]);
     _this.applyPlugins(HiddenElement);
     return _this;
   }
-  (0, _createClass2.default)(HiddenElement, [{
+  (0, _inherits2.default)(HiddenElement, _FormFieldElement);
+  return (0, _createClass2.default)(HiddenElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
@@ -42,8 +41,6 @@ var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
       });
     }
   }]);
-  return HiddenElement;
 }(_FormFieldElement2.FormFieldElement);
-exports.HiddenElement = HiddenElement;
 
 //# sourceMappingURL=HiddenElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","HiddenElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAI6C,IAEhCE,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,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,oBACIvB,MAAA,CAAAW,OAAA,CAAAa,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;AAAA,EAvB8BE,mCAAgB","ignoreList":[]}

package/ui/elements/form/InputElement.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.InputElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _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);
+var InputElement = exports.InputElement = /*#__PURE__*/function (_FormFieldElement) {
   function InputElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, InputElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, InputElement, [id, config]);
     _this.applyPlugins(InputElement);
     return _this;
   }
-  (0, _createClass2.default)(InputElement, [{
+  (0, _inherits2.default)(InputElement, _FormFieldElement);
+  return (0, _createClass2.default)(InputElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
@@ -49,8 +48,6 @@ var InputElement = /*#__PURE__*/function (_FormFieldElement) {
       }));
     }
   }]);
-  return InputElement;
 }(_FormFieldElement2.FormFieldElement);
-exports.InputElement = InputElement;
 
 //# sourceMappingURL=InputElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","InputElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_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"],"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,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,iBAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA8B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IAC3DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,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,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,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,gBAEtEpC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACtB,MAAA,CAAAmC,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;AAAA,EA/B6B4B,mCAAgB","ignoreList":[]}

package/ui/elements/form/PasswordElement.js

@@ -7,19 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.PasswordElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _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);
+var PasswordElement = exports.PasswordElement = /*#__PURE__*/function (_InputElement) {
   function PasswordElement() {
     (0, _classCallCheck2.default)(this, PasswordElement);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, PasswordElement, arguments);
   }
-  (0, _createClass2.default)(PasswordElement, [{
+  (0, _inherits2.default)(PasswordElement, _InputElement);
+  return (0, _createClass2.default)(PasswordElement, [{
     key: "render",
     value: function render(props) {
       var _this = this;
@@ -46,8 +45,6 @@ var PasswordElement = /*#__PURE__*/function (_InputElement) {
       }));
     }
   }]);
-  return PasswordElement;
 }(_InputElement2.InputElement);
-exports.PasswordElement = PasswordElement;
 
 //# sourceMappingURL=PasswordElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_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"],"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,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,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,oBACIrB,MAAA,CAAAS,OAAA,CAAAa,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,gBAEtEjC,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAA+B,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;AAAA,EAzBgC4B,2BAAY","ignoreList":[]}

package/ui/elements/form/SelectElement.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.SelectElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _Select = require("@webiny/ui/Select");
 var _FormFieldElement2 = require("./FormFieldElement");
-var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
-  (0, _inherits2.default)(SelectElement, _FormFieldElement);
-  var _super = (0, _createSuper2.default)(SelectElement);
+var SelectElement = exports.SelectElement = /*#__PURE__*/function (_FormFieldElement) {
   function SelectElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, SelectElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, SelectElement, [id, config]);
     _this.applyPlugins(SelectElement);
     return _this;
   }
-  (0, _createClass2.default)(SelectElement, [{
+  (0, _inherits2.default)(SelectElement, _FormFieldElement);
+  return (0, _createClass2.default)(SelectElement, [{
     key: "setOptions",
     value: function setOptions(options) {
       this.config.options = options;
@@ -64,8 +63,6 @@ var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
       })));
     }
   }]);
-  return SelectElement;
 }(_FormFieldElement2.FormFieldElement);
-exports.SelectElement = SelectElement;
 
 //# sourceMappingURL=SelectElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_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"],"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,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,WAAkBC,OAA8B,EAAQ;MACpD,IAAI,CAACX,MAAM,CAACW,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,WAAA,EAAuD;MACnD,OAAO,IAAI,CAACZ,MAAM,CAACW,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,oBACI3B,MAAA,CAAAY,OAAA,CAAAgB,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,gBAEtEvC,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAAsC,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,oBAC1C1C,MAAA,CAAAY,OAAA,CAAAgB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;AAAA,EA3C8BO,mCAAgB","ignoreList":[]}

package/ui/elements/form/TextareaElement.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextareaElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = require("@webiny/ui/Input");
 var _FormFieldElement2 = require("./FormFieldElement");
-var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
-  (0, _inherits2.default)(TextareaElement, _FormFieldElement);
-  var _super = (0, _createSuper2.default)(TextareaElement);
+var TextareaElement = exports.TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
   function TextareaElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, TextareaElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, TextareaElement, [id, config]);
     _this.applyPlugins(TextareaElement);
     return _this;
   }
-  (0, _createClass2.default)(TextareaElement, [{
+  (0, _inherits2.default)(TextareaElement, _FormFieldElement);
+  return (0, _createClass2.default)(TextareaElement, [{
     key: "setRows",
     value: function setRows(rows) {
       this.config.rows = rows;
@@ -50,8 +49,6 @@ var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       }));
     }
   }]);
-  return TextareaElement;
 }(_FormFieldElement2.FormFieldElement);
-exports.TextareaElement = TextareaElement;
 
 //# sourceMappingURL=TextareaElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAeC,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACZ,MAAM,CAACW,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,oBACI1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DvB,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACxB,MAAA,CAAA6B,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;AAAA,EAhCgCgB,mCAAgB","ignoreList":[]}