@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.0

package/ui/elements/NavigationMenuElement.js

@@ -1,141 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TAGS = exports.NavigationMenuElement = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _store = _interopRequireDefault(require("store"));
-var _UIElement2 = require("../UIElement");
-var LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
-var TAGS = exports.TAGS = /*#__PURE__*/function (TAGS) {
-  TAGS["UTILS"] = "utils";
-  TAGS["APP"] = "app";
-  return TAGS;
-}({});
-var NavigationMenuElement = exports.NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  function NavigationMenuElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, NavigationMenuElement);
-    _this = (0, _callSuper2.default)(this, NavigationMenuElement, [id, config]);
-    (0, _defineProperty2.default)(_this, "_isExpanded", false);
-    (0, _defineProperty2.default)(_this, "_sorters", []);
-    _this.useGrid(false);
-    var state = _this.loadState();
-    _this._isExpanded = state.includes(_this.id);
-    _this.addSorter(function (a, b) {
-      if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {
-        return -1;
-      }
-      if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {
-        return 1;
-      }
-      return a.config.label.localeCompare(b.config.label);
-    });
-
-    // Apply plugins
-    _this.applyPlugins(NavigationMenuElement);
-    return _this;
-  }
-  (0, _inherits2.default)(NavigationMenuElement, _UIElement);
-  return (0, _createClass2.default)(NavigationMenuElement, [{
-    key: "addElement",
-    value: function addElement(element) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(NavigationMenuElement.prototype), "addElement", this).call(this, element);
-      this.runSorters();
-      return element;
-    }
-  }, {
-    key: "addSorter",
-    value: function addSorter(sorter) {
-      this._sorters.push(sorter);
-    }
-  }, {
-    key: "isExpanded",
-    get: function get() {
-      return this._isExpanded;
-    }
-  }, {
-    key: "setIcon",
-    value: function setIcon(icon) {
-      this.config.icon = icon;
-    }
-  }, {
-    key: "setLabel",
-    value: function setLabel(label) {
-      this.config.label = label;
-    }
-  }, {
-    key: "setPath",
-    value: function setPath(path) {
-      this.config.path = path;
-    }
-  }, {
-    key: "expandElement",
-    value: function expandElement() {
-      this._isExpanded = true;
-      var state = this.loadState();
-      if (!state.includes(this.id)) {
-        state.push(this.id);
-      }
-      this.storeState(state);
-      this.getView().refresh();
-    }
-  }, {
-    key: "collapseElement",
-    value: function collapseElement() {
-      this._isExpanded = false;
-      var state = this.loadState();
-      if (state.includes(this.id)) {
-        state.splice(state.indexOf(this.id), 1);
-      }
-      this.storeState(state);
-      this.getView().refresh();
-    }
-  }, {
-    key: "toggleElement",
-    value: function toggleElement() {
-      if (this._isExpanded) {
-        this.collapseElement();
-        return;
-      }
-      this.expandElement();
-    }
-  }, {
-    key: "loadState",
-    value: function loadState() {
-      return (_store.default.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
-    }
-  }, {
-    key: "storeState",
-    value: function storeState(state) {
-      _store.default.set(LOCAL_STORAGE_KEY, state.join(","));
-    }
-  }, {
-    key: "runSorters",
-    value: function runSorters() {
-      var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var sorter = _step.value;
-          this.getLayout().sort(sorter);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    }
-  }]);
-}(_UIElement2.UIElement);
-
-//# sourceMappingURL=NavigationMenuElement.js.map

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_store","_interopRequireDefault","require","_UIElement2","LOCAL_STORAGE_KEY","TAGS","exports","NavigationMenuElement","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_get2","_getPrototypeOf2","prototype","call","runSorters","sorter","_sorters","push","get","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","localStorage","split","filter","Boolean","set","join","_iterator","_createForOfIteratorHelper2","_step","s","n","done","getLayout","sort","err","e","f","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: (value: any) => void;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/PanelElement.d.ts

@@ -1,3 +0,0 @@
-import { UIElement } from "../UIElement";
-export declare class PanelElement extends UIElement<any> {
-}

package/ui/elements/PanelElement.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PanelElement = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../UIElement");
-var PanelElement = exports.PanelElement = /*#__PURE__*/function (_UIElement) {
-  function PanelElement() {
-    (0, _classCallCheck2.default)(this, PanelElement);
-    return (0, _callSuper2.default)(this, PanelElement, arguments);
-  }
-  (0, _inherits2.default)(PanelElement, _UIElement);
-  return (0, _createClass2.default)(PanelElement);
-}(_UIElement2.UIElement);
-
-//# sourceMappingURL=PanelElement.js.map

