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

package/ui/views/FormView.js.map

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

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

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

package/ui/views/OverlayView/ContentElement.js

@@ -1,29 +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";
-const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "exqtwog0"
-} : {
-  target: "exqtwog0",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1msblsr",
-  styles: "width:100%;padding-top:65px"
-} : {
-  name: "1msblsr",
-  styles: "width:100%;padding-top:65px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiQ29udGVudEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFVpRWxlbWVudFJlbmRlclByb3BzIH0gZnJvbSBcIn4vdWkvVUlFbGVtZW50XCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nVG9wOiA2NVxufSk7XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50RWxlbWVudCBleHRlbmRzIFVJRWxlbWVudCB7XG4gICAgY29uc3RydWN0b3IoaWQ6IHN0cmluZykge1xuICAgICAgICBzdXBlcihpZCk7XG4gICAgICAgIHRoaXMudXNlR3JpZChmYWxzZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcihwcm9wczogVWlFbGVtZW50UmVuZGVyUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAgICAgICByZXR1cm4gPENvbnRlbnRXcmFwcGVyPntzdXBlci5yZW5kZXIocHJvcHMpfTwvQ29udGVudFdyYXBwZXI+O1xuICAgIH1cbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export class ContentElement extends UIElement {
-  constructor(id) {
-    super(id);
-    this.useGrid(false);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(ContentWrapper, null, super.render(props));
-  }
-}
-
-//# sourceMappingURL=ContentElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentElement","constructor","id","useGrid","render","props","createElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 65\n});\n\nexport class ContentElement extends UIElement {\n    constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return <ContentWrapper>{super.render(props)}</ContentWrapper>;\n    }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,SAAS;AAElB,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,OAAO,MAAMC,cAAc,SAASb,SAAS,CAAC;EAC1Cc,WAAWA,CAACC,EAAU,EAAE;IACpB,KAAK,CAACA,EAAE,CAAC;IACT,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBAAOnB,KAAA,CAAAoB,aAAA,CAAClB,cAAc,QAAE,KAAK,CAACgB,MAAM,CAACC,KAAK,CAAkB,CAAC;EACjE;AACJ","ignoreList":[]}

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

