@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db

package/ui/elements/form/FormFieldElement.js

@@ -1,26 +1,40 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { UIElement } from "../../UIElement";
-export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormFieldElement, _UIElement);
-
-  var _super = _createSuper(FormFieldElement);
+"use strict";
 
-  function FormFieldElement(id, config) {
-    var _this;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-    _classCallCheck(this, FormFieldElement);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormFieldElement = void 0;
 
-    _this = _super.call(this, id, config);
+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");
 
-    _defineProperty(_assertThisInitialized(_this), "_beforeChange", []);
+var FormFieldElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(FormFieldElement, _UIElement);
 
-    _defineProperty(_assertThisInitialized(_this), "_afterChange", []);
+  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);
@@ -35,7 +49,7 @@ export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(FormFieldElement, [{
+  (0, _createClass2.default)(FormFieldElement, [{
     key: "getName",
     value: function getName() {
       return this.config.name;
@@ -129,15 +143,17 @@ export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "onBeforeChange",
     value: function onBeforeChange(value, cb) {
-      var callbacks = _toConsumableArray(this._beforeChange);
+      var callbacks = (0, _toConsumableArray2.default)(this._beforeChange);
 
-      var next = function next(value) {
-        if (!callbacks.length) {
-          cb(value);
+      var next = function next(val) {
+        var callbackCallable = callbacks.pop();
+
+        if (!callbackCallable) {
+          cb(val);
           return;
         }
 
-        callbacks.pop()(value, next);
+        callbackCallable(val, next);
       };
 
       next(value);
@@ -145,14 +161,16 @@ export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "onAfterChange",
     value: function onAfterChange(value, form) {
-      var callbacks = _toConsumableArray(this._afterChange);
+      var callbacks = (0, _toConsumableArray2.default)(this._afterChange);
+
+      var next = function next(val) {
+        var callbackCallable = callbacks.pop();
 
-      var next = function next(value) {
-        if (!callbacks.length) {
+        if (!callbackCallable) {
           return;
         }
 
-        callbacks.pop()(value, form);
+        callbackCallable(val, form);
       };
 
       next(value);
@@ -165,6 +183,10 @@ export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "addAfterChange",
     value: function addAfterChange(cb) {
+      /**
+       * TODO @ts-refactor possibly different subtype. Or so TS complains.
+       */
+      // @ts-ignore
       this._afterChange.push(cb);
     }
   }, {
@@ -178,6 +200,7 @@ export var FormFieldElement = /*#__PURE__*/function (_UIElement) {
       this._afterChange = [cb];
     }
   }]);
-
   return FormFieldElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.FormFieldElement = FormFieldElement;

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

@@ -0,0 +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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"}

package/ui/elements/form/HiddenElement.js

@@ -1,19 +1,33 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { FormFieldElement } from "./FormFieldElement";
-export var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(HiddenElement, _FormFieldElement);
+"use strict";
 
-  var _super = _createSuper(HiddenElement);
+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;
 
-    _classCallCheck(this, HiddenElement);
-
+    (0, _classCallCheck2.default)(this, HiddenElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(HiddenElement);
@@ -21,7 +35,7 @@ export var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(HiddenElement, [{
+  (0, _createClass2.default)(HiddenElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
@@ -31,7 +45,7 @@ export var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -44,6 +58,7 @@ export var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
       });
     }
   }]);
-
   return HiddenElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.HiddenElement = HiddenElement;

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

@@ -0,0 +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"}

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+export declare type InputElementRenderProps = FormFieldElementRenderProps;
 export declare class InputElement extends FormFieldElement {
     constructor(id: string, config: FormFieldElementConfig);
     render(props: FormFieldElementRenderProps): React.ReactNode;

package/ui/elements/form/InputElement.js

@@ -1,20 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { Input } from "@webiny/ui/Input";
-import { FormFieldElement } from "./FormFieldElement";
-export var InputElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(InputElement, _FormFieldElement);
-
-  var _super = _createSuper(InputElement);
+"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;
 
-    _classCallCheck(this, InputElement);
-
+    (0, _classCallCheck2.default)(this, InputElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(InputElement);
@@ -22,7 +37,7 @@ export var InputElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(InputElement, [{
+  (0, _createClass2.default)(InputElement, [{
     key: "render",
     value: function render(props) {
       var _this2 = this;
@@ -32,7 +47,7 @@ export var InputElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -42,7 +57,8 @@ export var InputElement = /*#__PURE__*/function (_FormFieldElement) {
         afterChange: function afterChange(value, form) {
           return _this2.onAfterChange(value, form);
         }
-      }, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+        "data-testid": "input-element-".concat(this.getLabel(props)),
         label: this.getLabel(props),
         placeholder: this.getPlaceholder(props),
         disabled: this.getIsDisabled(props),
@@ -50,6 +66,7 @@ export var InputElement = /*#__PURE__*/function (_FormFieldElement) {
       }));
     }
   }]);
-
   return InputElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.InputElement = InputElement;

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

@@ -0,0 +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"}

package/ui/elements/form/PasswordElement.js

@@ -1,22 +1,37 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { InputElement } from "./InputElement";
-import { Input } from "@webiny/ui/Input";
-export var PasswordElement = /*#__PURE__*/function (_InputElement) {
-  _inherits(PasswordElement, _InputElement);
-
-  var _super = _createSuper(PasswordElement);
+"use strict";
 
-  function PasswordElement() {
-    _classCallCheck(this, PasswordElement);
+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);
   }
 
-  _createClass(PasswordElement, [{
+  (0, _createClass2.default)(PasswordElement, [{
     key: "render",
     value: function render(props) {
       var _this = this;
@@ -26,7 +41,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -36,7 +51,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
         afterChange: function afterChange(value, form) {
           return _this.onAfterChange(value, form);
         }
-      }, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         type: "password",
         label: this.getLabel(props),
         placeholder: this.getPlaceholder(props),
@@ -45,6 +60,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
       }));
     }
   }]);
-
   return PasswordElement;
-}(InputElement);
+}(_InputElement2.InputElement);
+
+exports.PasswordElement = PasswordElement;

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

@@ -0,0 +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"}

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

@@ -10,6 +10,6 @@ export interface SelectElementConfig extends FormFieldElementConfig {
 export declare class SelectElement extends FormFieldElement<SelectElementConfig> {
     constructor(id: string, config: SelectElementConfig);
     setOptions(options: SelectElementOption[]): void;
-    getOptions(): SelectElementOption[];
+    getOptions(): SelectElementOption[] | undefined;
     render(props: FormFieldElementRenderProps): React.ReactNode;
 }

package/ui/elements/form/SelectElement.js

@@ -1,20 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { Select } from "@webiny/ui/Select";
-import { FormFieldElement } from "./FormFieldElement";
-export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(SelectElement, _FormFieldElement);
-
-  var _super = _createSuper(SelectElement);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectElement = 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 _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);
 
   function SelectElement(id, config) {
     var _this;
 
-    _classCallCheck(this, SelectElement);
-
+    (0, _classCallCheck2.default)(this, SelectElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(SelectElement);
@@ -22,7 +37,7 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(SelectElement, [{
+  (0, _createClass2.default)(SelectElement, [{
     key: "setOptions",
     value: function setOptions(options) {
       this.config.options = options;
@@ -42,7 +57,7 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -52,20 +67,21 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
         afterChange: function afterChange(value, form) {
           return _this2.onAfterChange(value, form);
         }
-      }, /*#__PURE__*/React.createElement(Select, {
+      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
         label: this.getLabel(props),
         disabled: this.getIsDisabled(props),
         description: this.getDefaultValue(props)
-      }, this.getOptions().map(function (_ref) {
+      }, (this.getOptions() || []).map(function (_ref) {
         var value = _ref.value,
             label = _ref.label;
-        return /*#__PURE__*/React.createElement("option", {
+        return /*#__PURE__*/_react.default.createElement("option", {
           key: value,
           value: value
         }, label);
       })));
     }
   }]);
-
   return SelectElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.SelectElement = SelectElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["SelectElement","id","config","applyPlugins","options","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getIsDisabled","getOptions","map","label","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;IAeaA,a;;;;;EACT,uBAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;IAAA;;IAAA;IACxD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,aAAlB;;IAHwD;EAI3D;;;;WAED,oBAAkBI,OAAlB,EAAwD;MACpD,KAAKF,MAAL,CAAYE,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,sBAAuD;MACnD,OAAO,KAAKF,MAAL,CAAYE,OAAnB;IACH;;;WAED,gBAAuBC,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,gBAOI,6BAAC,cAAD;QACI,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CADX;QAEI,QAAQ,EAAE,KAAKa,aAAL,CAAmBb,KAAnB,CAFd;QAGI,WAAW,EAAE,KAAKM,eAAL,CAAqBN,KAArB;MAHjB,GAKK,CAAC,KAAKc,UAAL,MAAqB,EAAtB,EAA0BC,GAA1B,CAA8B;QAAA,IAAGR,KAAH,QAAGA,KAAH;QAAA,IAAUS,KAAV,QAAUA,KAAV;QAAA,oBAC3B;UAAQ,GAAG,EAAET,KAAb;UAAoB,KAAK,EAAEA;QAA3B,GACKS,KADL,CAD2B;MAAA,CAA9B,CALL,CAPJ,CADJ;IAqBH;;;EA3C8BC,mC"}

package/ui/elements/form/TextareaElement.js

@@ -1,20 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { Input } from "@webiny/ui/Input";
-import { FormFieldElement } from "./FormFieldElement";
-export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(TextareaElement, _FormFieldElement);
-
-  var _super = _createSuper(TextareaElement);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextareaElement = 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 TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
+  (0, _inherits2.default)(TextareaElement, _FormFieldElement);
+
+  var _super = (0, _createSuper2.default)(TextareaElement);
 
   function TextareaElement(id, config) {
     var _this;
 
-    _classCallCheck(this, TextareaElement);
-
+    (0, _classCallCheck2.default)(this, TextareaElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(TextareaElement);
@@ -22,7 +37,7 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(TextareaElement, [{
+  (0, _createClass2.default)(TextareaElement, [{
     key: "setRows",
     value: function setRows(rows) {
       this.config.rows = rows;
@@ -40,10 +55,10 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props)
-      }, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         label: this.getLabel(props),
         disabled: this.getIsDisabled(props),
         rows: this.getRows(),
@@ -51,6 +66,7 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       }));
     }
   }]);
-
   return TextareaElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.TextareaElement = TextareaElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["TextareaElement","id","config","applyPlugins","rows","props","formProps","Error","Bind","getName","getValidators","getLabel","getIsDisabled","getRows","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;IAUaA,e;;;;;EACT,yBAAYC,EAAZ,EAAwBC,MAAxB,EAAuD;IAAA;;IAAA;IACnD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,eAAlB;;IAHmD;EAItD;;;;WAED,iBAAeI,IAAf,EAAmC;MAC/B,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,mBAAyB;MACrB,OAAO,KAAKF,MAAL,CAAYE,IAAnB;IACH;;;WAED,gBAAuBC,KAAvB,EAA2E;MACvE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,2DAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QAAM,IAAI,EAAE,KAAKC,OAAL,EAAZ;QAA4B,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB;MAAxC,gBACI,6BAAC,YAAD;QACI,KAAK,EAAE,KAAKM,QAAL,CAAcN,KAAd,CADX;QAEI,QAAQ,EAAE,KAAKO,aAAL,CAAmBP,KAAnB,CAFd;QAGI,IAAI,EAAE,KAAKQ,OAAL,EAHV;QAII,WAAW,EAAE,KAAKC,cAAL,CAAoBT,KAApB;MAJjB,EADJ,CADJ;IAUH;;;EAhCgCU,mC"}