@webiny/app-admin 0.0.0-unstable.de38392959 → 0.0.0-unstable.df7a8bb475

package/base/ui/Navigation.js

@@ -1,155 +1,19 @@
-"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 _utils = require("@webiny/utils");
-var _app = require("@webiny/app");
-var _ = require("../..");
-var _plugins = require("@webiny/plugins");
-var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
-  menuItems: [],
-  setMenu: function setMenu() {
-    return void 0;
-  },
-  removeMenu: function removeMenu() {
-    return void 0;
-  }
-});
-NavigationContext.displayName = "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.default.createElement(_.AddMenu, Object.assign({}, props, {
-    name: props.name || (0, _utils.generateId)(),
-    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];
-  (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, {
-        key: plugin.name
-      }, plugin.render({
-        Menu: LegacyMenu,
-        Item: LegacyMenu,
-        Section: LegacyMenu
-      }));
-    });
-    /**
-     * TODO Figure out correct types for the menus.
-     */
-    // @ts-expect-error
-    setMenus(menuElements);
-  }, []);
-  return menus;
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+import { Tags, useTags } from "./Tags.js";
+export const useIsInNavigation = () => {
+  const {
+    location
+  } = useTags();
+  return location === "navigation";
 };
-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];
-    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]);
-    var context = (0, _react.useMemo)(function () {
-      return {
-        menuItems: menuItems,
-        setMenu: setMenu,
-        removeMenu: removeMenu
-      };
-    }, [menuItems, setMenu, removeMenu]);
-    return /*#__PURE__*/_react.default.createElement(NavigationContext.Provider, {
-      value: context
-    }, /*#__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, {
+export const Navigation = makeDecoratable("Navigation", () => {
+  return /*#__PURE__*/React.createElement(Tags, {
     tags: {
       location: "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
+  }, /*#__PURE__*/React.createElement(NavigationRenderer, null));
 });
-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();
-  var depth = menuItem ? menuItem.depth : -1;
-  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.default.createElement(MenuItem, null));
-  }));
-});
-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;
+export const NavigationRenderer = makeDecoratable("NavigationRenderer", createVoidComponent());
 
 //# sourceMappingURL=Navigation.js.map

package/base/ui/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_app","_","_plugins","NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","default","createElement","AddMenu","Object","assign","name","generateId","label","children","LegacyMenuPlugins","_useState","useState","_useState2","_slicedToArray2","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","Plugins","key","render","Menu","Item","Section","NavigationProvider","Component","_ref","_useState3","_useState4","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","_toConsumableArray2","concat","slice","useCallback","context","useMemo","Provider","value","exports","Navigation","Tags","tags","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","_ref2","Fragment","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n    createContext,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState\n} from \"react\";\nimport { generateId } from \"@webiny/utils\";\nimport { makeComposable, Plugins } from \"@webiny/app\";\nimport { AddMenu as Menu, createEmptyMenu, MenuData, MenuProps, MenuUpdater, Tags } 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\ntype LegacyMenuProps = MenuProps | SectionProps | ItemProps;\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 = (props: LegacyMenuProps & { children: React.ReactNode }) => {\n    return (\n        <Menu\n            {...props}\n            name={(props as MenuProps).name || generateId()}\n            label={props.label as string}\n        >\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins = () => {\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        /**\n         * TODO Figure out correct types for the menus.\n         */\n        // @ts-expect-error\n        setMenus(menuElements);\n    }, []);\n\n    return menus;\n};\n\ninterface NavigationProviderProps {\n    children: React.ReactNode;\n}\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>) => {\n    return function NavigationProvider({ children }: NavigationProviderProps) {\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 = () => {\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 = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInNavigation","location","Navigation","createElement","tags","NavigationRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"~/base/ui/Tags.js\";\n\nexport const useIsInNavigation = () => {\n    const { location } = useTags();\n    return location === \"navigation\";\n};\n\nexport const Navigation = makeDecoratable(\"Navigation\", () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n});\n\nexport const NavigationRenderer = makeDecoratable(\"NavigationRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAEtB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,YAAY;AACpC,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC,YAAY,EAAE,MAAM;EAC1D,oBACIF,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,IAAI,EAAE;MAAEH,QAAQ,EAAE;IAAa;EAAE,gBACnCN,KAAA,CAAAQ,aAAA,CAACE,kBAAkB,MAAE,CACnB,CAAC;AAEf,CAAC,CAAC;AAEF,OAAO,MAAMA,kBAAkB,GAAGR,eAAe,CAAC,oBAAoB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/NotFound.d.ts

