@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/base/ui/LoginScreen.d.ts

@@ -2,5 +2,23 @@ import React from "react";
 export interface LoginScreenProps {
     children: React.ReactNode;
 }
-export declare const LoginScreen: React.FC<LoginScreenProps>;
-export declare const LoginScreenRenderer: import("@webiny/app-admin-core").ComposableFC<LoginScreenProps>;
+export declare const LoginScreen: ({ children }: LoginScreenProps) => React.JSX.Element;
+export declare const LoginScreenRenderer: ((props: LoginScreenProps) => JSX.Element | null) & {
+    original: (props: LoginScreenProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LoginScreenProps) => JSX.Element | null) & {
+        original: (props: LoginScreenProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LoginScreenProps) => JSX.Element | null) & {
+        original: (props: LoginScreenProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/LoginScreen.js

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

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrE,oBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAZ;EAAZ,gBACI,6BAAC,mBAAD,QAAsBD,QAAtB,CADJ,CADJ;AAKH,CANM;;;AAQA,IAAME,mBAAmB,GAAG,IAAAC,4BAAA,EAAiC,qBAAjC,CAA5B"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","LoginScreen","children","createElement","tags","location","LoginScreenRenderer"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI;AAMb,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,oBACIL,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAc;EAAE,gBACpCR,KAAA,CAAAM,aAAA,CAACG,mBAAmB,QAAEJ,QAA8B,CAClD,CAAC;AAEf,CAAC;AAED,OAAO,MAAMI,mBAAmB,GAAGP,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAAmB,CAC1C,CAAC","ignoreList":[]}

package/base/ui/Logo.d.ts

@@ -1,8 +1,39 @@
 import React from "react";
-export declare const Logo: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const LogoRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
-interface AddLogoProps {
-    logo: JSX.Element;
-}
-export declare const AddLogo: React.FC<AddLogoProps>;
-export {};
+export declare const Logo: (() => 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 LogoRenderer: ((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/Logo.js

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

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,IAAI,GAAG,IAAAC,4BAAA,EAAe,MAAf,EAAuB,YAAM;EAC7C,oBAAO,6BAAC,YAAD,OAAP;AACH,CAFmB,CAAb;;AAIA,IAAMC,YAAY,GAAG,IAAAD,4BAAA,EAAe,cAAf,CAArB;;;AAMA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACzD,IAAMC,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAT,GAAgB;QACnB,OAAOI,IAAP;MACH,CAFD;IAGH,CAJD;EAKH,CANe,EAMb,EANa,CAAhB;EAQA,oBAAO,6BAAC,qBAAD;IAAS,SAAS,EAAEF,YAApB;IAAkC,IAAI,EAAEG;EAAxC,EAAP;AACH,CAVM"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Logo","createElement","LogoRenderer"],"sources":["Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAE,MAAM;EAC9C,oBAAOF,KAAA,CAAAI,aAAA,CAACC,YAAY,MAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMA,YAAY,GAAGH,eAAe,CAAC,cAAc,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/Navigation.d.ts

@@ -1,24 +1,39 @@
 import React from "react";
-import { MenuData, MenuUpdater } from "../../index";
-export interface NavigationContext {
-    menuItems: MenuData[];
-    setMenu(id: string, update: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export declare function useNavigation(): NavigationContext;
-export declare const NavigationProvider: (Component: React.ComponentType<unknown>) => React.FC;
-export declare const Navigation: React.FC;
-export declare const NavigationRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
-interface MenuItemContext {
-    menuItem?: MenuData;
-    depth: number;
-}
-declare const MenuItemContext: React.Context<MenuItemContext>;
-export declare function useMenuItem(): MenuItemContext;
-export interface MenuItemsProps {
-    menuItems: MenuData[];
-}
-export declare const MenuItems: import("@webiny/app-admin-core").ComposableFC<MenuItemsProps>;
-export declare const MenuItem: React.FC;
-export declare const MenuItemRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export {};
+export declare const Navigation: (() => 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 NavigationRenderer: ((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/Navigation.js

@@ -1,184 +1,8 @@
-"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;
-  },
-  removeMenu: function removeMenu() {
-    return void 0;
-  }
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Navigation = makeDecoratable("Navigation", () => {
+  return /*#__PURE__*/React.createElement(NavigationRenderer, null);
 });
-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, _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];
-
-  (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(_appAdminCore.Plugins, {
-        key: plugin.name
-      }, plugin.render({
-        Menu: LegacyMenu,
-        Item: LegacyMenu,
-        Section: LegacyMenu
-      }));
-    }); // 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];
-
-    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, {
-    tags: {
-      location: "navigation"
-    }
-  }, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
-};
-
-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";
-
-function useMenuItem() {
-  return _react.default.useContext(MenuItemContext);
-}
-
-var MenuItems = (0, _appAdminCore.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);
-};
+export const NavigationRenderer = makeDecoratable("NavigationRenderer", createVoidComponent());
 
-exports.MenuItem = MenuItem;
-var MenuItemRenderer = (0, _appAdminCore.makeComposable)("MenuItemRenderer");
-exports.MenuItemRenderer = MenuItemRenderer;
+//# sourceMappingURL=Navigation.js.map

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-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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"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Navigation","createElement","NavigationRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Navigation = makeDecoratable(\"Navigation\", () => {\n    return <NavigationRenderer />;\n});\n\nexport const NavigationRenderer = makeDecoratable(\"NavigationRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC,YAAY,EAAE,MAAM;EAC1D,oBAAOF,KAAA,CAAAI,aAAA,CAACC,kBAAkB,MAAE,CAAC;AACjC,CAAC,CAAC;AAEF,OAAO,MAAMA,kBAAkB,GAAGH,eAAe,CAAC,oBAAoB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/NotFound.d.ts

@@ -1,2 +1,39 @@
-export declare const NotFound: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const NotFoundRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+import React from "react";
+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: ((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,19 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const NotFound = makeDecoratable("NotFound", () => {
+  return /*#__PURE__*/React.createElement(NotFoundRenderer, null);
 });
-exports.NotFoundRenderer = exports.NotFound = void 0;
-
-var _react = _interopRequireDefault(require("react"));
+export const NotFoundRenderer = makeDecoratable("NotFoundRenderer", createVoidComponent());
 
-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;
+//# sourceMappingURL=NotFound.js.map

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-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"}
+{"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: React.FC<TagsProps>;
+export declare const Tags: ({ tags, children }: TagsProps) => React.JSX.Element;
 export declare const useTags: () => TagsContext;
 export {};

package/base/ui/Tags.js

@@ -1,29 +1,20 @@
-"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)({});
+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;
-  return /*#__PURE__*/_react.default.createElement(TagsContext.Provider, {
-    value: 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":["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":["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;
+};