package/ui/elements/PanelElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_UIElement2","require","PanelElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,UAAA;EAAA,SAAAF,aAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,YAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,YAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,YAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,YAAA;AAAA,EAASS,qBAAS","ignoreList":[]}

package/ui/elements/PlaceholderElement.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { UIElement } from "../UIElement";
-export declare class PlaceholderElement extends UIElement {
-    render(): React.ReactNode;
-    remove(): void;
-}

package/ui/elements/PlaceholderElement.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlaceholderElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../UIElement");
-var PlaceholderElement = exports.PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  function PlaceholderElement() {
-    (0, _classCallCheck2.default)(this, PlaceholderElement);
-    return (0, _callSuper2.default)(this, PlaceholderElement, arguments);
-  }
-  (0, _inherits2.default)(PlaceholderElement, _UIElement);
-  return (0, _createClass2.default)(PlaceholderElement, [{
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      return;
-    }
-  }]);
-}(_UIElement2.UIElement);
-
-//# sourceMappingURL=PlaceholderElement.js.map

package/ui/elements/PlaceholderElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_UIElement2","require","PlaceholderElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","remove","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAyC,IAE5BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,kBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,kBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,kBAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC3B,SAAAC,OAAA,EAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAAE,OAAA,EAA+B;MAC3B;IACJ;EAAC;AAAA,EAPmCC,qBAAS","ignoreList":[]}

package/ui/elements/SmallButtonElement.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ButtonElement, ButtonElementConfig } from "./ButtonElement";
-export declare class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {
-    constructor(id: string, config: ButtonElementConfig<TRenderProps>);
-    render(props: TRenderProps): React.ReactElement;
-}

package/ui/elements/SmallButtonElement.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallButtonElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _ButtonElement2 = require("./ButtonElement");
-var BUTTONS = {
-  default: _Button.ButtonDefault,
-  primary: _Button.ButtonPrimary,
-  secondary: _Button.ButtonSecondary
-};
-var SmallButtonElement = exports.SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  function SmallButtonElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, SmallButtonElement);
-    _this = (0, _callSuper2.default)(this, SmallButtonElement, [id, config]);
-    _this.applyPlugins(SmallButtonElement);
-    return _this;
-  }
-  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
-  return (0, _createClass2.default)(SmallButtonElement, [{
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType()];
-      var _onClick = this.getOnClick();
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        small: true,
-        onClick: function onClick() {
-          return _onClick(props);
-        }
-      }, this.getLabel());
-    }
-  }]);
-}(_ButtonElement2.ButtonElement);
-
-//# sourceMappingURL=SmallButtonElement.js.map

package/ui/elements/SmallButtonElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ButtonElement2","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","exports","_ButtonElement","id","config","_this","_classCallCheck2","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAMG,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,cAAA;EAC3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAyC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAZ,OAAA,QAAAM,kBAAA;IACtEK,KAAA,OAAAE,WAAA,CAAAb,OAAA,QAAAM,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACR,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAI,UAAA,CAAAf,OAAA,EAAAM,kBAAA,EAAAE,cAAA;EAAA,WAAAQ,aAAA,CAAAhB,OAAA,EAAAM,kBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGtB,OAAO,CAAC,IAAI,CAACuB,OAAO,CAAC,CAAC,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACI9B,MAAA,CAAAM,OAAA,CAAAyB,aAAA,CAACJ,SAAS;QAACK,KAAK;QAACH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMA,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;IAEpB;EAAC;AAAA,EAhBuDC,6BAAa","ignoreList":[]}

package/ui/elements/TypographyElement.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
-export declare type TypographyT = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline";
-interface TypographyElementConfig extends UIElementConfig {
-    typography: TypographyT;
-}
-export declare class TypographyElement extends UIElement<TypographyElementConfig> {
-    constructor(id: string, config: TypographyElementConfig);
-    getTypography(): TypographyT;
-    setTypography(typography: TypographyT): void;
-    render(props: any): React.ReactNode;
-}
-export {};

