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

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":[]}

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { HeaderSectionLeftElement } from "./HeaderSectionLeftElement";
-import { HeaderSectionCenterElement } from "./HeaderSectionCenterElement";
-import { HeaderSectionRightElement } from "./HeaderSectionRightElement";
-export declare class HeaderElement extends UIElement {
-    constructor(id: string);
-    getLeftSection(): HeaderSectionLeftElement;
-    getCenterSection(): HeaderSectionCenterElement;
-    getRightSection(): HeaderSectionRightElement;
-    setLogo(logo: React.ReactElement): void;
-    setMenuButton(menuButton: React.ReactElement): void;
-}

package/ui/views/AdminView/HeaderElement.js

@@ -1,68 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { TopAppBarPrimary, TopAppBarTitle } from "@webiny/ui/TopAppBar";
-import { GenericElement } from "../../elements/GenericElement";
-import { PlaceholderElement } from "../../elements/PlaceholderElement";
-import { HeaderSectionLeftElement } from "./HeaderSectionLeftElement";
-import { HeaderSectionCenterElement } from "./HeaderSectionCenterElement";
-import { HeaderSectionRightElement } from "./HeaderSectionRightElement";
-import Hamburger from "./components/Hamburger";
-import { UIRenderer } from "../../UIRenderer";
-var ElementID = /*#__PURE__*/function (ElementID) {
-  ElementID["MenuButton"] = "headerMenuButton";
-  ElementID["Logo"] = "headerLogo";
-  return ElementID;
-}(ElementID || {});
-class HeaderElementRenderer extends UIRenderer {
-  render({
-    next
-  }) {
-    return /*#__PURE__*/React.createElement(TopAppBarPrimary, {
-      fixed: true
-    }, next());
-  }
-}
-export class HeaderElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-    const leftSection = this.addElement(new HeaderSectionLeftElement("headerLeft"));
-    leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));
-    leftSection.addElement(new PlaceholderElement(ElementID.Logo));
-    this.addElement(new HeaderSectionCenterElement("headerCenter"));
-    this.addElement(new HeaderSectionRightElement("headerRight"));
-    this.addRenderer(new HeaderElementRenderer());
-    this.setMenuButton(/*#__PURE__*/React.createElement(Hamburger, null));
-    this.applyPlugins(HeaderElement);
-  }
-  getLeftSection() {
-    return this.getElement("headerLeft");
-  }
-  getCenterSection() {
-    return this.getElement("headerCenter");
-  }
-  getRightSection() {
-    return this.getElement("headerRight");
-  }
-  setLogo(logo) {
-    // TODO: extract into a `LogoElement` class
-    const element = this.getElement(ElementID.Logo);
-    if (!element) {
-      return;
-    }
-    element.replaceWith(new GenericElement(ElementID.Logo, () => {
-      return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
-    }));
-  }
-  setMenuButton(menuButton) {
-    const button = this.getElement(ElementID.MenuButton);
-    if (!button) {
-      return;
-    }
-    button.replaceWith(new GenericElement(ElementID.MenuButton, () => {
-      return menuButton;
-    }));
-  }
-}
-
-//# sourceMappingURL=HeaderElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","TopAppBarPrimary","TopAppBarTitle","GenericElement","PlaceholderElement","HeaderSectionLeftElement","HeaderSectionCenterElement","HeaderSectionRightElement","Hamburger","UIRenderer","ElementID","HeaderElementRenderer","render","next","createElement","fixed","HeaderElement","constructor","id","useGrid","leftSection","addElement","MenuButton","Logo","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","menuButton","button"],"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 type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,sBAAsB;AACvE,SAASC,cAAc;AACvB,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAASC,0BAA0B;AACnC,SAASC,yBAAyB;AAClC,OAAOC,SAAS;AAEhB,SAASC,UAAU;AAA0B,IAExCC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAKd,MAAMC,qBAAqB,SAASF,UAAU,CAAgB;EAC1CG,MAAMA,CAAC;IAAEC;EAAoC,CAAC,EAAmB;IAC7E,oBAAOd,KAAA,CAAAe,aAAA,CAACb,gBAAgB;MAACc,KAAK;IAAA,GAAEF,IAAI,CAAC,CAAoB,CAAC;EAC9D;AACJ;AAEA,OAAO,MAAMG,aAAa,SAAShB,SAAS,CAAC;EAClCiB,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAMC,WAAW,GAAG,IAAI,CAACC,UAAU,CAAC,IAAIhB,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAC/Ee,WAAW,CAACC,UAAU,CAAC,IAAIjB,kBAAkB,CAACM,SAAS,CAACY,UAAU,CAAC,CAAC;IACpEF,WAAW,CAACC,UAAU,CAAC,IAAIjB,kBAAkB,CAACM,SAAS,CAACa,IAAI,CAAC,CAAC;IAE9D,IAAI,CAACF,UAAU,CAAC,IAAIf,0BAA0B,CAAC,cAAc,CAAC,CAAC;IAC/D,IAAI,CAACe,UAAU,CAAC,IAAId,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAE7D,IAAI,CAACiB,WAAW,CAAC,IAAIb,qBAAqB,CAAC,CAAC,CAAC;IAE7C,IAAI,CAACc,aAAa,cAAC1B,KAAA,CAAAe,aAAA,CAACN,SAAS,MAAE,CAAC,CAAC;IACjC,IAAI,CAACkB,YAAY,CAACV,aAAa,CAAC;EACpC;EAEOW,cAAcA,CAAA,EAA6B;IAC9C,OAAO,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;EACxC;EAEOC,gBAAgBA,CAAA,EAA+B;IAClD,OAAO,IAAI,CAACD,UAAU,CAAC,cAAc,CAAC;EAC1C;EAEOE,eAAeA,CAAA,EAA8B;IAChD,OAAO,IAAI,CAACF,UAAU,CAAC,aAAa,CAAC;EACzC;EAEOG,OAAOA,CAACC,IAAwB,EAAQ;IAC3C;IACA,MAAMC,OAAO,GAAG,IAAI,CAACL,UAAU,CAAClB,SAAS,CAACa,IAAI,CAAC;IAC/C,IAAI,CAACU,OAAO,EAAE;MACV;IACJ;IACAA,OAAO,CAACC,WAAW,CACf,IAAI/B,cAAc,CAACO,SAAS,CAACa,IAAI,EAAE,MAAM;MACrC,oBAAOxB,KAAA,CAAAe,aAAA,CAACZ,cAAc,QAAE8B,IAAqB,CAAC;IAClD,CAAC,CACL,CAAC;EACL;EAEOP,aAAaA,CAACU,UAA8B,EAAQ;IACvD,MAAMC,MAAM,GAAG,IAAI,CAACR,UAAU,CAAClB,SAAS,CAACY,UAAU,CAAC;IACpD,IAAI,CAACc,MAAM,EAAE;MACT;IACJ;IACAA,MAAM,CAACF,WAAW,CACd,IAAI/B,cAAc,CAACO,SAAS,CAACY,UAAU,EAAE,MAAM;MAC3C,OAAOa,UAAU;IACrB,CAAC,CACL,CAAC;EACL;AACJ","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class HeaderSectionCenterElement extends UIElement {
-    constructor(id: string);
-    render(props: UiElementRenderProps): React.ReactNode;
-}

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-const middleBar = css({
-  width: "50%"
-});
-export class HeaderSectionCenterElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: middleBar,
-      alignEnd: true
-    }, super.render(props));
-  }
-}
-
-//# sourceMappingURL=HeaderSectionCenterElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","css","UIElement","TopAppBarSection","middleBar","width","HeaderSectionCenterElement","constructor","id","useGrid","render","props","createElement","className","alignEnd"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAE7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,SAAS,GAAGH,GAAG,CAAC;EAClBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,0BAA0B,SAASJ,SAAS,CAAC;EAC/CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,SAAU;MAACU,QAAQ;IAAA,GAC3C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class HeaderSectionLeftElement extends UIElement {
-    constructor(id: string);
-    render(props: UiElementRenderProps): React.ReactNode;
-}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-const edgeBars = css({
-  width: "25%"
-});
-export class HeaderSectionLeftElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: edgeBars,
-      alignStart: true
-    }, super.render(props));
-  }
-}
-
-//# sourceMappingURL=HeaderSectionLeftElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionLeftElement","constructor","id","useGrid","render","props","createElement","className","alignStart"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAE7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,QAAQ,GAAGH,GAAG,CAAC;EACjBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,wBAAwB,SAASJ,SAAS,CAAC;EAC7CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,QAAS;MAACU,UAAU;IAAA,GAC5C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class HeaderSectionRightElement extends UIElement {
-    constructor(id: string);
-    render(props: UiElementRenderProps): React.ReactNode;
-}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-const edgeBars = css({
-  width: "25%"
-});
-export class HeaderSectionRightElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: edgeBars,
-      alignEnd: true
-    }, super.render(props));
-  }
-}
-
-//# sourceMappingURL=HeaderSectionRightElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionRightElement","constructor","id","useGrid","render","props","createElement","className","alignEnd"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAE7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,QAAQ,GAAGH,GAAG,CAAC;EACjBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,yBAAyB,SAASJ,SAAS,CAAC;EAC9CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,QAAS;MAACU,QAAQ;IAAA,GAC1C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

