@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.0

package/base/ui/Layout.d.ts

@@ -1,19 +1,45 @@
 import React from "react";
 export interface LayoutProps {
     title?: string;
+    startElement?: React.ReactNode;
+    hideNavigation?: boolean;
     children: React.ReactNode;
 }
-export declare const Layout: import("@webiny/app").GenericComponent<LayoutProps> & {
-    original: import("@webiny/app").GenericComponent<LayoutProps>;
+export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+    original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: LayoutProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ children, ...props }: LayoutProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: LayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const LayoutRenderer: import("@webiny/app").GenericComponent<LayoutProps> & {
-    original: import("@webiny/app").GenericComponent<LayoutProps>;
+export declare const LayoutRenderer: ((props: LayoutProps) => JSX.Element | null) & {
+    original: (props: LayoutProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LayoutProps) => JSX.Element | null) & {
+        original: (props: LayoutProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: LayoutProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => JSX.Element | null) & {
+        original: (props: LayoutProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/base/ui/Layout.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LayoutRenderer = exports.Layout = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var _excluded = ["children"];
-var Layout = exports.Layout = (0, _app.makeDecoratable)("Layout", function (_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Layout = makeDecoratable("Layout", ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(LayoutRenderer, props, children);
 });
-var LayoutRenderer = exports.LayoutRenderer = (0, _app.makeDecoratable)("LayoutRenderer", (0, _app.createVoidComponent)());
+export const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
 
 //# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","_excluded","Layout","exports","makeDecoratable","_ref","children","props","_objectWithoutProperties2","default","createElement","LayoutRenderer","createVoidComponent"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAmE,IAAAE,SAAA;AAO5D,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,oBAAe,EAAC,QAAQ,EAAE,UAAAC,IAAA,EAAyC;EAAA,IAAtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAJ,SAAA;EACjE,oBAAOJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACC,cAAc,EAAKJ,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEK,IAAMK,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAG,IAAAP,oBAAe,EAAC,gBAAgB,EAAE,IAAAQ,wBAAmB,EAAc,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AASlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}

package/base/ui/LoginScreen.d.ts

@@ -2,11 +2,43 @@ import React from "react";
 export interface LoginScreenProps {
     children: React.ReactNode;
 }
+export declare const useIsInLoginScreen: () => boolean;
 export declare const LoginScreen: ({ children }: LoginScreenProps) => React.JSX.Element;
-export declare const LoginScreenRenderer: import("@webiny/app").GenericComponent<LoginScreenProps> & {
-    original: import("@webiny/app").GenericComponent<LoginScreenProps>;
+export declare const LoginScreenRenderer: ((props: LoginScreenProps) => JSX.Element | null) & {
+    original: (props: LoginScreenProps) => JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: LoginScreenProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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;
+};
+export declare const LoginScreenComponent: ((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,21 +1,26 @@
-"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 _app = require("@webiny/app");
-var _Tags = require("./Tags");
-var LoginScreen = exports.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, useTags } from "./Tags.js";
+export const useIsInLoginScreen = () => {
+  const {
+    location
+  } = useTags();
+  return location === "loginScreen";
+};
+export const LoginScreen = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Tags, {
     tags: {
       location: "loginScreen"
     }
-  }, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
+  }, /*#__PURE__*/React.createElement(LoginScreenRenderer, null, /*#__PURE__*/React.createElement(Tags, {
+    tags: {
+      location: "loggedIn"
+    }
+  }, children)));
 };
-var LoginScreenRenderer = exports.LoginScreenRenderer = (0, _app.makeDecoratable)("LoginScreenRenderer", (0, _app.createVoidComponent)());
+export const LoginScreenRenderer = makeDecoratable("LoginScreenRenderer", createVoidComponent());
+export const LoginScreenComponent = LoginScreenRenderer;
 
 //# sourceMappingURL=LoginScreen.js.map

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","_Tags","LoginScreen","exports","_ref","children","default","createElement","Tags","tags","location","LoginScreenRenderer","makeDecoratable","createVoidComponent"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMO,IAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAuC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAO,IAAI;IAACC,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAc;EAAE,gBACpCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACI,mBAAmB,QAAEN,QAA8B,CAClD,CAAC;AAEf,CAAC;AAEM,IAAMM,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAC,oBAAe,EAC9C,qBAAqB,EACrB,IAAAC,wBAAmB,EAAmB,CAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInLoginScreen","location","LoginScreen","children","createElement","tags","LoginScreenRenderer","LoginScreenComponent"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"./Tags.js\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const useIsInLoginScreen = () => {\n    const { location } = useTags();\n    return location === \"loginScreen\";\n};\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>\n                <Tags tags={{ location: \"loggedIn\" }}>{children}</Tags>\n            </LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n\nexport const LoginScreenComponent = LoginScreenRenderer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAMtB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,aAAa;AACrC,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,oBACIR,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAc;EAAE,gBACpCN,KAAA,CAAAS,aAAA,CAACE,mBAAmB,qBAChBX,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAW;EAAE,GAAEE,QAAe,CACrC,CACnB,CAAC;AAEf,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAGT,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAAmB,CAC1C,CAAC;AAED,OAAO,MAAMW,oBAAoB,GAAGD,mBAAmB","ignoreList":[]}

package/base/ui/Logo.d.ts

@@ -1,20 +1,39 @@
 import React from "react";
-export declare const Logo: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+export declare const Logo: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+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").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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;
 };
-interface AddLogoProps {
-    logo: JSX.Element;
-}
-export declare const AddLogo: ({ logo }: AddLogoProps) => React.JSX.Element;
-export {};

package/base/ui/Logo.js

@@ -1,29 +1,8 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LogoRenderer = exports.Logo = exports.AddLogo = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _app = require("@webiny/app");
-var Logo = exports.Logo = (0, _app.makeDecoratable)("Logo", function () {
-  return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Logo = makeDecoratable("Logo", () => {
+  return /*#__PURE__*/React.createElement(LogoRenderer, null);
 });
-var LogoRenderer = exports.LogoRenderer = (0, _app.makeDecoratable)("LogoRenderer", (0, _app.createVoidComponent)());
-var AddLogo = exports.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(_app.Compose, {
-    component: LogoRenderer,
-    with: LogoHOC
-  });
-};
+export const LogoRenderer = makeDecoratable("LogoRenderer", createVoidComponent());
 
 //# sourceMappingURL=Logo.js.map

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_app","Logo","exports","makeDecoratable","default","createElement","LogoRenderer","createVoidComponent","AddLogo","_ref","logo","LogoHOC","useMemo","Compose","component","with"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo = ({ logo }: AddLogoProps) => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,oBAAe,EAAC,MAAM,EAAE,YAAM;EAC9C,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,YAAY,MAAE,CAAC;AAC3B,CAAC,CAAC;AAEK,IAAMA,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAH,oBAAe,EAAC,cAAc,EAAE,IAAAI,wBAAmB,EAAC,CAAC,CAAC;AAM3E,IAAMC,OAAO,GAAAN,OAAA,CAAAM,OAAA,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC1B,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASX,IAAIA,CAAA,EAAG;QACnB,OAAOS,IAAI;MACf,CAAC;IACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOb,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,IAAA,CAAAa,OAAO;IAACC,SAAS,EAAER,YAAa;IAACS,IAAI,EAAEJ;EAAQ,CAAE,CAAC;AAC9D,CAAC","ignoreList":[]}
+{"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,52 +1,40 @@
 import React from "react";
-import { MenuData, MenuUpdater } from "../../index";
-import { ComponentWithChildren } from "../../types";
-export interface NavigationContext {
-    menuItems: MenuData[];
-    setMenu(id: string, update: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export declare function useNavigation(): NavigationContext;
-interface NavigationProviderProps {
-    children: React.ReactNode;
-}
-export declare const NavigationProvider: (Component: ComponentWithChildren) => ({ children }: NavigationProviderProps) => React.JSX.Element;
-export declare const Navigation: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+export declare const useIsInNavigation: () => boolean;
+export declare const Navigation: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
-};
-export declare const NavigationRenderer: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
-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").GenericComponent<MenuItemsProps> & {
-    original: import("@webiny/app").GenericComponent<MenuItemsProps>;
+export declare const NavigationRenderer: ((props: unknown) => JSX.Element | null) & {
+    original: (props: unknown) => JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: MenuItemsProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
-};
-export declare const MenuItem: () => React.JSX.Element;
-export declare const MenuItemRenderer: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+    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").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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;
 };
-export {};

package/base/ui/Navigation.js

@@ -1,149 +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 = exports.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));
-  };
-};
-var Navigation = exports.Navigation = (0, _app.makeDecoratable)("Navigation", function () {
-  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));
-});
-var NavigationRenderer = exports.NavigationRenderer = (0, _app.makeDecoratable)("NavigationRenderer", (0, _app.createVoidComponent)());
-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 = exports.MenuItems = (0, _app.makeDecoratable)("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));
-  }));
-});
-var MenuItem = exports.MenuItem = function MenuItem() {
-  return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
-};
-var MenuItemRenderer = exports.MenuItemRenderer = (0, _app.makeDecoratable)("MenuItemRenderer", (0, _app.createVoidComponent)());
+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","exports","Component","_ref","_useState3","_useState4","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","_toConsumableArray2","concat","slice","useCallback","context","useMemo","Provider","value","Navigation","makeDecoratable","Tags","tags","location","NavigationRenderer","createVoidComponent","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 { createVoidComponent, makeDecoratable, 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\";\nimport { ComponentWithChildren } from \"~/types\";\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: ComponentWithChildren) => {\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: string) => {\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 = makeDecoratable(\"Navigation\", () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n});\n\nexport const NavigationRenderer = makeDecoratable(\"NavigationRenderer\", createVoidComponent());\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 = makeDecoratable(\"MenuItems\", ({ menuItems }: MenuItemsProps) => {\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 = makeDecoratable(\"MenuItemRenderer\", createVoidComponent());\n"],"mappings":"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","ignoreList":[]}
+{"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,15 +1,39 @@
 import React from "react";
-export declare const NotFound: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+export declare const NotFound: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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: import("@webiny/app").GenericComponent<any> & {
-    original: import("@webiny/app").GenericComponent<any>;
+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").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    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;
 };