package/ui/elements/TypographyElement.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypographyElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../UIElement");
-var _Typography = require("@webiny/ui/Typography");
-var TypographyElement = exports.TypographyElement = /*#__PURE__*/function (_UIElement) {
-  function TypographyElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TypographyElement);
-    _this = (0, _callSuper2.default)(this, TypographyElement, [id, config]);
-    _this.useGrid(false);
-    _this.applyPlugins(TypographyElement);
-    return _this;
-  }
-  (0, _inherits2.default)(TypographyElement, _UIElement);
-  return (0, _createClass2.default)(TypographyElement, [{
-    key: "getTypography",
-    value: function getTypography() {
-      return this.config.typography;
-    }
-  }, {
-    key: "setTypography",
-    value: function setTypography(typography) {
-      this.config.typography = typography;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: this.getTypography()
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-}(_UIElement2.UIElement);
-
-//# sourceMappingURL=TypographyElement.js.map

package/ui/elements/TypographyElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","TypographyElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getTypography","typography","setTypography","render","props","createElement","Typography","use","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,IAqBtCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAYG,EAAU,EAAEC,MAA+B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,iBAAA;IACrDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,iBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAEnBJ,KAAA,CAAKK,YAAY,CAACV,iBAAiB,CAAC;IAAC,OAAAK,KAAA;EACzC;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAP,iBAAA,EAAAE,UAAA;EAAA,WAAAU,aAAA,CAAAL,OAAA,EAAAP,iBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,cAAA,EAAoC;MAChC,OAAO,IAAI,CAACX,MAAM,CAACY,UAAU;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,cAAqBD,UAAuB,EAAQ;MAChD,IAAI,CAACZ,MAAM,CAACY,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAU,EAAmB;MAChD,oBAAOxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,WAAA,CAAAsB,UAAU;QAACC,GAAG,EAAE,IAAI,CAACP,aAAa,CAAC;MAAE,OAAAQ,KAAA,CAAAhB,OAAA,MAAAiB,gBAAA,CAAAjB,OAAA,EAAAP,iBAAA,CAAAyB,SAAA,mBAAAC,IAAA,OAAeP,KAAK,CAAc,CAAC;IACpF;EAAC;AAAA,EAlBkCQ,qBAAS","ignoreList":[]}

package/ui/elements/ViewElement.d.ts

@@ -1 +0,0 @@
-export * from "@webiny/ui-composer/elements/ViewElement";

package/ui/elements/ViewElement.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ViewElement = require("@webiny/ui-composer/elements/ViewElement");
-Object.keys(_ViewElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ViewElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ViewElement[key];
-    }
-  });
-});
-
-//# sourceMappingURL=ViewElement.js.map

package/ui/elements/ViewElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_ViewElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { UIElement, UiElementRenderProps } from "../../../UIElement";
-export declare class DynamicFieldsetRowElement extends UIElement<any> {
-    constructor(id: string);
-    render(props?: UiElementRenderProps): React.ReactNode;
-}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFieldsetRowElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../../../UIElement");
-// import styled from "@emotion/styled";
-// const DynamicFieldsetRow = styled("div")({
-//     paddingBottom: 10
-// });
-// !GOOD FIRST ISSUE!
-// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.
-var DynamicFieldsetRowElement = exports.DynamicFieldsetRowElement = /*#__PURE__*/function (_UIElement) {
-  function DynamicFieldsetRowElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, DynamicFieldsetRowElement);
-    _this = (0, _callSuper2.default)(this, DynamicFieldsetRowElement, [id]);
-    _this.applyPlugins(DynamicFieldsetRowElement);
-    return _this;
-  }
-  (0, _inherits2.default)(DynamicFieldsetRowElement, _UIElement);
-  return (0, _createClass2.default)(DynamicFieldsetRowElement, [{
-    key: "render",
-    value: function render(props) {
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(DynamicFieldsetRowElement.prototype), "render", this).call(this, props);
-      /**
-       * TODO @ts-refactor @pavel
-       * Why was this left here?
-       */
-      // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;
-    }
-  }]);
-}(_UIElement2.UIElement);
-
-//# sourceMappingURL=DynamicFieldsetRowElement.js.map

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_UIElement2","require","DynamicFieldsetRowElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,YAAY,CAACR,yBAAyB,CAAC;IAAC,OAAAI,KAAA;EACjD;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA4B,EAAmB;MAClE,WAAAC,KAAA,CAAAT,OAAA,MAAAU,gBAAA,CAAAV,OAAA,EAAAN,yBAAA,CAAAiB,SAAA,mBAAAC,IAAA,OAAoBJ,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;AAAA,EAd0CK,qBAAS","ignoreList":[]}

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

