@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/ui/elements/form/FileManagerElement.js

@@ -1,46 +0,0 @@
-import { FormFieldElement } from "./FormFieldElement";
-import { FileManagerElementRenderer } from "./FileManagerElement/FileManagerElementRenderer";
-import { EmptyStateElement } from "./FileManagerElement/EmptyStateElement";
-export class FileManagerElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.addRenderer(new FileManagerElementRenderer());
-    this._emptyStateElement = new EmptyStateElement("emptyState");
-    this.applyPlugins(FileManagerElement);
-  }
-  getEmptyStateElement() {
-    return this._emptyStateElement;
-  }
-  getAccept() {
-    return this.config.accept;
-  }
-  setAccept(accept) {
-    this.config.accept = accept;
-  }
-  getMaxSize() {
-    return this.config.maxSize;
-  }
-  setMaxSize(maxSize) {
-    this.config.maxSize = maxSize;
-  }
-  getMultipleMaxCount() {
-    return this.config.multipleMaxCount;
-  }
-  setMultipleMaxCount(multipleMaxCount) {
-    this.config.multipleMaxCount = multipleMaxCount;
-  }
-  getMultipleMaxSize() {
-    return this.config.multipleMaxSize;
-  }
-  setMultipleMaxSize(multipleMaxSize) {
-    this.config.multipleMaxSize = multipleMaxSize;
-  }
-  getOnChangePickAttributes() {
-    return this.config.onChangePickAttributes;
-  }
-  setOnChangePickAttributes(attributes) {
-    this.config.onChangePickAttributes = attributes;
-  }
-}
-
-//# sourceMappingURL=FileManagerElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["FormFieldElement","FileManagerElementRenderer","EmptyStateElement","FileManagerElement","constructor","id","config","addRenderer","_emptyStateElement","applyPlugins","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import type { UIElement } from \"~/ui/UIElement\";\nimport type { FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FormFieldElement } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":"AAEA,SAASA,gBAAgB;AACzB,SAASC,0BAA0B;AACnC,SAASC,iBAAiB;AAwB1B,OAAO,MAAMC,kBAAkB,SAASH,gBAAgB,CAA2B;EAGxEI,WAAWA,CAACC,EAAU,EAAEC,MAAgC,EAAE;IAC7D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,WAAW,CAAC,IAAIN,0BAA0B,CAAC,CAAC,CAAC;IAElD,IAAI,CAACO,kBAAkB,GAAG,IAAIN,iBAAiB,CAAC,YAAY,CAAC;IAE7D,IAAI,CAACO,YAAY,CAACN,kBAAkB,CAAC;EACzC;EAEOO,oBAAoBA,CAAA,EAAG;IAC1B,OAAO,IAAI,CAACF,kBAAkB;EAClC;EAEOG,SAASA,CAAA,EAAG;IACf,OAAO,IAAI,CAACL,MAAM,CAACM,MAAM;EAC7B;EAEOC,SAASA,CAACD,MAAgB,EAAE;IAC/B,IAAI,CAACN,MAAM,CAACM,MAAM,GAAGA,MAAM;EAC/B;EAEOE,UAAUA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACR,MAAM,CAACS,OAAO;EAC9B;EAEOC,UAAUA,CAACD,OAAwB,EAAE;IACxC,IAAI,CAACT,MAAM,CAACS,OAAO,GAAGA,OAAO;EACjC;EAEOE,mBAAmBA,CAAA,EAAG;IACzB,OAAO,IAAI,CAACX,MAAM,CAACY,gBAAgB;EACvC;EAEOC,mBAAmBA,CAACD,gBAAwB,EAAE;IACjD,IAAI,CAACZ,MAAM,CAACY,gBAAgB,GAAGA,gBAAgB;EACnD;EAEOE,kBAAkBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACd,MAAM,CAACe,eAAe;EACtC;EAEOC,kBAAkBA,CAACD,eAAgC,EAAE;IACxD,IAAI,CAACf,MAAM,CAACe,eAAe,GAAGA,eAAe;EACjD;EAEOE,yBAAyBA,CAAA,EAAG;IAC/B,OAAO,IAAI,CAACjB,MAAM,CAACkB,sBAAsB;EAC7C;EAEOC,yBAAyBA,CAACC,UAAoB,EAAE;IACnD,IAAI,CAACpB,MAAM,CAACkB,sBAAsB,GAAGE,UAAU;EACnD;AACJ","ignoreList":[]}

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