@@ -1,25 +0,0 @@
-import React from "react";
-import type { UIElementConfig, UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-interface HeaderElementConfig extends UIElementConfig {
-    onClose: (event: React.MouseEvent) => void;
-    getTitle?: GetterWithoutProps<string>;
-}
-interface GetterWithoutProps<T> {
-    (): T;
-}
-export declare class HeaderElement extends UIElement<HeaderElementConfig> {
-    private _leftSection;
-    private _centerSection;
-    private _rightSection;
-    constructor(id: string, config: HeaderElementConfig);
-    setTitle(title: GetterWithoutProps<string>): void;
-    setLeftSectionElement(element: UIElement): void;
-    setCenterSectionElement(element: UIElement): void;
-    setRightSectionElement(element: UIElement): void;
-    getLeftSectionElement(): UIElement;
-    getCenterSectionElement(): UIElement;
-    getRightSectionElement(): UIElement;
-    render(props: UiElementRenderProps): React.ReactNode;
-}
-export {};

package/ui/views/OverlayView/HeaderElement.js

@@ -1,72 +0,0 @@
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSecondary, TopAppBarSection } from "@webiny/ui/TopAppBar";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
-import { PlaceholderElement } from "../../elements/PlaceholderElement";
-import { HeaderTitleElement } from "./HeaderTitleElement";
-const width = css({
-  width: "33%"
-});
-
-// !GOOD FIRST ISSUE!
-// Extract rendering and styling into a HeaderElementRenderer class.
-
-export class HeaderElement extends UIElement {
-  _leftSection = new PlaceholderElement("leftSection");
-  _rightSection = new PlaceholderElement("rightSection");
-  constructor(id, config) {
-    super(id, config);
-    this._centerSection = new HeaderTitleElement("title", {
-      title: () => {
-        return typeof this.config.getTitle === "function" ? this.config.getTitle() : null;
-      }
-    });
-    this.useGrid(false);
-  }
-  setTitle(title) {
-    this.config.getTitle = title;
-  }
-  setLeftSectionElement(element) {
-    this._leftSection = element;
-  }
-  setCenterSectionElement(element) {
-    this._centerSection = element;
-  }
-  setRightSectionElement(element) {
-    this._rightSection = element;
-  }
-  getLeftSectionElement() {
-    return this._leftSection;
-  }
-  getCenterSectionElement() {
-    return this._centerSection;
-  }
-  getRightSectionElement() {
-    return this._rightSection;
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(TopAppBarSecondary, {
-      fixed: true,
-      style: {
-        top: 0
-      }
-    }, /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: width,
-      alignStart: true
-    }, this.getLeftSectionElement().render(props)), /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: width,
-      alignEnd: true
-    }, this.getCenterSectionElement().render(props)), /*#__PURE__*/React.createElement(TopAppBarSection, {
-      className: width,
-      alignEnd: true
-    }, this.getRightSectionElement().render(props), /*#__PURE__*/React.createElement(IconButton, {
-      ripple: false,
-      onClick: this.config.onClose,
-      icon: /*#__PURE__*/React.createElement(CloseIcon, null)
-    })));
-  }
-}
-
-//# sourceMappingURL=HeaderElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","css","UIElement","TopAppBarSecondary","TopAppBarSection","IconButton","ReactComponent","CloseIcon","PlaceholderElement","HeaderTitleElement","width","HeaderElement","_leftSection","_rightSection","constructor","id","config","_centerSection","title","getTitle","useGrid","setTitle","setLeftSectionElement","element","setCenterSectionElement","setRightSectionElement","getLeftSectionElement","getCenterSectionElement","getRightSectionElement","render","props","createElement","fixed","style","top","className","alignStart","alignEnd","ripple","onClick","onClose","icon"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport type { UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderTitleElement } from \"./HeaderTitleElement\";\n\ninterface HeaderElementConfig extends UIElementConfig {\n    onClose: (event: React.MouseEvent) => void;\n    getTitle?: GetterWithoutProps<string>;\n}\n\nconst width = css({\n    width: \"33%\"\n});\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a HeaderElementRenderer class.\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class HeaderElement extends UIElement<HeaderElementConfig> {\n    private _leftSection: UIElement = new PlaceholderElement(\"leftSection\");\n    private _centerSection: UIElement;\n    private _rightSection: UIElement = new PlaceholderElement(\"rightSection\");\n\n    public constructor(id: string, config: HeaderElementConfig) {\n        super(id, config);\n\n        this._centerSection = new HeaderTitleElement(\"title\", {\n            title: () => {\n                return typeof this.config.getTitle === \"function\" ? this.config.getTitle() : null;\n            }\n        });\n\n        this.useGrid(false);\n    }\n\n    public setTitle(title: GetterWithoutProps<string>): void {\n        this.config.getTitle = title;\n    }\n\n    public setLeftSectionElement(element: UIElement): void {\n        this._leftSection = element;\n    }\n\n    public setCenterSectionElement(element: UIElement): void {\n        this._centerSection = element;\n    }\n\n    public setRightSectionElement(element: UIElement): void {\n        this._rightSection = element;\n    }\n\n    public getLeftSectionElement(): UIElement {\n        return this._leftSection;\n    }\n\n    public getCenterSectionElement(): UIElement {\n        return this._centerSection;\n    }\n\n    public getRightSectionElement(): UIElement {\n        return this._rightSection;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSecondary fixed style={{ top: 0 }}>\n                <TopAppBarSection className={width} alignStart>\n                    {this.getLeftSectionElement().render(props)}\n                </TopAppBarSection>\n                <TopAppBarSection className={width} alignEnd>\n                    {this.getCenterSectionElement().render(props)}\n                </TopAppBarSection>\n                <TopAppBarSection className={width} alignEnd>\n                    {this.getRightSectionElement().render(props)}\n                    <IconButton ripple={false} onClick={this.config.onClose} icon={<CloseIcon />} />\n                </TopAppBarSection>\n            </TopAppBarSecondary>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAE7B,SAASC,SAAS;AAClB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,sBAAsB;AAC3E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAO3B,MAAMC,KAAK,GAAGT,GAAG,CAAC;EACdS,KAAK,EAAE;AACX,CAAC,CAAC;;AAEF;AACA;;AAMA,OAAO,MAAMC,aAAa,SAAST,SAAS,CAAsB;EACtDU,YAAY,GAAc,IAAIJ,kBAAkB,CAAC,aAAa,CAAC;EAE/DK,aAAa,GAAc,IAAIL,kBAAkB,CAAC,cAAc,CAAC;EAElEM,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,cAAc,GAAG,IAAIR,kBAAkB,CAAC,OAAO,EAAE;MAClDS,KAAK,EAAEA,CAAA,KAAM;QACT,OAAO,OAAO,IAAI,CAACF,MAAM,CAACG,QAAQ,KAAK,UAAU,GAAG,IAAI,CAACH,MAAM,CAACG,QAAQ,CAAC,CAAC,GAAG,IAAI;MACrF;IACJ,CAAC,CAAC;IAEF,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEOC,QAAQA,CAACH,KAAiC,EAAQ;IACrD,IAAI,CAACF,MAAM,CAACG,QAAQ,GAAGD,KAAK;EAChC;EAEOI,qBAAqBA,CAACC,OAAkB,EAAQ;IACnD,IAAI,CAACX,YAAY,GAAGW,OAAO;EAC/B;EAEOC,uBAAuBA,CAACD,OAAkB,EAAQ;IACrD,IAAI,CAACN,cAAc,GAAGM,OAAO;EACjC;EAEOE,sBAAsBA,CAACF,OAAkB,EAAQ;IACpD,IAAI,CAACV,aAAa,GAAGU,OAAO;EAChC;EAEOG,qBAAqBA,CAAA,EAAc;IACtC,OAAO,IAAI,CAACd,YAAY;EAC5B;EAEOe,uBAAuBA,CAAA,EAAc;IACxC,OAAO,IAAI,CAACV,cAAc;EAC9B;EAEOW,sBAAsBA,CAAA,EAAc;IACvC,OAAO,IAAI,CAACf,aAAa;EAC7B;EAEgBgB,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACI9B,KAAA,CAAA+B,aAAA,CAAC5B,kBAAkB;MAAC6B,KAAK;MAACC,KAAK,EAAE;QAAEC,GAAG,EAAE;MAAE;IAAE,gBACxClC,KAAA,CAAA+B,aAAA,CAAC3B,gBAAgB;MAAC+B,SAAS,EAAEzB,KAAM;MAAC0B,UAAU;IAAA,GACzC,IAAI,CAACV,qBAAqB,CAAC,CAAC,CAACG,MAAM,CAACC,KAAK,CAC5B,CAAC,eACnB9B,KAAA,CAAA+B,aAAA,CAAC3B,gBAAgB;MAAC+B,SAAS,EAAEzB,KAAM;MAAC2B,QAAQ;IAAA,GACvC,IAAI,CAACV,uBAAuB,CAAC,CAAC,CAACE,MAAM,CAACC,KAAK,CAC9B,CAAC,eACnB9B,KAAA,CAAA+B,aAAA,CAAC3B,gBAAgB;MAAC+B,SAAS,EAAEzB,KAAM;MAAC2B,QAAQ;IAAA,GACvC,IAAI,CAACT,sBAAsB,CAAC,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,eAC5C9B,KAAA,CAAA+B,aAAA,CAAC1B,UAAU;MAACiC,MAAM,EAAE,KAAM;MAACC,OAAO,EAAE,IAAI,CAACvB,MAAM,CAACwB,OAAQ;MAACC,IAAI,eAAEzC,KAAA,CAAA+B,aAAA,CAACxB,SAAS,MAAE;IAAE,CAAE,CACjE,CACF,CAAC;EAE7B;AACJ","ignoreList":[]}