@@ -1,43 +0,0 @@
-import React from "react";
-import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
-import { UIElement } from "../../UIElement";
-import { DynamicFieldsetRowElement } from "./DynamicFieldsetElement/DynamicFieldsetRowElement";
-interface DynamicFieldsetActions {
-    add: (index?: number) => () => void;
-    remove: (index: number) => () => void;
-}
-interface CreateHeaderCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-interface CreateRowCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-        index: number;
-        row: DynamicFieldsetRowElement;
-    }): UIElement;
-}
-interface CreateEmptyCallable {
-    (params: {
-        actions: DynamicFieldsetActions;
-    }): UIElement;
-}
-export interface DynamicFieldsetElementConfig extends FormFieldElementConfig {
-    createHeader?: CreateHeaderCallable;
-    createRow?: CreateRowCallable;
-    createEmpty?: CreateEmptyCallable;
-}
-export declare class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {
-    constructor(id: string, config: DynamicFieldsetElementConfig);
-    getCreateHeaderElement(): CreateHeaderCallable | undefined;
-    setHeaderElement(element: UIElement): void;
-    setCreateHeaderElement(cb: DynamicFieldsetElementConfig["createHeader"]): void;
-    getCreateRowElement(): CreateRowCallable | undefined;
-    setCreateRowElement(cb: DynamicFieldsetElementConfig["createRow"]): void;
-    getCreateEmptyElement(): CreateEmptyCallable | undefined;
-    setEmptyElement(element: UIElement): void;
-    setCreateEmptyElement(cb: DynamicFieldsetElementConfig["createEmpty"]): void;
-    render(props: FormFieldElementRenderProps): React.ReactNode;
-}
-export {};

package/ui/elements/form/DynamicFieldsetElement.js

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFieldsetElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _FormFieldElement2 = require("./FormFieldElement");
-var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-var _Grid = require("@webiny/ui/Grid");
-var _DynamicFieldsetRowElement = require("./DynamicFieldsetElement/DynamicFieldsetRowElement");
-var DynamicFieldsetElement = exports.DynamicFieldsetElement = /*#__PURE__*/function (_FormFieldElement) {
-  function DynamicFieldsetElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, DynamicFieldsetElement);
-    _this = (0, _callSuper2.default)(this, DynamicFieldsetElement, [id, config]);
-    _this.useGrid(false);
-    _this.applyPlugins(DynamicFieldsetElement);
-    return _this;
-  }
-  (0, _inherits2.default)(DynamicFieldsetElement, _FormFieldElement);
-  return (0, _createClass2.default)(DynamicFieldsetElement, [{
-    key: "getCreateHeaderElement",
-    value: function getCreateHeaderElement() {
-      return this.config.createHeader;
-    }
-  }, {
-    key: "setHeaderElement",
-    value: function setHeaderElement(element) {
-      this.config.createHeader = function () {
-        return element;
-      };
-    }
-  }, {
-    key: "setCreateHeaderElement",
-    value: function setCreateHeaderElement(cb) {
-      this.config.createHeader = cb;
-    }
-  }, {
-    key: "getCreateRowElement",
-    value: function getCreateRowElement() {
-      return this.config.createRow;
-    }
-  }, {
-    key: "setCreateRowElement",
-    value: function setCreateRowElement(cb) {
-      this.config.createRow = cb;
-    }
-  }, {
-    key: "getCreateEmptyElement",
-    value: function getCreateEmptyElement() {
-      return this.config.createEmpty;
-    }
-  }, {
-    key: "setEmptyElement",
-    value: function setEmptyElement(element) {
-      this.config.createEmpty = function () {
-        return element;
-      };
-    }
-  }, {
-    key: "setCreateEmptyElement",
-    value: function setCreateEmptyElement(cb) {
-      this.config.createEmpty = cb;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("DynamicFieldsetElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      var createHeader = this.getCreateHeaderElement();
-      var createRow = this.getCreateRowElement();
-      var createEmpty = this.getCreateEmptyElement();
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        defaultValue: this.getDefaultValue(props)
-      }, /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, null, function (_ref) {
-        var actions = _ref.actions,
-          header = _ref.header,
-          row = _ref.row,
-          empty = _ref.empty;
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, header(function () {
-          if (!createHeader) {
-            return null;
-          }
-          var headerElement = createHeader({
-            actions: actions
-          });
-          // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-          headerElement && headerElement.setParent(_this2);
-          return headerElement ? headerElement.render(props) : null;
-        }), row(function (_ref2) {
-          var index = _ref2.index;
-          if (!createRow) {
-            return null;
-          }
-          var rowElement = createRow({
-            actions: actions,
-            index: index,
-            row: new _DynamicFieldsetRowElement.DynamicFieldsetRowElement("".concat(_this2.id, ".row.").concat(index))
-          });
-
-          // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-          rowElement && rowElement.setParent(_this2);
-          return rowElement ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, rowElement.render(props)) : null;
-        }), empty(function () {
-          if (!createEmpty) {
-            return null;
-          }
-          var emptyElement = createEmpty({
-            actions: actions
-          });
-
-          // This element is not created via `this.addElement()` API.
-          // We need to manually give it a parent to enable proper grid rendering.
-          emptyElement && emptyElement.setParent(_this2);
-          return emptyElement ? emptyElement.render(props) : null;
-        }));
-      }));
-    }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
-
-//# sourceMappingURL=DynamicFieldsetElement.js.map