@@ -1,22 +0,0 @@
-import React from "react";
-import type { FormOnSubmit, FormRenderPropParams } from "@webiny/form";
-import type { UIElementConfig, UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-interface FormElementConfig extends UIElementConfig {
-    onSubmit: FormOnSubmit;
-    getData(): Record<string, any>;
-    getInvalidFields?(): Record<string, any>;
-    isDisabled?(): boolean;
-    onChange?: FormOnSubmit;
-    onInvalid?: () => void;
-    submitOnEnter?: boolean;
-    validateOnFirstSubmit?: boolean;
-}
-export interface FormElementRenderProps extends UiElementRenderProps {
-    formProps: FormRenderPropParams;
-}
-export declare class FormElement extends UIElement<FormElementConfig> {
-    constructor(id: string, config: FormElementConfig);
-    render(props: FormElementRenderProps): React.ReactNode;
-}
-export {};

package/ui/elements/form/FormElement.js

@@ -1,20 +0,0 @@
-import React, { Fragment } from "react";
-import { Form } from "@webiny/form";
-import { UIElement } from "../../UIElement";
-export class FormElement extends UIElement {
-  constructor(id, config) {
-    super(id, config);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(Form, {
-      onSubmit: this.config.onSubmit,
-      data: this.config.getData()
-    }, formProps => /*#__PURE__*/React.createElement(Fragment, null, super.render({
-      ...props,
-      formProps
-    })));
-  }
-}
-
-//# sourceMappingURL=FormElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Fragment","Form","UIElement","FormElement","constructor","id","config","useGrid","render","props","createElement","onSubmit","data","getData","formProps"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport type { FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport type { UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n    onSubmit: FormOnSubmit;\n    getData(): Record<string, any>;\n    getInvalidFields?(): Record<string, any>;\n    isDisabled?(): boolean;\n    onChange?: FormOnSubmit;\n    onInvalid?: () => void;\n    submitOnEnter?: boolean;\n    validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n    public constructor(id: string, config: FormElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        return (\n            <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n                {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n            </Form>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS;AAiBlB,OAAO,MAAMC,WAAW,SAASD,SAAS,CAAoB;EACnDE,WAAWA,CAACC,EAAU,EAAEC,MAAyB,EAAE;IACtD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA6B,EAAmB;IACnE,oBACIV,KAAA,CAAAW,aAAA,CAACT,IAAI;MAACU,QAAQ,EAAE,IAAI,CAACL,MAAM,CAACK,QAAS;MAACC,IAAI,EAAE,IAAI,CAACN,MAAM,CAACO,OAAO,CAAC;IAAE,GAC7DC,SAAS,iBAAIf,KAAA,CAAAW,aAAA,CAACV,QAAQ,QAAE,KAAK,CAACQ,MAAM,CAAC;MAAE,GAAGC,KAAK;MAAEK;IAAU,CAAC,CAAY,CACvE,CAAC;EAEf;AACJ","ignoreList":[]}

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

@@ -1,57 +0,0 @@
-import type React from "react";
-import type { FormRenderPropParams, FormAPI } from "@webiny/form";
-import type { UIElementConfig } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-import type { FormElementRenderProps } from "./FormElement";
-import type { Validator } from "@webiny/validation/types";
-export interface FormFieldElementConfig<TRenderProps = FormRenderPropParams> extends UIElementConfig<TRenderProps> {
-    name: string;
-    validators?: GetterWithProps<Validator | Validator[]>;
-    beforeChange?: BeforeChange;
-    afterChange?: AfterChange;
-    defaultValue?: any | GetterWithProps<any>;
-    isDisabled?: boolean | GetterWithProps<boolean>;
-    label?: string | GetterWithProps<string>;
-    description?: string | React.ReactElement | GetterWithProps<string | React.ReactElement>;
-    placeholder?: string | GetterWithProps<string>;
-}
-export interface FormFieldElementRenderProps {
-    formProps: FormRenderPropParams;
-}
-interface BeforeChange {
-    (value: any, callback: BeforeChangeCallback): void;
-}
-interface BeforeChangeCallback {
-    (value: any): void;
-}
-interface AfterChange<T = any, D extends Record<string, any> = Record<string, any>> {
-    (value: T, form: FormAPI<D>): void;
-}
-interface GetterWithProps<T> {
-    (props: FormElementRenderProps): T;
-}
-export declare class FormFieldElement<TConfig extends FormFieldElementConfig = FormFieldElementConfig> extends UIElement<TConfig> {
-    private _beforeChange;
-    private _afterChange;
-    constructor(id: string, config: TConfig);
-    getName(): string;
-    getValidators(props?: FormFieldElementRenderProps): Validator | Validator[];
-    getDefaultValue(props?: FormFieldElementRenderProps): any;
-    getLabel(props?: FormFieldElementRenderProps): string;
-    getDescription(props?: FormFieldElementRenderProps): string | React.ReactElement;
-    getPlaceholder(props?: FormFieldElementRenderProps): string;
-    setLabel(label: string | GetterWithProps<string>): void;
-    setDescription(description: string | React.ReactElement | GetterWithProps<string | React.ReactElement>): void;
-    setPlaceholder(placeholder: string | GetterWithProps<string>): void;
-    setDefaultValue(value: any | GetterWithProps<any>): void;
-    getIsDisabled(props?: FormFieldElementRenderProps): boolean;
-    setIsDisabled(isDisabled: boolean | GetterWithProps<boolean>): void;
-    setValidators(validators: GetterWithProps<Validator>): void;
-    onBeforeChange(value: string, cb: (value: string) => void): void;
-    onAfterChange(value: string, form: FormAPI): void;
-    addBeforeChange(cb: BeforeChange): void;
-    addAfterChange<T = any, D extends Record<string, any> = Record<string, any>>(cb: AfterChange<T, D>): void;
-    setBeforeChange(cb: BeforeChange): void;
-    setAfterChange(cb: AfterChange): void;
-}
-export {};

package/ui/elements/form/FormFieldElement.js

@@ -1,113 +0,0 @@
-import { UIElement } from "../../UIElement";
-export class FormFieldElement extends UIElement {
-  _beforeChange = [];
-  _afterChange = [];
-  constructor(id, config) {
-    super(id, config);
-    if (config.beforeChange) {
-      this._beforeChange.push(config.beforeChange);
-    }
-    if (config.afterChange) {
-      this._afterChange.push(config.afterChange);
-    }
-    this.applyPlugins(FormFieldElement);
-  }
-  getName() {
-    return this.config.name;
-  }
-  getValidators(props) {
-    if (!this.config.validators || typeof this.config.validators !== "function") {
-      return () => true;
-    }
-    return this.config.validators(props);
-  }
-  getDefaultValue(props) {
-    if (typeof this.config.defaultValue === "function") {
-      return this.config.defaultValue(props);
-    }
-    return this.config.defaultValue;
-  }
-  getLabel(props) {
-    if (typeof this.config.label === "function") {
-      return this.config.label(props);
-    }
-    return this.config.label;
-  }
-  getDescription(props) {
-    if (typeof this.config.description === "function") {
-      return this.config.description(props);
-    }
-    return this.config.description;
-  }
-  getPlaceholder(props) {
-    if (typeof this.config.placeholder === "function") {
-      return this.config.placeholder(props);
-    }
-    return this.config.placeholder;
-  }
-  setLabel(label) {
-    this.config.label = label;
-  }
-  setDescription(description) {
-    this.config.description = description;
-  }
-  setPlaceholder(placeholder) {
-    this.config.placeholder = placeholder;
-  }
-  setDefaultValue(value) {
-    this.config.defaultValue = value;
-  }
-  getIsDisabled(props) {
-    if (typeof this.config.isDisabled === "function") {
-      return this.config.isDisabled(props);
-    }
-    return this.config.isDisabled;
-  }
-  setIsDisabled(isDisabled) {
-    this.config.isDisabled = isDisabled;
-  }
-  setValidators(validators) {
-    this.config.validators = validators;
-  }
-  onBeforeChange(value, cb) {
-    const callbacks = [...this._beforeChange];
-    const next = val => {
-      const callbackCallable = callbacks.pop();
-      if (!callbackCallable) {
-        cb(val);
-        return;
-      }
-      callbackCallable(val, next);
-    };
-    next(value);
-  }
-  onAfterChange(value, form) {
-    const callbacks = [...this._afterChange];
-    const next = val => {
-      const callbackCallable = callbacks.pop();
-      if (!callbackCallable) {
-        return;
-      }
-      callbackCallable(val, form);
-    };
-    next(value);
-  }
-  addBeforeChange(cb) {
-    this._beforeChange.push(cb);
-  }
-  addAfterChange(cb) {
-    /**
-     * TODO @ts-refactor possibly different subtype. Or so TS complains.
-     */
-    // @ts-expect-error
-    this._afterChange.push(cb);
-  }
-  setBeforeChange(cb) {
-    this._beforeChange = [cb];
-  }
-  setAfterChange(cb) {
-    this._afterChange = [cb];
-  }
-}
-
-//# sourceMappingURL=FormFieldElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["UIElement","FormFieldElement","_beforeChange","_afterChange","constructor","id","config","beforeChange","push","afterChange","applyPlugins","getName","name","getValidators","props","validators","getDefaultValue","defaultValue","getLabel","label","getDescription","description","getPlaceholder","placeholder","setLabel","setDescription","setPlaceholder","setDefaultValue","value","getIsDisabled","isDisabled","setIsDisabled","setValidators","onBeforeChange","cb","callbacks","next","val","callbackCallable","pop","onAfterChange","form","addBeforeChange","addAfterChange","setBeforeChange","setAfterChange"],"sources":["FormFieldElement.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { FormRenderPropParams, FormAPI } from \"@webiny/form\";\nimport type { UIElementConfig } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport type { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport type { 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.d.ts

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

package/ui/elements/form/HiddenElement.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { FormFieldElement } from "./FormFieldElement";
-export class HiddenElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.applyPlugins(HiddenElement);
-  }
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`HiddenElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      validators: this.getValidators(props),
-      defaultValue: this.getDefaultValue(props),
-      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
-      afterChange: (value, form) => this.onAfterChange(value, form)
-    });
-  }
-}
-
-//# sourceMappingURL=HiddenElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","FormFieldElement","HiddenElement","constructor","id","config","applyPlugins","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange"],"sources":["HiddenElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\n\nexport class HiddenElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(HiddenElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`HiddenElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            />\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EACzCE,WAAWA,CAACC,EAAU,EAAEC,MAA8B,EAAE;IAC3D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,aAAa,CAAC;EACpC;EAEgBK,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,uDAAuD,CAAC;IACxE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIT,KAAA,CAAAY,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,CACzE,CAAC;EAEV;AACJ","ignoreList":[]}

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

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