package/ui/views/AdminView/components/Dialog.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const DialogContainer: () => React.JSX.Element;

package/ui/views/AdminView/components/Dialog.js

@@ -1,41 +0,0 @@
-import React, { useCallback } from "react";
-import get from "lodash/get";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { Dialog } from "@webiny/admin-ui";
-export const DialogContainer = () => {
-  const ui = useUi();
-  const message = get(ui, "dialog.message");
-  const {
-    dataTestId,
-    title,
-    actions = {
-      cancel: null,
-      accept: {
-        label: "OK"
-      }
-    },
-    style
-  } = get(ui, "dialog.options", {});
-  const hideDialog = useCallback(() => {
-    ui.setState(ui => ({
-      ...ui,
-      dialog: null
-    }));
-  }, [ui]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: !!message,
-    onClose: hideDialog,
-    "data-testid": dataTestId,
-    style: style,
-    title: title,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, actions.cancel && /*#__PURE__*/React.createElement(Dialog.CancelButton, {
-      onClick: actions.cancel.onClick,
-      text: actions.cancel.label
-    }), actions.accept && /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
-      onClick: actions.accept.onClick,
-      text: actions.accept.label
-    }))
-  }, message);
-};
-
-//# sourceMappingURL=Dialog.js.map

package/ui/views/AdminView/components/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","get","useUi","Dialog","DialogContainer","ui","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","setState","dialog","createElement","open","onClose","Fragment","CancelButton","onClick","text","ConfirmButton"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            title={title}\n            actions={\n                <>\n                    {actions.cancel && (\n                        <Dialog.CancelButton\n                            onClick={actions.cancel.onClick}\n                            text={actions.cancel.label}\n                        />\n                    )}\n                    {actions.accept && (\n                        <Dialog.ConfirmButton\n                            onClick={actions.accept.onClick}\n                            text={actions.accept.label}\n                        />\n                    )}\n                </>\n            }\n        >\n            {message}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,EAAE,GAAGH,KAAK,CAAC,CAAC;EAClB,MAAMI,OAAO,GAAGL,GAAG,CAACI,EAAE,EAAE,gBAAgB,CAAC;EACzC,MAAM;IACFE,UAAU;IACVC,KAAK;IACLC,OAAO,GAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC;EACJ,CAAC,GAAGZ,GAAG,CAACI,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;EAEjC,MAAMS,UAAU,GAAGd,WAAW,CAAC,MAAM;IACjCK,EAAE,CAACU,QAAQ,CAACV,EAAE,KAAK;MAAE,GAAGA,EAAE;MAAEW,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC;EAChD,CAAC,EAAE,CAACX,EAAE,CAAC,CAAC;EAER,oBACIN,KAAA,CAAAkB,aAAA,CAACd,MAAM;IACHe,IAAI,EAAE,CAAC,CAACZ,OAAQ;IAChBa,OAAO,EAAEL,UAAW;IACpB,eAAaP,UAAW;IACxBM,KAAK,EAAEA,KAAM;IACbL,KAAK,EAAEA,KAAM;IACbC,OAAO,eACHV,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAqB,QAAA,QACKX,OAAO,CAACC,MAAM,iBACXX,KAAA,CAAAkB,aAAA,CAACd,MAAM,CAACkB,YAAY;MAChBC,OAAO,EAAEb,OAAO,CAACC,MAAM,CAACY,OAAQ;MAChCC,IAAI,EAAEd,OAAO,CAACC,MAAM,CAACE;IAAM,CAC9B,CACJ,EACAH,OAAO,CAACE,MAAM,iBACXZ,KAAA,CAAAkB,aAAA,CAACd,MAAM,CAACqB,aAAa;MACjBF,OAAO,EAAEb,OAAO,CAACE,MAAM,CAACW,OAAQ;MAChCC,IAAI,EAAEd,OAAO,CAACE,MAAM,CAACC;IAAM,CAC9B,CAEP;EACL,GAEAN,OACG,CAAC;AAEjB,CAAC","ignoreList":[]}

