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

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;

package/base/ui/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Navigation.tsx"],"names":["React","Fragment","useEffect","createContext","useCallback","useMemo","useState","useContext","nanoid","makeComposable","Plugins","AddMenu","Menu","Tags","createEmptyMenu","plugins","NavigationContext","menuItems","setMenu","removeMenu","displayName","useNavigation","LegacyMenu","props","name","label","children","LegacyMenuPlugins","menus","setMenus","menuPlugins","byType","menuElements","map","plugin","render","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","slice","context","Navigation","location","NavigationRenderer","MenuItemContext","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"mappings":"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","sourcesContent":["import React, {\n    Fragment,\n    useEffect,\n    createContext,\n    useCallback,\n    useMemo,\n    useState,\n    useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app-admin-core\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n    menuItems: MenuData[];\n    setMenu(id: string, update: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n    menuItems: [],\n    setMenu: () => {\n        return void 0;\n    },\n    removeMenu: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n    return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n    return (\n        <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n    // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n    const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n    useEffect(() => {\n        const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n        if (!menuPlugins) {\n            return;\n        }\n\n        const menuElements = menuPlugins.map(plugin => {\n            // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n            return (\n                <Plugins key={plugin.name}>\n                    {plugin.render({\n                        Menu: LegacyMenu as React.FC,\n                        Item: LegacyMenu as React.FC,\n                        Section: LegacyMenu as React.FC\n                    })}\n                </Plugins>\n            );\n        });\n        // TODO @ts-refactor\n        setMenus(menuElements as any);\n    }, []);\n\n    return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n    return function NavigationProvider({ children }) {\n        const [menuItems, setState] = useState<MenuData[]>([]);\n\n        const setMenu = (id: string, updater: MenuUpdater): void => {\n            setState(state => {\n                const index = state.findIndex(m => m.name === id);\n\n                const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n                if (!newMenu) {\n                    return [...state];\n                }\n                if (!newMenu.children) {\n                    newMenu.children = [];\n                }\n\n                return index > -1\n                    ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n                    : [...state, newMenu];\n            });\n        };\n        const removeMenu = useCallback(\n            id => {\n                setState(state => {\n                    const index = state.findIndex(m => m.name === id);\n\n                    if (index < 0) {\n                        return state;\n                    }\n\n                    return [...state.slice(0, index), ...state.slice(index + 1)];\n                });\n            },\n            [setState]\n        );\n\n        const context = useMemo<NavigationContext>(\n            () => ({\n                menuItems,\n                setMenu,\n                removeMenu\n            }),\n            [menuItems, setMenu, removeMenu]\n        );\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <LegacyMenuPlugins />\n                <Component>{children}</Component>\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const Navigation: React.FC = () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n    menuItem?: MenuData;\n    depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n    menuItem: undefined,\n    depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n    return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n    menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n    const menuItem = useMenuItem();\n\n    const depth = menuItem ? menuItem.depth : -1;\n\n    return (\n        <Fragment>\n            {menuItems.map(menuItem => (\n                <MenuItemContext.Provider\n                    key={menuItem.name}\n                    value={{ menuItem, depth: depth + 1 }}\n                >\n                    <MenuItem />\n                </MenuItemContext.Provider>\n            ))}\n        </Fragment>\n    );\n});\n\nexport const MenuItem: React.FC = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"]}
+{"version":3,"names":["NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","name","nanoid","label","children","LegacyMenuPlugins","useState","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","render","Menu","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","slice","useCallback","context","useMemo","Navigation","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n    Fragment,\n    useEffect,\n    createContext,\n    useCallback,\n    useMemo,\n    useState,\n    useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app-admin-core\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n    menuItems: MenuData[];\n    setMenu(id: string, update: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n    menuItems: [],\n    setMenu: () => {\n        return void 0;\n    },\n    removeMenu: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n    return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n    return (\n        <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n    // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n    const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n    useEffect(() => {\n        const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n        if (!menuPlugins) {\n            return;\n        }\n\n        const menuElements = menuPlugins.map(plugin => {\n            // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n            return (\n                <Plugins key={plugin.name}>\n                    {plugin.render({\n                        Menu: LegacyMenu as React.FC,\n                        Item: LegacyMenu as React.FC,\n                        Section: LegacyMenu as React.FC\n                    })}\n                </Plugins>\n            );\n        });\n        // TODO @ts-refactor\n        setMenus(menuElements as any);\n    }, []);\n\n    return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n    return function NavigationProvider({ children }) {\n        const [menuItems, setState] = useState<MenuData[]>([]);\n\n        const setMenu = (id: string, updater: MenuUpdater): void => {\n            setState(state => {\n                const index = state.findIndex(m => m.name === id);\n\n                const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n                if (!newMenu) {\n                    return [...state];\n                }\n                if (!newMenu.children) {\n                    newMenu.children = [];\n                }\n\n                return index > -1\n                    ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n                    : [...state, newMenu];\n            });\n        };\n        const removeMenu = useCallback(\n            id => {\n                setState(state => {\n                    const index = state.findIndex(m => m.name === id);\n\n                    if (index < 0) {\n                        return state;\n                    }\n\n                    return [...state.slice(0, index), ...state.slice(index + 1)];\n                });\n            },\n            [setState]\n        );\n\n        const context = useMemo<NavigationContext>(\n            () => ({\n                menuItems,\n                setMenu,\n                removeMenu\n            }),\n            [menuItems, setMenu, removeMenu]\n        );\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <LegacyMenuPlugins />\n                <Component>{children}</Component>\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const Navigation: React.FC = () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n    menuItem?: MenuData;\n    depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n    menuItem: undefined,\n    depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n    return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n    menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n    const menuItem = useMenuItem();\n\n    const depth = menuItem ? menuItem.depth : -1;\n\n    return (\n        <Fragment>\n            {menuItems.map(menuItem => (\n                <MenuItemContext.Provider\n                    key={menuItem.name}\n                    value={{ menuItem, depth: depth + 1 }}\n                >\n                    <MenuItem />\n                </MenuItemContext.Provider>\n            ))}\n        </Fragment>\n    );\n});\n\nexport const MenuItem: React.FC = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}

package/base/ui/NotFound.js

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

package/base/ui/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NotFound.tsx"],"names":["React","makeComposable","NotFound","NotFoundRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,QAAQ,GAAGD,cAAc,CAAC,UAAD,EAAa,YAAM;AACrD,sBAAO,oBAAC,gBAAD,OAAP;AACH,CAFqC,CAA/B;AAIP,OAAO,IAAME,gBAAgB,GAAGF,cAAc,CAAC,kBAAD,CAAvC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const NotFound = makeComposable(\"NotFound\", () => {\n    return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeComposable(\"NotFoundRenderer\");\n"]}
+{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const NotFound = makeComposable(\"NotFound\", () => {\n    return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeComposable(\"NotFoundRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,QAAQ,GAAG,IAAAC,4BAAA,EAAe,UAAf,EAA2B,YAAM;EACrD,oBAAO,6BAAC,gBAAD,OAAP;AACH,CAFuB,CAAjB;;AAIA,IAAMC,gBAAgB,GAAG,IAAAD,4BAAA,EAAe,kBAAf,CAAzB"}

package/base/ui/Search.js

@@ -1,53 +1,81 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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.SearchRenderer = exports.SearchProvider = exports.SearchOption = exports.Search = void 0;
+exports.useSearch = useSearch;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
 var _excluded = ["children"];
-import React, { useCallback, useEffect, useState } from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-var SearchContext = /*#__PURE__*/React.createContext({
+
+var SearchContext = /*#__PURE__*/_react.default.createContext({
   options: [],
   addOption: function addOption() {
     return void 0;
   }
 });
+
 SearchContext.displayName = "SearchContext";
-export function useSearch() {
-  return React.useContext(SearchContext);
+
+function useSearch() {
+  return _react.default.useContext(SearchContext);
 }
-export var SearchProvider = function SearchProvider(Component) {
+
+var SearchProvider = function SearchProvider(Component) {
   return function SearchProvider(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded);
+        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-    var _useState = useState([]),
-        _useState2 = _slicedToArray(_useState, 2),
+    var _useState = (0, _react.useState)([]),
+        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
         options = _useState2[0],
         setOptions = _useState2[1];
 
-    var addOption = useCallback(function (option) {
+    var addOption = (0, _react.useCallback)(function (option) {
       return setOptions(function (options) {
-        return [].concat(_toConsumableArray(options), [option]);
+        return [].concat((0, _toConsumableArray2.default)(options), [option]);
       });
     }, [setOptions]);
     var context = {
       options: options,
       addOption: addOption
     };
-    return /*#__PURE__*/React.createElement(SearchContext.Provider, {
+    return /*#__PURE__*/_react.default.createElement(SearchContext.Provider, {
       value: context
-    }, /*#__PURE__*/React.createElement(Component, props, children));
+    }, /*#__PURE__*/_react.default.createElement(Component, props, children));
   };
 };
-export var Search = makeComposable("Search", function () {
-  return /*#__PURE__*/React.createElement(SearchRenderer, null);
+
+exports.SearchProvider = SearchProvider;
+var Search = (0, _appAdminCore.makeComposable)("Search", function () {
+  return /*#__PURE__*/_react.default.createElement(SearchRenderer, null);
 });
-export var SearchRenderer = makeComposable("SearchRenderer");
-export var SearchOption = function SearchOption(props) {
+exports.Search = Search;
+var SearchRenderer = (0, _appAdminCore.makeComposable)("SearchRenderer");
+exports.SearchRenderer = SearchRenderer;
+
+var SearchOption = function SearchOption(props) {
   var _useSearch = useSearch(),
       addOption = _useSearch.addOption;
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     addOption(props);
   }, []);
   return null;
-};
+};
+
+exports.SearchOption = SearchOption;

package/base/ui/Search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Search.tsx"],"names":["React","useCallback","useEffect","useState","makeComposable","SearchContext","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","setOptions","option","context","Search","SearchRenderer","SearchOption"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,QAAxC,QAAwD,OAAxD;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAgBA,IAAMC,aAAa,gBAAGL,KAAK,CAACM,aAAN,CAAmC;AACrDC,EAAAA,OAAO,EAAE,EAD4C;AAErDC,EAAAA,SAAS,EAAE,qBAAM;AACb,WAAO,KAAK,CAAZ;AACH;AAJoD,CAAnC,CAAtB;AAMAH,aAAa,CAACI,WAAd,GAA4B,eAA5B;AAEA,OAAO,SAASC,SAAT,GAAqB;AACxB,SAAOV,KAAK,CAACW,UAAN,CAAiBN,aAAjB,CAAP;AACH;AAED,OAAO,IAAMO,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAmC;AAC7D,SAAO,SAASD,cAAT,OAAgD;AAAA,QAAtBE,QAAsB,QAAtBA,QAAsB;AAAA,QAATC,KAAS;;AACnD,oBAA8BZ,QAAQ,CAAqB,EAArB,CAAtC;AAAA;AAAA,QAAOI,OAAP;AAAA,QAAgBS,UAAhB;;AAEA,QAAMR,SAAS,GAAGP,WAAW,CACzB,UAAAgB,MAAM;AAAA,aAAID,UAAU,CAAC,UAAAT,OAAO;AAAA,4CAAQA,OAAR,IAAiBU,MAAjB;AAAA,OAAR,CAAd;AAAA,KADmB,EAEzB,CAACD,UAAD,CAFyB,CAA7B;AAKA,QAAME,OAAO,GAAG;AACZX,MAAAA,OAAO,EAAPA,OADY;AAEZC,MAAAA,SAAS,EAATA;AAFY,KAAhB;AAKA,wBACI,oBAAC,aAAD,CAAe,QAAf;AAAwB,MAAA,KAAK,EAAEU;AAA/B,oBACI,oBAAC,SAAD,EAAeH,KAAf,EAAuBD,QAAvB,CADJ,CADJ;AAKH,GAlBD;AAmBH,CApBM;AAsBP,OAAO,IAAMK,MAAM,GAAGf,cAAc,CAAC,QAAD,EAAW,YAAM;AACjD,sBAAO,oBAAC,cAAD,OAAP;AACH,CAFmC,CAA7B;AAIP,OAAO,IAAMgB,cAAc,GAAGhB,cAAc,CAAC,gBAAD,CAArC;AAIP,OAAO,IAAMiB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAN,KAAK,EAAI;AAC9D,mBAAsBL,SAAS,EAA/B;AAAA,MAAQF,SAAR,cAAQA,SAAR;;AAEAN,EAAAA,SAAS,CAAC,YAAM;AACZM,IAAAA,SAAS,CAACO,KAAD,CAAT;AACH,GAFQ,EAEN,EAFM,CAAT;AAIA,SAAO,IAAP;AACH,CARM","sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface SearchOptionData {\n    route: string;\n    label: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n}\n\nexport interface SearchContext {\n    options: SearchOptionData[];\n    addOption(option: SearchOptionData): void;\n}\n\nconst SearchContext = React.createContext<SearchContext>({\n    options: [],\n    addOption: () => {\n        return void 0;\n    }\n});\nSearchContext.displayName = \"SearchContext\";\n\nexport function useSearch() {\n    return React.useContext(SearchContext);\n}\n\nexport const SearchProvider = (Component: React.FC): React.FC => {\n    return function SearchProvider({ children, ...props }) {\n        const [options, setOptions] = useState<SearchOptionData[]>([]);\n\n        const addOption = useCallback<SearchContext[\"addOption\"]>(\n            option => setOptions(options => [...options, option]),\n            [setOptions]\n        );\n\n        const context = {\n            options,\n            addOption\n        };\n\n        return (\n            <SearchContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </SearchContext.Provider>\n        );\n    };\n};\n\nexport const Search = makeComposable(\"Search\", () => {\n    return <SearchRenderer />;\n});\n\nexport const SearchRenderer = makeComposable(\"SearchRenderer\");\n\nexport type SearchOptionProps = SearchOptionData;\n\nexport const SearchOption: React.FC<SearchOptionProps> = props => {\n    const { addOption } = useSearch();\n\n    useEffect(() => {\n        addOption(props);\n    }, []);\n\n    return null;\n};\n"]}
+{"version":3,"names":["SearchContext","React","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","useState","setOptions","useCallback","option","context","Search","makeComposable","SearchRenderer","SearchOption","useEffect"],"sources":["Search.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface SearchOptionData {\n    route: string;\n    label: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n}\n\nexport interface SearchContext {\n    options: SearchOptionData[];\n    addOption(option: SearchOptionData): void;\n}\n\nconst SearchContext = React.createContext<SearchContext>({\n    options: [],\n    addOption: () => {\n        return void 0;\n    }\n});\nSearchContext.displayName = \"SearchContext\";\n\nexport function useSearch() {\n    return React.useContext(SearchContext);\n}\n\nexport const SearchProvider = (Component: React.FC): React.FC => {\n    return function SearchProvider({ children, ...props }) {\n        const [options, setOptions] = useState<SearchOptionData[]>([]);\n\n        const addOption = useCallback<SearchContext[\"addOption\"]>(\n            option => setOptions(options => [...options, option]),\n            [setOptions]\n        );\n\n        const context = {\n            options,\n            addOption\n        };\n\n        return (\n            <SearchContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </SearchContext.Provider>\n        );\n    };\n};\n\nexport const Search = makeComposable(\"Search\", () => {\n    return <SearchRenderer />;\n});\n\nexport const SearchRenderer = makeComposable(\"SearchRenderer\");\n\nexport type SearchOptionProps = SearchOptionData;\n\nexport const SearchOption: React.FC<SearchOptionProps> = props => {\n    const { addOption } = useSearch();\n\n    useEffect(() => {\n        addOption(props);\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAgBA,IAAMA,aAAa,gBAAGC,cAAA,CAAMC,aAAN,CAAmC;EACrDC,OAAO,EAAE,EAD4C;EAErDC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAZ;EACH;AAJoD,CAAnC,CAAtB;;AAMAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;;AAEO,SAASC,SAAT,GAAqB;EACxB,OAAOL,cAAA,CAAMM,UAAN,CAAiBP,aAAjB,CAAP;AACH;;AAEM,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAmC;EAC7D,OAAO,SAASD,cAAT,OAAgD;IAAA,IAAtBE,QAAsB,QAAtBA,QAAsB;IAAA,IAATC,KAAS;;IACnD,gBAA8B,IAAAC,eAAA,EAA6B,EAA7B,CAA9B;IAAA;IAAA,IAAOT,OAAP;IAAA,IAAgBU,UAAhB;;IAEA,IAAMT,SAAS,GAAG,IAAAU,kBAAA,EACd,UAAAC,MAAM;MAAA,OAAIF,UAAU,CAAC,UAAAV,OAAO;QAAA,kDAAQA,OAAR,IAAiBY,MAAjB;MAAA,CAAR,CAAd;IAAA,CADQ,EAEd,CAACF,UAAD,CAFc,CAAlB;IAKA,IAAMG,OAAO,GAAG;MACZb,OAAO,EAAPA,OADY;MAEZC,SAAS,EAATA;IAFY,CAAhB;IAKA,oBACI,6BAAC,aAAD,CAAe,QAAf;MAAwB,KAAK,EAAEY;IAA/B,gBACI,6BAAC,SAAD,EAAeL,KAAf,EAAuBD,QAAvB,CADJ,CADJ;EAKH,CAlBD;AAmBH,CApBM;;;AAsBA,IAAMO,MAAM,GAAG,IAAAC,4BAAA,EAAe,QAAf,EAAyB,YAAM;EACjD,oBAAO,6BAAC,cAAD,OAAP;AACH,CAFqB,CAAf;;AAIA,IAAMC,cAAc,GAAG,IAAAD,4BAAA,EAAe,gBAAf,CAAvB;;;AAIA,IAAME,YAAyC,GAAG,SAA5CA,YAA4C,CAAAT,KAAK,EAAI;EAC9D,iBAAsBL,SAAS,EAA/B;EAAA,IAAQF,SAAR,cAAQA,SAAR;;EAEA,IAAAiB,gBAAA,EAAU,YAAM;IACZjB,SAAS,CAACO,KAAD,CAAT;EACH,CAFD,EAEG,EAFH;EAIA,OAAO,IAAP;AACH,CARM"}

package/base/ui/Tags.js

@@ -1,13 +1,29 @@
-import React, { createContext, useContext } from "react";
-var TagsContext = /*#__PURE__*/createContext({});
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTags = exports.Tags = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var TagsContext = /*#__PURE__*/(0, _react.createContext)({});
 TagsContext.displayName = "TagsContext";
-export var Tags = function Tags(_ref) {
+
+var Tags = function Tags(_ref) {
   var tags = _ref.tags,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(TagsContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(TagsContext.Provider, {
     value: tags
   }, children);
 };
-export var useTags = function useTags() {
-  return useContext(TagsContext);
-};
+
+exports.Tags = Tags;
+
+var useTags = function useTags() {
+  return (0, _react.useContext)(TagsContext);
+};
+
+exports.useTags = useTags;

package/base/ui/Tags.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tags.tsx"],"names":["React","createContext","useContext","TagsContext","displayName","Tags","tags","children","useTags"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,UAA/B,QAAiD,OAAjD;AAIA,IAAMC,WAAW,gBAAGF,aAAa,CAAc,EAAd,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAOA,OAAO,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAAwB;AAAA,MAArBC,IAAqB,QAArBA,IAAqB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC7D,sBAAO,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAED;AAA7B,KAAoCC,QAApC,CAAP;AACH,CAFM;AAIP,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACzB,SAAON,UAAU,CAACC,WAAD,CAAjB;AACH,CAFM","sourcesContent":["import React, { createContext, useContext } from \"react\";\n\ntype TagsContext = Record<string, string | boolean>;\n\nconst TagsContext = createContext<TagsContext>({});\nTagsContext.displayName = \"TagsContext\";\n\ninterface TagsProps {\n    tags: Record<string, string | boolean>;\n    children: React.ReactNode;\n}\n\nexport const Tags: React.FC<TagsProps> = ({ tags, children }) => {\n    return <TagsContext.Provider value={tags}>{children}</TagsContext.Provider>;\n};\n\nexport const useTags = () => {\n    return useContext(TagsContext);\n};\n"]}
+{"version":3,"names":["TagsContext","createContext","displayName","Tags","tags","children","useTags","useContext"],"sources":["Tags.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\ntype TagsContext = Record<string, string | boolean>;\n\nconst TagsContext = createContext<TagsContext>({});\nTagsContext.displayName = \"TagsContext\";\n\ninterface TagsProps {\n    tags: Record<string, string | boolean>;\n    children: React.ReactNode;\n}\n\nexport const Tags: React.FC<TagsProps> = ({ tags, children }) => {\n    return <TagsContext.Provider value={tags}>{children}</TagsContext.Provider>;\n};\n\nexport const useTags = () => {\n    return useContext(TagsContext);\n};\n"],"mappings":";;;;;;;;;AAAA;;AAIA,IAAMA,WAAW,gBAAG,IAAAC,oBAAA,EAA2B,EAA3B,CAApB;AACAD,WAAW,CAACE,WAAZ,GAA0B,aAA1B;;AAOO,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAAwB;EAAA,IAArBC,IAAqB,QAArBA,IAAqB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC7D,oBAAO,6BAAC,WAAD,CAAa,QAAb;IAAsB,KAAK,EAAED;EAA7B,GAAoCC,QAApC,CAAP;AACH,CAFM;;;;AAIA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;EACzB,OAAO,IAAAC,iBAAA,EAAWP,WAAX,CAAP;AACH,CAFM"}

package/base/ui/UserMenu.js

@@ -1,32 +1,54 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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.UserMenuRenderer = exports.UserMenuProvider = exports.UserMenuItems = exports.UserMenuItemRenderer = exports.UserMenuItem = exports.UserMenuHandleRenderer = exports.UserMenuHandle = exports.UserMenu = exports.AddUserMenuItem = void 0;
+exports.useUserMenu = useUserMenu;
+exports.useUserMenuItem = useUserMenuItem;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
 var _excluded = ["children"];
-import React, { Fragment, useCallback, useEffect, useState } from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-var UserMenuContext = /*#__PURE__*/React.createContext({
+
+var UserMenuContext = /*#__PURE__*/_react.default.createContext({
   addMenuItem: function addMenuItem() {
     return void 0;
   },
   menuItems: []
 });
+
 UserMenuContext.displayName = "UserMenuContext";
-export function useUserMenu() {
-  return React.useContext(UserMenuContext);
+
+function useUserMenu() {
+  return _react.default.useContext(UserMenuContext);
 }
-export var UserMenuProvider = function UserMenuProvider(Component) {
+
+var UserMenuProvider = function UserMenuProvider(Component) {
   return function UserMenuProvider(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded);
+        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-    var _useState = useState([]),
-        _useState2 = _slicedToArray(_useState, 2),
+    var _useState = (0, _react.useState)([]),
+        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
         menuItems = _useState2[0],
         setItems = _useState2[1];
 
-    var addMenuItem = useCallback(function (item) {
+    var addMenuItem = (0, _react.useCallback)(function (item) {
       setItems(function (items) {
-        return [].concat(_toConsumableArray(items), [item]);
+        return [].concat((0, _toConsumableArray2.default)(items), [item]);
       });
       return function () {
         setItems(function (items) {
@@ -38,7 +60,7 @@ export var UserMenuProvider = function UserMenuProvider(Component) {
             return items;
           }
 
-          return [].concat(_toConsumableArray(items.slice(0, index)), _toConsumableArray(items.slice(index + 1)));
+          return [].concat((0, _toConsumableArray2.default)(items.slice(0, index)), (0, _toConsumableArray2.default)(items.slice(index + 1)));
         });
       };
     }, [setItems]);
@@ -46,36 +68,48 @@ export var UserMenuProvider = function UserMenuProvider(Component) {
       menuItems: menuItems,
       addMenuItem: addMenuItem
     };
-    return /*#__PURE__*/React.createElement(UserMenuContext.Provider, {
+    return /*#__PURE__*/_react.default.createElement(UserMenuContext.Provider, {
       value: context
-    }, /*#__PURE__*/React.createElement(Component, props, children));
+    }, /*#__PURE__*/_react.default.createElement(Component, props, children));
   };
 };
-export var UserMenu = makeComposable("UserMenu", function () {
-  return /*#__PURE__*/React.createElement(UserMenuRenderer, null);
+
+exports.UserMenuProvider = UserMenuProvider;
+var UserMenu = (0, _appAdminCore.makeComposable)("UserMenu", function () {
+  return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
 });
-export var UserMenuRenderer = makeComposable("UserMenuRenderer");
-export var UserMenuHandle = makeComposable("UserMenuHandle", function () {
-  return /*#__PURE__*/React.createElement(UserMenuHandleRenderer, null);
+exports.UserMenu = UserMenu;
+var UserMenuRenderer = (0, _appAdminCore.makeComposable)("UserMenuRenderer");
+exports.UserMenuRenderer = UserMenuRenderer;
+var UserMenuHandle = (0, _appAdminCore.makeComposable)("UserMenuHandle", function () {
+  return /*#__PURE__*/_react.default.createElement(UserMenuHandleRenderer, null);
 });
-export var UserMenuHandleRenderer = makeComposable("UserMenuHandleRenderer");
-export var UserMenuItem = makeComposable("UserMenuItem", function (_ref2) {
+exports.UserMenuHandle = UserMenuHandle;
+var UserMenuHandleRenderer = (0, _appAdminCore.makeComposable)("UserMenuHandleRenderer");
+exports.UserMenuHandleRenderer = UserMenuHandleRenderer;
+var UserMenuItem = (0, _appAdminCore.makeComposable)("UserMenuItem", function (_ref2) {
   var menuItem = _ref2.menuItem;
-  return /*#__PURE__*/React.createElement(UserMenuItemContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(UserMenuItemContext.Provider, {
     value: menuItem
-  }, /*#__PURE__*/React.createElement(UserMenuItemRenderer, null));
+  }, /*#__PURE__*/_react.default.createElement(UserMenuItemRenderer, null));
 });
-export var UserMenuItemRenderer = makeComposable("UserMenuItemRenderer");
-export var AddUserMenuItem = function AddUserMenuItem(props) {
+exports.UserMenuItem = UserMenuItem;
+var UserMenuItemRenderer = (0, _appAdminCore.makeComposable)("UserMenuItemRenderer");
+exports.UserMenuItemRenderer = UserMenuItemRenderer;
+
+var AddUserMenuItem = function AddUserMenuItem(props) {
   var _useUserMenu = useUserMenu(),
       addMenuItem = _useUserMenu.addMenuItem;
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     return addMenuItem(props);
   }, []);
   return null;
 };
-var UserMenuItemContext = /*#__PURE__*/React.createContext({
+
+exports.AddUserMenuItem = AddUserMenuItem;
+
+var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
   element: undefined,
   icon: undefined,
   label: undefined,
@@ -84,16 +118,20 @@ var UserMenuItemContext = /*#__PURE__*/React.createContext({
   },
   path: undefined
 });
+
 UserMenuItemContext.displayName = "UserMenuItemContext";
-export function useUserMenuItem() {
-  return React.useContext(UserMenuItemContext);
+
+function useUserMenuItem() {
+  return _react.default.useContext(UserMenuItemContext);
 }
-export var UserMenuItems = makeComposable("UserMenuItems", function (_ref3) {
+
+var UserMenuItems = (0, _appAdminCore.makeComposable)("UserMenuItems", function (_ref3) {
   var menuItems = _ref3.menuItems;
-  return /*#__PURE__*/React.createElement(Fragment, null, menuItems.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(UserMenuItem, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement(UserMenuItem, {
       key: index,
       menuItem: item
     });
   }));
-});
+});
+exports.UserMenuItems = UserMenuItems;