@webiny/app-admin 5.34.8 → 5.35.0-beta.0

package/ui/elements/NavigationMenuElement.js

@@ -1,80 +1,54 @@
 "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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 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 = TAGS;
-
 (function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
 })(TAGS || (exports.TAGS = TAGS = {}));
-
 var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(NavigationMenuElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(NavigationMenuElement);
-
   function NavigationMenuElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, NavigationMenuElement);
     _this = _super.call(this, id, config);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isExpanded", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.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
-
+    });
 
+    // Apply plugins
     _this.applyPlugins(NavigationMenuElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(NavigationMenuElement, [{
     key: "addElement",
     value: function addElement(element) {
@@ -112,11 +86,9 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     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();
     }
@@ -125,11 +97,9 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     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();
     }
@@ -140,7 +110,6 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
         this.collapseElement();
         return;
       }
-
       this.expandElement();
     }
   }, {
@@ -157,8 +126,7 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     key: "runSorters",
     value: function runSorters() {
       var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var sorter = _step.value;
@@ -173,5 +141,4 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return NavigationMenuElement;
 }(_UIElement2.UIElement);
-
 exports.NavigationMenuElement = NavigationMenuElement;

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","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?: Function;\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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"}
+{"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","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?: Function;\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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"}

package/ui/elements/PanelElement.js

@@ -1,33 +1,22 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _UIElement2 = require("../UIElement");
-
 var PanelElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(PanelElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(PanelElement);
-
   function PanelElement() {
     (0, _classCallCheck2.default)(this, PanelElement);
     return _super.apply(this, arguments);
   }
-
   return (0, _createClass2.default)(PanelElement);
 }(_UIElement2.UIElement);
-
 exports.PanelElement = PanelElement;

package/ui/elements/PanelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;IAEaA,Y;;;;;;;;;;;EAAqBC,qB"}
+{"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,YAAY;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}

package/ui/elements/PlaceholderElement.js

@@ -1,32 +1,22 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _UIElement2 = require("../UIElement");
-
 var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(PlaceholderElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(PlaceholderElement);
-
   function PlaceholderElement() {
     (0, _classCallCheck2.default)(this, PlaceholderElement);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(PlaceholderElement, [{
     key: "render",
     value: function render() {
@@ -40,5 +30,4 @@ var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return PlaceholderElement;
 }(_UIElement2.UIElement);
-
 exports.PlaceholderElement = PlaceholderElement;

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlaceholderElement","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;;IAEaA,kB;;;;;;;;;;;;WACT,kBAA0C;MACtC,OAAO,IAAP;IACH;;;WAED,kBAA+B;MAC3B;IACH;;;EAPmCC,qB"}
+{"version":3,"names":["PlaceholderElement","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;AAAyC,IAE5BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC3B,kBAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAA;IAAA,OAED,kBAA+B;MAC3B;IACJ;EAAC;EAAA;AAAA,EAPmCC,qBAAS;AAAA"}

package/ui/elements/SmallButtonElement.js

@@ -1,55 +1,37 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 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 = /*#__PURE__*/function (_ButtonElement) {
   (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
-
   var _super = (0, _createSuper2.default)(SmallButtonElement);
-
   function SmallButtonElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, SmallButtonElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(SmallButtonElement);
-
     return _this;
   }
-
   (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() {
@@ -60,5 +42,4 @@ var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
   }]);
   return SmallButtonElement;
 }(_ButtonElement2.ButtonElement);
-
 exports.SmallButtonElement = SmallButtonElement;

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","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;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBADG;EAEZC,OAAO,EAAEC,qBAFG;EAGZC,SAAS,EAAEC;AAHC,CAAhB;;IAMaC,kB;;;;;EACT,4BAAmBC,EAAnB,EAA+BC,MAA/B,EAA0E;IAAA;;IAAA;IACtE,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,kBAAlB;;IAHsE;EAIzE;;;;WAED,gBAAuBI,KAAvB,EAAgE;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,KAAKa,OAAL,EAAD,CAAzB;;MACA,IAAMC,QAAO,GAAG,KAAKC,UAAL,EAAhB;;MAEA,oBACI,6BAAC,SAAD;QAAW,KAAK,MAAhB;QAAiB,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAD,CAAb;QAAA;MAA1B,GACK,KAAKK,QAAL,EADL,CADJ;IAKH;;;EAhBuDC,6B"}
+{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","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;AACA;AACA;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEC,MAAyC,EAAE;IAAA;IAAA;IACtE,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,IAAI,CAACa,OAAO,EAAE,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QAAC,KAAK;QAAC,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACK,QAAQ,EAAE,CACR;IAEpB;EAAC;EAAA;AAAA,EAhBuDC,6BAAa;AAAA"}

package/ui/elements/TypographyElement.js

@@ -1,48 +1,30 @@
 "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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _UIElement2 = require("../UIElement");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var TypographyElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(TypographyElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(TypographyElement);
-
   function TypographyElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, TypographyElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     _this.applyPlugins(TypographyElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(TypographyElement, [{
     key: "getTypography",
     value: function getTypography() {
@@ -63,5 +45,4 @@ var TypographyElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return TypographyElement;
 }(_UIElement2.UIElement);
-
 exports.TypographyElement = TypographyElement;

package/ui/elements/TypographyElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography","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;;AACA;;AACA;;IAqBaA,iB;;;;;EACT,2BAAYC,EAAZ,EAAwBC,MAAxB,EAAyD;IAAA;;IAAA;IACrD,0BAAMD,EAAN,EAAUC,MAAV;;IACA,MAAKC,OAAL,CAAa,KAAb;;IAEA,MAAKC,YAAL,CAAkBJ,iBAAlB;;IAJqD;EAKxD;;;;WAED,yBAAoC;MAChC,OAAO,KAAKE,MAAL,CAAYG,UAAnB;IACH;;;WAED,uBAAqBA,UAArB,EAAoD;MAChD,KAAKH,MAAL,CAAYG,UAAZ,GAAyBA,UAAzB;IACH;;;WAED,gBAAuBC,KAAvB,EAAoD;MAChD,oBAAO,6BAAC,sBAAD;QAAY,GAAG,EAAE,KAAKC,aAAL;MAAjB,6GAAqDD,KAArD,EAAP;IACH;;;EAlBkCE,qB"}
+{"version":3,"names":["TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography","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;AACA;AACA;AAAmD,IAqBtCA,iBAAiB;EAAA;EAAA;EAC1B,2BAAYC,EAAU,EAAEC,MAA+B,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKC,YAAY,CAACJ,iBAAiB,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAED,yBAAoC;MAChC,OAAO,IAAI,CAACE,MAAM,CAACG,UAAU;IACjC;EAAC;IAAA;IAAA,OAED,uBAAqBA,UAAuB,EAAQ;MAChD,IAAI,CAACH,MAAM,CAACG,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAU,EAAmB;MAChD,oBAAO,6BAAC,sBAAU;QAAC,GAAG,EAAE,IAAI,CAACC,aAAa;MAAG,6GAAeD,KAAK,EAAe;IACpF;EAAC;EAAA;AAAA,EAlBkCE,qBAAS;AAAA"}

package/ui/elements/ViewElement.js

@@ -3,9 +3,7 @@
 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;

package/ui/elements/ViewElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,26 +1,17 @@
 "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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _UIElement2 = require("../../../UIElement");
-
 // import styled from "@emotion/styled";
 // const DynamicFieldsetRow = styled("div")({
 //     paddingBottom: 10
@@ -29,20 +20,14 @@ var _UIElement2 = require("../../../UIElement");
 // Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.
 var DynamicFieldsetRowElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(DynamicFieldsetRowElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(DynamicFieldsetRowElement);
-
   function DynamicFieldsetRowElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, DynamicFieldsetRowElement);
     _this = _super.call(this, id);
-
     _this.applyPlugins(DynamicFieldsetRowElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(DynamicFieldsetRowElement, [{
     key: "render",
     value: function render(props) {
@@ -56,5 +41,4 @@ var DynamicFieldsetRowElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return DynamicFieldsetRowElement;
 }(_UIElement2.UIElement);
-
 exports.DynamicFieldsetRowElement = DynamicFieldsetRowElement;

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

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetRowElement","id","applyPlugins","props","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;;AACA;AAEA;AACA;AACA;AAEA;AACA;IAEaA,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,YAAL,CAAkBF,yBAAlB;;IAH2B;EAI9B;;;;WAED,gBAAuBG,KAAvB,EAAsE;MAClE,yHAAoBA,KAApB;MACA;AACR;AACA;AACA;MACQ;IACH;;;EAd0CC,qB"}
+{"version":3,"names":["DynamicFieldsetRowElement","id","applyPlugins","props","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;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaA,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,YAAY,CAACF,yBAAyB,CAAC;IAAC;EACjD;EAAC;IAAA;IAAA,OAED,gBAAuBG,KAA4B,EAAmB;MAClE,yHAAoBA,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;EAAA;AAAA,EAd0CC,qBAAS;AAAA"}

package/ui/elements/form/DynamicFieldsetElement.js

@@ -1,48 +1,30 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 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 = /*#__PURE__*/function (_FormFieldElement) {
   (0, _inherits2.default)(DynamicFieldsetElement, _FormFieldElement);
-
   var _super = (0, _createSuper2.default)(DynamicFieldsetElement);
-
   function DynamicFieldsetElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, DynamicFieldsetElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     _this.applyPlugins(DynamicFieldsetElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(DynamicFieldsetElement, [{
     key: "getCreateHeaderElement",
     value: function getCreateHeaderElement() {
@@ -91,11 +73,9 @@ var DynamicFieldsetElement = /*#__PURE__*/function (_FormFieldElement) {
     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();
@@ -105,47 +85,45 @@ var DynamicFieldsetElement = /*#__PURE__*/function (_FormFieldElement) {
         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;
+          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.
+          });
+          // 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.
+          });
 
+          // 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.
+          });
 
+          // 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;
         }));
@@ -154,5 +132,4 @@ var DynamicFieldsetElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return DynamicFieldsetElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.DynamicFieldsetElement = DynamicFieldsetElement;