package/ui/views/AdminView/components/Hamburger.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Hamburger: () => React.JSX.Element;
-export default Hamburger;

package/ui/views/AdminView/components/Hamburger.js

@@ -1,23 +0,0 @@
-import React, { useCallback } from "react";
-import { get, set } from "dot-prop-immutable";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as MenuIcon } from "@webiny/icons/menu.svg";
-const Hamburger = () => {
-  const ui = useUi();
-  const toggleMenu = useCallback(() => {
-    ui.setState(ui => set(ui, "appsMenu.show", !(get(ui, "appsMenu.show") || false)));
-  }, [ui]);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, {
-      style: {
-        color: "white"
-      }
-    }),
-    onClick: toggleMenu,
-    "data-testid": "apps-menu"
-  });
-};
-export default Hamburger;
-
-//# sourceMappingURL=Hamburger.js.map

package/ui/views/AdminView/components/Hamburger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","get","set","useUi","IconButton","ReactComponent","MenuIcon","Hamburger","ui","toggleMenu","setState","createElement","icon","style","color","onClick"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"@webiny/icons/menu.svg\";\n\nconst Hamburger = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,EAAEC,GAAG,QAAQ,oBAAoB;AAC7C,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AAEnE,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACpB,MAAMC,EAAE,GAAGL,KAAK,CAAC,CAAC;EAElB,MAAMM,UAAU,GAAGT,WAAW,CAAC,MAAM;IACjCQ,EAAE,CAACE,QAAQ,CAACF,EAAE,IAAIN,GAAG,CAACM,EAAE,EAAE,eAAe,EAAE,EAAEP,GAAG,CAACO,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIT,KAAA,CAAAY,aAAA,CAACP,UAAU;IACPQ,IAAI,eAAEb,KAAA,CAAAY,aAAA,CAACL,QAAQ;MAACO,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEN,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/ui/views/FormView/FormContainerElement.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type { UIElementConfig, UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-interface FormContainerConfig extends UIElementConfig {
-    testId?: string;
-    noElevation?: boolean;
-    className?: string;
-}
-export declare class FormContainerElement extends UIElement<FormContainerConfig> {
-    constructor(id: string, config: FormContainerConfig);
-    render(props: UiElementRenderProps): React.JSX.Element;
-}
-export {};

