@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/ui/elements/form/FormElement.js

@@ -1,43 +1,20 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormElement = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _UIElement2 = require("../../UIElement");
-var FormElement = exports.FormElement = /*#__PURE__*/function (_UIElement) {
-  function FormElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormElement);
-    _this = (0, _callSuper2.default)(this, FormElement, [id, config]);
-    _this.useGrid(false);
-    return _this;
+import React, { Fragment } from "react";
+import { Form } from "@webiny/form";
+import { UIElement } from "../../UIElement";
+export class FormElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(Form, {
+      onSubmit: this.config.onSubmit,
+      data: this.config.getData()
+    }, formProps => /*#__PURE__*/React.createElement(Fragment, null, super.render({
+      ...props,
+      formProps
+    })));
   }
-  (0, _inherits2.default)(FormElement, _UIElement);
-  return (0, _createClass2.default)(FormElement, [{
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      return /*#__PURE__*/_react.default.createElement(_form.Form, {
-        onSubmit: this.config.onSubmit,
-        data: this.config.getData()
-      }, function (formProps) {
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _superPropGet2.default)(FormElement, "render", _this2, 3)([(0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-          formProps: formProps
-        })]));
-      });
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=FormElement.js.map

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

@@ -1 +1 @@
-{"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","_superPropGet2","_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,SAAgBC,MAAMA,CAACC,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,cAAA,CAAAjB,OAAA,EAAAP,WAAA,YAAAgB,MAAA,UAAAS,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MAAoBQ,KAAK;UAAEO,SAAS,EAATA;QAAS,IAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;AAAA,EAb4BI,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","Fragment","Form","UIElement","FormElement","constructor","id","config","useGrid","render","props","createElement","onSubmit","data","getData","formProps"],"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,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAA4C,cAAc;AACvE,SAASC,SAAS;AAiBlB,OAAO,MAAMC,WAAW,SAASD,SAAS,CAAoB;EACnDE,WAAWA,CAACC,EAAU,EAAEC,MAAyB,EAAE;IACtD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA6B,EAAmB;IACnE,oBACIV,KAAA,CAAAW,aAAA,CAACT,IAAI;MAACU,QAAQ,EAAE,IAAI,CAACL,MAAM,CAACK,QAAS;MAACC,IAAI,EAAE,IAAI,CAACN,MAAM,CAACO,OAAO,CAAC;IAAE,GAC7DC,SAAS,iBAAIf,KAAA,CAAAW,aAAA,CAACV,QAAQ,QAAE,KAAK,CAACQ,MAAM,CAAC;MAAE,GAAGC,KAAK;MAAEK;IAAU,CAAC,CAAY,CACvE,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/elements/form/FormFieldElement.js