package/ui/elements/form/InputElement.js

@@ -1,32 +0,0 @@
-import React from "react";
-import { Input } from "@webiny/ui/Input";
-import { FormFieldElement } from "./FormFieldElement";
-export class InputElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.applyPlugins(InputElement);
-  }
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`InputElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      validators: this.getValidators(props),
-      defaultValue: this.getDefaultValue(props),
-      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
-      afterChange: (value, form) => this.onAfterChange(value, form)
-    }, /*#__PURE__*/React.createElement(Input, {
-      "data-testid": `input-element-${this.getLabel(props)}`,
-      label: this.getLabel(props),
-      placeholder: this.getPlaceholder(props),
-      disabled: this.getIsDisabled(props),
-      description: this.getDescription(props)
-    }));
-  }
-}
-
-//# sourceMappingURL=InputElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Input","FormFieldElement","InputElement","constructor","id","config","applyPlugins","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","getLabel","label","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    data-testid={`input-element-${this.getLabel(props)}`}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAKxC,SAASC,gBAAgB;AAGzB,OAAO,MAAMC,YAAY,SAASD,gBAAgB,CAAC;EACxCE,WAAWA,CAACC,EAAU,EAAEC,MAA8B,EAAE;IAC3D,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,YAAY,CAAC;EACnC;EAEgBK,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,sDAAsD,CAAC;IACvE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIV,KAAA,CAAAa,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtEzB,KAAA,CAAAa,aAAA,CAACZ,KAAK;MACF,eAAa,iBAAiB,IAAI,CAAC0B,QAAQ,CAAClB,KAAK,CAAC,EAAG;MACrDmB,KAAK,EAAE,IAAI,CAACD,QAAQ,CAAClB,KAAK,CAAE;MAC5BoB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACrB,KAAK,CAAE;MACxCsB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACvB,KAAK,CAAE;MACpCwB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACzB,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

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

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

package/ui/elements/form/PasswordElement.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { InputElement } from "./InputElement";
-import { Input } from "@webiny/ui/Input";
-export class PasswordElement extends InputElement {
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`PasswordElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      validators: this.getValidators(props),
-      defaultValue: this.getDefaultValue(props),
-      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
-      afterChange: (value, form) => this.onAfterChange(value, form)
-    }, /*#__PURE__*/React.createElement(Input, {
-      type: "password",
-      autoComplete: "off",
-      label: this.getLabel(props),
-      placeholder: this.getPlaceholder(props),
-      disabled: this.getIsDisabled(props),
-      description: this.getDescription(props)
-    }));
-  }
-}
-
-//# sourceMappingURL=PasswordElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","InputElement","Input","PasswordElement","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","type","autoComplete","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport type { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    autoComplete={\"off\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AAErB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,eAAe,SAASF,YAAY,CAAC;EAC9BG,MAAMA,CAACC,KAAkC,EAAsB;IAC3E,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIN,KAAA,CAAAS,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtErB,KAAA,CAAAS,aAAA,CAACP,KAAK;MACFqB,IAAI,EAAE,UAAW;MACjBC,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;MAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;MACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;MACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/elements/form/README.md

