@webiny/app-admin 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.9bd236cf5e

package/ui/elements/form/HiddenElement.js

@@ -1,47 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = _interopRequireDefault(require("react"));
-var _FormFieldElement2 = require("./FormFieldElement");
-var HiddenElement = /*#__PURE__*/function (_FormFieldElement) {
-  (0, _inherits2.default)(HiddenElement, _FormFieldElement);
-  var _super = (0, _createSuper2.default)(HiddenElement);
-  function HiddenElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HiddenElement);
-    _this = _super.call(this, id, config);
-    _this.applyPlugins(HiddenElement);
-    return _this;
+import React from "react";
+import { FormFieldElement } from "./FormFieldElement";
+export class HiddenElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(HiddenElement);
   }
-  (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.`);
     }
-  }]);
-  return HiddenElement;
-}(_FormFieldElement2.FormFieldElement);
-exports.HiddenElement = HiddenElement;
+    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":["HiddenElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","FormFieldElement"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(HiddenElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`HiddenElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            />\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAI6C,IAEhCA,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAEC,MAA8B,EAAE;IAAA;IAAA;IAC3D,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,yDAAyD;MACxE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,EACxE;IAEV;EAAC;EAAA;AAAA,EAvB8BE,mCAAgB;AAAA"}
+{"version":3,"names":["React","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 type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } 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;AAKzB,SAASC,gBAAgB;AAEzB,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.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-export declare type InputElementRenderProps = FormFieldElementRenderProps;
+import type { FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+import { FormFieldElement } from "./FormFieldElement";
+export 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,54 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = _interopRequireDefault(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _FormFieldElement2 = require("./FormFieldElement");
-var InputElement = /*#__PURE__*/function (_FormFieldElement) {
-  (0, _inherits2.default)(InputElement, _FormFieldElement);
-  var _super = (0, _createSuper2.default)(InputElement);
-  function InputElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, InputElement);
-    _this = _super.call(this, id, config);
-    _this.applyPlugins(InputElement);
-    return _this;
+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, _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.`);
     }
-  }]);
-  return InputElement;
-}(_FormFieldElement2.FormFieldElement);
-exports.InputElement = InputElement;
+    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":["InputElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription","FormFieldElement"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    data-testid={`input-element-${this.getLabel(props)}`}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAI6C,IAGhCA,YAAY;EAAA;EAAA;EACrB,sBAAmBC,EAAU,EAAEC,MAA8B,EAAE;IAAA;IAAA;IAC3D,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,YAAY,CAAC;IAAC;EACpC;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD;MACvE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,YAAK;QACF,uCAA8B,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAC,CAAG;QACrD,KAAK,EAAE,IAAI,CAACY,QAAQ,CAACZ,KAAK,CAAE;QAC5B,WAAW,EAAE,IAAI,CAACa,cAAc,CAACb,KAAK,CAAE;QACxC,QAAQ,EAAE,IAAI,CAACc,aAAa,CAACd,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACe,cAAc,CAACf,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EA/B6BgB,mCAAgB;AAAA"}
+{"version":3,"names":["React","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 type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } 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;AAKxC,SAASC,gBAAgB;AAGzB,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":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { InputElement } from "./InputElement";
-import { FormFieldElementRenderProps } from "./FormFieldElement";
+import type { FormFieldElementRenderProps } from "./FormFieldElement";
 export declare class PasswordElement extends InputElement {
     render(props: FormFieldElementRenderProps): React.ReactElement;
 }

package/ui/elements/form/PasswordElement.js

@@ -1,51 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PasswordElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = _interopRequireDefault(require("react"));
-var _InputElement2 = require("./InputElement");
-var _Input = require("@webiny/ui/Input");
-var PasswordElement = /*#__PURE__*/function (_InputElement) {
-  (0, _inherits2.default)(PasswordElement, _InputElement);
-  var _super = (0, _createSuper2.default)(PasswordElement);
-  function PasswordElement() {
-    (0, _classCallCheck2.default)(this, PasswordElement);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(PasswordElement, [{
-    key: "render",
-    value: function render(props) {
-      var _this = this;
-      if (!props.formProps) {
-        throw Error("PasswordElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props),
-        defaultValue: this.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return _this.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return _this.onAfterChange(value, form);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        type: "password",
-        label: this.getLabel(props),
-        placeholder: this.getPlaceholder(props),
-        disabled: this.getIsDisabled(props),
-        description: this.getDescription(props)
-      }));
+import React from "react";
+import { InputElement } from "./InputElement";
+import { Input } from "@webiny/ui/Input";
+export class PasswordElement extends InputElement {
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`PasswordElement must be placed inside of a FormElement.`);
     }
-  }]);
-  return PasswordElement;
-}(_InputElement2.InputElement);
-exports.PasswordElement = PasswordElement;
+    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, {
+      type: "password",
+      autoComplete: "off",
+      label: this.getLabel(props),
+      placeholder: this.getPlaceholder(props),
+      disabled: this.getIsDisabled(props),
+      description: this.getDescription(props)
+    }));
+  }
+}
+
+//# sourceMappingURL=PasswordElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PasswordElement","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAAyC,IAE5BA,eAAe;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACxB,gBAAuBC,KAAkC,EAAsB;MAAA;MAC3E,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,2DAA2D;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,KAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,KAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,YAAK;QACF,IAAI,EAAE,UAAW;QACjB,KAAK,EAAE,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAE;QAC5B,WAAW,EAAE,IAAI,CAACa,cAAc,CAACb,KAAK,CAAE;QACxC,QAAQ,EAAE,IAAI,CAACc,aAAa,CAACd,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACe,cAAc,CAACf,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EAzBgCgB,2BAAY;AAAA"}
+{"version":3,"names":["React","InputElement","Input","PasswordElement","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","type","autoComplete","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport type { 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                    autoComplete={\"off\"}\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,YAAY;AAErB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,eAAe,SAASF,YAAY,CAAC;EAC9BG,MAAMA,CAACC,KAAkC,EAAsB;IAC3E,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIN,KAAA,CAAAS,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,gBAEtErB,KAAA,CAAAS,aAAA,CAACP,KAAK;MACFqB,IAAI,EAAE,UAAW;MACjBC,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;MAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;MACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;MACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+import type { FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+import { FormFieldElement } from "./FormFieldElement";
 export interface SelectElementOption {
     value: string;
     label: string;

package/ui/elements/form/SelectElement.js

@@ -1,69 +1,42 @@
-"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;
-    (0, _classCallCheck2.default)(this, SelectElement);
-    _this = _super.call(this, id, config);
-    _this.applyPlugins(SelectElement);
-    return _this;
+import React from "react";
+import { Select } from "@webiny/ui/Select";
+import { FormFieldElement } from "./FormFieldElement";
+export class SelectElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(SelectElement);
   }
-  (0, _createClass2.default)(SelectElement, [{
-    key: "setOptions",
-    value: function setOptions(options) {
-      this.config.options = options;
-    }
-  }, {
-    key: "getOptions",
-    value: function getOptions() {
-      return this.config.options;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("SelectElement 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(_Select.Select, {
-        label: this.getLabel(props),
-        disabled: this.getIsDisabled(props),
-        description: this.getDefaultValue(props)
-      }, (this.getOptions() || []).map(function (_ref) {
-        var value = _ref.value,
-          label = _ref.label;
-        return /*#__PURE__*/_react.default.createElement("option", {
-          key: value,
-          value: value
-        }, label);
-      })));
+  setOptions(options) {
+    this.config.options = options;
+  }
+  getOptions() {
+    return this.config.options;
+  }
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`SelectElement must be placed inside of a FormElement.`);
     }
-  }]);
-  return SelectElement;
-}(_FormFieldElement2.FormFieldElement);
-exports.SelectElement = SelectElement;
+    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(Select, {
+      label: this.getLabel(props),
+      disabled: this.getIsDisabled(props),
+      description: this.getDefaultValue(props)
+    }, (this.getOptions() || []).map(({
+      value,
+      label
+    }) => /*#__PURE__*/React.createElement("option", {
+      key: value,
+      value: value
+    }, label))));
+  }
+}
+
+//# sourceMappingURL=SelectElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SelectElement","id","config","applyPlugins","options","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getIsDisabled","getOptions","map","label","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAI6C,IAWhCA,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,oBAAkBI,OAA8B,EAAQ;MACpD,IAAI,CAACF,MAAM,CAACE,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAuD;MACnD,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,yDAAyD;MACxE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,cAAM;QACH,KAAK,EAAE,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACa,aAAa,CAACb,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK;MAAE,GAExC,CAAC,IAAI,CAACc,UAAU,EAAE,IAAI,EAAE,EAAEC,GAAG,CAAC;QAAA,IAAGR,KAAK,QAALA,KAAK;UAAES,KAAK,QAALA,KAAK;QAAA,oBAC1C;UAAQ,GAAG,EAAET,KAAM;UAAC,KAAK,EAAEA;QAAM,GAC5BS,KAAK,CACD;MAAA,CACZ,CAAC,CACG,CACN;IAEf;EAAC;EAAA;AAAA,EA3C8BC,mCAAgB;AAAA"}
+{"version":3,"names":["React","Select","FormFieldElement","SelectElement","constructor","id","config","applyPlugins","setOptions","options","getOptions","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","label","getLabel","disabled","getIsDisabled","description","map","key"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAK1C,SAASC,gBAAgB;AAWzB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAsB;EAC9DE,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,aAAa,CAAC;EACpC;EAEOK,UAAUA,CAACC,OAA8B,EAAQ;IACpD,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;EACjC;EAEOC,UAAUA,CAAA,EAAsC;IACnD,OAAO,IAAI,CAACJ,MAAM,CAACG,OAAO;EAC9B;EAEgBE,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,oBACIb,KAAA,CAAAgB,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,gBAEtE5B,KAAA,CAAAgB,aAAA,CAACf,MAAM;MACH6B,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACnB,KAAK,CAAE;MAC5BoB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACrB,KAAK,CAAE;MACpCsB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACV,KAAK;IAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAEyB,GAAG,CAAC,CAAC;MAAEX,KAAK;MAAEM;IAAM,CAAC,kBAC5C9B,KAAA,CAAAgB,aAAA;MAAQoB,GAAG,EAAEZ,KAAM;MAACA,KAAK,EAAEA;IAAM,GAC5BM,KACG,CACX,CACG,CACN,CAAC;EAEf;AACJ","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import React from "react";
-import { FormRenderPropParams } from "@webiny/form";
-import { FormFieldElement, FormFieldElementConfig } from "./FormFieldElement";
+import type { FormRenderPropParams } from "@webiny/form";
+import type { FormFieldElementConfig } from "./FormFieldElement";
+import { FormFieldElement } from "./FormFieldElement";
 export interface TextareaElementRenderProps {
     formProps: FormRenderPropParams;
 }

package/ui/elements/form/TextareaElement.js

@@ -1,55 +1,34 @@
-"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;
-    (0, _classCallCheck2.default)(this, TextareaElement);
-    _this = _super.call(this, id, config);
-    _this.applyPlugins(TextareaElement);
-    return _this;
+import React from "react";
+import { Input } from "@webiny/ui/Input";
+import { FormFieldElement } from "./FormFieldElement";
+export class TextareaElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(TextareaElement);
   }
-  (0, _createClass2.default)(TextareaElement, [{
-    key: "setRows",
-    value: function setRows(rows) {
-      this.config.rows = rows;
-    }
-  }, {
-    key: "getRows",
-    value: function getRows() {
-      return this.config.rows;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!props.formProps) {
-        throw Error("TextareaElement 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)
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: this.getLabel(props),
-        disabled: this.getIsDisabled(props),
-        rows: this.getRows(),
-        description: this.getDescription(props)
-      }));
+  setRows(rows) {
+    this.config.rows = rows;
+  }
+  getRows() {
+    return this.config.rows;
+  }
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`TextareaElement must be placed inside of a FormElement.`);
     }
-  }]);
-  return TextareaElement;
-}(_FormFieldElement2.FormFieldElement);
-exports.TextareaElement = TextareaElement;
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props)
+    }, /*#__PURE__*/React.createElement(Input, {
+      label: this.getLabel(props),
+      disabled: this.getIsDisabled(props),
+      rows: this.getRows(),
+      description: this.getDescription(props)
+    }));
+  }
+}
+
+//# sourceMappingURL=TextareaElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TextareaElement","id","config","applyPlugins","rows","props","formProps","Error","Bind","getName","getValidators","getLabel","getIsDisabled","getRows","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAA+F,IAUlFA,eAAe;EAAA;EAAA;EACxB,yBAAYC,EAAU,EAAEC,MAA6B,EAAE;IAAA;IAAA;IACnD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,eAAe,CAAC;IAAC;EACvC;EAAC;IAAA;IAAA,OAED,iBAAeI,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,2DAA2D;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QAAC,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QAAC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK;MAAE,gBAC9D,6BAAC,YAAK;QACF,KAAK,EAAE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACO,aAAa,CAACP,KAAK,CAAE;QACpC,IAAI,EAAE,IAAI,CAACQ,OAAO,EAAG;QACrB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACT,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EAhCgCU,mCAAgB;AAAA"}
+{"version":3,"names":["React","Input","FormFieldElement","TextareaElement","constructor","id","config","applyPlugins","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","label","getLabel","disabled","getIsDisabled","description","getDescription"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport type { FormRenderPropParams } from \"@webiny/form\";\nimport type { FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,SAASC,gBAAgB;AAUzB,OAAO,MAAMC,eAAe,SAASD,gBAAgB,CAAwB;EACzEE,WAAWA,CAACC,EAAU,EAAEC,MAA6B,EAAE;IACnD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,eAAe,CAAC;EACtC;EAEOK,OAAOA,CAACC,IAAY,EAAQ;IAC/B,IAAI,CAACH,MAAM,CAACG,IAAI,GAAGA,IAAI;EAC3B;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACJ,MAAM,CAACG,IAAI;EAC3B;EAEgBE,MAAMA,CAACC,KAAiC,EAAmB;IACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIb,KAAA,CAAAgB,aAAA,CAACD,IAAI;MAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;IAAE,gBAC9DZ,KAAA,CAAAgB,aAAA,CAACf,KAAK;MACFoB,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACV,KAAK,CAAE;MAC5BW,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACZ,KAAK,CAAE;MACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBe,WAAW,EAAE,IAAI,CAACC,cAAc,CAACd,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}