package/ui/views/OverlayView/HeaderTitleElement.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import type { UIElementConfig } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-import type { UIRenderParams } from "../../UIRenderer";
-import { UIRenderer } from "../../UIRenderer";
-interface HeaderTitleElementConfig extends UIElementConfig {
-    title: () => string | null;
-}
-export declare class HeaderTitleElementRenderer extends UIRenderer<HeaderTitleElement> {
-    render({ element }: UIRenderParams<HeaderTitleElement>): React.ReactNode;
-}
-export declare class HeaderTitleElement extends UIElement<HeaderTitleElementConfig> {
-    constructor(id: string, config: HeaderTitleElementConfig);
-}
-export {};

package/ui/views/OverlayView/HeaderTitleElement.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { Typography } from "@webiny/ui/Typography";
-import { UIRenderer } from "../../UIRenderer";
-export class HeaderTitleElementRenderer extends UIRenderer {
-  render({
-    element
-  }) {
-    return /*#__PURE__*/React.createElement(Typography, {
-      style: {
-        margin: "0 auto",
-        color: "var(--mdc-theme-on-surface)"
-      },
-      use: "headline6"
-    }, element.config.title());
-  }
-}
-export class HeaderTitleElement extends UIElement {
-  constructor(id, config) {
-    super(id, config);
-    this.addRenderer(new HeaderTitleElementRenderer());
-  }
-}
-
-//# sourceMappingURL=HeaderTitleElement.js.map

package/ui/views/OverlayView/HeaderTitleElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIElement","Typography","UIRenderer","HeaderTitleElementRenderer","render","element","createElement","style","margin","color","use","config","title","HeaderTitleElement","constructor","id","addRenderer"],"sources":["HeaderTitleElement.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UIElementConfig } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } from \"~/ui/UIRenderer\";\n\ninterface HeaderTitleElementConfig extends UIElementConfig {\n    title: () => string | null;\n}\n\nexport class HeaderTitleElementRenderer extends UIRenderer<HeaderTitleElement> {\n    public override render({ element }: UIRenderParams<HeaderTitleElement>): React.ReactNode {\n        return (\n            <Typography\n                style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n                use={\"headline6\"}\n            >\n                {element.config.title()}\n            </Typography>\n        );\n    }\n}\n\nexport class HeaderTitleElement extends UIElement<HeaderTitleElementConfig> {\n    public constructor(id: string, config: HeaderTitleElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new HeaderTitleElementRenderer());\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,UAAU,QAAQ,uBAAuB;AAElD,SAASC,UAAU;AAMnB,OAAO,MAAMC,0BAA0B,SAASD,UAAU,CAAqB;EAC3DE,MAAMA,CAAC;IAAEC;EAA4C,CAAC,EAAmB;IACrF,oBACIN,KAAA,CAAAO,aAAA,CAACL,UAAU;MACPM,KAAK,EAAE;QAAEC,MAAM,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAA8B,CAAE;MAClEC,GAAG,EAAE;IAAY,GAEhBL,OAAO,CAACM,MAAM,CAACC,KAAK,CAAC,CACd,CAAC;EAErB;AACJ;AAEA,OAAO,MAAMC,kBAAkB,SAASb,SAAS,CAA2B;EACjEc,WAAWA,CAACC,EAAU,EAAEJ,MAAgC,EAAE;IAC7D,KAAK,CAACI,EAAE,EAAEJ,MAAM,CAAC;IAEjB,IAAI,CAACK,WAAW,CAAC,IAAIb,0BAA0B,CAAC,CAAC,CAAC;EACtD;AACJ","ignoreList":[]}

package/ui/views/OverlayView/useOverlayView.d.ts

@@ -1,5 +0,0 @@
-export interface UseOverlayView {
-    isVisible: boolean;
-    setIsVisible: (value: boolean) => void;
-}
-export declare const useOverlayView: () => UseOverlayView;

package/ui/views/OverlayView/useOverlayView.js

@@ -1,34 +0,0 @@
-import { useEffect, useState } from "react";
-import { css } from "emotion";
-import { OverlayView } from "../OverlayView";
-const noScroll = css({
-  overflow: "hidden",
-  height: "100vh"
-});
-export const useOverlayView = () => {
-  const [isVisible, setIsVisible] = useState(false);
-  useEffect(() => {
-    if (isVisible) {
-      OverlayView.openedViews++;
-      document.body.classList.add(noScroll);
-    } else if (!OverlayView.openedViews) {
-      document.body.classList.remove(noScroll);
-    }
-  }, [isVisible]);
-  useEffect(() => {
-    return () => {
-      if (OverlayView.openedViews > 0) {
-        OverlayView.openedViews--;
-      }
-      if (!OverlayView.openedViews) {
-        document.body.classList.remove(noScroll);
-      }
-    };
-  }, []);
-  return {
-    isVisible,
-    setIsVisible
-  };
-};
-
-//# sourceMappingURL=useOverlayView.js.map