@@ -1,2 +0,0 @@
-This folder (`elements/form`) contains elements that are specifically designed to work within a `FormElement`.
-They assume that there is a [Form](../../../../../form/src/Form.tsx) component sitting somewhere above them in the component hierarchy, and will throw errors if `formProps` are not found in the `props` of their `render()` method.

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

@@ -1,16 +0,0 @@
-import React from "react";
-import type { FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-import { FormFieldElement } from "./FormFieldElement";
-export interface SelectElementOption {
-    value: string;
-    label: string;
-}
-export interface SelectElementConfig extends FormFieldElementConfig {
-    options?: SelectElementOption[];
-}
-export declare class SelectElement extends FormFieldElement<SelectElementConfig> {
-    constructor(id: string, config: SelectElementConfig);
-    setOptions(options: SelectElementOption[]): void;
-    getOptions(): SelectElementOption[] | undefined;
-    render(props: FormFieldElementRenderProps): React.ReactNode;
-}

package/ui/elements/form/SelectElement.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { Select } from "@webiny/ui/Select";
-import { FormFieldElement } from "./FormFieldElement";
-export class SelectElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.applyPlugins(SelectElement);
-  }
-  setOptions(options) {
-    this.config.options = options;
-  }
-  getOptions() {
-    return this.config.options;
-  }
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`SelectElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      validators: this.getValidators(props),
-      defaultValue: this.getDefaultValue(props),
-      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
-      afterChange: (value, form) => this.onAfterChange(value, form)
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: this.getLabel(props),
-      disabled: this.getIsDisabled(props),
-      description: this.getDefaultValue(props)
-    }, (this.getOptions() || []).map(({
-      value,
-      label
-    }) => /*#__PURE__*/React.createElement("option", {
-      key: value,
-      value: value
-    }, label))));
-  }
-}
-
-//# sourceMappingURL=SelectElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Select","FormFieldElement","SelectElement","constructor","id","config","applyPlugins","setOptions","options","getOptions","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","label","getLabel","disabled","getIsDisabled","description","map","key"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport type {\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAK1C,SAASC,gBAAgB;AAWzB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAsB;EAC9DE,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,aAAa,CAAC;EACpC;EAEOK,UAAUA,CAACC,OAA8B,EAAQ;IACpD,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;EACjC;EAEOC,UAAUA,CAAA,EAAsC;IACnD,OAAO,IAAI,CAACJ,MAAM,CAACG,OAAO;EAC9B;EAEgBE,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,uDAAuD,CAAC;IACxE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIb,KAAA,CAAAgB,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtE5B,KAAA,CAAAgB,aAAA,CAACf,MAAM;MACH6B,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACnB,KAAK,CAAE;MAC5BoB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACrB,KAAK,CAAE;MACpCsB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACV,KAAK;IAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAEyB,GAAG,CAAC,CAAC;MAAEX,KAAK;MAAEM;IAAM,CAAC,kBAC5C9B,KAAA,CAAAgB,aAAA;MAAQoB,GAAG,EAAEZ,KAAM;MAACA,KAAK,EAAEA;IAAM,GAC5BM,KACG,CACX,CACG,CACN,CAAC;EAEf;AACJ","ignoreList":[]}

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

@@ -1,16 +0,0 @@
-import React from "react";
-import type { FormRenderPropParams } from "@webiny/form";
-import type { FormFieldElementConfig } from "./FormFieldElement";
-import { FormFieldElement } from "./FormFieldElement";
-export interface TextareaElementRenderProps {
-    formProps: FormRenderPropParams;
-}
-export interface TextareaElementConfig extends FormFieldElementConfig {
-    rows: number;
-}
-export declare class TextareaElement extends FormFieldElement<TextareaElementConfig> {
-    constructor(id: string, config: TextareaElementConfig);
-    setRows(rows: number): void;
-    getRows(): number;
-    render(props: TextareaElementRenderProps): React.ReactNode;
-}

package/ui/elements/form/TextareaElement.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { Input } from "@webiny/ui/Input";
-import { FormFieldElement } from "./FormFieldElement";
-export class TextareaElement extends FormFieldElement {
-  constructor(id, config) {
-    super(id, config);
-    this.applyPlugins(TextareaElement);
-  }
-  setRows(rows) {
-    this.config.rows = rows;
-  }
-  getRows() {
-    return this.config.rows;
-  }
-  render(props) {
-    if (!props.formProps) {
-      throw Error(`TextareaElement must be placed inside of a FormElement.`);
-    }
-    const {
-      Bind
-    } = props.formProps;
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: this.getName(),
-      validators: this.getValidators(props)
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: this.getLabel(props),
-      disabled: this.getIsDisabled(props),
-      rows: this.getRows(),
-      description: this.getDescription(props)
-    }));
-  }
-}
-
-//# sourceMappingURL=TextareaElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Input","FormFieldElement","TextareaElement","constructor","id","config","applyPlugins","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","label","getLabel","disabled","getIsDisabled","description","getDescription"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport type { FormRenderPropParams } from \"@webiny/form\";\nimport type { FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\nimport { FormFieldElement } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,SAASC,gBAAgB;AAUzB,OAAO,MAAMC,eAAe,SAASD,gBAAgB,CAAwB;EACzEE,WAAWA,CAACC,EAAU,EAAEC,MAA6B,EAAE;IACnD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,eAAe,CAAC;EACtC;EAEOK,OAAOA,CAACC,IAAY,EAAQ;IAC/B,IAAI,CAACH,MAAM,CAACG,IAAI,GAAGA,IAAI;EAC3B;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACJ,MAAM,CAACG,IAAI;EAC3B;EAEgBE,MAAMA,CAACC,KAAiC,EAAmB;IACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIb,KAAA,CAAAgB,aAAA,CAACD,IAAI;MAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;IAAE,gBAC9DZ,KAAA,CAAAgB,aAAA,CAACf,KAAK;MACFoB,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACV,KAAK,CAAE;MAC5BW,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACZ,KAAK,CAAE;MACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBe,WAAW,EAAE,IAAI,CAACC,cAAc,CAACd,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/views/AdminView/ContentElement.d.ts

@@ -1,4 +0,0 @@
-import { UIElement } from "../../UIElement";
-export declare class ContentElement extends UIElement {
-    constructor(id: string);
-}

package/ui/views/AdminView/ContentElement.js

@@ -1,37 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { UIRenderer } from "../../UIRenderer";
-const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "enpnxwx0"
-} : {
-  target: "enpnxwx0",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4f8al9",
-  styles: "width:100%;padding-top:64px"
-} : {
-  name: "4f8al9",
-  styles: "width:100%;padding-top:64px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiQ29udGVudEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcbmltcG9ydCB0eXBlIHsgVUlSZW5kZXJQYXJhbXMgfSBmcm9tIFwifi91aS9VSVJlbmRlcmVyXCI7XG5pbXBvcnQgeyBVSVJlbmRlcmVyIH0gZnJvbSBcIn4vdWkvVUlSZW5kZXJlclwiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmdUb3A6IDY0XG59KTtcblxuY2xhc3MgQ29udGVudEVsZW1lbnRSZW5kZXJlciBleHRlbmRzIFVJUmVuZGVyZXI8Q29udGVudEVsZW1lbnQ+IHtcbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVuZGVyKHsgbmV4dCwgcHJvcHMgfTogVUlSZW5kZXJQYXJhbXM8Q29udGVudEVsZW1lbnQ+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW4gPyBwcm9wcy5jaGlsZHJlbiA6IG5leHQoKX08L0NvbnRlbnRXcmFwcGVyPjtcbiAgICB9XG59XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50RWxlbWVudCBleHRlbmRzIFVJRWxlbWVudCB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuICAgICAgICB0aGlzLnVzZUdyaWQoZmFsc2UpO1xuICAgICAgICB0aGlzLmFkZFJlbmRlcmVyKG5ldyBDb250ZW50RWxlbWVudFJlbmRlcmVyKCkpO1xuICAgICAgICB0aGlzLmFwcGx5UGx1Z2lucyhDb250ZW50RWxlbWVudCk7XG4gICAgfVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-class ContentElementRenderer extends UIRenderer {
-  render({
-    next,
-    props
-  }) {
-    return /*#__PURE__*/React.createElement(ContentWrapper, null, props.children ? props.children : next());
-  }
-}
-export class ContentElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-    this.addRenderer(new ContentElementRenderer());
-    this.applyPlugins(ContentElement);
-  }
-}
-
-//# sourceMappingURL=ContentElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","UIRenderer","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentElementRenderer","render","next","props","createElement","children","ContentElement","constructor","id","useGrid","addRenderer","applyPlugins"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } 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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,UAAU;AAEnB,MAAMC,cAAc,gBAAGC,OAAA,CAAO,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,EAAAC;AAAA,CAGnC,CAAC;AAEF,MAAMC,sBAAsB,SAASb,UAAU,CAAiB;EAC5Cc,MAAMA,CAAC;IAAEC,IAAI;IAAEC;EAAsC,CAAC,EAAmB;IACrF,oBAAOlB,KAAA,CAAAmB,aAAA,CAAChB,cAAc,QAAEe,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;EACtF;AACJ;AAEA,OAAO,MAAMI,cAAc,SAASpB,SAAS,CAAC;EACnCqB,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IACT,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IACnB,IAAI,CAACC,WAAW,CAAC,IAAIV,sBAAsB,CAAC,CAAC,CAAC;IAC9C,IAAI,CAACW,YAAY,CAACL,cAAc,CAAC;EACrC;AACJ","ignoreList":[]}