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

package/base/ui/CenteredView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CenteredView.tsx"],"names":["React","styled","makeComposable","Container","display","justifyContent","Width","props","maxWidth","width","CenteredView","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,cAAT;AAMA,IAAMC,SAAS,gBAAGF,MAAH;AAAA;AAAA;AAAA,GAAc;AACzBG,EAAAA,OAAO,EAAE,MADgB;AAEzBC,EAAAA,cAAc,EAAE;AAFS,CAAd,CAAf;AASA,IAAMC,KAAK,gBAAGL,MAAH;AAAA;AAAA;AAAA,GAAc,UAACM,KAAD;AAAA,SAAmB;AACxCC,IAAAA,QAAQ,EAAED,KAAK,CAACC,QADwB;AAExCC,IAAAA,KAAK,EAAE;AAFiC,GAAnB;AAAA,CAAd,CAAX;AAKA,OAAO,IAAMC,YAAY,GAAGR,cAAc,CACtC,cADsC,EAEtC,gBAAkC;AAAA,2BAA/BM,QAA+B;AAAA,MAA/BA,QAA+B,8BAApB,GAAoB;AAAA,MAAfG,QAAe,QAAfA,QAAe;AAC9B,sBACI,oBAAC,SAAD,qBACI,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAEH;AAAjB,KAA4BG,QAA5B,CADJ,CADJ;AAKH,CARqC,CAAnC","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeComposable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    maxWidth?: number | string;\n}\n\nconst Container = styled.div({\n    display: \"flex\",\n    justifyContent: \"center\"\n});\n\ninterface Props {\n    maxWidth: string | number;\n}\n\nconst Width = styled.div((props: Props) => ({\n    maxWidth: props.maxWidth,\n    width: \"100%\"\n}));\n\nexport const CenteredView = makeComposable<CenteredViewProps>(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"]}
+{"version":3,"names":["Container","styled","display","justifyContent","Width","props","maxWidth","width","CenteredView","makeComposable","children"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeComposable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    maxWidth?: number | string;\n}\n\nconst Container = styled.div({\n    display: \"flex\",\n    justifyContent: \"center\"\n});\n\ninterface Props {\n    maxWidth: string | number;\n}\n\nconst Width = styled.div((props: Props) => ({\n    maxWidth: props.maxWidth,\n    width: \"100%\"\n}));\n\nexport const CenteredView = makeComposable<CenteredViewProps>(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMA,IAAMA,SAAS,oBAAGC,eAAH;EAAA;EAAA;AAAA,GAAc;EACzBC,OAAO,EAAE,MADgB;EAEzBC,cAAc,EAAE;AAFS,CAAd,CAAf;AASA,IAAMC,KAAK,oBAAGH,eAAH;EAAA;EAAA;AAAA,GAAc,UAACI,KAAD;EAAA,OAAmB;IACxCC,QAAQ,EAAED,KAAK,CAACC,QADwB;IAExCC,KAAK,EAAE;EAFiC,CAAnB;AAAA,CAAd,CAAX;AAKO,IAAMC,YAAY,GAAG,IAAAC,gBAAA,EACxB,cADwB,EAExB,gBAAkC;EAAA,yBAA/BH,QAA+B;EAAA,IAA/BA,QAA+B,8BAApB,GAAoB;EAAA,IAAfI,QAAe,QAAfA,QAAe;EAC9B,oBACI,6BAAC,SAAD,qBACI,6BAAC,KAAD;IAAO,QAAQ,EAAEJ;EAAjB,GAA4BI,QAA5B,CADJ,CADJ;AAKH,CARuB,CAArB"}

package/base/ui/Dashboard.js

@@ -1,6 +1,19 @@
-import React from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-export var Dashboard = makeComposable("Dashboard", function () {
-  return /*#__PURE__*/React.createElement(DashboardRenderer, null);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export var DashboardRenderer = makeComposable("DashboardRenderer");
+exports.DashboardRenderer = exports.Dashboard = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var Dashboard = (0, _appAdminCore.makeComposable)("Dashboard", function () {
+  return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
+});
+exports.Dashboard = Dashboard;
+var DashboardRenderer = (0, _appAdminCore.makeComposable)("DashboardRenderer");
+exports.DashboardRenderer = DashboardRenderer;

package/base/ui/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Dashboard.tsx"],"names":["React","makeComposable","Dashboard","DashboardRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,SAAS,GAAGD,cAAc,CAAC,WAAD,EAAc,YAAM;AACvD,sBAAO,oBAAC,iBAAD,OAAP;AACH,CAFsC,CAAhC;AAIP,OAAO,IAAME,iBAAiB,GAAGF,cAAc,CAAC,mBAAD,CAAxC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"]}
+{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,SAAS,GAAG,IAAAC,4BAAA,EAAe,WAAf,EAA4B,YAAM;EACvD,oBAAO,6BAAC,iBAAD,OAAP;AACH,CAFwB,CAAlB;;AAIA,IAAMC,iBAAiB,GAAG,IAAAD,4BAAA,EAAe,mBAAf,CAA1B"}

package/base/ui/Layout.js

@@ -1,11 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutRenderer = exports.Layout = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
 var _excluded = ["children"];
-import React from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-export var Layout = makeComposable("Layout", function (_ref) {
+var Layout = (0, _appAdminCore.makeComposable)("Layout", function (_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(LayoutRenderer, props, children);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
 });
-export var LayoutRenderer = makeComposable("LayoutRenderer");
+exports.Layout = Layout;
+var LayoutRenderer = (0, _appAdminCore.makeComposable)("LayoutRenderer");
+exports.LayoutRenderer = LayoutRenderer;

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Layout.tsx"],"names":["React","makeComposable","Layout","children","props","LayoutRenderer"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAOA,OAAO,IAAMC,MAAM,GAAGD,cAAc,CAAc,QAAd,EAAwB,gBAA4B;AAAA,MAAzBE,QAAyB,QAAzBA,QAAyB;AAAA,MAAZC,KAAY;;AACpF,sBAAO,oBAAC,cAAD,EAAoBA,KAApB,EAA4BD,QAA5B,CAAP;AACH,CAFmC,CAA7B;AAIP,OAAO,IAAME,cAAc,GAAGJ,cAAc,CAAc,gBAAd,CAArC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"]}
+{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAOO,IAAMA,MAAM,GAAG,IAAAC,4BAAA,EAA4B,QAA5B,EAAsC,gBAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAZC,KAAY;EACpF,oBAAO,6BAAC,cAAD,EAAoBA,KAApB,EAA4BD,QAA5B,CAAP;AACH,CAFqB,CAAf;;AAIA,IAAME,cAAc,GAAG,IAAAH,4BAAA,EAA4B,gBAA5B,CAAvB"}

package/base/ui/LocaleSelector.js

@@ -1,6 +1,19 @@
-import React from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-export var LocaleSelector = makeComposable("LocaleSelector", function () {
-  return /*#__PURE__*/React.createElement(LocaleSelectorRenderer, null);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export var LocaleSelectorRenderer = makeComposable("LocaleSelectorRenderer");
+exports.LocaleSelectorRenderer = exports.LocaleSelector = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var LocaleSelector = (0, _appAdminCore.makeComposable)("LocaleSelector", function () {
+  return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
+});
+exports.LocaleSelector = LocaleSelector;
+var LocaleSelectorRenderer = (0, _appAdminCore.makeComposable)("LocaleSelectorRenderer");
+exports.LocaleSelectorRenderer = LocaleSelectorRenderer;

package/base/ui/LocaleSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleSelector.tsx"],"names":["React","makeComposable","LocaleSelector","LocaleSelectorRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,cAAc,GAAGD,cAAc,CAAC,gBAAD,EAAmB,YAAM;AACjE,sBAAO,oBAAC,sBAAD,OAAP;AACH,CAF2C,CAArC;AAIP,OAAO,IAAME,sBAAsB,GAAGF,cAAc,CAAC,wBAAD,CAA7C","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"]}
+{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,GAAG,IAAAC,4BAAA,EAAe,gBAAf,EAAiC,YAAM;EACjE,oBAAO,6BAAC,sBAAD,OAAP;AACH,CAF6B,CAAvB;;AAIA,IAAMC,sBAAsB,GAAG,IAAAD,4BAAA,EAAe,wBAAf,CAA/B"}

package/base/ui/LoginScreen.js

@@ -1,12 +1,27 @@
-import React from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-import { Tags } from "./Tags";
-export var LoginScreen = function LoginScreen(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoginScreenRenderer = exports.LoginScreen = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var _Tags = require("./Tags");
+
+var LoginScreen = function LoginScreen(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Tags, {
+  return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
     tags: {
       location: "loginScreen"
     }
-  }, /*#__PURE__*/React.createElement(LoginScreenRenderer, null, children));
+  }, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
 };
-export var LoginScreenRenderer = makeComposable("LoginScreenRenderer");
+
+exports.LoginScreen = LoginScreen;
+var LoginScreenRenderer = (0, _appAdminCore.makeComposable)("LoginScreenRenderer");
+exports.LoginScreenRenderer = LoginScreenRenderer;

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LoginScreen.tsx"],"names":["React","makeComposable","Tags","LoginScreen","children","location","LoginScreenRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AACA,SAASC,IAAT;AAMA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACrE,sBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,kBACI,oBAAC,mBAAD,QAAsBD,QAAtB,CADJ,CADJ;AAKH,CANM;AAQP,OAAO,IAAME,mBAAmB,GAAGL,cAAc,CAAmB,qBAAnB,CAA1C","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"]}
+{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrE,oBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAZ;EAAZ,gBACI,6BAAC,mBAAD,QAAsBD,QAAtB,CADJ,CADJ;AAKH,CANM;;;AAQA,IAAME,mBAAmB,GAAG,IAAAC,4BAAA,EAAiC,qBAAjC,CAA5B"}

package/base/ui/Logo.js

@@ -1,20 +1,36 @@
-import React, { useMemo } from "react";
-import { Compose, makeComposable } from "@webiny/app-admin-core";
-export var Logo = makeComposable("Logo", function () {
-  return /*#__PURE__*/React.createElement(LogoRenderer, null);
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export var LogoRenderer = makeComposable("LogoRenderer");
-export var AddLogo = function AddLogo(_ref) {
+exports.LogoRenderer = exports.Logo = exports.AddLogo = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var Logo = (0, _appAdminCore.makeComposable)("Logo", function () {
+  return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
+});
+exports.Logo = Logo;
+var LogoRenderer = (0, _appAdminCore.makeComposable)("LogoRenderer");
+exports.LogoRenderer = LogoRenderer;
+
+var AddLogo = function AddLogo(_ref) {
   var logo = _ref.logo;
-  var LogoHOC = useMemo(function () {
+  var LogoHOC = (0, _react.useMemo)(function () {
     return function () {
       return function Logo() {
         return logo;
       };
     };
   }, []);
-  return /*#__PURE__*/React.createElement(Compose, {
+  return /*#__PURE__*/_react.default.createElement(_appAdminCore.Compose, {
     component: LogoRenderer,
     with: LogoHOC
   });
-};
+};
+
+exports.AddLogo = AddLogo;

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Logo.tsx"],"names":["React","useMemo","Compose","makeComposable","Logo","LogoRenderer","AddLogo","logo","LogoHOC"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,wBAAxC;AAEA,OAAO,IAAMC,IAAI,GAAGD,cAAc,CAAC,MAAD,EAAS,YAAM;AAC7C,sBAAO,oBAAC,YAAD,OAAP;AACH,CAFiC,CAA3B;AAIP,OAAO,IAAME,YAAY,GAAGF,cAAc,CAAC,cAAD,CAAnC;AAMP,OAAO,IAAMG,OAA+B,GAAG,SAAlCA,OAAkC,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;AACzD,MAAMC,OAAO,GAAGP,OAAO,CAAC,YAAM;AAC1B,WAAO,YAAM;AACT,aAAO,SAASG,IAAT,GAAgB;AACnB,eAAOG,IAAP;AACH,OAFD;AAGH,KAJD;AAKH,GANsB,EAMpB,EANoB,CAAvB;AAQA,sBAAO,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEF,YAApB;AAAkC,IAAA,IAAI,EAAEG;AAAxC,IAAP;AACH,CAVM","sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"]}
+{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,IAAI,GAAG,IAAAC,4BAAA,EAAe,MAAf,EAAuB,YAAM;EAC7C,oBAAO,6BAAC,YAAD,OAAP;AACH,CAFmB,CAAb;;AAIA,IAAMC,YAAY,GAAG,IAAAD,4BAAA,EAAe,cAAf,CAArB;;;AAMA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACzD,IAAMC,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAT,GAAgB;QACnB,OAAOI,IAAP;MACH,CAFD;IAGH,CAJD;EAKH,CANe,EAMb,EANa,CAAhB;EAQA,oBAAO,6BAAC,qBAAD;IAAS,SAAS,EAAEF,YAApB;IAAkC,IAAI,EAAEG;EAAxC,EAAP;AACH,CAVM"}

package/base/ui/Menu.js

@@ -1,31 +1,50 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createEmptyMenu = exports.AddMenu = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("../..");
+
 var _excluded = ["children"];
-import React, { createContext, useContext, useEffect } from "react";
-import { useNavigation } from "../..";
-var MenuContext = /*#__PURE__*/createContext(undefined);
+var MenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 MenuContext.displayName = "MenuContext";
 
 var useMenu = function useMenu() {
-  return useContext(MenuContext);
+  return (0, _react.useContext)(MenuContext);
 };
 
-export var createEmptyMenu = function createEmptyMenu(name) {
+var createEmptyMenu = function createEmptyMenu(name) {
   return {
     name: name,
     tags: [],
     children: []
   };
 };
+
+exports.createEmptyMenu = createEmptyMenu;
 var keys = ["label", "path", "icon", "onClick", "testId", "tags", "target", "rel", "element", "pin"];
 
 var mergeMenuItems = function mergeMenuItems(item1, item2) {
-  return _objectSpread(_objectSpread(_objectSpread({}, item1), keys.reduce(function (map, key) {
+  return (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, item1), keys.reduce(function (map, key) {
     var _item2$key;
 
-    return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, key, (_item2$key = item2[key]) !== null && _item2$key !== void 0 ? _item2$key : item1[key]));
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, map), {}, (0, _defineProperty2.default)({}, key, (_item2$key = item2[key]) !== null && _item2$key !== void 0 ? _item2$key : item1[key]));
   }, {})), {}, {
     children: (item2.children || []).reduce(function (acc, menu) {
       var index = acc.findIndex(function (i) {
@@ -39,7 +58,7 @@ var mergeMenuItems = function mergeMenuItems(item1, item2) {
       }
 
       return acc;
-    }, _toConsumableArray(item1.children))
+    }, (0, _toConsumableArray2.default)(item1.children))
   });
 };
 /**
@@ -47,17 +66,16 @@ var mergeMenuItems = function mergeMenuItems(item1, item2) {
  */
 
 
-export var AddMenu = function AddMenu(_ref) {
+var AddMenu = function AddMenu(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var menu = useMenu();
-  var navigation = useNavigation();
-  useEffect(function () {
+  var navigation = (0, _.useNavigation)();
+  (0, _react.useEffect)(function () {
     if (menu) {
       menu.setMenu(props.name, function (existing) {
         if (!existing) {
-          return _objectSpread(_objectSpread({}, props), {}, {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
             children: []
           });
         }
@@ -87,7 +105,7 @@ export var AddMenu = function AddMenu(_ref) {
     };
   }, []);
   var context = {
-    menuItem: _objectSpread(_objectSpread({}, props), {}, {
+    menuItem: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
       children: []
     }),
     removeMenu: function removeMenu(name) {
@@ -101,8 +119,8 @@ export var AddMenu = function AddMenu(_ref) {
         });
 
         if (childIndex > -1) {
-          return _objectSpread(_objectSpread({}, existing), {}, {
-            children: [].concat(_toConsumableArray(existing.children.slice(0, childIndex)), _toConsumableArray(existing.children.slice(childIndex + 1)))
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+            children: [].concat((0, _toConsumableArray2.default)(existing.children.slice(0, childIndex)), (0, _toConsumableArray2.default)(existing.children.slice(childIndex + 1)))
           });
         }
 
@@ -121,13 +139,13 @@ export var AddMenu = function AddMenu(_ref) {
         });
 
         if (childIndex === -1) {
-          return _objectSpread(_objectSpread({}, existing), {}, {
-            children: [].concat(_toConsumableArray(subItems), [updater(null)]).filter(Boolean)
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+            children: [].concat((0, _toConsumableArray2.default)(subItems), [updater(null)]).filter(Boolean)
           });
         }
 
-        return _objectSpread(_objectSpread({}, existing), {}, {
-          children: [].concat(_toConsumableArray(subItems.slice(0, childIndex)), [updater(subItems[childIndex])], _toConsumableArray(subItems.slice(childIndex + 1))).filter(Boolean)
+        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+          children: [].concat((0, _toConsumableArray2.default)(subItems.slice(0, childIndex)), [updater(subItems[childIndex])], (0, _toConsumableArray2.default)(subItems.slice(childIndex + 1))).filter(Boolean)
         });
       });
     }
@@ -137,10 +155,12 @@ export var AddMenu = function AddMenu(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(MenuContext.Provider, {
     value: context
   }, children);
 };
+
+exports.AddMenu = AddMenu;
 AddMenu.defaultProps = {
   tags: []
 };

package/base/ui/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Menu.tsx"],"names":["React","createContext","useContext","useEffect","useNavigation","MenuContext","undefined","displayName","useMenu","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"]}
+{"version":3,"names":["MenuContext","createContext","undefined","displayName","useMenu","useContext","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","useNavigation","useEffect","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"sources":["Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"],"mappings":"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"}

package/base/ui/Navigation.js

@@ -1,11 +1,31 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { Fragment, useEffect, createContext, useCallback, useMemo, useState, useContext } from "react";
-import { nanoid } from "nanoid";
-import { makeComposable, Plugins } from "@webiny/app-admin-core";
-import { AddMenu as Menu, Tags, createEmptyMenu } from "../..";
-import { plugins } from "@webiny/plugins";
-var NavigationContext = /*#__PURE__*/createContext({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationRenderer = exports.NavigationProvider = exports.Navigation = exports.MenuItems = exports.MenuItemRenderer = exports.MenuItem = void 0;
+exports.useMenuItem = useMenuItem;
+exports.useNavigation = useNavigation;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _nanoid = require("nanoid");
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var _ = require("../..");
+
+var _plugins = require("@webiny/plugins");
+
+var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
   menuItems: [],
   setMenu: function setMenu() {
     return void 0;
@@ -15,28 +35,30 @@ var NavigationContext = /*#__PURE__*/createContext({
   }
 });
 NavigationContext.displayName = "NavigationContext";
-export function useNavigation() {
-  return useContext(NavigationContext);
+
+function useNavigation() {
+  return (0, _react.useContext)(NavigationContext);
 } // IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!
 // It is not a public component, and is not even exported from this file. We need it to take care of
 // scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).
 
+
 var LegacyMenu = function LegacyMenu(props) {
-  return /*#__PURE__*/React.createElement(Menu, Object.assign({}, props, {
-    name: props.name || nanoid(),
+  return /*#__PURE__*/_react.default.createElement(_.AddMenu, Object.assign({}, props, {
+    name: props.name || (0, _nanoid.nanoid)(),
     label: props.label
   }), props.children);
 };
 
 var LegacyMenuPlugins = function LegacyMenuPlugins() {
   // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       menus = _useState2[0],
       setMenus = _useState2[1];
 
-  useEffect(function () {
-    var menuPlugins = plugins.byType("admin-menu");
+  (0, _react.useEffect)(function () {
+    var menuPlugins = _plugins.plugins.byType("admin-menu");
 
     if (!menuPlugins) {
       return;
@@ -44,7 +66,7 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
 
     var menuElements = menuPlugins.map(function (plugin) {
       // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC
-      return /*#__PURE__*/React.createElement(Plugins, {
+      return /*#__PURE__*/_react.default.createElement(_appAdminCore.Plugins, {
         key: plugin.name
       }, plugin.render({
         Menu: LegacyMenu,
@@ -58,12 +80,12 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
   return menus;
 };
 
-export var NavigationProvider = function NavigationProvider(Component) {
+var NavigationProvider = function NavigationProvider(Component) {
   return function NavigationProvider(_ref) {
     var children = _ref.children;
 
-    var _useState3 = useState([]),
-        _useState4 = _slicedToArray(_useState3, 2),
+    var _useState3 = (0, _react.useState)([]),
+        _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
         menuItems = _useState4[0],
         setState = _useState4[1];
 
@@ -72,21 +94,21 @@ export var NavigationProvider = function NavigationProvider(Component) {
         var index = state.findIndex(function (m) {
           return m.name === id;
         });
-        var newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));
+        var newMenu = index > -1 ? updater(state[index]) : updater((0, _.createEmptyMenu)(id));
 
         if (!newMenu) {
-          return _toConsumableArray(state);
+          return (0, _toConsumableArray2.default)(state);
         }
 
         if (!newMenu.children) {
           newMenu.children = [];
         }
 
-        return index > -1 ? [].concat(_toConsumableArray(state.slice(0, index)), [newMenu], _toConsumableArray(state.slice(index + 1))) : [].concat(_toConsumableArray(state), [newMenu]);
+        return index > -1 ? [].concat((0, _toConsumableArray2.default)(state.slice(0, index)), [newMenu], (0, _toConsumableArray2.default)(state.slice(index + 1))) : [].concat((0, _toConsumableArray2.default)(state), [newMenu]);
       });
     };
 
-    var removeMenu = useCallback(function (id) {
+    var removeMenu = (0, _react.useCallback)(function (id) {
       setState(function (state) {
         var index = state.findIndex(function (m) {
           return m.name === id;
@@ -96,52 +118,67 @@ export var NavigationProvider = function NavigationProvider(Component) {
           return state;
         }
 
-        return [].concat(_toConsumableArray(state.slice(0, index)), _toConsumableArray(state.slice(index + 1)));
+        return [].concat((0, _toConsumableArray2.default)(state.slice(0, index)), (0, _toConsumableArray2.default)(state.slice(index + 1)));
       });
     }, [setState]);
-    var context = useMemo(function () {
+    var context = (0, _react.useMemo)(function () {
       return {
         menuItems: menuItems,
         setMenu: setMenu,
         removeMenu: removeMenu
       };
     }, [menuItems, setMenu, removeMenu]);
-    return /*#__PURE__*/React.createElement(NavigationContext.Provider, {
+    return /*#__PURE__*/_react.default.createElement(NavigationContext.Provider, {
       value: context
-    }, /*#__PURE__*/React.createElement(LegacyMenuPlugins, null), /*#__PURE__*/React.createElement(Component, null, children));
+    }, /*#__PURE__*/_react.default.createElement(LegacyMenuPlugins, null), /*#__PURE__*/_react.default.createElement(Component, null, children));
   };
 };
-export var Navigation = function Navigation() {
-  return /*#__PURE__*/React.createElement(Tags, {
+
+exports.NavigationProvider = NavigationProvider;
+
+var Navigation = function Navigation() {
+  return /*#__PURE__*/_react.default.createElement(_.Tags, {
     tags: {
       location: "navigation"
     }
-  }, /*#__PURE__*/React.createElement(NavigationRenderer, null));
+  }, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
 };
-export var NavigationRenderer = makeComposable("NavigationRenderer");
-var MenuItemContext = /*#__PURE__*/React.createContext({
+
+exports.Navigation = Navigation;
+var NavigationRenderer = (0, _appAdminCore.makeComposable)("NavigationRenderer");
+exports.NavigationRenderer = NavigationRenderer;
+
+var MenuItemContext = /*#__PURE__*/_react.default.createContext({
   menuItem: undefined,
   depth: -1
 });
+
 MenuItemContext.displayName = "MenuItemContext";
-export function useMenuItem() {
-  return React.useContext(MenuItemContext);
+
+function useMenuItem() {
+  return _react.default.useContext(MenuItemContext);
 }
-export var MenuItems = makeComposable("MenuItems", function (_ref2) {
+
+var MenuItems = (0, _appAdminCore.makeComposable)("MenuItems", function (_ref2) {
   var menuItems = _ref2.menuItems;
   var menuItem = useMenuItem();
   var depth = menuItem ? menuItem.depth : -1;
-  return /*#__PURE__*/React.createElement(Fragment, null, menuItems.map(function (menuItem) {
-    return /*#__PURE__*/React.createElement(MenuItemContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (menuItem) {
+    return /*#__PURE__*/_react.default.createElement(MenuItemContext.Provider, {
       key: menuItem.name,
       value: {
         menuItem: menuItem,
         depth: depth + 1
       }
-    }, /*#__PURE__*/React.createElement(MenuItem, null));
+    }, /*#__PURE__*/_react.default.createElement(MenuItem, null));
   }));
 });
-export var MenuItem = function MenuItem() {
-  return /*#__PURE__*/React.createElement(MenuItemRenderer, null);
+exports.MenuItems = MenuItems;
+
+var MenuItem = function MenuItem() {
+  return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
 };
-export var MenuItemRenderer = makeComposable("MenuItemRenderer");
+
+exports.MenuItem = MenuItem;
+var MenuItemRenderer = (0, _appAdminCore.makeComposable)("MenuItemRenderer");
+exports.MenuItemRenderer = MenuItemRenderer;