package/ui/views/OverlayView/useOverlayView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","css","OverlayView","noScroll","overflow","height","useOverlayView","isVisible","setIsVisible","openedViews","document","body","classList","add","remove"],"sources":["useOverlayView.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { OverlayView } from \"../OverlayView\";\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nexport interface UseOverlayView {\n    isVisible: boolean;\n    setIsVisible: (value: boolean) => void;\n}\n\nexport const useOverlayView = (): UseOverlayView => {\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (isVisible) {\n            OverlayView.openedViews++;\n            document.body.classList.add(noScroll);\n        } else if (!OverlayView.openedViews) {\n            document.body.classList.remove(noScroll);\n        }\n    }, [isVisible]);\n\n    useEffect(() => {\n        return () => {\n            if (OverlayView.openedViews > 0) {\n                OverlayView.openedViews--;\n            }\n            if (!OverlayView.openedViews) {\n                document.body.classList.remove(noScroll);\n            }\n        };\n    }, []);\n\n    return { isVisible, setIsVisible };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,WAAW;AAEpB,MAAMC,QAAQ,GAAGF,GAAG,CAAC;EACjBG,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAOF,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAsB;EAChD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAU,KAAK,CAAC;EAE1DD,SAAS,CAAC,MAAM;IACZ,IAAIQ,SAAS,EAAE;MACXL,WAAW,CAACO,WAAW,EAAE;MACzBC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAACV,QAAQ,CAAC;IACzC,CAAC,MAAM,IAAI,CAACD,WAAW,CAACO,WAAW,EAAE;MACjCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACX,QAAQ,CAAC;IAC5C;EACJ,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEfR,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAIG,WAAW,CAACO,WAAW,GAAG,CAAC,EAAE;QAC7BP,WAAW,CAACO,WAAW,EAAE;MAC7B;MACA,IAAI,CAACP,WAAW,CAACO,WAAW,EAAE;QAC1BC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACX,QAAQ,CAAC;MAC5C;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,SAAS;IAAEC;EAAa,CAAC;AACtC,CAAC","ignoreList":[]}

package/ui/views/OverlayView.d.ts

@@ -1,30 +0,0 @@
-import React from "react";
-import type { UIViewProps } from "../UIView";
-import { UIView } from "../UIView";
-import type { UseOverlayView } from "./OverlayView/useOverlayView";
-import { HeaderElement } from "./OverlayView/HeaderElement";
-import { ContentElement } from "./OverlayView/ContentElement";
-interface OnExited {
-    (view: OverlayView): void;
-}
-export declare class OverlayView extends UIView {
-    /**
-     * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable
-     * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.
-     */
-    static openedViews: number;
-    private _onEntered;
-    private _onExited;
-    constructor(id?: string);
-    setTitle(title: () => string): void;
-    onEntered(): void;
-    onExited(): void;
-    addOnEntered(cb: OnExited): void;
-    addOnExited(cb: OnExited): void;
-    getOverlayHook(): UseOverlayView;
-    setIsVisible(visible: boolean): void;
-    getHeaderElement(): HeaderElement;
-    getContentElement(): ContentElement;
-    render(props: UIViewProps): React.ReactNode;
-}
-export {};

package/ui/views/OverlayView.js