package/ui/views/FormView/FormContainerElement.js

@@ -1,19 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { UIElement } from "../../UIElement";
-import { SimpleForm } from "../../../components/SimpleForm";
-export class FormContainerElement extends UIElement {
-  constructor(id, config) {
-    super(id, config);
-    this.useGrid(false);
-  }
-  render(props) {
-    const children = super.render(props);
-    return /*#__PURE__*/React.createElement(SimpleForm, {
-      className: classNames("webiny-data-list", this.config.className),
-      "data-testid": this.config.testId
-    }, children);
-  }
-}
-
-//# sourceMappingURL=FormContainerElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","classNames","UIElement","SimpleForm","FormContainerElement","constructor","id","config","useGrid","render","props","children","createElement","className","testId"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport type { UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SimpleForm } from \"~/components/SimpleForm\";\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            <SimpleForm\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {children}\n            </SimpleForm>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAAS;AAClB,SAASC,UAAU;AAQnB,OAAO,MAAMC,oBAAoB,SAASF,SAAS,CAAsB;EAC9DG,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IACjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAE;IAChD,MAAMC,QAAQ,GAAG,KAAK,CAACF,MAAM,CAACC,KAAK,CAAC;IAEpC,oBACIV,KAAA,CAAAY,aAAA,CAACT,UAAU;MACPU,SAAS,EAAEZ,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAACM,MAAM,CAACM,SAAS,CAAE;MACjE,eAAa,IAAI,CAACN,MAAM,CAACO;IAAO,GAE/BH,QACO,CAAC;EAErB;AACJ","ignoreList":[]}