@@ -1,9 +1,39 @@
 import React from "react";
-export declare const NotFound: React.FunctionComponent<unknown> & {
-    original: React.ComponentType<unknown>;
+export declare const NotFound: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
     originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const NotFoundRenderer: React.FunctionComponent<unknown> & {
-    original: React.ComponentType<unknown>;
+export declare const NotFoundRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
     originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/base/ui/NotFound.js

@@ -1,17 +1,8 @@
-"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);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const NotFound = makeDecoratable("NotFound", () => {
+  return /*#__PURE__*/React.createElement(NotFoundRenderer, null);
 });
-exports.NotFound = NotFound;
-var NotFoundRenderer = (0, _app.makeComposable)("NotFoundRenderer");
-exports.NotFoundRenderer = NotFoundRenderer;
+export const NotFoundRenderer = makeDecoratable("NotFoundRenderer", createVoidComponent());
 
 //# sourceMappingURL=NotFound.js.map

package/base/ui/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","NotFound","makeComposable","default","createElement","NotFoundRenderer","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,QAAQ,GAAG,IAAAC,mBAAc,EAAC,UAAU,EAAE,YAAM;EACrD,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAACC,OAAA,CAAAL,QAAA,GAAAA,QAAA;AAEI,IAAMI,gBAAgB,GAAG,IAAAH,mBAAc,EAAC,kBAAkB,CAAC;AAACI,OAAA,CAAAD,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","NotFound","createElement","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const NotFound = makeDecoratable(\"NotFound\", () => {\n    return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeDecoratable(\"NotFoundRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/Tags.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-declare type TagsContext = Record<string, string | boolean>;
+type TagsContext = Record<string, string | boolean>;
 declare const TagsContext: React.Context<TagsContext>;
 interface TagsProps {
     tags: Record<string, string | boolean>;
     children: React.ReactNode;
 }
-export declare const Tags: ({ tags, children }: TagsProps) => JSX.Element;
+export declare const Tags: ({ tags, children }: TagsProps) => React.JSX.Element;
 export declare const useTags: () => TagsContext;
 export {};

package/base/ui/Tags.js

@@ -1,27 +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.useTags = exports.Tags = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var TagsContext = /*#__PURE__*/(0, _react.createContext)({});
+import React, { createContext, useContext } from "react";
+const TagsContext = /*#__PURE__*/createContext({});
 TagsContext.displayName = "TagsContext";
-var Tags = function Tags(_ref) {
-  var tags = _ref.tags,
-    children = _ref.children;
-  var parentContext = (0, _react.useContext)(TagsContext);
-  return /*#__PURE__*/_react.default.createElement(TagsContext.Provider, {
-    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, parentContext), tags)
+export const Tags = ({
+  tags,
+  children
+}) => {
+  const parentContext = useContext(TagsContext);
+  return /*#__PURE__*/React.createElement(TagsContext.Provider, {
+    value: {
+      ...parentContext,
+      ...tags
+    }
   }, children);
 };
-exports.Tags = Tags;
-var useTags = function useTags() {
-  return (0, _react.useContext)(TagsContext);
+export const useTags = () => {
+  return useContext(TagsContext);
 };
-exports.useTags = useTags;
 
 //# sourceMappingURL=Tags.js.map

package/base/ui/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","TagsContext","createContext","displayName","Tags","_ref","tags","children","parentContext","useContext","default","createElement","Provider","value","_objectSpread2","exports","useTags"],"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 = ({ tags, children }: TagsProps) => {\n    const parentContext = useContext(TagsContext);\n\n    return (\n        <TagsContext.Provider value={{ ...parentContext, ...tags }}>\n            {children}\n        </TagsContext.Provider>\n    );\n};\n\nexport const useTags = () => {\n    return useContext(TagsContext);\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAMC,WAAW,gBAAG,IAAAC,oBAAa,EAAc,CAAC,CAAC,CAAC;AAClDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAOhC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAsC;EAAA,IAAhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjC,IAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACR,WAAW,CAAC;EAE7C,oBACIH,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,WAAW,CAACW,QAAQ;IAACC,KAAK,MAAAC,cAAA,CAAAJ,OAAA,MAAAI,cAAA,CAAAJ,OAAA,MAAOF,aAAa,GAAKF,IAAI;EAAG,GACtDC,QACiB,CAAC;AAE/B,CAAC;AAACQ,OAAA,CAAAX,IAAA,GAAAA,IAAA;AAEK,IAAMY,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,OAAO,IAAAP,iBAAU,EAACR,WAAW,CAAC;AAClC,CAAC;AAACc,OAAA,CAAAC,OAAA,GAAAA,OAAA"}
+{"version":3,"names":["React","createContext","useContext","TagsContext","displayName","Tags","tags","children","parentContext","createElement","Provider","value","useTags"],"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 = ({ tags, children }: TagsProps) => {\n    const parentContext = useContext(TagsContext);\n\n    return (\n        <TagsContext.Provider value={{ ...parentContext, ...tags }}>\n            {children}\n        </TagsContext.Provider>\n    );\n};\n\nexport const useTags = () => {\n    return useContext(TagsContext);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAIxD,MAAMC,WAAW,gBAAGF,aAAa,CAAc,CAAC,CAAC,CAAC;AAClDE,WAAW,CAACC,WAAW,GAAG,aAAa;AAOvC,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EACnD,MAAMC,aAAa,GAAGN,UAAU,CAACC,WAAW,CAAC;EAE7C,oBACIH,KAAA,CAAAS,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAE,GAAGH,aAAa;MAAE,GAAGF;IAAK;EAAE,GACtDC,QACiB,CAAC;AAE/B,CAAC;AAED,OAAO,MAAMK,OAAO,GAAGA,CAAA,KAAM;EACzB,OAAOV,UAAU,CAACC,WAAW,CAAC;AAClC,CAAC","ignoreList":[]}

package/base/ui/TenantSelector.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const TenantSelector: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const TenantSelectorRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/TenantSelector.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const TenantSelector = makeDecoratable("TenantSelector", () => {
+  return /*#__PURE__*/React.createElement(TenantSelectorRenderer, null);
+});
+export const TenantSelectorRenderer = makeDecoratable("TenantSelectorRenderer", createVoidComponent());
+
+//# sourceMappingURL=TenantSelector.js.map

package/base/ui/TenantSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","TenantSelector","createElement","TenantSelectorRenderer"],"sources":["TenantSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const TenantSelector = makeDecoratable(\"TenantSelector\", () => {\n    return <TenantSelectorRenderer />;\n});\n\nexport const TenantSelectorRenderer = makeDecoratable(\n    \"TenantSelectorRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGH,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/base/ui/UserMenu/UserMenu.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const UserMenu: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const UserMenuRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/UserMenu/UserMenu.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const UserMenu = makeDecoratable("UserMenu", () => {
+  return /*#__PURE__*/React.createElement(UserMenuRenderer, null);
+});
+export const UserMenuRenderer = makeDecoratable("UserMenuRenderer", createVoidComponent());
+
+//# sourceMappingURL=UserMenu.js.map

package/base/ui/UserMenu/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenu","createElement","UserMenuRenderer"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const UserMenu = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/UserMenu/UserMenuHandle.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export declare const UserMenuHandle: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const UserMenuHandleRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
+        original: (props: unknown) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/UserMenu/UserMenuHandle.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const UserMenuHandle = makeDecoratable("UserMenuHandle", () => {
+  return /*#__PURE__*/React.createElement(UserMenuHandleRenderer, null);
+});
+export const UserMenuHandleRenderer = makeDecoratable("UserMenuHandleRenderer", createVoidComponent());
+
+//# sourceMappingURL=UserMenuHandle.js.map

package/base/ui/UserMenu/UserMenuHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuHandle","createElement","UserMenuHandleRenderer"],"sources":["UserMenuHandle.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGH,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/base/ui/UserMenu/UserMenuItem.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import type { DropdownMenuItemIconProps, DropdownMenuItemButtonProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem.js";
+type UserMenuItemRendererProps = DropdownMenuItemButtonProps;
+declare const UserMenuItemRenderer: ((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
+    original: (props: DropdownMenuItemButtonProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
+        original: (props: DropdownMenuItemButtonProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemButtonProps) => JSX.Element | null) & {
+        original: (props: DropdownMenuItemButtonProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const UserMenuItem: ((props: UserMenuItemRendererProps) => React.JSX.Element) & {
+    original: (props: UserMenuItemRendererProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: UserMenuItemRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuItemRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuItemRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuItemRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+type UserMenuItemIconRendererProps = DropdownMenuItemIconProps;
+declare const UserMenuItemIconRenderer: ((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
+    original: (props: DropdownMenuItemIconProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
+        original: (props: DropdownMenuItemIconProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: DropdownMenuItemIconProps) => JSX.Element | null) & {
+        original: (props: DropdownMenuItemIconProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const UserMenuItemIcon: ((props: UserMenuItemIconRendererProps) => React.JSX.Element) & {
+    original: (props: UserMenuItemIconRendererProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: UserMenuItemIconRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuItemIconRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: UserMenuItemIconRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuItemIconRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { UserMenuItem, UserMenuItemRenderer, UserMenuItemIcon, UserMenuItemIconRenderer, type UserMenuItemRendererProps, type UserMenuItemIconRendererProps };

package/base/ui/UserMenu/UserMenuItem.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "../../../index.js";
+
+// UserMenuItem
+
+const UserMenuItemRenderer = makeDecoratable("UserMenuItemRenderer", createVoidComponent());
+const UserMenuItem = makeDecoratable("UserMenuItem", props => {
+  return /*#__PURE__*/React.createElement(UserMenuItemRenderer, props);
+});
+
+// UserMenuItem > Icon
+
+const UserMenuItemIconRenderer = makeDecoratable("UserMenuItemIcon", createVoidComponent());
+const UserMenuItemIcon = makeDecoratable("UserMenuItemIcon", props => {
+  return /*#__PURE__*/React.createElement(UserMenuItemIconRenderer, props);
+});
+export { UserMenuItem, UserMenuItemRenderer, UserMenuItemIcon, UserMenuItemIconRenderer };
+
+//# sourceMappingURL=UserMenuItem.js.map

package/base/ui/UserMenu/UserMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuItemRenderer","UserMenuItem","props","createElement","UserMenuItemIconRenderer","UserMenuItemIcon"],"sources":["UserMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index.js\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemButtonProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem.js\";\n\n// UserMenuItem\ntype UserMenuItemRendererProps = DropdownMenuItemButtonProps;\n\nconst UserMenuItemRenderer = makeDecoratable(\n    \"UserMenuItemRenderer\",\n    createVoidComponent<UserMenuItemRendererProps>()\n);\n\nconst UserMenuItem = makeDecoratable(\"UserMenuItem\", (props: UserMenuItemRendererProps) => {\n    return <UserMenuItemRenderer {...props} />;\n});\n\n// UserMenuItem > Icon\ntype UserMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuItemIconRenderer = makeDecoratable(\n    \"UserMenuItemIcon\",\n    createVoidComponent<UserMenuItemIconRendererProps>()\n);\n\nconst UserMenuItemIcon = makeDecoratable(\n    \"UserMenuItemIcon\",\n    (props: UserMenuItemIconRendererProps) => {\n        return <UserMenuItemIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuItem,\n    UserMenuItemRenderer,\n    UserMenuItemIcon,\n    UserMenuItemIconRenderer,\n    type UserMenuItemRendererProps,\n    type UserMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAAgC,CACvD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAoC,IAAK;EACtC,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}