@@ -1,109 +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 { Transition } from "react-transition-group";
-import { UIView } from "../UIView";
-import { useOverlayView } from "./OverlayView/useOverlayView";
-import { HeaderElement } from "./OverlayView/HeaderElement";
-import { ContentElement } from "./OverlayView/ContentElement";
-
-// !GOOD FIRST ISSUE!
-// Extract rendering and styling into an OverlayViewRenderer class.
-
-const OverlayLayoutWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xrojct0"
-} : {
-  target: "e1xrojct0",
-  label: "OverlayLayoutWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "iv2ylc",
-  styles: "position:fixed;width:100%;height:100vh;background-color:var(--mdc-theme-background);z-index:21;top:0;left:0"
-} : {
-  name: "iv2ylc",
-  styles: "position:fixed;width:100%;height:100vh;background-color:var(--mdc-theme-background);z-index:21;top:0;left:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk92ZXJsYXlWaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhNkIiLCJmaWxlIjoiT3ZlcmxheVZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gXCJyZWFjdC10cmFuc2l0aW9uLWdyb3VwXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVUlWaWV3UHJvcHMgfSBmcm9tIFwifi91aS9VSVZpZXdcIjtcbmltcG9ydCB7IFVJVmlldyB9IGZyb20gXCJ+L3VpL1VJVmlld1wiO1xuaW1wb3J0IHR5cGUgeyBVc2VPdmVybGF5VmlldyB9IGZyb20gXCIuL092ZXJsYXlWaWV3L3VzZU92ZXJsYXlWaWV3XCI7XG5pbXBvcnQgeyB1c2VPdmVybGF5VmlldyB9IGZyb20gXCIuL092ZXJsYXlWaWV3L3VzZU92ZXJsYXlWaWV3XCI7XG5pbXBvcnQgeyBIZWFkZXJFbGVtZW50IH0gZnJvbSBcIi4vT3ZlcmxheVZpZXcvSGVhZGVyRWxlbWVudFwiO1xuaW1wb3J0IHsgQ29udGVudEVsZW1lbnQgfSBmcm9tIFwiLi9PdmVybGF5Vmlldy9Db250ZW50RWxlbWVudFwiO1xuXG4vLyAhR09PRCBGSVJTVCBJU1NVRSFcbi8vIEV4dHJhY3QgcmVuZGVyaW5nIGFuZCBzdHlsaW5nIGludG8gYW4gT3ZlcmxheVZpZXdSZW5kZXJlciBjbGFzcy5cblxuY29uc3QgT3ZlcmxheUxheW91dFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDB2aFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAvKipcbiAgICAgKiBIYXMgdG8gYmUgaGlnaGVyIHRoYW4gNSBzbyBpdCdzIGFib3ZlIGFkdmFuY2VkIHNldHRpbmdzIGRpYWxvZyxcbiAgICAgKiBhbmQgYmVsb3cgMjAsIHNvIHRoZSBpbWFnZSBlZGl0b3IgJiBEaWFsb2dzIGNhbiBiZSBkaXNwbGF5ZWQgYWJvdmUuXG4gICAgICovXG4gICAgekluZGV4OiAyMSxcbiAgICB0b3A6IDAsXG4gICAgbGVmdDogMFxufSk7XG5cbmNvbnN0IGRlZmF1bHRTdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgbnVtYmVyPiA9IHtcbiAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSg3NXZoKVwiLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiBcInRyYW5zZm9ybSwgb3BhY2l0eVwiLFxuICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJjdWJpYy1iZXppZXIoMCwgMCwgLjIsIDEpXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjIyNW1zXCIsXG4gICAgd2lsbENoYW5nZTogXCJvcGFjaXR5LCB0cmFuc2Zvcm1cIlxufTtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlczogUmVjb3JkPHN0cmluZywgYW55PiA9IHtcbiAgICBlbnRlcmluZzoge1xuICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSg3NXZoKVwiLFxuICAgICAgICBvcGFjaXR5OiAwXG4gICAgfSxcbiAgICBlbnRlcmVkOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKDBweClcIixcbiAgICAgICAgb3BhY2l0eTogMVxuICAgIH1cbn07XG5cbmludGVyZmFjZSBPbkV4aXRlZCB7XG4gICAgKHZpZXc6IE92ZXJsYXlWaWV3KTogdm9pZDtcbn1cblxuaW50ZXJmYWNlIE9uRW50ZXJlZCB7XG4gICAgKHZpZXc6IE92ZXJsYXlWaWV3KTogdm9pZDtcbn1cblxuZXhwb3J0IGNsYXNzIE92ZXJsYXlWaWV3IGV4dGVuZHMgVUlWaWV3IHtcbiAgICAvKipcbiAgICAgKiBUaGlzIHByb3BlcnR5IGlzIHVzZWQgdG8gdHJhY2sgdGhlIGFtb3VudCBvZiBvcGVuZWQgb3ZlcmxheXMuIFNpbmNlIHdlJ3JlIGFwcGx5aW5nIGEgQ1NTIGNsYXNzIHRvIGRpc2FibGVcbiAgICAgKiB3aW5kb3cgc2Nyb2xsLCB3ZSBtdXN0IG1ha2Ugc3VyZSB3ZSBkb24ndCByZW1vdmUgdGhhdCBDU1MgY2xhc3MgdW50aWwgYWxsIHRoZSBvdmVybGF5cyBhcmUgY2xvc2VkLlxuICAgICAqL1xuICAgIHN0YXRpYyBvcGVuZWRWaWV3cyA9IDA7XG4gICAgcHJpdmF0ZSBfb25FbnRlcmVkOiBPbkVudGVyZWRbXSA9IFtdO1xuICAgIHByaXZhdGUgX29uRXhpdGVkOiBPbkV4aXRlZFtdID0gW107XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoaWQgPSBcIk92ZXJsYXlWaWV3XCIpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuICAgICAgICB0aGlzLnVzZUdyaWQoZmFsc2UpO1xuXG4gICAgICAgIHRoaXMuYWRkSG9va0RlZmluaXRpb24oXCJvdmVybGF5XCIsIHVzZU92ZXJsYXlWaWV3KTtcblxuICAgICAgICB0aGlzLmFkZEVsZW1lbnQoXG4gICAgICAgICAgICBuZXcgSGVhZGVyRWxlbWVudChcIm92ZXJsYXlIZWFkZXJcIiwge1xuICAgICAgICAgICAgICAgIG9uQ2xvc2U6ICgpID0+IHRoaXMuc2V0SXNWaXNpYmxlKGZhbHNlKVxuICAgICAgICAgICAgfSlcbiAgICAgICAgKTtcblxuICAgICAgICB0aGlzLmFkZEVsZW1lbnQobmV3IENvbnRlbnRFbGVtZW50KFwib3ZlcmxheUNvbnRlbnRcIikpO1xuXG4gICAgICAgIHRoaXMuYXBwbHlQbHVnaW5zKE92ZXJsYXlWaWV3KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0VGl0bGUodGl0bGU6ICgpID0+IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmdldEhlYWRlckVsZW1lbnQoKS5zZXRUaXRsZSh0aXRsZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uRW50ZXJlZCgpOiB2b2lkIHtcbiAgICAgICAgWy4uLnRoaXMuX29uRW50ZXJlZF0ucmV2ZXJzZSgpLmZvckVhY2goY2IgPT4gY2IodGhpcykpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkV4aXRlZCgpOiB2b2lkIHtcbiAgICAgICAgWy4uLnRoaXMuX29uRXhpdGVkXS5yZXZlcnNlKCkuZm9yRWFjaChjYiA9PiBjYih0aGlzKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGFkZE9uRW50ZXJlZChjYjogT25FeGl0ZWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb25FbnRlcmVkLnB1c2goY2IpO1xuICAgIH1cblxuICAgIHB1YmxpYyBhZGRPbkV4aXRlZChjYjogT25FeGl0ZWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb25FeGl0ZWQucHVzaChjYik7XG4gICAgfVxuXG4gICAgcHVibGljIGdldE92ZXJsYXlIb29rKCk6IFVzZU92ZXJsYXlWaWV3IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0SG9vazxVc2VPdmVybGF5Vmlldz4oXCJvdmVybGF5XCIpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXRJc1Zpc2libGUodmlzaWJsZTogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICB0aGlzLmdldE92ZXJsYXlIb29rKCkuc2V0SXNWaXNpYmxlKHZpc2libGUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXRIZWFkZXJFbGVtZW50KCk6IEhlYWRlckVsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRFbGVtZW50KFwib3ZlcmxheUhlYWRlclwiKSBhcyBIZWFkZXJFbGVtZW50O1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXRDb250ZW50RWxlbWVudCgpOiBDb250ZW50RWxlbWVudCB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldEVsZW1lbnQoXCJvdmVybGF5Q29udGVudFwiKSBhcyBIZWFkZXJFbGVtZW50O1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSByZW5kZXIocHJvcHM6IFVJVmlld1Byb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgY29uc3QgeyBpc1Zpc2libGUgfSA9IHRoaXMuZ2V0T3ZlcmxheUhvb2soKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxUcmFuc2l0aW9uXG4gICAgICAgICAgICAgICAgaW49e2lzVmlzaWJsZX1cbiAgICAgICAgICAgICAgICB0aW1lb3V0PXsxMDB9XG4gICAgICAgICAgICAgICAgYXBwZWFyXG4gICAgICAgICAgICAgICAgb25FeGl0ZWQ9eygpID0+IHRoaXMub25FeGl0ZWQoKX1cbiAgICAgICAgICAgICAgICBvbkVudGVyZWQ9eygpID0+IHRoaXMub25FbnRlcmVkKCl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3N0YXRlID0+IChcbiAgICAgICAgICAgICAgICAgICAgPE92ZXJsYXlMYXlvdXRXcmFwcGVyIHN0eWxlPXt7IC4uLmRlZmF1bHRTdHlsZSwgLi4udHJhbnNpdGlvblN0eWxlc1tzdGF0ZV0gfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c3VwZXIucmVuZGVyKHByb3BzKX1cbiAgICAgICAgICAgICAgICAgICAgPC9PdmVybGF5TGF5b3V0V3JhcHBlcj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9UcmFuc2l0aW9uPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const defaultStyle = {
-  transform: "translateY(75vh)",
-  opacity: 0,
-  transitionProperty: "transform, opacity",
-  transitionTimingFunction: "cubic-bezier(0, 0, .2, 1)",
-  transitionDuration: "225ms",
-  willChange: "opacity, transform"
-};
-const transitionStyles = {
-  entering: {
-    transform: "translateY(75vh)",
-    opacity: 0
-  },
-  entered: {
-    transform: "translateY(0px)",
-    opacity: 1
-  }
-};
-export class OverlayView extends UIView {
-  /**
-   * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable
-   * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.
-   */
-  static openedViews = 0;
-  _onEntered = [];
-  _onExited = [];
-  constructor(id = "OverlayView") {
-    super(id);
-    this.useGrid(false);
-    this.addHookDefinition("overlay", useOverlayView);
-    this.addElement(new HeaderElement("overlayHeader", {
-      onClose: () => this.setIsVisible(false)
-    }));
-    this.addElement(new ContentElement("overlayContent"));
-    this.applyPlugins(OverlayView);
-  }
-  setTitle(title) {
-    this.getHeaderElement().setTitle(title);
-  }
-  onEntered() {
-    [...this._onEntered].reverse().forEach(cb => cb(this));
-  }
-  onExited() {
-    [...this._onExited].reverse().forEach(cb => cb(this));
-  }
-  addOnEntered(cb) {
-    this._onEntered.push(cb);
-  }
-  addOnExited(cb) {
-    this._onExited.push(cb);
-  }
-  getOverlayHook() {
-    return this.getHook("overlay");
-  }
-  setIsVisible(visible) {
-    this.getOverlayHook().setIsVisible(visible);
-  }
-  getHeaderElement() {
-    return this.getElement("overlayHeader");
-  }
-  getContentElement() {
-    return this.getElement("overlayContent");
-  }
-  render(props) {
-    const {
-      isVisible
-    } = this.getOverlayHook();
-    return /*#__PURE__*/React.createElement(Transition, {
-      in: isVisible,
-      timeout: 100,
-      appear: true,
-      onExited: () => this.onExited(),
-      onEntered: () => this.onEntered()
-    }, state => /*#__PURE__*/React.createElement(OverlayLayoutWrapper, {
-      style: {
-        ...defaultStyle,
-        ...transitionStyles[state]
-      }
-    }, super.render(props)));
-  }
-}
-
-//# sourceMappingURL=OverlayView.js.map

