@webiny/app-admin 5.27.0 → 5.28.0-beta.0

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ButtonGroupElement.tsx"],"names":["React","UIElement","styled","ButtonGroup","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,WAAW,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC9BE,EAAAA,OAAO,EAAE,MADqB;AAE9BC,EAAAA,MAAM,EAAE,MAFsB;AAG9BC,EAAAA,KAAK,EAAE,MAHuB;AAI9BC,EAAAA,UAAU,EAAE,QAJkB;AAK9BC,EAAAA,cAAc,EAAE,QALc;AAM9B,cAAY;AACRC,IAAAA,WAAW,EAAE;AADL;AANkB,CAAjB,CAAjB;AAWA,WAAaC,kBAAb;AAAA;;AAAA;;AACI,8BAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,8BAAMA,EAAN;;AAEA,UAAKC,OAAL,CAAa,KAAb;;AAH2B;AAI9B;;AALL;AAAA;AAAA,WAOI,gBAAuBC,KAAvB,EAAsE;AAClE,0BAAO,oBAAC,WAAD,uFAA2BA,KAA3B,EAAP;AACH;AATL;;AAAA;AAAA,EAAwCZ,SAAxC","sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"]}
+{"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA,IAAMA,WAAW,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BC,OAAO,EAAE,MADqB;EAE9BC,MAAM,EAAE,MAFsB;EAG9BC,KAAK,EAAE,MAHuB;EAI9BC,UAAU,EAAE,QAJkB;EAK9BC,cAAc,EAAE,QALc;EAM9B,YAAY;IACRC,WAAW,EAAE;EADL;AANkB,CAAjB,CAAjB;;IAWaC,kB;;;;;EACT,4BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAsE;MAClE,oBAAO,6BAAC,WAAD,mHAA2BA,KAA3B,EAAP;IACH;;;EATmCC,qB"}

package/ui/elements/GenericElement.js

@@ -1 +1,18 @@
-export * from "@webiny/ui-composer/elements/GenericElement";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _GenericElement = require("@webiny/ui-composer/elements/GenericElement");
+
+Object.keys(_GenericElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GenericElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GenericElement[key];
+    }
+  });
+});

package/ui/elements/GenericElement.js.map

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

package/ui/elements/LabelElement.js

@@ -1,24 +1,36 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { UIElement } from "../UIElement";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelElement = 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");
 
 /**
  * !GOOD FIRST ISSUE!
  * Add support for `text` config and `setText` setter to accept functions.
  * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx
  */
-export var LabelElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(LabelElement, _UIElement);
+var LabelElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(LabelElement, _UIElement);
 