package/ui/views/FormView/FormContentElement.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class FormContentElement extends UIElement {
-    render(props: UiElementRenderProps): React.JSX.Element;
-}

package/ui/views/FormView/FormContentElement.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { SimpleFormContent } from "../../../components/SimpleForm";
-export class FormContentElement extends UIElement {
-  render(props) {
-    return /*#__PURE__*/React.createElement(SimpleFormContent, null, super.render(props));
-  }
-}
-
-//# sourceMappingURL=FormContentElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","SimpleFormContent","FormContentElement","render","props","createElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SimpleFormContent } from \"~/components/SimpleForm\";\n\nexport class FormContentElement extends UIElement {\n    public override render(props: UiElementRenderProps) {\n        return <SimpleFormContent>{super.render(props)}</SimpleFormContent>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,SAASF,SAAS,CAAC;EAC9BG,MAAMA,CAACC,KAA2B,EAAE;IAChD,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,QAAE,KAAK,CAACE,MAAM,CAACC,KAAK,CAAqB,CAAC;EACvE;AACJ","ignoreList":[]}

package/ui/views/FormView/FormFooterElement.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class FormFooterElement extends UIElement {
-    constructor(id: string);
-    render(props: UiElementRenderProps): React.JSX.Element;
-}

package/ui/views/FormView/FormFooterElement.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { SimpleFormFooter } from "../../../components/SimpleForm";
-export class FormFooterElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(SimpleFormFooter, null, super.render(props));
-  }
-}
-
-//# sourceMappingURL=FormFooterElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","SimpleFormFooter","FormFooterElement","constructor","id","useGrid","render","props","createElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SimpleFormFooter } from \"~/components/SimpleForm\";\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 <SimpleFormFooter>{super.render(props)}</SimpleFormFooter>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASF,SAAS,CAAC;EACtCG,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAE;IAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACP,gBAAgB,QAAE,KAAK,CAACK,MAAM,CAACC,KAAK,CAAoB,CAAC;EACrE;AACJ","ignoreList":[]}

package/ui/views/FormView/FormHeaderElement.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import type { UIElementConfig } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-import type { FormElementRenderProps } from "../../elements/form/FormElement";
-interface FormHeaderConfig extends UIElementConfig {
-    getTitle(props: FormElementRenderProps): string;
-    icon?: React.ReactElement;
-}
-export declare class FormHeaderElement extends UIElement<FormHeaderConfig> {
-    constructor(id: string, config: FormHeaderConfig);
-    setIcon(icon: React.ReactElement): void;
-    addAction(element: UIElement): void;
-    render(props: FormElementRenderProps): React.ReactNode;
-}
-export {};