package/ui/views/OverlayView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Transition","UIView","useOverlayView","HeaderElement","ContentElement","OverlayLayoutWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","openedViews","_onEntered","_onExited","constructor","id","useGrid","addHookDefinition","addElement","onClose","setIsVisible","applyPlugins","setTitle","title","getHeaderElement","onEntered","reverse","forEach","cb","onExited","addOnEntered","push","addOnExited","getOverlayHook","getHook","visible","getElement","getContentElement","render","props","isVisible","createElement","in","timeout","appear","state","style"],"sources":["OverlayView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport type { UIViewProps } from \"~/ui/UIView\";\nimport { UIView } from \"~/ui/UIView\";\nimport type { UseOverlayView } from \"./OverlayView/useOverlayView\";\nimport { useOverlayView } from \"./OverlayView/useOverlayView\";\nimport { HeaderElement } from \"./OverlayView/HeaderElement\";\nimport { ContentElement } from \"./OverlayView/ContentElement\";\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into an OverlayViewRenderer class.\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 21,\n    top: 0,\n    left: 0\n});\n\nconst defaultStyle: Record<string, string | number> = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\ninterface OnExited {\n    (view: OverlayView): void;\n}\n\ninterface OnEntered {\n    (view: OverlayView): void;\n}\n\nexport class OverlayView extends UIView {\n    /**\n     * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable\n     * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.\n     */\n    static openedViews = 0;\n    private _onEntered: OnEntered[] = [];\n    private _onExited: OnExited[] = [];\n\n    public constructor(id = \"OverlayView\") {\n        super(id);\n        this.useGrid(false);\n\n        this.addHookDefinition(\"overlay\", useOverlayView);\n\n        this.addElement(\n            new HeaderElement(\"overlayHeader\", {\n                onClose: () => this.setIsVisible(false)\n            })\n        );\n\n        this.addElement(new ContentElement(\"overlayContent\"));\n\n        this.applyPlugins(OverlayView);\n    }\n\n    public setTitle(title: () => string): void {\n        this.getHeaderElement().setTitle(title);\n    }\n\n    public onEntered(): void {\n        [...this._onEntered].reverse().forEach(cb => cb(this));\n    }\n\n    public onExited(): void {\n        [...this._onExited].reverse().forEach(cb => cb(this));\n    }\n\n    public addOnEntered(cb: OnExited): void {\n        this._onEntered.push(cb);\n    }\n\n    public addOnExited(cb: OnExited): void {\n        this._onExited.push(cb);\n    }\n\n    public getOverlayHook(): UseOverlayView {\n        return this.getHook<UseOverlayView>(\"overlay\");\n    }\n\n    public setIsVisible(visible: boolean): void {\n        this.getOverlayHook().setIsVisible(visible);\n    }\n\n    public getHeaderElement(): HeaderElement {\n        return this.getElement(\"overlayHeader\") as HeaderElement;\n    }\n\n    public getContentElement(): ContentElement {\n        return this.getElement(\"overlayContent\") as HeaderElement;\n    }\n\n    public override render(props: UIViewProps): React.ReactNode {\n        const { isVisible } = this.getOverlayHook();\n        return (\n            <Transition\n                in={isVisible}\n                timeout={100}\n                appear\n                onExited={() => this.onExited()}\n                onEntered={() => this.onEntered()}\n            >\n                {state => (\n                    <OverlayLayoutWrapper style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                        {super.render(props)}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/views/SplitView/SplitViewPanelElement.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import type { UiElementRenderProps } from "../../UIElement";
-import { UIElement } from "../../UIElement";
-export declare class SplitViewPanelElement extends UIElement<any> {
-    private _width;
-    private _classNames;
-    setWidth(width: number): void;
-    addClassName(className: string): void;
-    removeClassName(className: string): void;
-    setContentElement(element: UIElement): void;
-    render(props: UiElementRenderProps): React.ReactNode;
-}

