@webiny/app-admin 5.41.4 → 5.42.0-beta.1

package/ui/elements/form/FormFieldElement.js

@@ -118,15 +118,15 @@ var FormFieldElement = exports.FormFieldElement = /*#__PURE__*/function (_UIElem
     key: "onBeforeChange",
     value: function onBeforeChange(value, cb) {
       var callbacks = (0, _toConsumableArray2.default)(this._beforeChange);
-      var next = function next(val) {
+      var _next = function next(val) {
         var callbackCallable = callbacks.pop();
         if (!callbackCallable) {
           cb(val);
           return;
         }
-        callbackCallable(val, next);
+        callbackCallable(val, _next);
       };
-      next(value);
+      _next(value);
     }
   }, {
     key: "onAfterChange",

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":";;;;;;;;;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAA4D,IAqC/CC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAAE,UAAA;EAMzB,SAAAF,iBAAmBG,EAAU,EAAEC,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,gBAAA;IAC5CK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,gBAAA,GAAMG,EAAE,EAAEC,MAAM;IAAE,IAAAK,gBAAA,CAAAF,OAAA,EAAAF,KAAA,mBAJkB,EAAE;IAAA,IAAAI,gBAAA,CAAAF,OAAA,EAAAF,KAAA,kBACJ,EAAE;IAKpC,IAAID,MAAM,CAACM,YAAY,EAAE;MACrBL,KAAA,CAAKM,aAAa,CAACC,IAAI,CAACR,MAAM,CAACM,YAAY,CAAC;IAChD;IAEA,IAAIN,MAAM,CAACS,WAAW,EAAE;MACpBR,KAAA,CAAKS,YAAY,CAACF,IAAI,CAACR,MAAM,CAACS,WAAW,CAAC;IAC9C;IAEAR,KAAA,CAAKU,YAAY,CAACf,gBAAgB,CAAC;IAAC,OAAAK,KAAA;EACxC;EAAC,IAAAW,UAAA,CAAAT,OAAA,EAAAP,gBAAA,EAAAE,UAAA;EAAA,WAAAe,aAAA,CAAAV,OAAA,EAAAP,gBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAyB;MACrB,OAAO,IAAI,CAAChB,MAAM,CAACiB,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,cAAqBC,KAAmC,EAA2B;MAC/E,IAAI,CAAC,IAAI,CAACnB,MAAM,CAACoB,UAAU,IAAI,OAAO,IAAI,CAACpB,MAAM,CAACoB,UAAU,KAAK,UAAU,EAAE;QACzE,OAAO;UAAA,OAAM,IAAI;QAAA;MACrB;MAEA,OAAO,IAAI,CAACpB,MAAM,CAACoB,UAAU,CAACD,KAAoC,CAAC;IACvE;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAM,gBAAuBF,KAAmC,EAAO;MAC7D,IAAI,OAAO,IAAI,CAACnB,MAAM,CAACsB,YAAY,KAAK,UAAU,EAAE;QAChD,OAAO,IAAI,CAACtB,MAAM,CAACsB,YAAY,CAACH,KAAK,CAAC;MAC1C;MAEA,OAAO,IAAI,CAACnB,MAAM,CAACsB,YAAY;IACnC;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAQ,SAAgBJ,KAAmC,EAAU;MACzD,IAAI,OAAO,IAAI,CAACnB,MAAM,CAACwB,KAAK,KAAK,UAAU,EAAE;QACzC,OAAO,IAAI,CAACxB,MAAM,CAACwB,KAAK,CAACL,KAAoC,CAAC;MAClE;MAEA,OAAO,IAAI,CAACnB,MAAM,CAACwB,KAAK;IAC5B;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,eAAsBN,KAAmC,EAA+B;MACpF,IAAI,OAAO,IAAI,CAACnB,MAAM,CAAC0B,WAAW,KAAK,UAAU,EAAE;QAC/C,OAAO,IAAI,CAAC1B,MAAM,CAAC0B,WAAW,CAACP,KAAoC,CAAC;MACxE;MAEA,OAAO,IAAI,CAACnB,MAAM,CAAC0B,WAAW;IAClC;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAY,eAAsBR,KAAmC,EAAU;MAC/D,IAAI,OAAO,IAAI,CAACnB,MAAM,CAAC4B,WAAW,KAAK,UAAU,EAAE;QAC/C,OAAO,IAAI,CAAC5B,MAAM,CAAC4B,WAAW,CAACT,KAAoC,CAAC;MACxE;MAEA,OAAO,IAAI,CAACnB,MAAM,CAAC4B,WAAW;IAClC;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAc,SAAgBL,KAAuC,EAAQ;MAC3D,IAAI,CAACxB,MAAM,CAACwB,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAe,eACIJ,WAAuF,EACnF;MACJ,IAAI,CAAC1B,MAAM,CAAC0B,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAgB,eAAsBH,WAA6C,EAAQ;MACvE,IAAI,CAAC5B,MAAM,CAAC4B,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAiB,gBAAuBjB,KAAiC,EAAQ;MAC5D,IAAI,CAACf,MAAM,CAACsB,YAAY,GAAGP,KAAK;IACpC;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAkB,cAAqBd,KAAmC,EAAW;MAC/D,IAAI,OAAO,IAAI,CAACnB,MAAM,CAACkC,UAAU,KAAK,UAAU,EAAE;QAC9C,OAAO,IAAI,CAAClC,MAAM,CAACkC,UAAU,CAACf,KAAoC,CAAC;MACvE;MACA,OAAO,IAAI,CAACnB,MAAM,CAACkC,UAAU;IACjC;EAAC;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAoB,cAAqBD,UAA8C,EAAQ;MACvE,IAAI,CAAClC,MAAM,CAACkC,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAqB,cAAqBhB,UAAsC,EAAQ;MAC/D,IAAI,CAACpB,MAAM,CAACoB,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAsB,eAAsBtB,KAAa,EAAEuB,EAA2B,EAAQ;MACpE,IAAMC,SAAS,OAAAC,mBAAA,CAAArC,OAAA,EAAO,IAAI,CAACI,aAAa,CAAC;MACzC,IAAMkC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,GAAW,EAAK;QAC1B,IAAMC,gBAAgB,GAAGJ,SAAS,CAACK,GAAG,CAAC,CAAC;QACxC,IAAI,CAACD,gBAAgB,EAAE;UACnBL,EAAE,CAACI,GAAG,CAAC;UACP;QACJ;QACAC,gBAAgB,CAACD,GAAG,EAAED,IAAI,CAAC;MAC/B,CAAC;MAEDA,IAAI,CAAC1B,KAAK,CAAC;IACf;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAA8B,cAAqB9B,KAAa,EAAE+B,IAAa,EAAQ;MACrD,IAAMP,SAAS,OAAAC,mBAAA,CAAArC,OAAA,EAAO,IAAI,CAACO,YAAY,CAAC;MACxC,IAAM+B,IAAI,GAAG,SAAPA,IAAIA,CAAIC,GAAW,EAAK;QAC1B,IAAMC,gBAAgB,GAAGJ,SAAS,CAACK,GAAG,CAAC,CAAC;QACxC,IAAI,CAACD,gBAAgB,EAAE;UACnB;QACJ;QACAA,gBAAgB,CAACD,GAAG,EAAEI,IAAI,CAAC;MAC/B,CAAC;MAEDL,IAAI,CAAC1B,KAAK,CAAC;IACf;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAgC,gBAAuBT,EAAgB,EAAQ;MAC3C,IAAI,CAAC/B,aAAa,CAACC,IAAI,CAAC8B,EAAE,CAAC;IAC/B;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAiC,eACIV,EAAqB,EACjB;MACJ;AACR;AACA;MACQ;MACA,IAAI,CAAC5B,YAAY,CAACF,IAAI,CAAC8B,EAAE,CAAC;IAC9B;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAkC,gBAAuBX,EAAgB,EAAQ;MAC3C,IAAI,CAAC/B,aAAa,GAAG,CAAC+B,EAAE,CAAC;IAC7B;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAmC,eAAsBZ,EAAe,EAAQ;MACzC,IAAI,CAAC5B,YAAY,GAAG,CAAC4B,EAAE,CAAC;IAC5B;EAAC;AAAA,EA9IKa,qBAAS","ignoreList":[]}
+{"version":3,"names":["_UIElement2","require","FormFieldElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","beforeChange","_beforeChange","push","afterChange","_afterChange","applyPlugins","_inherits2","_createClass2","key","value","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","_toConsumableArray2","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange","UIElement"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport interface FormFieldElementConfig<TRenderProps = FormRenderPropParams>\n    extends UIElementConfig<TRenderProps> {\n    name: string;\n    validators?: GetterWithProps<Validator | Validator[]>;\n    beforeChange?: BeforeChange;\n    afterChange?: AfterChange;\n    defaultValue?: any | GetterWithProps<any>;\n    isDisabled?: boolean | GetterWithProps<boolean>;\n    label?: string | GetterWithProps<string>;\n    description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;\n    placeholder?: string | GetterWithProps<string>;\n}\n\nexport interface FormFieldElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\ninterface BeforeChange {\n    (value: any, callback: BeforeChangeCallback): void;\n}\n\ninterface BeforeChangeCallback {\n    (value: any): void;\n}\n\ninterface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {\n    (value: T, form: FormAPI<D>): void;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\nexport class FormFieldElement<\n    TConfig extends FormFieldElementConfig = FormFieldElementConfig\n> extends UIElement<TConfig> {\n    private _beforeChange: BeforeChange[] = [];\n    private _afterChange: AfterChange[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        if (config.beforeChange) {\n            this._beforeChange.push(config.beforeChange);\n        }\n\n        if (config.afterChange) {\n            this._afterChange.push(config.afterChange);\n        }\n\n        this.applyPlugins(FormFieldElement);\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getValidators(props?: FormFieldElementRenderProps): Validator | Validator[] {\n        if (!this.config.validators || typeof this.config.validators !== \"function\") {\n            return () => true;\n        }\n\n        return this.config.validators(props as FormFieldElementRenderProps);\n    }\n\n    public getDefaultValue(props?: FormFieldElementRenderProps): any {\n        if (typeof this.config.defaultValue === \"function\") {\n            return this.config.defaultValue(props);\n        }\n\n        return this.config.defaultValue;\n    }\n\n    public getLabel(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            return this.config.label(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.label as string;\n    }\n\n    public getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement {\n        if (typeof this.config.description === \"function\") {\n            return this.config.description(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.description as string;\n    }\n\n    public getPlaceholder(props?: FormFieldElementRenderProps): string {\n        if (typeof this.config.placeholder === \"function\") {\n            return this.config.placeholder(props as FormFieldElementRenderProps);\n        }\n\n        return this.config.placeholder as string;\n    }\n\n    public setLabel(label: string | GetterWithProps<string>): void {\n        this.config.label = label;\n    }\n\n    public setDescription(\n        description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>\n    ): void {\n        this.config.description = description;\n    }\n\n    public setPlaceholder(placeholder: string | GetterWithProps<string>): void {\n        this.config.placeholder = placeholder;\n    }\n\n    public setDefaultValue(value: any | GetterWithProps<any>): void {\n        this.config.defaultValue = value;\n    }\n\n    public getIsDisabled(props?: FormFieldElementRenderProps): boolean {\n        if (typeof this.config.isDisabled === \"function\") {\n            return this.config.isDisabled(props as FormFieldElementRenderProps);\n        }\n        return this.config.isDisabled as boolean;\n    }\n\n    public setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void {\n        this.config.isDisabled = isDisabled;\n    }\n\n    public setValidators(validators: GetterWithProps<Validator>): void {\n        this.config.validators = validators;\n    }\n\n    public onBeforeChange(value: string, cb: (value: string) => void): void {\n        const callbacks = [...this._beforeChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                cb(val);\n                return;\n            }\n            callbackCallable(val, next);\n        };\n\n        next(value);\n    }\n\n    public onAfterChange(value: string, form: FormAPI): void {\n        const callbacks = [...this._afterChange];\n        const next = (val: string) => {\n            const callbackCallable = callbacks.pop();\n            if (!callbackCallable) {\n                return;\n            }\n            callbackCallable(val, form);\n        };\n\n        next(value);\n    }\n\n    public addBeforeChange(cb: BeforeChange): void {\n        this._beforeChange.push(cb);\n    }\n\n    public addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(\n        cb: AfterChange<T, D>\n    ): void {\n        /**\n         * TODO @ts-refactor possibly different subtype. Or so TS complains.\n         */\n        // @ts-expect-error\n        this._afterChange.push(cb);\n    }\n\n    public setBeforeChange(cb: BeforeChange): void {\n        this._beforeChange = [cb];\n    }\n\n    public setAfterChange(cb: AfterChange): void {\n        this._afterChange = [cb];\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/HiddenElement.js.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,SAAAC,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIvB,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,CACzE,CAAC;IAEV;EAAC;AAAA,EAvB8BE,mCAAgB","ignoreList":[]}
+{"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":[]}

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,SAAAC,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,uDAAuD,CAAC;MACvE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEpC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QACF,gCAAAC,MAAA,CAA8B,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAC,CAAG;QACrDqB,KAAK,EAAE,IAAI,CAACD,QAAQ,CAACpB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EA/B6B4B,mCAAgB","ignoreList":[]}
+{"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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAuBC,KAAkC,EAAsB;MAAA,IAAAC,KAAA;MAC3E,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIrB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,KAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,KAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEjC,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAA+B,KAAK;QACFC,IAAI,EAAE,UAAW;QACjBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAzBgC4B,2BAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAACC,KAAkC,EAAsB;MAAA,IAAAC,KAAA;MAC3E,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIrB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,KAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,KAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEjC,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAA+B,KAAK;QACFC,IAAI,EAAE,UAAW;QACjBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;QAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;QACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;QACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAzBgC4B,2BAAY","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,WAAkBC,OAA8B,EAAQ;MACpD,IAAI,CAACX,MAAM,CAACW,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,WAAA,EAAuD;MACnD,OAAO,IAAI,CAACZ,MAAM,CAACW,OAAO;IAC9B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACI3B,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAAA,aAACjB,KAAa,EAAEkB,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAACnB,KAAK,EAAEkB,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAAA,YAACpB,KAAa,EAAEqB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACtB,KAAK,EAAEqB,IAAI,CAAC;QAAA;MAAC,gBAEtEvC,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAAsC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAE;QAC5BqB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACtB,KAAK,CAAE;QACpCuB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACX,KAAK;MAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE0B,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAG9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;UAAEwB,KAAK,GAAAM,IAAA,CAALN,KAAK;QAAA,oBAC1C1C,MAAA,CAAAY,OAAA,CAAAgB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;AAAA,EA3C8BO,mCAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,UAAUA,CAACC,OAA8B,EAAQ;MACpD,IAAI,CAACX,MAAM,CAACW,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,UAAUA,CAAA,EAAsC;MACnD,OAAO,IAAI,CAACZ,MAAM,CAACW,OAAO;IAC9B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,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,oBACI3B,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGjB,KAAa,EAAEkB,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAACnB,KAAK,EAAEkB,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGpB,KAAa,EAAEqB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACtB,KAAK,EAAEqB,IAAI,CAAC;QAAA;MAAC,gBAEtEvC,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAAsC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAE;QAC5BqB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACtB,KAAK,CAAE;QACpCuB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACX,KAAK;MAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE0B,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAG9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;UAAEwB,KAAK,GAAAM,IAAA,CAALN,KAAK;QAAA,oBAC1C1C,MAAA,CAAAY,OAAA,CAAAgB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;AAAA,EA3C8BO,mCAAgB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAeC,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACZ,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DvB,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACxB,MAAA,CAAA6B,KAAK;QACFC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACX,KAAK,CAAE;QAC5BY,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACb,KAAK,CAAE;QACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBgB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACf,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAhCgCgB,mCAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAACC,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,OAAOA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACZ,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DvB,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACxB,MAAA,CAAA6B,KAAK;QACFC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACX,KAAK,CAAE;QAC5BY,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACb,KAAK,CAAE;QACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBgB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACf,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAhCgCgB,mCAAgB","ignoreList":[]}

package/ui/views/AdminView/ContentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAAC,IAAA,EAAyF;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO9B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAACzB,cAAc,QAAEwB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;AAAA,EAHgCI,uBAAU;AAAA,IAMlCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAlB,gBAAA,CAAAZ,OAAA,QAAA0B,cAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAb,OAAA,QAAA0B,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IACnBD,KAAA,CAAKE,WAAW,CAAC,IAAItB,sBAAsB,CAAC,CAAC,CAAC;IAC9CoB,KAAA,CAAKG,YAAY,CAACP,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,IAAAf,UAAA,CAAAf,OAAA,EAAA0B,cAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAhB,OAAA,EAAA0B,cAAA;AAAA,EAN+BQ,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAAAC,IAAA,EAAmE;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO9B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAACzB,cAAc,QAAEwB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;AAAA,EAHgCI,uBAAU;AAAA,IAMlCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAlB,gBAAA,CAAAZ,OAAA,QAAA0B,cAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAb,OAAA,QAAA0B,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IACnBD,KAAA,CAAKE,WAAW,CAAC,IAAItB,sBAAsB,CAAC,CAAC,CAAC;IAC9CoB,KAAA,CAAKG,YAAY,CAACP,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,IAAAf,UAAA,CAAAf,OAAA,EAAA0B,cAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAhB,OAAA,EAAA0B,cAAA;AAAA,EAN+BQ,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderElement.js

@@ -52,7 +52,7 @@ var HeaderElement = exports.HeaderElement = /*#__PURE__*/function (_UIElement) {
     _this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
     _this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
     _this.addRenderer(new HeaderElementRenderer());
-    _this.setMenuButton( /*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
+    _this.setMenuButton(/*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
     _this.applyPlugins(HeaderElement);
     return _this;
   }

package/ui/views/AdminView/HeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","exports","_UIElement","id","_this","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAA6D,IAExDU,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAAA,IAKRC,qBAAqB,0BAAAC,WAAA;EAAA,SAAAD,sBAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,qBAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,qBAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,qBAAA,EAAAC,WAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,qBAAA;IAAAQ,GAAA;IAAAC,KAAA,EACvB,SAAAC,OAAAC,IAAA,EAAiF;MAAA,IAAxDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MACzB,oBAAOzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,UAAA,CAAAuB,gBAAgB;QAACC,KAAK;MAAA,GAAEH,IAAI,CAAC,CAAoB,CAAC;IAC9D;EAAC;AAAA,EAH+BI,uBAAU;AAAA,IAMjCC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,UAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAnB,gBAAA,CAAAC,OAAA,QAAAc,aAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAD,OAAA,QAAAc,aAAA,GAAMG,EAAE;IAERC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAGF,KAAA,CAAKG,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC3B,SAAS,CAAC4B,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC3B,SAAS,CAAC6B,IAAI,CAAC,CAAC;IAE9DP,KAAA,CAAKG,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/DR,KAAA,CAAKG,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7DT,KAAA,CAAKU,WAAW,CAAC,IAAI/B,qBAAqB,CAAC,CAAC,CAAC;IAE7CqB,KAAA,CAAKW,aAAa,eAAC7C,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAAChB,UAAA,CAAAM,OAAS,MAAE,CAAC,CAAC;IACjCkB,KAAA,CAAKY,YAAY,CAAChB,aAAa,CAAC;IAAC,OAAAI,KAAA;EACrC;EAAC,IAAAf,UAAA,CAAAH,OAAA,EAAAc,aAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAJ,OAAA,EAAAc,aAAA;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAyB,eAAA,EAAkD;MAC9C,OAAO,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAA2B,iBAAA,EAAsD;MAClD,OAAO,IAAI,CAACD,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAA4B,gBAAA,EAAoD;MAChD,OAAO,IAAI,CAACF,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAA6B,QAAeC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACL,UAAU,CAACpC,SAAS,CAAC6B,IAAI,CAAC;MAC/C,IAAI,CAACY,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAAC3C,SAAS,CAAC6B,IAAI,EAAE,YAAM;QACrC,oBAAOzC,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,UAAA,CAAAoD,cAAc,QAAEJ,IAAqB,CAAC;MAClD,CAAC,CACL,CAAC;IACL;EAAC;IAAA/B,GAAA;IAAAC,KAAA,EAED,SAAAuB,cAAqBY,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACV,UAAU,CAACpC,SAAS,CAAC4B,UAAU,CAAC;MACpD,IAAI,CAACkB,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACJ,WAAW,CACd,IAAIC,8BAAc,CAAC3C,SAAS,CAAC4B,UAAU,EAAE,YAAM;QAC3C,OAAOiB,UAAU;MACrB,CAAC,CACL,CAAC;IACL;EAAC;AAAA,EAtD8BE,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","exports","_UIElement","id","_this","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAA6D,IAExDU,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAAA,IAKRC,qBAAqB,0BAAAC,WAAA;EAAA,SAAAD,sBAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,qBAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,qBAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,qBAAA,EAAAC,WAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,qBAAA;IAAAQ,GAAA;IAAAC,KAAA,EACvB,SAAgBC,MAAMA,CAAAC,IAAA,EAA2D;MAAA,IAAxDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MACzB,oBAAOzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,UAAA,CAAAuB,gBAAgB;QAACC,KAAK;MAAA,GAAEH,IAAI,CAAC,CAAoB,CAAC;IAC9D;EAAC;AAAA,EAH+BI,uBAAU;AAAA,IAMjCC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,UAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAnB,gBAAA,CAAAC,OAAA,QAAAc,aAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAD,OAAA,QAAAc,aAAA,GAAMG,EAAE;IAERC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAGF,KAAA,CAAKG,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC3B,SAAS,CAAC4B,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC3B,SAAS,CAAC6B,IAAI,CAAC,CAAC;IAE9DP,KAAA,CAAKG,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/DR,KAAA,CAAKG,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7DT,KAAA,CAAKU,WAAW,CAAC,IAAI/B,qBAAqB,CAAC,CAAC,CAAC;IAE7CqB,KAAA,CAAKW,aAAa,cAAC7C,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAAChB,UAAA,CAAAM,OAAS,MAAE,CAAC,CAAC;IACjCkB,KAAA,CAAKY,YAAY,CAAChB,aAAa,CAAC;IAAC,OAAAI,KAAA;EACrC;EAAC,IAAAf,UAAA,CAAAH,OAAA,EAAAc,aAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAJ,OAAA,EAAAc,aAAA;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAOyB,cAAcA,CAAA,EAA6B;MAC9C,OAAO,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAO2B,gBAAgBA,CAAA,EAA+B;MAClD,OAAO,IAAI,CAACD,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAO4B,eAAeA,CAAA,EAA8B;MAChD,OAAO,IAAI,CAACF,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAO6B,OAAOA,CAACC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACL,UAAU,CAACpC,SAAS,CAAC6B,IAAI,CAAC;MAC/C,IAAI,CAACY,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAAC3C,SAAS,CAAC6B,IAAI,EAAE,YAAM;QACrC,oBAAOzC,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,UAAA,CAAAoD,cAAc,QAAEJ,IAAqB,CAAC;MAClD,CAAC,CACL,CAAC;IACL;EAAC;IAAA/B,GAAA;IAAAC,KAAA,EAED,SAAOuB,aAAaA,CAACY,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACV,UAAU,CAACpC,SAAS,CAAC4B,UAAU,CAAC;MACpD,IAAI,CAACkB,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACJ,WAAW,CACd,IAAIC,8BAAc,CAAC3C,SAAS,CAAC4B,UAAU,EAAE,YAAM;QAC3C,OAAOiB,UAAU;MACrB,CAAC,CACL,CAAC;IACL;EAAC;AAAA,EAtD8BE,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -8,8 +8,7 @@ exports.HeaderSectionCenterElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
@@ -33,7 +32,7 @@ var HeaderSectionCenterElement = exports.HeaderSectionCenterElement = /*#__PURE_
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: middleBar,
         alignEnd: true
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionCenterElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(HeaderSectionCenterElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/AdminView/HeaderSectionCenterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,UAAA;EACnC,SAAAF,2BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,0BAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,0BAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,0BAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,0BAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,SAAU;QAACqB,QAAQ;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,0BAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC9BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAb2CS,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,UAAA;EACnC,SAAAF,2BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,0BAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,0BAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,0BAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,0BAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,SAAU;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,0BAAA,sBAC9Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb2CM,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -8,8 +8,7 @@ exports.HeaderSectionLeftElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
@@ -33,7 +32,7 @@ var HeaderSectionLeftElement = exports.HeaderSectionLeftElement = /*#__PURE__*/f
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: edgeBars,
         alignStart: true
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionLeftElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(HeaderSectionLeftElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/AdminView/HeaderSectionLeftElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAAE,UAAA;EACjC,SAAAF,yBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,wBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,wBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,wBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,wBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,UAAU;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,wBAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC/BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAbyCS,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_superPropGet2","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAAE,UAAA;EACjC,SAAAF,yBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,wBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,wBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,wBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,wBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,UAAU;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,wBAAA,sBAC/Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAbyCM,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -8,8 +8,7 @@ exports.HeaderSectionRightElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
@@ -33,7 +32,7 @@ var HeaderSectionRightElement = exports.HeaderSectionRightElement = /*#__PURE__*
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: edgeBars,
         alignEnd: true
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionRightElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(HeaderSectionRightElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/AdminView/HeaderSectionRightElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,QAAQ;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,yBAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC7BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAb0CS,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,yBAAA,sBAC7Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb0CM,qBAAS","ignoreList":[]}

package/ui/views/FormView/FormContainerElement.js

@@ -8,8 +8,7 @@ exports.FormContainerElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
@@ -43,7 +42,7 @@ var FormContainerElement = exports.FormContainerElement = /*#__PURE__*/function
   return (0, _createClass2.default)(FormContainerElement, [{
     key: "render",
     value: function render(props) {
-      var children = (0, _get2.default)((0, _getPrototypeOf2.default)(FormContainerElement.prototype), "render", this).call(this, props);
+      var children = (0, _superPropGet2.default)(FormContainerElement, "render", this, 3)([props]);
       return /*#__PURE__*/_react.default.createElement(FormContainerWrapper, {
         className: (0, _classnames.default)("webiny-data-list", this.config.className),
         "data-testid": this.config.testId

package/ui/views/FormView/FormContainerElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_Elevation","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormContainerElement","exports","_UIElement","id","config","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","children","_get2","_getPrototypeOf2","prototype","call","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAkF,SAAAI,iCAAA;AAElF,IAAMC,oBAAoB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGzC,CAAC;AAAC,IAQUa,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,UAAA;EAC7B,SAAAF,qBAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAhB,OAAA,QAAAU,oBAAA;IACxDK,KAAA,OAAAE,WAAA,CAAAjB,OAAA,QAAAU,oBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAnB,OAAA,EAAAU,oBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAApB,OAAA,EAAAU,oBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,KAAA,CAAA1B,OAAA,MAAA2B,gBAAA,CAAA3B,OAAA,EAAAU,oBAAA,CAAAkB,SAAA,mBAAAC,IAAA,OAAgBL,KAAK,CAAC;MAEpC,oBACIjC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAAChC,oBAAoB;QACjBiC,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAAClB,MAAM,CAACiB,SAAS,CAAE;QACjE,eAAa,IAAI,CAACjB,MAAM,CAACmB;MAAO,GAE/B,IAAI,CAACnB,MAAM,CAACoB,WAAW,GAAGT,QAAQ,gBAAGlC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,UAAA,CAAAwC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAEX,QAAoB,CAC1D,CAAC;IAE/B;EAAC;AAAA,EAjBqCY,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_Elevation","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormContainerElement","exports","_UIElement","id","config","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","children","_superPropGet2","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAkF,SAAAI,iCAAA;AAElF,IAAMC,oBAAoB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGzC,CAAC;AAAC,IAQUa,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,UAAA;EAC7B,SAAAF,qBAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAhB,OAAA,QAAAU,oBAAA;IACxDK,KAAA,OAAAE,WAAA,CAAAjB,OAAA,QAAAU,oBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAnB,OAAA,EAAAU,oBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAApB,OAAA,EAAAU,oBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,cAAA,CAAA1B,OAAA,EAAAU,oBAAA,sBAAgBc,KAAK,EAAC;MAEpC,oBACIjC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAC7B,oBAAoB;QACjB8B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAACf,MAAM,CAACc,SAAS,CAAE;QACjE,eAAa,IAAI,CAACd,MAAM,CAACgB;MAAO,GAE/B,IAAI,CAAChB,MAAM,CAACiB,WAAW,GAAGN,QAAQ,gBAAGlC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAChC,UAAA,CAAAqC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAER,QAAoB,CAC1D,CAAC;IAE/B;EAAC;AAAA,EAjBqCS,qBAAS","ignoreList":[]}

package/ui/views/FormView/FormFooterElement.js

@@ -8,8 +8,7 @@ exports.FormFooterElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
@@ -41,7 +40,7 @@ var FormFooterElement = exports.FormFooterElement = /*#__PURE__*/function (_UIEl
   return (0, _createClass2.default)(FormFooterElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0, _get2.default)((0, _getPrototypeOf2.default)(FormFooterElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0, _superPropGet2.default)(FormFooterElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/FormView/FormFooterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormFooterElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAUlC,CAAC;AAAC,IAEUa,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,iBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,iBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,iBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,iBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,aAAa,YAAA2B,KAAA,CAAAzB,OAAA,MAAA0B,gBAAA,CAAA1B,OAAA,EAAAU,iBAAA,CAAAiB,SAAA,mBAAAC,IAAA,OAAeL,KAAK,CAAiB,CAAC;IAC/D;EAAC;AAAA,EATkCM,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormFooterElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAUlC,CAAC;AAAC,IAEUa,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,iBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,iBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,iBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,iBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,aAAa,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,iBAAA,sBAAea,KAAK,EAAiB,CAAC;IAC/D;EAAC;AAAA,EATkCG,qBAAS","ignoreList":[]}

package/ui/views/FormView/FormHeaderElement.js

@@ -8,8 +8,7 @@ exports.FormHeaderElement = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
@@ -72,7 +71,7 @@ var FormHeaderElement = exports.FormHeaderElement = /*#__PURE__*/function (_UIEl
       }, getTitle(props)))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 6,
         className: actionsClass
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(FormHeaderElement.prototype), "render", this).call(this, props)));
+      }, (0, _superPropGet2.default)(FormHeaderElement, "render", this, 3)([props])));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/FormView/FormHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_superPropGet2","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAGA,IAAMM,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,WAAW,GAAG,IAAAH,YAAG,EAAC;EACpBI,YAAY,EAAE,0CAA0C;EACxDF,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMG,UAAU,GAAG,IAAAL,YAAG,EAAC;EACnBM,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,YAAY,GAAG,IAAAR,YAAG,EAAC;EACrBM,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAOUG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAmBG,EAAU,EAAEC,MAAwB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,iBAAA;IACrDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,iBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,iBAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,iBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAACC,IAAwB,EAAE;MACrC,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,SAASA,CAACC,OAAkB,EAAE;MACjC,IAAI,CAACC,UAAU,CAACD,OAAO,CAAC;IAC5B;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAgBM,MAAMA,CAACC,KAA6B,EAAmB;MACnE,IAAAC,YAAA,GAA2B,IAAI,CAACjB,MAAM;QAA9BW,IAAI,GAAAM,YAAA,CAAJN,IAAI;QAAEO,QAAQ,GAAAD,YAAA,CAARC,QAAQ;MAEtB,oBACIzC,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACtC,KAAA,CAAAuC,IAAI;QAACC,SAAS,EAAEhC;MAAY,gBACzBZ,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACtC,KAAA,CAAAyC,IAAI;QAACC,IAAI,EAAE,CAAE;QAACF,SAAS,EAAE9B;MAAW,gBACjCd,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAAC1C,MAAA,CAAA0B,OAAK,CAACqB,QAAQ,QACVb,IAAI,iBAAIlC,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACnC,KAAA,CAAAyC,IAAI;QAACJ,SAAS,EAAEpC,SAAU;QAAC0B,IAAI,EAAEA;MAAK,CAAE,CAAC,eACnDlC,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACrC,WAAA,CAAA4C,UAAU;QAACC,GAAG,EAAC;MAAW,GAAET,QAAQ,CAACF,KAAK,CAAc,CAC7C,CACd,CAAC,eACPvC,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACtC,KAAA,CAAAyC,IAAI;QAACC,IAAI,EAAE,CAAE;QAACF,SAAS,EAAE3B;MAAa,OAAAkC,cAAA,CAAAzB,OAAA,EAAAP,iBAAA,sBACrBoB,KAAK,EACjB,CACJ,CAAC;IAEf;EAAC;AAAA,EA/BkCa,qBAAS","ignoreList":[]}

package/ui/views/FormView.js

@@ -8,8 +8,7 @@ exports.FormView = 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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _Progress = require("@webiny/ui/Progress");
@@ -42,7 +41,7 @@ var FormView = exports.FormView = /*#__PURE__*/function (_UIView) {
     key: "addElement",
     value: function addElement(element) {
       if (element.id === "form" || element.id === "formContainer") {
-        return (0, _get2.default)((0, _getPrototypeOf2.default)(FormView.prototype), "addElement", this).call(this, element);
+        return (0, _superPropGet2.default)(FormView, "addElement", this, 3)([element]);
       }
       return this.getFormContainer().addElement(element);
     }

package/ui/views/FormView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Progress","_FormElement","_ButtonElement","_GenericElement","_FormContentElement","_FormHeaderElement","_FormFooterElement","_FormContainerElement","_UIView2","FormView","exports","_UIView","id","config","_this","_classCallCheck2","default","setupForm","_callSuper2","addElements","useGrid","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_get2","_getPrototypeOf2","prototype","call","getFormContainer","setTitle","title","getTitle","setOnSubmit","onSubmit","setFormData","getter","getFormData","getElement","getFormContentElement","getFormHeaderElement","getFormFooterElement","getSubmitButtonElement","_this2","formContainer","FormContainerElement","testId","className","noElevation","form","FormElement","data","getData","GenericElement","isLoading","createElement","CircularProgress","FormHeaderElement","props","FormContentElement","footer","FormFooterElement","submitButton","ButtonElement","type","label","onClick","formProps","submit","moveToTheEndOf","cancelButton","onCancel","shouldRender","moveToTheBeginningOf","UIView"],"sources":["FormView.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElement, FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { FormContentElement } from \"./FormView/FormContentElement\";\nimport { FormHeaderElement } from \"./FormView/FormHeaderElement\";\nimport { FormFooterElement } from \"./FormView/FormFooterElement\";\nimport { FormContainerElement } from \"./FormView/FormContainerElement\";\nimport { UIView } from \"~/ui/UIView\";\n\nexport interface FormViewConfig extends UIElementConfig {\n    setupForm?: boolean;\n    onSubmit?: FormOnSubmit;\n    getTitle?: (props: FormElementRenderProps) => string;\n    getFormData?: () => Record<string, any>;\n    isLoading?: () => boolean;\n    onCancel?: () => void;\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class FormView extends UIView<FormViewConfig> {\n    public constructor(id: string, config?: FormViewConfig) {\n        if (!config) {\n            config = {};\n        }\n        if (!(\"setupForm\" in config)) {\n            config.setupForm = true;\n        }\n\n        super(id, config);\n\n        this.addElements();\n        this.useGrid(false);\n\n        this.applyPlugins(FormView);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        if (element.id === \"form\" || element.id === \"formContainer\") {\n            return super.addElement(element);\n        }\n\n        return this.getFormContainer().addElement(element);\n    }\n\n    public setTitle(title: string | GetterWithProps<string>): void {\n        if (typeof title === \"string\") {\n            this.config.getTitle = () => title;\n            return;\n        }\n        this.config.getTitle = title;\n    }\n\n    public setOnSubmit(onSubmit: FormOnSubmit): void {\n        this.config.onSubmit = onSubmit;\n    }\n\n    public setFormData(getter: GetterWithoutProps<Record<string, any>>): void {\n        this.config.getFormData = getter;\n    }\n\n    public getFormContainer(): FormContainerElement {\n        return this.getElement(\"formContainer\") as FormContainerElement;\n    }\n\n    public getFormContentElement(): FormContentElement {\n        return this.getElement(\"formContent\") as FormContentElement;\n    }\n\n    public getFormHeaderElement(): FormHeaderElement {\n        return this.getElement(\"formHeader\") as FormHeaderElement;\n    }\n\n    public getFormFooterElement(): FormFooterElement {\n        return this.getElement(\"formFooter\") as FormFooterElement;\n    }\n\n    public getSubmitButtonElement(): ButtonElement {\n        return this.getFormFooterElement().getElement(\"submit\") as ButtonElement;\n    }\n\n    private addElements(): void {\n        const formContainer = new FormContainerElement(\"formContainer\", {\n            testId: this.config.testId,\n            className: this.config.className,\n            noElevation: this.config.noElevation\n        });\n\n        if (this.config.setupForm) {\n            const form = this.addElement(\n                new FormElement(\"form\", {\n                    onSubmit: (data, form) => {\n                        if (!this.config.onSubmit) {\n                            return;\n                        }\n                        return this.config.onSubmit(data, form);\n                    },\n                    getData: () => {\n                        if (!this.config.getFormData) {\n                            return {};\n                        }\n                        return this.config.getFormData();\n                    }\n                })\n            ) as FormElement;\n\n            form.addElement(formContainer);\n        } else {\n            this.addElement(formContainer);\n        }\n\n        this.addElement(\n            new GenericElement(\"loading\", () => {\n                if (typeof this.config.isLoading !== \"function\") {\n                    return null;\n                }\n\n                return this.config.isLoading() ? <CircularProgress /> : null;\n            })\n        );\n\n        this.addElement(\n            new FormHeaderElement(\"formHeader\", {\n                getTitle: props => {\n                    if (!this.config.getTitle) {\n                        return \"\";\n                    }\n                    return this.config.getTitle(props);\n                }\n            })\n        );\n\n        this.addElement(new FormContentElement(\"formContent\"));\n\n        const footer = new FormFooterElement(\"formFooter\");\n        this.addElement(footer);\n\n        const submitButton = new ButtonElement<FormElementRenderProps>(\"submit\", {\n            type: \"primary\",\n            label: \"Save\",\n            onClick: props => props.formProps.submit()\n        });\n\n        submitButton.moveToTheEndOf(footer);\n\n        const cancelButton = footer.addElement(\n            new ButtonElement(\"cancel\", {\n                type: \"default\",\n                label: \"Cancel\",\n                onClick: () => {\n                    if (!this.config.onCancel) {\n                        return;\n                    }\n                    this.config.onCancel();\n                },\n                shouldRender: () => typeof this.config.onCancel === \"function\"\n            })\n        );\n\n        cancelButton.moveToTheBeginningOf(footer);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Progress","_FormElement","_ButtonElement","_GenericElement","_FormContentElement","_FormHeaderElement","_FormFooterElement","_FormContainerElement","_UIView2","FormView","exports","_UIView","id","config","_this","_classCallCheck2","default","setupForm","_callSuper2","addElements","useGrid","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_superPropGet2","getFormContainer","setTitle","title","getTitle","setOnSubmit","onSubmit","setFormData","getter","getFormData","getElement","getFormContentElement","getFormHeaderElement","getFormFooterElement","getSubmitButtonElement","_this2","formContainer","FormContainerElement","testId","className","noElevation","form","FormElement","data","getData","GenericElement","isLoading","createElement","CircularProgress","FormHeaderElement","props","FormContentElement","footer","FormFooterElement","submitButton","ButtonElement","type","label","onClick","formProps","submit","moveToTheEndOf","cancelButton","onCancel","shouldRender","moveToTheBeginningOf","UIView"],"sources":["FormView.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElement, FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { FormContentElement } from \"./FormView/FormContentElement\";\nimport { FormHeaderElement } from \"./FormView/FormHeaderElement\";\nimport { FormFooterElement } from \"./FormView/FormFooterElement\";\nimport { FormContainerElement } from \"./FormView/FormContainerElement\";\nimport { UIView } from \"~/ui/UIView\";\n\nexport interface FormViewConfig extends UIElementConfig {\n    setupForm?: boolean;\n    onSubmit?: FormOnSubmit;\n    getTitle?: (props: FormElementRenderProps) => string;\n    getFormData?: () => Record<string, any>;\n    isLoading?: () => boolean;\n    onCancel?: () => void;\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class FormView extends UIView<FormViewConfig> {\n    public constructor(id: string, config?: FormViewConfig) {\n        if (!config) {\n            config = {};\n        }\n        if (!(\"setupForm\" in config)) {\n            config.setupForm = true;\n        }\n\n        super(id, config);\n\n        this.addElements();\n        this.useGrid(false);\n\n        this.applyPlugins(FormView);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        if (element.id === \"form\" || element.id === \"formContainer\") {\n            return super.addElement(element);\n        }\n\n        return this.getFormContainer().addElement(element);\n    }\n\n    public setTitle(title: string | GetterWithProps<string>): void {\n        if (typeof title === \"string\") {\n            this.config.getTitle = () => title;\n            return;\n        }\n        this.config.getTitle = title;\n    }\n\n    public setOnSubmit(onSubmit: FormOnSubmit): void {\n        this.config.onSubmit = onSubmit;\n    }\n\n    public setFormData(getter: GetterWithoutProps<Record<string, any>>): void {\n        this.config.getFormData = getter;\n    }\n\n    public getFormContainer(): FormContainerElement {\n        return this.getElement(\"formContainer\") as FormContainerElement;\n    }\n\n    public getFormContentElement(): FormContentElement {\n        return this.getElement(\"formContent\") as FormContentElement;\n    }\n\n    public getFormHeaderElement(): FormHeaderElement {\n        return this.getElement(\"formHeader\") as FormHeaderElement;\n    }\n\n    public getFormFooterElement(): FormFooterElement {\n        return this.getElement(\"formFooter\") as FormFooterElement;\n    }\n\n    public getSubmitButtonElement(): ButtonElement {\n        return this.getFormFooterElement().getElement(\"submit\") as ButtonElement;\n    }\n\n    private addElements(): void {\n        const formContainer = new FormContainerElement(\"formContainer\", {\n            testId: this.config.testId,\n            className: this.config.className,\n            noElevation: this.config.noElevation\n        });\n\n        if (this.config.setupForm) {\n            const form = this.addElement(\n                new FormElement(\"form\", {\n                    onSubmit: (data, form) => {\n                        if (!this.config.onSubmit) {\n                            return;\n                        }\n                        return this.config.onSubmit(data, form);\n                    },\n                    getData: () => {\n                        if (!this.config.getFormData) {\n                            return {};\n                        }\n                        return this.config.getFormData();\n                    }\n                })\n            ) as FormElement;\n\n            form.addElement(formContainer);\n        } else {\n            this.addElement(formContainer);\n        }\n\n        this.addElement(\n            new GenericElement(\"loading\", () => {\n                if (typeof this.config.isLoading !== \"function\") {\n                    return null;\n                }\n\n                return this.config.isLoading() ? <CircularProgress /> : null;\n            })\n        );\n\n        this.addElement(\n            new FormHeaderElement(\"formHeader\", {\n                getTitle: props => {\n                    if (!this.config.getTitle) {\n                        return \"\";\n                    }\n                    return this.config.getTitle(props);\n                }\n            })\n        );\n\n        this.addElement(new FormContentElement(\"formContent\"));\n\n        const footer = new FormFooterElement(\"formFooter\");\n        this.addElement(footer);\n\n        const submitButton = new ButtonElement<FormElementRenderProps>(\"submit\", {\n            type: \"primary\",\n            label: \"Save\",\n            onClick: props => props.formProps.submit()\n        });\n\n        submitButton.moveToTheEndOf(footer);\n\n        const cancelButton = footer.addElement(\n            new ButtonElement(\"cancel\", {\n                type: \"default\",\n                label: \"Cancel\",\n                onClick: () => {\n                    if (!this.config.onCancel) {\n                        return;\n                    }\n                    this.config.onCancel();\n                },\n                shouldRender: () => typeof this.config.onCancel === \"function\"\n            })\n        );\n\n        cancelButton.moveToTheBeginningOf(footer);\n    }\n}\n"],"mappings":"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","ignoreList":[]}