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

package/base/ui/Navigation.js

@@ -1,30 +1,20 @@
 "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 _app = require("@webiny/app");
-
 var _ = require("../..");
-
 var _plugins = require("@webiny/plugins");
-
 var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
   menuItems: [],
   setMenu: function setMenu() {
@@ -35,35 +25,30 @@ var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
   }
 });
 NavigationContext.displayName = "NavigationContext";
-
 function useNavigation() {
   return (0, _react.useContext)(NavigationContext);
-} // IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!
+}
+
+// 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.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 = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      menus = _useState2[0],
-      setMenus = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    menus = _useState2[0],
+    setMenus = _useState2[1];
   (0, _react.useEffect)(function () {
     var menuPlugins = _plugins.plugins.byType("admin-menu");
-
     if (!menuPlugins) {
       return;
     }
-
     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.default.createElement(_app.Plugins, {
@@ -73,51 +58,42 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
         Item: LegacyMenu,
         Section: LegacyMenu
       }));
-    }); // TODO @ts-refactor
-
+    });
+    // TODO @ts-refactor
     setMenus(menuElements);
   }, []);
   return menus;
 };
-
 var NavigationProvider = function NavigationProvider(Component) {
   return function NavigationProvider(_ref) {
     var children = _ref.children;
-
     var _useState3 = (0, _react.useState)([]),
-        _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-        menuItems = _useState4[0],
-        setState = _useState4[1];
-
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      menuItems = _useState4[0],
+      setState = _useState4[1];
     var setMenu = function setMenu(id, updater) {
       setState(function (state) {
         var index = state.findIndex(function (m) {
           return m.name === id;
         });
         var newMenu = index > -1 ? updater(state[index]) : updater((0, _.createEmptyMenu)(id));
-
         if (!newMenu) {
           return (0, _toConsumableArray2.default)(state);
         }
-
         if (!newMenu.children) {
           newMenu.children = [];
         }
-
         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 = (0, _react.useCallback)(function (id) {
       setState(function (state) {
         var index = state.findIndex(function (m) {
           return m.name === id;
         });
-
         if (index < 0) {
           return state;
         }
-
         return [].concat((0, _toConsumableArray2.default)(state.slice(0, index)), (0, _toConsumableArray2.default)(state.slice(index + 1)));
       });
     }, [setState]);
@@ -133,9 +109,7 @@ var NavigationProvider = function NavigationProvider(Component) {
     }, /*#__PURE__*/_react.default.createElement(LegacyMenuPlugins, null), /*#__PURE__*/_react.default.createElement(Component, null, children));
   };
 };
-
 exports.NavigationProvider = NavigationProvider;
-
 var Navigation = function Navigation() {
   return /*#__PURE__*/_react.default.createElement(_.Tags, {
     tags: {
@@ -143,22 +117,17 @@ var Navigation = function Navigation() {
     }
   }, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
 };
-
 exports.Navigation = Navigation;
 var NavigationRenderer = (0, _app.makeComposable)("NavigationRenderer");
 exports.NavigationRenderer = NavigationRenderer;
-
 var MenuItemContext = /*#__PURE__*/_react.default.createContext({
   menuItem: undefined,
   depth: -1
 });
-
 MenuItemContext.displayName = "MenuItemContext";
-
 function useMenuItem() {
   return _react.default.useContext(MenuItemContext);
 }
-
 var MenuItems = (0, _app.makeComposable)("MenuItems", function (_ref2) {
   var menuItems = _ref2.menuItems;
   var menuItem = useMenuItem();
@@ -174,11 +143,9 @@ var MenuItems = (0, _app.makeComposable)("MenuItems", function (_ref2) {
   }));
 });
 exports.MenuItems = MenuItems;
-
 var MenuItem = function MenuItem() {
   return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
 };
-
 exports.MenuItem = MenuItem;
 var MenuItemRenderer = (0, _app.makeComposable)("MenuItemRenderer");
 exports.MenuItemRenderer = MenuItemRenderer;

package/base/ui/Navigation.js.map

@@ -1 +1 @@
-{"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\";\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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"}
+{"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\";\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,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotFoundRenderer = exports.NotFound = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _app = require("@webiny/app");
-
 var NotFound = (0, _app.makeComposable)("NotFound", function () {
   return /*#__PURE__*/_react.default.createElement(NotFoundRenderer, null);
 });

package/base/ui/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\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,mBAAA,EAAe,UAAf,EAA2B,YAAM;EACrD,oBAAO,6BAAC,gBAAD,OAAP;AACH,CAFuB,CAAjB;;AAIA,IAAMC,gBAAgB,GAAG,IAAAD,mBAAA,EAAe,kBAAf,CAAzB"}
+{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\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,mBAAc,EAAC,UAAU,EAAE,YAAM;EACrD,oBAAO,6BAAC,gBAAgB,OAAG;AAC/B,CAAC,CAAC;AAAC;AAEI,IAAMC,gBAAgB,GAAG,IAAAD,mBAAc,EAAC,kBAAkB,CAAC;AAAC"}

package/base/ui/Search.js

@@ -1,50 +1,36 @@
 "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 _app = require("@webiny/app");
-
 var _excluded = ["children"];
-
 var SearchContext = /*#__PURE__*/_react.default.createContext({
   options: [],
   addOption: function addOption() {
     return void 0;
   }
 });
-
 SearchContext.displayName = "SearchContext";
-
 function useSearch() {
   return _react.default.useContext(SearchContext);
 }
-
 var SearchProvider = function SearchProvider(Component) {
   return function SearchProvider(_ref) {
     var children = _ref.children,
-        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
     var _useState = (0, _react.useState)([]),
-        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-        options = _useState2[0],
-        setOptions = _useState2[1];
-
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
     var addOption = (0, _react.useCallback)(function (option) {
       return setOptions(function (options) {
         return [].concat((0, _toConsumableArray2.default)(options), [option]);
@@ -59,7 +45,6 @@ var SearchProvider = function SearchProvider(Component) {
     }, /*#__PURE__*/_react.default.createElement(Component, props, children));
   };
 };
-
 exports.SearchProvider = SearchProvider;
 var Search = (0, _app.makeComposable)("Search", function () {
   return /*#__PURE__*/_react.default.createElement(SearchRenderer, null);
@@ -67,15 +52,12 @@ var Search = (0, _app.makeComposable)("Search", function () {
 exports.Search = Search;
 var SearchRenderer = (0, _app.makeComposable)("SearchRenderer");
 exports.SearchRenderer = SearchRenderer;
-
 var SearchOption = function SearchOption(props) {
   var _useSearch = useSearch(),
-      addOption = _useSearch.addOption;
-
+    addOption = _useSearch.addOption;
   (0, _react.useEffect)(function () {
     addOption(props);
   }, []);
   return null;
 };
-
 exports.SearchOption = SearchOption;

package/base/ui/Search.js.map

@@ -1 +1 @@
-{"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\";\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,mBAAA,EAAe,QAAf,EAAyB,YAAM;EACjD,oBAAO,6BAAC,cAAD,OAAP;AACH,CAFqB,CAAf;;AAIA,IAAMC,cAAc,GAAG,IAAAD,mBAAA,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"}
+{"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\";\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;AAA6C;AAgB7C,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB;EACrDC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFJ,aAAa,CAACK,WAAW,GAAG,eAAe;AAEpC,SAASC,SAAS,GAAG;EACxB,OAAOL,cAAK,CAACM,UAAU,CAACP,aAAa,CAAC;AAC1C;AAEO,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAmB,EAAe;EAC7D,OAAO,SAASD,cAAc,OAAyB;IAAA,IAAtBE,QAAQ,QAARA,QAAQ;MAAKC,KAAK;IAC/C,gBAA8B,IAAAC,eAAQ,EAAqB,EAAE,CAAC;MAAA;MAAvDT,OAAO;MAAEU,UAAU;IAE1B,IAAMT,SAAS,GAAG,IAAAU,kBAAW,EACzB,UAAAC,MAAM;MAAA,OAAIF,UAAU,CAAC,UAAAV,OAAO;QAAA,kDAAQA,OAAO,IAAEY,MAAM;MAAA,CAAC,CAAC;IAAA,GACrD,CAACF,UAAU,CAAC,CACf;IAED,IAAMG,OAAO,GAAG;MACZb,OAAO,EAAPA,OAAO;MACPC,SAAS,EAATA;IACJ,CAAC;IAED,oBACI,6BAAC,aAAa,CAAC,QAAQ;MAAC,KAAK,EAAEY;IAAQ,gBACnC,6BAAC,SAAS,EAAKL,KAAK,EAAGD,QAAQ,CAAa,CACvB;EAEjC,CAAC;AACL,CAAC;AAAC;AAEK,IAAMO,MAAM,GAAG,IAAAC,mBAAc,EAAC,QAAQ,EAAE,YAAM;EACjD,oBAAO,6BAAC,cAAc,OAAG;AAC7B,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,GAAG,IAAAD,mBAAc,EAAC,gBAAgB,CAAC;AAAC;AAIxD,IAAME,YAAyC,GAAG,SAA5CA,YAAyC,CAAGT,KAAK,EAAI;EAC9D,iBAAsBL,SAAS,EAAE;IAAzBF,SAAS,cAATA,SAAS;EAEjB,IAAAiB,gBAAS,EAAC,YAAM;IACZjB,SAAS,CAACO,KAAK,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}

package/base/ui/Tags.js

@@ -1,29 +1,22 @@
 "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";
-
 var Tags = function Tags(_ref) {
   var tags = _ref.tags,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(TagsContext.Provider, {
     value: tags
   }, children);
 };
-
 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,"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"}
+{"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,EAAc,CAAC,CAAC,CAAC;AAClDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAOhC,IAAMC,IAAyB,GAAG,SAA5BA,IAAyB,OAA2B;EAAA,IAArBC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EACtD,oBAAO,6BAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAED;EAAK,GAAEC,QAAQ,CAAwB;AAC/E,CAAC;AAAC;AAEK,IAAMC,OAAO,GAAG,SAAVA,OAAO,GAAS;EACzB,OAAO,IAAAC,iBAAU,EAACP,WAAW,CAAC;AAClC,CAAC;AAAC"}

package/base/ui/UserMenu.js

@@ -1,51 +1,37 @@
 "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 _app = require("@webiny/app");
-
 var _excluded = ["children"];
-
 var UserMenuContext = /*#__PURE__*/_react.default.createContext({
   addMenuItem: function addMenuItem() {
     return void 0;
   },
   menuItems: []
 });
-
 UserMenuContext.displayName = "UserMenuContext";
-
 function useUserMenu() {
   return _react.default.useContext(UserMenuContext);
 }
-
 var UserMenuProvider = function UserMenuProvider(Component) {
   return function UserMenuProvider(_ref) {
     var children = _ref.children,
-        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
     var _useState = (0, _react.useState)([]),
-        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-        menuItems = _useState2[0],
-        setItems = _useState2[1];
-
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      menuItems = _useState2[0],
+      setItems = _useState2[1];
     var addMenuItem = (0, _react.useCallback)(function (item) {
       setItems(function (items) {
         return [].concat((0, _toConsumableArray2.default)(items), [item]);
@@ -55,11 +41,9 @@ var UserMenuProvider = function UserMenuProvider(Component) {
           var index = items.findIndex(function (i) {
             return i === item;
           });
-
           if (index < 0) {
             return items;
           }
-
           return [].concat((0, _toConsumableArray2.default)(items.slice(0, index)), (0, _toConsumableArray2.default)(items.slice(index + 1)));
         });
       };
@@ -73,7 +57,6 @@ var UserMenuProvider = function UserMenuProvider(Component) {
     }, /*#__PURE__*/_react.default.createElement(Component, props, children));
   };
 };
-
 exports.UserMenuProvider = UserMenuProvider;
 var UserMenu = (0, _app.makeComposable)("UserMenu", function () {
   return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
@@ -96,19 +79,15 @@ var UserMenuItem = (0, _app.makeComposable)("UserMenuItem", function (_ref2) {
 exports.UserMenuItem = UserMenuItem;
 var UserMenuItemRenderer = (0, _app.makeComposable)("UserMenuItemRenderer");
 exports.UserMenuItemRenderer = UserMenuItemRenderer;
-
 var AddUserMenuItem = function AddUserMenuItem(props) {
   var _useUserMenu = useUserMenu(),
-      addMenuItem = _useUserMenu.addMenuItem;
-
+    addMenuItem = _useUserMenu.addMenuItem;
   (0, _react.useEffect)(function () {
     return addMenuItem(props);
   }, []);
   return null;
 };
-
 exports.AddUserMenuItem = AddUserMenuItem;
-
 var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
   element: undefined,
   icon: undefined,
@@ -118,13 +97,10 @@ var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
   },
   path: undefined
 });
-
 UserMenuItemContext.displayName = "UserMenuItemContext";
-
 function useUserMenuItem() {
   return _react.default.useContext(UserMenuItemContext);
 }
-
 var UserMenuItems = (0, _app.makeComposable)("UserMenuItems", function (_ref3) {
   var menuItems = _ref3.menuItems;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (item, index) {

package/base/ui/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","children","props","useState","setItems","useCallback","item","items","index","findIndex","i","slice","context","UserMenu","makeComposable","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","menuItem","UserMenuItemRenderer","AddUserMenuItem","useEffect","UserMenuItemContext","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","map"],"sources":["UserMenu.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"],"mappings":"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"}
+{"version":3,"names":["UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","children","props","useState","setItems","useCallback","item","items","index","findIndex","i","slice","context","UserMenu","makeComposable","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","menuItem","UserMenuItemRenderer","AddUserMenuItem","useEffect","UserMenuItemContext","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","map"],"sources":["UserMenu.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"],"mappings":"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"}

package/components/AdminLayout.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdminLayout = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("./..");
-
 var AdminLayout = function AdminLayout(_ref) {
   var title = _ref.title,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_.Layout, {
     title: title
   }, children);
 };
-
 exports.AdminLayout = AdminLayout;

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdminLayout","title","children"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAyB;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC5E,oBAAO,6BAAC,QAAD;IAAQ,KAAK,EAAED;EAAf,GAAuBC,QAAvB,CAAP;AACH,CAFM"}
+{"version":3,"names":["AdminLayout","title","children"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA4B;EAAA,IAAtBC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EACrE,oBAAO,6BAAC,QAAM;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAAU;AACpD,CAAC;AAAC"}