package/ui/views/SplitView/SplitViewPanelElement.js

@@ -1,32 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { UIElement } from "../../UIElement";
-import { Cell } from "@webiny/ui/Grid";
-export class SplitViewPanelElement extends UIElement {
-  _width = 12;
-  _classNames = new Set();
-  setWidth(width) {
-    this._width = width;
-  }
-  addClassName(className) {
-    this._classNames.add(className);
-  }
-  removeClassName(className) {
-    this._classNames.delete(className);
-  }
-  setContentElement(element) {
-    // Remove previous content
-    this.getChildren().forEach(el => el.remove());
-
-    // Add new content
-    this.addElement(element);
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(Cell, {
-      span: this._width,
-      className: classNames(Array.from(this._classNames.values()))
-    }, super.render(props));
-  }
-}
-
-//# sourceMappingURL=SplitViewPanelElement.js.map

package/ui/views/SplitView/SplitViewPanelElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","classNames","UIElement","Cell","SplitViewPanelElement","_width","_classNames","Set","setWidth","width","addClassName","className","add","removeClassName","delete","setContentElement","element","getChildren","forEach","el","remove","addElement","render","props","createElement","span","Array","from","values"],"sources":["SplitViewPanelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport class SplitViewPanelElement extends UIElement<any> {\n    private _width = 12;\n    private _classNames: Set<string> = new Set();\n\n    public setWidth(width: number): void {\n        this._width = width;\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public setContentElement(element: UIElement): void {\n        // Remove previous content\n        this.getChildren().forEach(el => el.remove());\n\n        // Add new content\n        this.addElement(element);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <Cell span={this._width} className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Cell>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAAS;AAClB,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,OAAO,MAAMC,qBAAqB,SAASF,SAAS,CAAM;EAC9CG,MAAM,GAAG,EAAE;EACXC,WAAW,GAAgB,IAAIC,GAAG,CAAC,CAAC;EAErCC,QAAQA,CAACC,KAAa,EAAQ;IACjC,IAAI,CAACJ,MAAM,GAAGI,KAAK;EACvB;EAEOC,YAAYA,CAACC,SAAiB,EAAQ;IACzC,IAAI,CAACL,WAAW,CAACM,GAAG,CAACD,SAAS,CAAC;EACnC;EAEOE,eAAeA,CAACF,SAAiB,EAAQ;IAC5C,IAAI,CAACL,WAAW,CAACQ,MAAM,CAACH,SAAS,CAAC;EACtC;EAEOI,iBAAiBA,CAACC,OAAkB,EAAQ;IAC/C;IACA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACC,MAAM,CAAC,CAAC,CAAC;;IAE7C;IACA,IAAI,CAACC,UAAU,CAACL,OAAO,CAAC;EAC5B;EAEgBM,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIvB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACsB,IAAI,EAAE,IAAI,CAACpB,MAAO;MAACM,SAAS,EAAEV,UAAU,CAACyB,KAAK,CAACC,IAAI,CAAC,IAAI,CAACrB,WAAW,CAACsB,MAAM,CAAC,CAAC,CAAC;IAAE,GACjF,KAAK,CAACN,MAAM,CAACC,KAAK,CACjB,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/views/SplitView.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import type { UIElement } from "../UIElement";
-import { SplitViewPanelElement } from "./SplitView/SplitViewPanelElement";
-import { UIView } from "../UIView";
-interface SplitViewConfig {
-    leftPanel?: UIElement;
-    rightPanel?: UIElement;
-}
-export declare class SplitView extends UIView {
-    private _classNames;
-    private _leftPanel?;
-    private _rightPanel?;
-    constructor(id: string, config?: SplitViewConfig);
-    addClassName(className: string): void;
-    removeClassName(className: string): void;
-    getLeftPanel(): SplitViewPanelElement;
-    getRightPanel(): SplitViewPanelElement;
-    render(props?: any): React.ReactNode;
-    private addElements;
-}
-export {};

package/ui/views/SplitView.js

@@ -1,86 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { css } from "emotion";
-import { Grid } from "@webiny/ui/Grid";
-import { SplitViewPanelElement } from "./SplitView/SplitViewPanelElement";
-import { UIView } from "../UIView";
-const grid = css({
-  "&.mdc-layout-grid": {
-    padding: 0,
-    backgroundColor: "var(--mdc-theme-background)",
-    ">.mdc-layout-grid__inner": {
-      gridGap: 0
-    }
-  }
-});
-const leftPanel = css({
-  backgroundColor: "var(--mdc-theme-surface)",
-  ">.webiny-data-list": {
-    display: "flex",
-    flexDirection: "column",
-    height: "calc(100vh - 70px)",
-    ".mdc-deprecated-list": {
-      overflow: "auto"
-    }
-  },
-  ">.mdc-deprecated-list": {
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "calc(100vh - 70px)",
-    overflow: "auto"
-  }
-});
-const rightPanel = css({
-  backgroundColor: "var(--mdc-theme-background)",
-  overflow: "auto",
-  height: "calc(100vh - 70px)"
-});
-export class SplitView extends UIView {
-  _classNames = new Set();
-  constructor(id, config = {}) {
-    super(`SplitView.${id}`);
-    this.useGrid(false);
-    this.addClassName(grid);
-    this.addClassName("webiny-split-view");
-    this.addElements();
-    if (config.leftPanel) {
-      this.getLeftPanel().addElement(config.leftPanel);
-    }
-    if (config.rightPanel) {
-      this.getRightPanel().addElement(config.rightPanel);
-    }
-  }
-  addClassName(className) {
-    this._classNames.add(className);
-  }
-  removeClassName(className) {
-    this._classNames.delete(className);
-  }
-  getLeftPanel() {
-    return this.getElement("leftPanel");
-  }
-  getRightPanel() {
-    return this.getElement("rightPanel");
-  }
-  render(props) {
-    return /*#__PURE__*/React.createElement(Grid, {
-      className: classNames(Array.from(this._classNames.values()))
-    }, super.render(props));
-  }
-  addElements() {
-    this._leftPanel = new SplitViewPanelElement("leftPanel");
-    this._leftPanel.useGrid(false);
-    this._leftPanel.setWidth(5);
-    this._leftPanel.addClassName(leftPanel);
-    this._leftPanel.addClassName("webiny-split-view__left-panel");
-    this._rightPanel = new SplitViewPanelElement("rightPanel");
-    this._rightPanel.useGrid(false);
-    this._rightPanel.setWidth(7);
-    this._rightPanel.addClassName(rightPanel);
-    this._rightPanel.addClassName("webiny-split-view__right-panel");
-    this.addElement(this._leftPanel);
-    this._rightPanel.moveAfter(this._leftPanel);
-  }
-}
-
-//# sourceMappingURL=SplitView.js.map

package/ui/views/SplitView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","classNames","css","Grid","SplitViewPanelElement","UIView","grid","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","_classNames","Set","constructor","id","config","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","add","removeClassName","delete","getElement","render","props","createElement","Array","from","values","_leftPanel","setWidth","_rightPanel","moveAfter"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport type { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-deprecated-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-deprecated-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst rightPanel = css({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n    leftPanel?: UIElement;\n    rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n    private _classNames = new Set<string>();\n    private _leftPanel?: SplitViewPanelElement;\n    private _rightPanel?: SplitViewPanelElement;\n\n    public constructor(id: string, config: SplitViewConfig = {}) {\n        super(`SplitView.${id}`);\n\n        this.useGrid(false);\n        this.addClassName(grid);\n        this.addClassName(\"webiny-split-view\");\n        this.addElements();\n\n        if (config.leftPanel) {\n            this.getLeftPanel().addElement(config.leftPanel);\n        }\n\n        if (config.rightPanel) {\n            this.getRightPanel().addElement(config.rightPanel);\n        }\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public getLeftPanel(): SplitViewPanelElement {\n        return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n    }\n\n    public getRightPanel(): SplitViewPanelElement {\n        return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n    }\n\n    public override render(props?: any): React.ReactNode {\n        return (\n            <Grid className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Grid>\n        );\n    }\n\n    private addElements(): void {\n        this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n        this._leftPanel.useGrid(false);\n        this._leftPanel.setWidth(5);\n        this._leftPanel.addClassName(leftPanel);\n        this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n        this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n        this._rightPanel.useGrid(false);\n        this._rightPanel.setWidth(7);\n        this._rightPanel.addClassName(rightPanel);\n        this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n        this.addElement(this._leftPanel);\n        this._rightPanel.moveAfter(this._leftPanel);\n    }\n}\n"],"mappings":"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","ignoreList":[]}