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

package/plugins/globalSearch/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["styled.ts"],"names":["css","styled","SearchShortcut","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","boxShadow","input"],"mappings":"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","sourcesContent":["// TODO remove\n// @ts-nocheck\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"]}
+{"version":3,"names":["SearchShortcut","styled","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","css","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["// TODO remove\n// @ts-nocheck\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":"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"}

package/plugins/index.js

@@ -1,6 +1,20 @@
-import fileManager from "./fileManager";
-import uiLayoutRenderer from "./uiLayoutRenderer";
-import { globalSearchHotkey } from "./globalSearch";
-export default (function () {
-  return [fileManager, globalSearchHotkey, uiLayoutRenderer];
-});
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _fileManager = _interopRequireDefault(require("./fileManager"));
+
+var _uiLayoutRenderer = _interopRequireDefault(require("./uiLayoutRenderer"));
+
+var _globalSearch = require("./globalSearch");
+
+var _default = function _default() {
+  return [_fileManager.default, _globalSearch.globalSearchHotkey, _uiLayoutRenderer.default];
+};
+
+exports.default = _default;

package/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["fileManager","uiLayoutRenderer","globalSearchHotkey"],"mappings":"AAAA,OAAOA,WAAP;AACA,OAAOC,gBAAP;AACA,SAASC,kBAAT;AAEA,gBAAe;AAAA,SAAM,CAACF,WAAD,EAAcE,kBAAd,EAAkCD,gBAAlC,CAAN;AAAA,CAAf","sourcesContent":["import fileManager from \"./fileManager\";\nimport uiLayoutRenderer from \"./uiLayoutRenderer\";\nimport { globalSearchHotkey } from \"./globalSearch\";\n\nexport default () => [fileManager, globalSearchHotkey, uiLayoutRenderer];\n"]}
+{"version":3,"names":["fileManager","globalSearchHotkey","uiLayoutRenderer"],"sources":["index.ts"],"sourcesContent":["import fileManager from \"./fileManager\";\nimport uiLayoutRenderer from \"./uiLayoutRenderer\";\nimport { globalSearchHotkey } from \"./globalSearch\";\n\nexport default () => [fileManager, globalSearchHotkey, uiLayoutRenderer];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe;EAAA,OAAM,CAACA,oBAAD,EAAcC,gCAAd,EAAkCC,yBAAlC,CAAN;AAAA,C"}

package/plugins/uiLayoutRenderer/index.js

@@ -1,6 +1,17 @@
-import React, { Fragment } from "react";
-import { Cell, Grid, GridInner } from "@webiny/ui/Grid";
-import { UILayoutPlugin } from "../../ui/UILayout";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _UILayout = require("../../ui/UILayout");
 
 function getElementKey(element) {
   return "".concat(element.constructor.name, ":").concat(element.id);
@@ -11,15 +22,15 @@ var ElementID = function ElementID(_ref) {
   return children;
 };
 
-export default new UILayoutPlugin(function (layout) {
+var _default = new _UILayout.UILayoutPlugin(function (layout) {
   layout.setRenderer(function (_ref2) {
     var layout = _ref2.layout,
         props = _ref2.props,
         hasParentGrid = _ref2.hasParentGrid;
 
     if (!layout.getGrid()) {
-      return /*#__PURE__*/React.createElement(Fragment, null, layout.getLayout().map(function (row, index) {
-        return /*#__PURE__*/React.createElement(Fragment, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, layout.getLayout().map(function (row, index) {
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
           key: index
         }, row.map(function (item) {
           var element = layout.getElement(item.element);
@@ -33,16 +44,16 @@ export default new UILayoutPlugin(function (layout) {
             return null;
           }
 
-          return /*#__PURE__*/React.createElement(ElementID, {
+          return /*#__PURE__*/_react.default.createElement(ElementID, {
             key: getElementKey(element)
           }, element.render(props));
         }));
       }));
     }
 
-    var GridComponent = hasParentGrid ? GridInner : Grid;
-    return /*#__PURE__*/React.createElement(GridComponent, null, layout.getLayout().map(function (row, index) {
-      return /*#__PURE__*/React.createElement(Fragment, {
+    var GridComponent = hasParentGrid ? _Grid.GridInner : _Grid.Grid;
+    return /*#__PURE__*/_react.default.createElement(GridComponent, null, layout.getLayout().map(function (row, index) {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: index
       }, row.map(function (item) {
         var element = layout.getElement(item.element);
@@ -51,13 +62,15 @@ export default new UILayoutPlugin(function (layout) {
           return null;
         }
 
-        return /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           key: item.element,
           span: item.width
-        }, /*#__PURE__*/React.createElement(ElementID, {
+        }, /*#__PURE__*/_react.default.createElement(ElementID, {
           key: getElementKey(element)
         }, element.render(props)));
       }));
     }));
   });
-});
+});
+
+exports.default = _default;

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","Fragment","Cell","Grid","GridInner","UILayoutPlugin","getElementKey","element","constructor","name","id","ElementID","children","layout","setRenderer","props","hasParentGrid","getGrid","getLayout","map","row","index","item","getElement","console","warn","shouldRender","render","GridComponent","width"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,SAArB,QAAsC,iBAAtC;AACA,SAASC,cAAT;;AAGA,SAASC,aAAT,CAAuBC,OAAvB,EAA2C;AACvC,mBAAUA,OAAO,CAACC,WAAR,CAAoBC,IAA9B,cAAsCF,OAAO,CAACG,EAA9C;AACH;;AAED,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC1C,SAAOA,QAAP;AACH,CAFD;;AAIA,eAAe,IAAIP,cAAJ,CAAmB,UAAAQ,MAAM,EAAI;AACxCA,EAAAA,MAAM,CAACC,WAAP,CAAmB,iBAAsC;AAAA,QAAnCD,MAAmC,SAAnCA,MAAmC;AAAA,QAA3BE,KAA2B,SAA3BA,KAA2B;AAAA,QAApBC,aAAoB,SAApBA,aAAoB;;AACrD,QAAI,CAACH,MAAM,CAACI,OAAP,EAAL,EAAuB;AACnB,0BACI,oBAAC,QAAD,QACKJ,MAAM,CAACK,SAAP,GAAmBC,GAAnB,CAAuB,UAACC,GAAD,EAAMC,KAAN;AAAA,4BACpB,oBAAC,QAAD;AAAU,UAAA,GAAG,EAAEA;AAAf,WACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,IAAI,EAAI;AACb,cAAMf,OAAO,GAAGM,MAAM,CAACU,UAAP,CAAkBD,IAAI,CAACf,OAAvB,CAAhB;;AAEA,cAAI,CAACA,OAAL,EAAc;AACViB,YAAAA,OAAO,CAACC,IAAR,qBAAyBH,IAAI,CAACf,OAA9B;AACA,mBAAO,IAAP;AACH;;AAED,cAAI,CAACA,OAAO,CAACmB,YAAR,CAAqBX,KAArB,CAAL,EAAkC;AAC9B,mBAAO,IAAP;AACH;;AAED,8BACI,oBAAC,SAAD;AAAW,YAAA,GAAG,EAAET,aAAa,CAACC,OAAD;AAA7B,aACKA,OAAO,CAACoB,MAAR,CAAeZ,KAAf,CADL,CADJ;AAKH,SAjBA,CADL,CADoB;AAAA,OAAvB,CADL,CADJ;AA0BH;;AAED,QAAMa,aAAa,GAAGZ,aAAa,GAAGZ,SAAH,GAAeD,IAAlD;AAEA,wBACI,oBAAC,aAAD,QACKU,MAAM,CAACK,SAAP,GAAmBC,GAAnB,CAAuB,UAACC,GAAD,EAAMC,KAAN;AAAA,0BACpB,oBAAC,QAAD;AAAU,QAAA,GAAG,EAAEA;AAAf,SACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,IAAI,EAAI;AACb,YAAMf,OAAO,GAAGM,MAAM,CAACU,UAAP,CAAkBD,IAAI,CAACf,OAAvB,CAAhB;;AACA,YAAI,CAACA,OAAO,CAACmB,YAAR,CAAqBX,KAArB,CAAL,EAAkC;AAC9B,iBAAO,IAAP;AACH;;AACD,4BACI,oBAAC,IAAD;AAAM,UAAA,GAAG,EAAEO,IAAI,CAACf,OAAhB;AAAyB,UAAA,IAAI,EAAEe,IAAI,CAACO;AAApC,wBACI,oBAAC,SAAD;AAAW,UAAA,GAAG,EAAEvB,aAAa,CAACC,OAAD;AAA7B,WACKA,OAAO,CAACoB,MAAR,CAAeZ,KAAf,CADL,CADJ,CADJ;AAOH,OAZA,CADL,CADoB;AAAA,KAAvB,CADL,CADJ;AAqBH,GArDD;AAsDH,CAvDc,CAAf","sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport default new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"]}
+{"version":3,"names":["getElementKey","element","constructor","name","id","ElementID","children","UILayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","getLayout","map","row","index","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport default new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAGA,SAASA,aAAT,CAAuBC,OAAvB,EAA2C;EACvC,iBAAUA,OAAO,CAACC,WAAR,CAAoBC,IAA9B,cAAsCF,OAAO,CAACG,EAA9C;AACH;;AAED,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC1C,OAAOA,QAAP;AACH,CAFD;;eAIe,IAAIC,wBAAJ,CAAmB,UAAAC,MAAM,EAAI;EACxCA,MAAM,CAACC,WAAP,CAAmB,iBAAsC;IAAA,IAAnCD,MAAmC,SAAnCA,MAAmC;IAAA,IAA3BE,KAA2B,SAA3BA,KAA2B;IAAA,IAApBC,aAAoB,SAApBA,aAAoB;;IACrD,IAAI,CAACH,MAAM,CAACI,OAAP,EAAL,EAAuB;MACnB,oBACI,6BAAC,eAAD,QACKJ,MAAM,CAACK,SAAP,GAAmBC,GAAnB,CAAuB,UAACC,GAAD,EAAMC,KAAN;QAAA,oBACpB,6BAAC,eAAD;UAAU,GAAG,EAAEA;QAAf,GACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,IAAI,EAAI;UACb,IAAMhB,OAAO,GAAGO,MAAM,CAACU,UAAP,CAAkBD,IAAI,CAAChB,OAAvB,CAAhB;;UAEA,IAAI,CAACA,OAAL,EAAc;YACVkB,OAAO,CAACC,IAAR,qBAAyBH,IAAI,CAAChB,OAA9B;YACA,OAAO,IAAP;UACH;;UAED,IAAI,CAACA,OAAO,CAACoB,YAAR,CAAqBX,KAArB,CAAL,EAAkC;YAC9B,OAAO,IAAP;UACH;;UAED,oBACI,6BAAC,SAAD;YAAW,GAAG,EAAEV,aAAa,CAACC,OAAD;UAA7B,GACKA,OAAO,CAACqB,MAAR,CAAeZ,KAAf,CADL,CADJ;QAKH,CAjBA,CADL,CADoB;MAAA,CAAvB,CADL,CADJ;IA0BH;;IAED,IAAMa,aAAa,GAAGZ,aAAa,GAAGa,eAAH,GAAeC,UAAlD;IAEA,oBACI,6BAAC,aAAD,QACKjB,MAAM,CAACK,SAAP,GAAmBC,GAAnB,CAAuB,UAACC,GAAD,EAAMC,KAAN;MAAA,oBACpB,6BAAC,eAAD;QAAU,GAAG,EAAEA;MAAf,GACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,IAAI,EAAI;QACb,IAAMhB,OAAO,GAAGO,MAAM,CAACU,UAAP,CAAkBD,IAAI,CAAChB,OAAvB,CAAhB;;QACA,IAAI,CAACA,OAAO,CAACoB,YAAR,CAAqBX,KAArB,CAAL,EAAkC;UAC9B,OAAO,IAAP;QACH;;QACD,oBACI,6BAAC,UAAD;UAAM,GAAG,EAAEO,IAAI,CAAChB,OAAhB;UAAyB,IAAI,EAAEgB,IAAI,CAACS;QAApC,gBACI,6BAAC,SAAD;UAAW,GAAG,EAAE1B,aAAa,CAACC,OAAD;QAA7B,GACKA,OAAO,CAACqB,MAAR,CAAeZ,KAAf,CADL,CADJ,CADJ;MAOH,CAZA,CADL,CADoB;IAAA,CAAvB,CADL,CADJ;EAqBH,CArDD;AAsDH,CAvDc,C"}

package/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\ntype RenderParams = {\n    content: React.ReactNode;\n};\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\nexport type AdminDrawerFooterMenuPlugin = Plugin & {\n    type: \"admin-drawer-footer-menu\";\n    render(params: any): React.ReactElement;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\nexport type AdminHeaderUserMenuPlugin = Plugin & {\n    type: \"admin-header-user-menu\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\n/**\n * Enables adding custom header elements to the right side of the top bar.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right\n */\nexport type AdminHeaderRightPlugin = Plugin & {\n    type: \"admin-header-right\";\n    render(params: RenderParams): React.ReactNode;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: string;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types?: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n    upgrades?: {\n        version: string;\n        getComponent(): React.ComponentType<{ onInstalled: () => void }>;\n    }[];\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}

package/ui/UIElement.js

@@ -1 +1,19 @@
-export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIElement", {
+  enumerable: true,
+  get: function get() {
+    return _UIElement.UIElement;
+  }
+});
+Object.defineProperty(exports, "UIElementPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UIElement.UIElementPlugin;
+  }
+});
+
+var _UIElement = require("@webiny/ui-composer/UIElement");

package/ui/UIElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UIElement.tsx"],"names":["UIElement","UIElementPlugin"],"mappings":"AAOA,SAASA,SAAT,EAAoBC,eAApB,QAA2C,+BAA3C","sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"]}
+{"version":3,"names":[],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAOA"}

package/ui/UILayout.js

@@ -1 +1,19 @@
-export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UILayout", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayout;
+  }
+});
+Object.defineProperty(exports, "UILayoutPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayoutPlugin;
+  }
+});
+
+var _UILayout = require("@webiny/ui-composer/UILayout");

package/ui/UILayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UILayout.tsx"],"names":["UILayout","UILayoutPlugin"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,cAAnB,QAAyC,8BAAzC","sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"]}
+{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/ui/UIRenderer.js

@@ -1 +1,13 @@
-export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _UIRenderer.UIRenderer;
+  }
+});
+
+var _UIRenderer = require("@webiny/ui-composer/UIRenderer");