-  var _super = _createSuper(LabelElement);
+  var _super = (0, _createSuper2.default)(LabelElement);
 
   function LabelElement(id, config) {
     var _this;
 
-    _classCallCheck(this, LabelElement);
-
+    (0, _classCallCheck2.default)(this, LabelElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(LabelElement);
@@ -26,7 +38,7 @@ export var LabelElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(LabelElement, [{
+  (0, _createClass2.default)(LabelElement, [{
     key: "getText",
     value: function getText() {
       return this.config.text;
@@ -42,6 +54,7 @@ export var LabelElement = /*#__PURE__*/function (_UIElement) {
       return this.config.text;
     }
   }]);
-
   return LabelElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.LabelElement = LabelElement;

package/ui/elements/LabelElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LabelElement.tsx"],"names":["UIElement","LabelElement","id","config","applyPlugins","text"],"mappings":";;;;AACA,SAASA,SAAT;;AAMA;AACA;AACA;AACA;AACA;AACA,WAAaC,YAAb;AAAA;;AAAA;;AACI,wBAAmBC,EAAnB,EAA+BC,MAA/B,EAA2D;AAAA;;AAAA;;AACvD,8BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKC,YAAL,CAAkBH,YAAlB;;AAHuD;AAI1D;;AALL;AAAA;AAAA,WAOI,mBAAyB;AACrB,aAAO,KAAKE,MAAL,CAAYE,IAAnB;AACH;AATL;AAAA;AAAA,WAWI,iBAAeA,IAAf,EAAmC;AAC/B,WAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;AACH;AAbL;AAAA;AAAA,WAeI,kBAA0C;AACtC,aAAO,KAAKF,MAAL,CAAYE,IAAnB;AACH;AAjBL;;AAAA;AAAA,EAAkCL,SAAlC","sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"]}
+{"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAMA;AACA;AACA;AACA;AACA;IACaA,Y;;;;;EACT,sBAAmBC,EAAnB,EAA+BC,MAA/B,EAA2D;IAAA;;IAAA;IACvD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,YAAlB;;IAHuD;EAI1D;;;;WAED,mBAAyB;MACrB,OAAO,KAAKE,MAAL,CAAYE,IAAnB;IACH;;;WAED,iBAAeA,IAAf,EAAmC;MAC/B,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,kBAA0C;MACtC,OAAO,KAAKF,MAAL,CAAYE,IAAnB;IACH;;;EAjB6BC,qB"}

package/ui/elements/NavigationMenuElement.js

@@ -1,37 +1,55 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { default as localStorage } from "store";
-import { UIElement } from "../UIElement";
+"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";
-export var TAGS;
+var TAGS;
+exports.TAGS = TAGS;
 
 (function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
-})(TAGS || (TAGS = {}));
+})(TAGS || (exports.TAGS = TAGS = {}));
 
-export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(NavigationMenuElement, _UIElement);
+var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(NavigationMenuElement, _UIElement);
 
-  var _super = _createSuper(NavigationMenuElement);
+  var _super = (0, _createSuper2.default)(NavigationMenuElement);
 
   function NavigationMenuElement(id, config) {
     var _this;
 
-    _classCallCheck(this, NavigationMenuElement);
-
+    (0, _classCallCheck2.default)(this, NavigationMenuElement);
     _this = _super.call(this, id, config);
-
-    _defineProperty(_assertThisInitialized(_this), "_isExpanded", false);
-
-    _defineProperty(_assertThisInitialized(_this), "_sorters", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isExpanded", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_sorters", []);
 
     _this.useGrid(false);
 
@@ -57,11 +75,10 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(NavigationMenuElement, [{
+  (0, _createClass2.default)(NavigationMenuElement, [{
     key: "addElement",
     value: function addElement(element) {
-      _get(_getPrototypeOf(NavigationMenuElement.prototype), "addElement", this).call(this, element);
-
+      (0, _get2.default)((0, _getPrototypeOf2.default)(NavigationMenuElement.prototype), "addElement", this).call(this, element);
       this.runSorters();
       return element;
     }
@@ -129,17 +146,17 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "loadState",
     value: function loadState() {
-      return (localStorage.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
+      return (_store.default.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
     }
   }, {
     key: "storeState",
     value: function storeState(state) {
-      localStorage.set(LOCAL_STORAGE_KEY, state.join(","));
+      _store.default.set(LOCAL_STORAGE_KEY, state.join(","));
     }
   }, {
     key: "runSorters",
     value: function runSorters() {
-      var _iterator = _createForOfIteratorHelper(this._sorters),
+      var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
           _step;
 
       try {
@@ -154,6 +171,7 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
       }
     }
   }]);
-
   return NavigationMenuElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.NavigationMenuElement = NavigationMenuElement;

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NavigationMenuElement.tsx"],"names":["default","localStorage","UIElement","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","get","split","filter","Boolean","set","join","getLayout","sort"],"mappings":"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","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"]}
+{"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,18 +1,33 @@
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { UIElement } from "../UIElement";
-export var PanelElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(PanelElement, _UIElement);
+"use strict";
 
-  var _super = _createSuper(PanelElement);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-  function PanelElement() {
-    _classCallCheck(this, PanelElement);
+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 _createClass(PanelElement);
-}(UIElement);
+  return (0, _createClass2.default)(PanelElement);
+}(_UIElement2.UIElement);
+
+exports.PanelElement = PanelElement;

package/ui/elements/PanelElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PanelElement.tsx"],"names":["UIElement","PanelElement"],"mappings":";;;;AAAA,SAASA,SAAT;AAEA,WAAaC,YAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA,EAAkCD,SAAlC","sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"]}
+{"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"}

package/ui/elements/PlaceholderElement.js

@@ -1,20 +1,33 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { UIElement } from "../UIElement";
-export var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(PlaceholderElement, _UIElement);
+"use strict";
 
-  var _super = _createSuper(PlaceholderElement);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-  function PlaceholderElement() {
-    _classCallCheck(this, PlaceholderElement);
+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);
   }
 
-  _createClass(PlaceholderElement, [{
+  (0, _createClass2.default)(PlaceholderElement, [{
     key: "render",
     value: function render() {
       return null;
@@ -25,6 +38,7 @@ export var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
       return;
     }
   }]);
-
   return PlaceholderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.PlaceholderElement = PlaceholderElement;

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PlaceholderElement.tsx"],"names":["UIElement","PlaceholderElement"],"mappings":";;;;AAAA,SAASA,SAAT;AAEA,WAAaC,kBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,kBAA0C;AACtC,aAAO,IAAP;AACH;AAHL;AAAA;AAAA,WAKI,kBAA+B;AAC3B;AACH;AAPL;;AAAA;AAAA,EAAwCD,SAAxC","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"]}
+{"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"}

package/ui/elements/SmallButtonElement.js

@@ -1,25 +1,41 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
-import { ButtonElement } from "./ButtonElement";
+"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: ButtonDefault,
-  primary: ButtonPrimary,
-  secondary: ButtonSecondary
+  default: _Button.ButtonDefault,
+  primary: _Button.ButtonPrimary,
+  secondary: _Button.ButtonSecondary
 };
-export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  _inherits(SmallButtonElement, _ButtonElement);
 
-  var _super = _createSuper(SmallButtonElement);
+var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
+  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
+
+  var _super = (0, _createSuper2.default)(SmallButtonElement);
 
   function SmallButtonElement(id, config) {
     var _this;
 
-    _classCallCheck(this, SmallButtonElement);
-
+    (0, _classCallCheck2.default)(this, SmallButtonElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(SmallButtonElement);
@@ -27,14 +43,14 @@ export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
     return _this;
   }
 
-  _createClass(SmallButtonElement, [{
+  (0, _createClass2.default)(SmallButtonElement, [{
     key: "render",
     value: function render(props) {
       var Component = BUTTONS[this.getType()];
 
       var _onClick = this.getOnClick();
 
-      return /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/_react.default.createElement(Component, {
         small: true,
         onClick: function onClick() {
           return _onClick(props);
@@ -42,6 +58,7 @@ export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
       }, this.getLabel());
     }
   }]);
-
   return SmallButtonElement;
-}(ButtonElement);
+}(_ButtonElement2.ButtonElement);
+
+exports.SmallButtonElement = SmallButtonElement;

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SmallButtonElement.tsx"],"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","ButtonElement","BUTTONS","default","primary","secondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","getLabel"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,eAAvC,QAA8D,mBAA9D;AACA,SAASC,aAAT;AAEA,IAAMC,OAAO,GAAG;AACZC,EAAAA,OAAO,EAAEL,aADG;AAEZM,EAAAA,OAAO,EAAEL,aAFG;AAGZM,EAAAA,SAAS,EAAEL;AAHC,CAAhB;AAMA,WAAaM,kBAAb;AAAA;;AAAA;;AACI,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA0E;AAAA;;AAAA;;AACtE,8BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKC,YAAL,CAAkBH,kBAAlB;;AAHsE;AAIzE;;AALL;AAAA;AAAA,WAOI,gBAAuBI,KAAvB,EAAgE;AAC5D,UAAMC,SAAS,GAAGT,OAAO,CAAC,KAAKU,OAAL,EAAD,CAAzB;;AACA,UAAMC,QAAO,GAAG,KAAKC,UAAL,EAAhB;;AAEA,0BACI,oBAAC,SAAD;AAAW,QAAA,KAAK,MAAhB;AAAiB,QAAA,OAAO,EAAE;AAAA,iBAAMD,QAAO,CAACH,KAAD,CAAb;AAAA;AAA1B,SACK,KAAKK,QAAL,EADL,CADJ;AAKH;AAhBL;;AAAA;AAAA,EAA4Dd,aAA5D","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"]}
+{"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"}

package/ui/elements/TypographyElement.js

@@ -1,22 +1,39 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { UIElement } from "../UIElement";
-import { Typography } from "@webiny/ui/Typography";
-export var TypographyElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(TypographyElement, _UIElement);
-
-  var _super = _createSuper(TypographyElement);
+"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;
 
-    _classCallCheck(this, TypographyElement);
-
+    (0, _classCallCheck2.default)(this, TypographyElement);
     _this = _super.call(this, id, config);
 
     _this.useGrid(false);
@@ -26,7 +43,7 @@ export var TypographyElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(TypographyElement, [{
+  (0, _createClass2.default)(TypographyElement, [{
     key: "getTypography",
     value: function getTypography() {
       return this.config.typography;
@@ -39,11 +56,12 @@ export var TypographyElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(Typography, {
+      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: this.getTypography()
-      }, _get(_getPrototypeOf(TypographyElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return TypographyElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.TypographyElement = TypographyElement;

package/ui/elements/TypographyElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TypographyElement.tsx"],"names":["React","UIElement","Typography","TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAqBA,WAAaC,iBAAb;AAAA;;AAAA;;AACI,6BAAYC,EAAZ,EAAwBC,MAAxB,EAAyD;AAAA;;AAAA;;AACrD,8BAAMD,EAAN,EAAUC,MAAV;;AACA,UAAKC,OAAL,CAAa,KAAb;;AAEA,UAAKC,YAAL,CAAkBJ,iBAAlB;;AAJqD;AAKxD;;AANL;AAAA;AAAA,WAQI,yBAAoC;AAChC,aAAO,KAAKE,MAAL,CAAYG,UAAnB;AACH;AAVL;AAAA;AAAA,WAYI,uBAAqBA,UAArB,EAAoD;AAChD,WAAKH,MAAL,CAAYG,UAAZ,GAAyBA,UAAzB;AACH;AAdL;AAAA;AAAA,WAgBI,gBAAuBC,KAAvB,EAAoD;AAChD,0BAAO,oBAAC,UAAD;AAAY,QAAA,GAAG,EAAE,KAAKC,aAAL;AAAjB,uFAAqDD,KAArD,EAAP;AACH;AAlBL;;AAAA;AAAA,EAAuCR,SAAvC","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"]}
+{"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"}

package/ui/elements/ViewElement.js

@@ -1 +1,18 @@
-export * from "@webiny/ui-composer/elements/ViewElement";
+"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];
+    }
+  });
+});

package/ui/elements/ViewElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ViewElement.tsx"],"names":[],"mappings":"AAAA,cAAc,0CAAd","sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"]}
+{"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"}