@@ -1,171 +1,113 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormFieldElement = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _UIElement2 = require("../../UIElement");
-var FormFieldElement = exports.FormFieldElement = /*#__PURE__*/function (_UIElement) {
-  function FormFieldElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormFieldElement);
-    _this = (0, _callSuper2.default)(this, FormFieldElement, [id, config]);
-    (0, _defineProperty2.default)(_this, "_beforeChange", []);
-    (0, _defineProperty2.default)(_this, "_afterChange", []);
+import { UIElement } from "../../UIElement";
+export class FormFieldElement extends UIElement {
+  _beforeChange = [];
+  _afterChange = [];
+  constructor(id, config) {
+    super(id, config);
     if (config.beforeChange) {
-      _this._beforeChange.push(config.beforeChange);
+      this._beforeChange.push(config.beforeChange);
     }
     if (config.afterChange) {
-      _this._afterChange.push(config.afterChange);
-    }
-    _this.applyPlugins(FormFieldElement);
-    return _this;
-  }
-  (0, _inherits2.default)(FormFieldElement, _UIElement);
-  return (0, _createClass2.default)(FormFieldElement, [{
-    key: "getName",
-    value: function getName() {
-      return this.config.name;
-    }
-  }, {
-    key: "getValidators",
-    value: function getValidators(props) {
-      if (!this.config.validators || typeof this.config.validators !== "function") {
-        return function () {
-          return true;
-        };
-      }
-      return this.config.validators(props);
-    }
-  }, {
-    key: "getDefaultValue",
-    value: function getDefaultValue(props) {
-      if (typeof this.config.defaultValue === "function") {
-        return this.config.defaultValue(props);
-      }
-      return this.config.defaultValue;
-    }
-  }, {
-    key: "getLabel",
-    value: function getLabel(props) {
-      if (typeof this.config.label === "function") {
-        return this.config.label(props);
-      }
-      return this.config.label;
+      this._afterChange.push(config.afterChange);
     }
-  }, {
-    key: "getDescription",
-    value: function getDescription(props) {
-      if (typeof this.config.description === "function") {
-        return this.config.description(props);
-      }
-      return this.config.description;
+    this.applyPlugins(FormFieldElement);
+  }
+  getName() {
+    return this.config.name;
+  }
+  getValidators(props) {
+    if (!this.config.validators || typeof this.config.validators !== "function") {
+      return () => true;
     }
-  }, {
-    key: "getPlaceholder",
-    value: function getPlaceholder(props) {
-      if (typeof this.config.placeholder === "function") {
-        return this.config.placeholder(props);
-      }
-      return this.config.placeholder;
+    return this.config.validators(props);
+  }
+  getDefaultValue(props) {
+    if (typeof this.config.defaultValue === "function") {
+      return this.config.defaultValue(props);
     }
-  }, {
-    key: "setLabel",
-    value: function setLabel(label) {
-      this.config.label = label;
+    return this.config.defaultValue;
+  }
+  getLabel(props) {
+    if (typeof this.config.label === "function") {
+      return this.config.label(props);
     }
-  }, {
-    key: "setDescription",
-    value: function setDescription(description) {
-      this.config.description = description;
+    return this.config.label;
+  }
+  getDescription(props) {
+    if (typeof this.config.description === "function") {
+      return this.config.description(props);
     }
-  }, {
-    key: "setPlaceholder",
-    value: function setPlaceholder(placeholder) {
-      this.config.placeholder = placeholder;
+    return this.config.description;
+  }
+  getPlaceholder(props) {
+    if (typeof this.config.placeholder === "function") {
+      return this.config.placeholder(props);
     }
-  }, {
-    key: "setDefaultValue",
-    value: function setDefaultValue(value) {
-      this.config.defaultValue = value;
+    return this.config.placeholder;
+  }
+  setLabel(label) {
+    this.config.label = label;
+  }
+  setDescription(description) {
+    this.config.description = description;
+  }
+  setPlaceholder(placeholder) {
+    this.config.placeholder = placeholder;
+  }
+  setDefaultValue(value) {
+    this.config.defaultValue = value;
+  }
+  getIsDisabled(props) {
+    if (typeof this.config.isDisabled === "function") {
+      return this.config.isDisabled(props);
     }
-  }, {
-    key: "getIsDisabled",
-    value: function getIsDisabled(props) {
-      if (typeof this.config.isDisabled === "function") {
-        return this.config.isDisabled(props);
+    return this.config.isDisabled;
+  }
+  setIsDisabled(isDisabled) {
+    this.config.isDisabled = isDisabled;
+  }
+  setValidators(validators) {
+    this.config.validators = validators;
+  }
+  onBeforeChange(value, cb) {
+    const callbacks = [...this._beforeChange];
+    const next = val => {
+      const callbackCallable = callbacks.pop();
+      if (!callbackCallable) {
+        cb(val);
+        return;
       }
-      return this.config.isDisabled;
-    }
-  }, {
-    key: "setIsDisabled",
-    value: function setIsDisabled(isDisabled) {
-      this.config.isDisabled = isDisabled;
-    }
-  }, {
-    key: "setValidators",
-    value: function setValidators(validators) {
-      this.config.validators = validators;
-    }
-  }, {
-    key: "onBeforeChange",
-    value: function onBeforeChange(value, cb) {
-      var callbacks = (0, _toConsumableArray2.default)(this._beforeChange);
-      var _next = function next(val) {
-        var callbackCallable = callbacks.pop();
-        if (!callbackCallable) {
-          cb(val);
-          return;
-        }
-        callbackCallable(val, _next);
-      };
-      _next(value);
-    }
-  }, {
-    key: "onAfterChange",
-    value: function onAfterChange(value, form) {
-      var callbacks = (0, _toConsumableArray2.default)(this._afterChange);
-      var next = function next(val) {
-        var callbackCallable = callbacks.pop();
-        if (!callbackCallable) {
-          return;
-        }
-        callbackCallable(val, form);
-      };
-      next(value);
-    }
-  }, {
-    key: "addBeforeChange",
-    value: function addBeforeChange(cb) {
-      this._beforeChange.push(cb);
-    }
-  }, {
-    key: "addAfterChange",
-    value: function addAfterChange(cb) {
-      /**
-       * TODO @ts-refactor possibly different subtype. Or so TS complains.
-       */
-      // @ts-expect-error
-      this._afterChange.push(cb);
-    }
-  }, {
-    key: "setBeforeChange",
-    value: function setBeforeChange(cb) {
-      this._beforeChange = [cb];
-    }
-  }, {
-    key: "setAfterChange",
-    value: function setAfterChange(cb) {
-      this._afterChange = [cb];
-    }
-  }]);
-}(_UIElement2.UIElement);
+      callbackCallable(val, next);
+    };
+    next(value);
+  }
+  onAfterChange(value, form) {
+    const callbacks = [...this._afterChange];
+    const next = val => {
+      const callbackCallable = callbacks.pop();
+      if (!callbackCallable) {
+        return;
+      }
+      callbackCallable(val, form);
+    };
+    next(value);
+  }
+  addBeforeChange(cb) {
+    this._beforeChange.push(cb);
+  }
+  addAfterChange(cb) {
+    /**
+     * TODO @ts-refactor possibly different subtype. Or so TS complains.
+     */
+    // @ts-expect-error
+    this._afterChange.push(cb);
+  }
+  setBeforeChange(cb) {
+    this._beforeChange = [cb];
+  }
+  setAfterChange(cb) {
+    this._afterChange = [cb];
+  }
+}
 
 //# sourceMappingURL=FormFieldElement.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["UIElement","FormFieldElement","_beforeChange","_afterChange","constructor","id","config","beforeChange","push","afterChange","applyPlugins","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","value","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange"],"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

@@ -1,46 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HiddenElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _FormFieldElement2 = require("./FormFieldElement");
-var HiddenElement = exports.HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
-  function HiddenElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HiddenElement);
-    _this = (0, _callSuper2.default)(this, HiddenElement, [id, config]);
-    _this.applyPlugins(HiddenElement);
-    return _this;
+import React from "react";
+import { FormFieldElement } from "./FormFieldElement";
+export class HiddenElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(HiddenElement);
   }
-  (0, _inherits2.default)(HiddenElement, _FormFieldElement);
-  return (0, _createClass2.default)(HiddenElement, [{
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("HiddenElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props),
-        defaultValue: this.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return _this2.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return _this2.onAfterChange(value, form);
-        }
-      });
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`HiddenElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props),
+      defaultValue: this.getDefaultValue(props),
+      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
+      afterChange: (value, form) => this.onAfterChange(value, form)
+    });
+  }
+}
 
 //# sourceMappingURL=HiddenElement.js.map

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

@@ -1 +1 @@
-{"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,SAAgBC,MAAMA,CAACC,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,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,CACzE,CAAC;IAEV;EAAC;AAAA,EAvB8BE,mCAAgB","ignoreList":[]}
+{"version":3,"names":["React","FormFieldElement","HiddenElement","constructor","id","config","applyPlugins","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,gBAAgB;AAKpB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EACzCE,WAAWA,CAACC,EAAU,EAAEC,MAA8B,EAAE;IAC3D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,aAAa,CAAC;EACpC;EAEgBK,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,uDAAuD,CAAC;IACxE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIT,KAAA,CAAAY,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,CACzE,CAAC;EAEV;AACJ","ignoreList":[]}

package/ui/elements/form/InputElement.js

@@ -1,53 +1,32 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _FormFieldElement2 = require("./FormFieldElement");
-var InputElement = exports.InputElement = /*#__PURE__*/function (_FormFieldElement) {
-  function InputElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, InputElement);
-    _this = (0, _callSuper2.default)(this, InputElement, [id, config]);
-    _this.applyPlugins(InputElement);
-    return _this;
+import React from "react";
+import { Input } from "@webiny/ui/Input";
+import { FormFieldElement } from "./FormFieldElement";
+export class InputElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(InputElement);
   }
-  (0, _inherits2.default)(InputElement, _FormFieldElement);
-  return (0, _createClass2.default)(InputElement, [{
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("InputElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props),
-        defaultValue: this.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return _this2.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return _this2.onAfterChange(value, form);
-        }
-      }, /*#__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),
-        description: this.getDescription(props)
-      }));
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`InputElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props),
+      defaultValue: this.getDefaultValue(props),
+      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
+      afterChange: (value, form) => this.onAfterChange(value, form)
+    }, /*#__PURE__*/React.createElement(Input, {
+      "data-testid": `input-element-${this.getLabel(props)}`,
+      label: this.getLabel(props),
+      placeholder: this.getPlaceholder(props),
+      disabled: this.getIsDisabled(props),
+      description: this.getDescription(props)
+    }));
+  }
+}
 
 //# sourceMappingURL=InputElement.js.map

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

@@ -1 +1 @@
-{"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,SAAgBC,MAAMA,CAACC,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,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,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":[]}
+{"version":3,"names":["React","Input","FormFieldElement","InputElement","constructor","id","config","applyPlugins","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","getLabel","label","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SACIC,gBAAgB;AAMpB,OAAO,MAAMC,YAAY,SAASD,gBAAgB,CAAC;EACxCE,WAAWA,CAACC,EAAU,EAAEC,MAA8B,EAAE;IAC3D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,YAAY,CAAC;EACnC;EAEgBK,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,sDAAsD,CAAC;IACvE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIV,KAAA,CAAAa,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtEzB,KAAA,CAAAa,aAAA,CAACZ,KAAK;MACF,eAAa,iBAAiB,IAAI,CAAC0B,QAAQ,CAAClB,KAAK,CAAC,EAAG;MACrDmB,KAAK,EAAE,IAAI,CAACD,QAAQ,CAAClB,KAAK,CAAE;MAC5BoB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACrB,KAAK,CAAE;MACxCsB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACvB,KAAK,CAAE;MACpCwB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACzB,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}