package/ui/UIRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UIRenderer.tsx"],"names":["UIRenderer"],"mappings":"AAAA,SAASA,UAAT,QAA2B,gCAA3B","sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"]}
+{"version":3,"names":[],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/ui/UIView.js

@@ -1 +1,25 @@
-export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIView", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIView;
+  }
+});
+Object.defineProperty(exports, "UIViewComponent", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewComponent;
+  }
+});
+Object.defineProperty(exports, "UIViewPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewPlugin;
+  }
+});
+
+var _UIView = require("@webiny/ui-composer/UIView");

package/ui/UIView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UIView.tsx"],"names":["UIView","UIViewComponent","UIViewPlugin"],"mappings":"AAMA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,YAAlC,QAAsD,4BAAtD","sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"]}
+{"version":3,"names":[],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA"}

package/ui/elements/AccordionElement.js

@@ -1,26 +1,45 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemElement = exports.AccordionElement = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _UIElement3 = require("../UIElement");
+
+var _Accordion = require("@webiny/ui/Accordion");
+
 var _excluded = ["open"];
-import React from "react";
-import { UIElement } from "../UIElement";
-import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
-export var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(AccordionItemElement, _UIElement);
 
-  var _super = _createSuper(AccordionItemElement);
+var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(AccordionItemElement, _UIElement);
 
-  function AccordionItemElement(id, config) {
-    _classCallCheck(this, AccordionItemElement);
+  var _super = (0, _createSuper2.default)(AccordionItemElement);
 
+  function AccordionItemElement(id, config) {
+    (0, _classCallCheck2.default)(this, AccordionItemElement);
     return _super.call(this, id, config);
   }
 
-  _createClass(AccordionItemElement, [{
+  (0, _createClass2.default)(AccordionItemElement, [{
     key: "setTitle",
     value: function setTitle(title) {
       this.config.title = title;
@@ -35,27 +54,27 @@ export var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
     value: function render(props) {
       var _this$config = this.config,
           open = _this$config.open,
-          rest = _objectWithoutProperties(_this$config, _excluded);
-
+          rest = (0, _objectWithoutProperties2.default)(_this$config, _excluded);
       var isOpened = typeof open === "function" ? open(props) : open;
-      return /*#__PURE__*/React.createElement(AccordionItem, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, Object.assign({
         open: isOpened
-      }, rest), _get(_getPrototypeOf(AccordionItemElement.prototype), "render", this).call(this, props));
+      }, rest), (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionItemElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return AccordionItemElement;
-}(UIElement);
-export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
-  _inherits(AccordionElement, _UIElement2);
+}(_UIElement3.UIElement);
 
-  var _super2 = _createSuper(AccordionElement);
+exports.AccordionItemElement = AccordionItemElement;
+
+var AccordionElement = /*#__PURE__*/function (_UIElement2) {
+  (0, _inherits2.default)(AccordionElement, _UIElement2);
+
+  var _super2 = (0, _createSuper2.default)(AccordionElement);
 
   function AccordionElement(id, config) {
     var _this;
 
-    _classCallCheck(this, AccordionElement);
-
+    (0, _classCallCheck2.default)(this, AccordionElement);
     _this = _super2.call(this, id, config);
 
     _this.useGrid(false);
@@ -67,7 +86,7 @@ export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
     return _this;
   }
 
-  _createClass(AccordionElement, [{
+  (0, _createClass2.default)(AccordionElement, [{
     key: "getAccordionItemElement",
     value: function getAccordionItemElement(id) {
       return this.getElement(id);
@@ -80,11 +99,12 @@ export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
        * TODO @ts-refactor
        */
       // @ts-ignore
-      return /*#__PURE__*/React.createElement(Accordion, {
+      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
         elevation: 0
-      }, _get(_getPrototypeOf(AccordionElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return AccordionElement;
-}(UIElement);
+}(_UIElement3.UIElement);
+
+exports.AccordionElement = AccordionElement;

package/ui/elements/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AccordionElement.tsx"],"names":["React","UIElement","Accordion","AccordionItem","AccordionItemElement","id","config","title","description","props","open","rest","isOpened","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,sBAAzC;AAcA,WAAaC,oBAAb;AAAA;;AAAA;;AACI,gCAAmBC,EAAnB,EAA+BC,MAA/B,EAA6C;AAAA;;AAAA,6BACnCD,EADmC,EAC/BC,MAD+B;AAE5C;;AAHL;AAAA;AAAA,WAKI,kBAAgBC,KAAhB,EAAqC;AACjC,WAAKD,MAAL,CAAYC,KAAZ,GAAoBA,KAApB;AACH;AAPL;AAAA;AAAA,WASI,wBAAsBC,WAAtB,EAAiD;AAC7C,WAAKF,MAAL,CAAYE,WAAZ,GAA0BA,WAA1B;AACH;AAXL;AAAA;AAAA,WAaI,gBAAuBC,KAAvB,EAAqE;AACjE,yBAA0B,KAAKH,MAA/B;AAAA,UAAQI,IAAR,gBAAQA,IAAR;AAAA,UAAiBC,IAAjB;;AACA,UAAMC,QAAQ,GAAG,OAAOF,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACD,KAAD,CAAjC,GAA2CC,IAA5D;AACA,0BACI,oBAAC,aAAD;AAAe,QAAA,IAAI,EAAEE;AAArB,SAAmCD,IAAnC,oFACkBF,KADlB,EADJ;AAKH;AArBL;;AAAA;AAAA,EAA0CR,SAA1C;AA4BA,WAAaY,gBAAb;AAAA;;AAAA;;AACI,4BAAmBR,EAAnB,EAA+BC,MAA/B,EAA+C;AAAA;;AAAA;;AAC3C,+BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKQ,OAAL,CAAa,KAAb;;AAEA,UAAKR,MAAL,CAAYS,KAAZ,CAAkBC,OAAlB,CAA0B,UAAAC,IAAI,EAAI;AAC9B,YAAKC,UAAL,CAAgB,IAAId,oBAAJ,CAAyBa,IAAI,CAACZ,EAA9B,EAAkCY,IAAlC,CAAhB;AACH,KAFD;;AAL2C;AAQ9C;;AATL;AAAA;AAAA,WAWI,iCAA+BZ,EAA/B,EAAiE;AAC7D,aAAO,KAAKc,UAAL,CAAgBd,EAAhB,CAAP;AACH;AAbL;AAAA;AAAA,WAeI,gBAAuBI,KAAvB,EAAqE;AACjE;AACR;AACA;AACA;AACQ;AACA,0BAAO,oBAAC,SAAD;AAAW,QAAA,SAAS,EAAE;AAAtB,sFAAuCA,KAAvC,EAAP;AACH;AAtBL;;AAAA;AAAA,EAAsCR,SAAtC","sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-ignore\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"]}
+{"version":3,"names":["AccordionItemElement","id","config","title","description","props","open","rest","isOpened","UIElement","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-ignore\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;IAcaA,oB;;;;;EACT,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA6C;IAAA;IAAA,yBACnCD,EADmC,EAC/BC,MAD+B;EAE5C;;;;WAED,kBAAgBC,KAAhB,EAAqC;MACjC,KAAKD,MAAL,CAAYC,KAAZ,GAAoBA,KAApB;IACH;;;WAED,wBAAsBC,WAAtB,EAAiD;MAC7C,KAAKF,MAAL,CAAYE,WAAZ,GAA0BA,WAA1B;IACH;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,mBAA0B,KAAKH,MAA/B;MAAA,IAAQI,IAAR,gBAAQA,IAAR;MAAA,IAAiBC,IAAjB;MACA,IAAMC,QAAQ,GAAG,OAAOF,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACD,KAAD,CAAjC,GAA2CC,IAA5D;MACA,oBACI,6BAAC,wBAAD;QAAe,IAAI,EAAEE;MAArB,GAAmCD,IAAnC,gHACkBF,KADlB,EADJ;IAKH;;;EArBqCI,qB;;;;IA4B7BC,gB;;;;;EACT,0BAAmBT,EAAnB,EAA+BC,MAA/B,EAA+C;IAAA;;IAAA;IAC3C,2BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKS,OAAL,CAAa,KAAb;;IAEA,MAAKT,MAAL,CAAYU,KAAZ,CAAkBC,OAAlB,CAA0B,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAL,CAAgB,IAAIf,oBAAJ,CAAyBc,IAAI,CAACb,EAA9B,EAAkCa,IAAlC,CAAhB;IACH,CAFD;;IAL2C;EAQ9C;;;;WAED,iCAA+Bb,EAA/B,EAAiE;MAC7D,OAAO,KAAKe,UAAL,CAAgBf,EAAhB,CAAP;IACH;;;WAED,gBAAuBI,KAAvB,EAAqE;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAD;QAAW,SAAS,EAAE;MAAtB,4GAAuCA,KAAvC,EAAP;IACH;;;EAtBiCI,qB"}

package/ui/elements/ButtonElement.js

@@ -1,27 +1,43 @@
-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 { UIElement } from "../UIElement";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonElement = 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 _UIElement2 = require("../UIElement");
+
 var BUTTONS = {
-  default: ButtonDefault,
-  primary: ButtonPrimary,
-  secondary: ButtonSecondary
+  default: _Button.ButtonDefault,
+  primary: _Button.ButtonPrimary,
+  secondary: _Button.ButtonSecondary
 };
-export var ButtonElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ButtonElement, _UIElement);
 
-  var _super = _createSuper(ButtonElement);
+var ButtonElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ButtonElement, _UIElement);
 
-  function ButtonElement() {
-    _classCallCheck(this, ButtonElement);
+  var _super = (0, _createSuper2.default)(ButtonElement);
 
+  function ButtonElement() {
+    (0, _classCallCheck2.default)(this, ButtonElement);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ButtonElement, [{
+  (0, _createClass2.default)(ButtonElement, [{
     key: "setLabel",
     value: function setLabel(label) {
       /**
@@ -73,13 +89,14 @@ export var ButtonElement = /*#__PURE__*/function (_UIElement) {
 
       var _onClick = this.getOnClick();
 
-      return /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/_react.default.createElement(Component, {
         onClick: function onClick() {
           return _onClick(props);
         }
       }, this.getLabel(props));
     }
   }]);
-
   return ButtonElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.ButtonElement = ButtonElement;

package/ui/elements/ButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ButtonElement.tsx"],"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","UIElement","BUTTONS","default","primary","secondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,eAAvC,QAA8D,mBAA9D;AACA,SAASC,SAAT;AAkBA,IAAMC,OAAO,GAAG;AACZC,EAAAA,OAAO,EAAEL,aADG;AAEZM,EAAAA,OAAO,EAAEL,aAFG;AAGZM,EAAAA,SAAS,EAAEL;AAHC,CAAhB;AAMA,WAAaM,aAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WAGI,kBACIC,KADJ,EAEQ;AACJ;AACR;AACA;AACA;AACQ;AACA,WAAKC,MAAL,CAAYD,KAAZ,GAAoBA,KAApB;AACH;AAZL;AAAA;AAAA,WAcI,kBAAgBE,KAAhB,EAA8C;AAC1C,UAAI,OAAO,KAAKD,MAAL,CAAYD,KAAnB,KAA6B,UAAjC,EAA6C;AACzC;AACA,eAAO,KAAKC,MAAL,CAAYD,KAAZ,CAAkBE,KAAlB,CAAP;AACH;;AACD,aAAO,KAAKD,MAAL,CAAYD,KAAnB;AACH;AApBL;AAAA;AAAA,WAsBI,iBAAeG,IAAf,EAA8C;AAC1C,WAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;AACH;AAxBL;AAAA;AAAA,WA0BI,iBAAeD,KAAf,EAAwD;AACpD,UAAI,OAAO,KAAKD,MAAL,CAAYE,IAAnB,KAA4B,UAAhC,EAA4C;AACxC;AACA,eAAO,KAAKF,MAAL,CAAYE,IAAZ,CAAiBD,KAAjB,CAAP;AACH;;AACD,aAAO,KAAKD,MAAL,CAAYE,IAAnB;AACH;AAhCL;AAAA;AAAA,WAkCI,oBAAkBC,OAAlB,EAA8D;AAC1D,WAAKH,MAAL,CAAYG,OAAZ,GAAsBA,OAAtB;AACH;AApCL;AAAA;AAAA,WAsCI,sBAAoB;AAChB,aAAO,KAAKH,MAAL,CAAYG,OAAnB;AACH;AAxCL;AAAA;AAAA,WA0CI,gBAAuBF,KAAvB,EAAgE;AAC5D,UAAMG,SAAS,GAAGV,OAAO,CAAC,KAAKW,OAAL,CAAaJ,KAAb,CAAD,CAAzB;;AACA,UAAME,QAAO,GAAG,KAAKG,UAAL,EAAhB;;AAEA,0BAAO,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAE;AAAA,iBAAMH,QAAO,CAACF,KAAD,CAAb;AAAA;AAApB,SAA2C,KAAKM,QAAL,CAAcN,KAAd,CAA3C,CAAP;AACH;AA/CL;;AAAA;AAAA,EAAuDR,SAAvD","sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n    ButtonElementConfig<TRenderProps>\n> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-ignore\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return <Component onClick={() => onClick(props)}>{this.getLabel(props)}</Component>;\n    }\n}\n"]}
+{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n    ButtonElementConfig<TRenderProps>\n> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-ignore\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return <Component onClick={() => onClick(props)}>{this.getLabel(props)}</Component>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAkBA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBADG;EAEZC,OAAO,EAAEC,qBAFG;EAGZC,SAAS,EAAEC;AAHC,CAAhB;;IAMaC,a;;;;;;;;;;;;WAGT,kBACIC,KADJ,EAEQ;MACJ;AACR;AACA;AACA;MACQ;MACA,KAAKC,MAAL,CAAYD,KAAZ,GAAoBA,KAApB;IACH;;;WAED,kBAAgBE,KAAhB,EAA8C;MAC1C,IAAI,OAAO,KAAKD,MAAL,CAAYD,KAAnB,KAA6B,UAAjC,EAA6C;QACzC;QACA,OAAO,KAAKC,MAAL,CAAYD,KAAZ,CAAkBE,KAAlB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYD,KAAnB;IACH;;;WAED,iBAAeG,IAAf,EAA8C;MAC1C,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,iBAAeD,KAAf,EAAwD;MACpD,IAAI,OAAO,KAAKD,MAAL,CAAYE,IAAnB,KAA4B,UAAhC,EAA4C;QACxC;QACA,OAAO,KAAKF,MAAL,CAAYE,IAAZ,CAAiBD,KAAjB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYE,IAAnB;IACH;;;WAED,oBAAkBC,OAAlB,EAA8D;MAC1D,KAAKH,MAAL,CAAYG,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKH,MAAL,CAAYG,OAAnB;IACH;;;WAED,gBAAuBF,KAAvB,EAAgE;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,KAAKc,OAAL,CAAaJ,KAAb,CAAD,CAAzB;;MACA,IAAME,QAAO,GAAG,KAAKG,UAAL,EAAhB;;MAEA,oBAAO,6BAAC,SAAD;QAAW,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAD,CAAb;QAAA;MAApB,GAA2C,KAAKM,QAAL,CAAcN,KAAd,CAA3C,CAAP;IACH;;;EA/CkDO,qB"}

package/ui/elements/ButtonGroupElement.js

@@ -1,13 +1,31 @@
-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 styled from "@emotion/styled";
-var ButtonGroup = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroupElement = 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 _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var ButtonGroup = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eztnaqv0",
   label: "ButtonGroup"
 })({
@@ -20,16 +38,16 @@ var ButtonGroup = /*#__PURE__*/styled("div", {
     marginRight: 15
   }
 });
-export var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ButtonGroupElement, _UIElement);
 
-  var _super = _createSuper(ButtonGroupElement);
+var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ButtonGroupElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(ButtonGroupElement);
 
   function ButtonGroupElement(id) {
     var _this;
 
-    _classCallCheck(this, ButtonGroupElement);
-
+    (0, _classCallCheck2.default)(this, ButtonGroupElement);
     _this = _super.call(this, id);
 
     _this.useGrid(false);
@@ -37,12 +55,13 @@ export var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(ButtonGroupElement, [{
+  (0, _createClass2.default)(ButtonGroupElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(ButtonGroup, null, _get(_getPrototypeOf(ButtonGroupElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonGroupElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return ButtonGroupElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.ButtonGroupElement = ButtonGroupElement;