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

package/config/AdminConfig/Tenant.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { makeDecoratable } from "../..";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+import { TenantName } from "./Tenant/TenantName";
+import { TenantLogo } from "./Tenant/TenantLogo";
+const BaseTenant = ({
+  children
+}) => {
+  const getId = useIdGenerator("Tenant");
+  return /*#__PURE__*/React.createElement(ConnectToProperties, {
+    name: "AdminConfig"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId("tenant"),
+    name: "tenant"
+  }, children));
+};
+const DecoratableTenant = makeDecoratable("Tenant", BaseTenant);
+export const Tenant = Object.assign(DecoratableTenant, {
+  Name: TenantName,
+  Logo: TenantLogo
+});
+
+//# sourceMappingURL=Tenant.js.map

package/config/AdminConfig/Tenant.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","ConnectToProperties","Property","useIdGenerator","TenantName","TenantLogo","BaseTenant","children","getId","createElement","name","id","DecoratableTenant","Tenant","Object","assign","Name","Logo"],"sources":["Tenant.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { TenantName } from \"./Tenant/TenantName\";\nimport { TenantLogo } from \"./Tenant/TenantLogo\";\n\nexport interface TenantProps {\n    children: React.ReactNode;\n}\n\nexport type TenantConfig = {\n    name: string;\n    logo: React.ReactNode;\n};\n\nconst BaseTenant = ({ children }: TenantProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={getId(\"tenant\")} name={\"tenant\"}>\n                {children}\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableTenant = makeDecoratable(\"Tenant\", BaseTenant);\n\nexport const Tenant = Object.assign(DecoratableTenant, {\n    Name: TenantName,\n    Logo: TenantLogo\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACxF,SAASC,UAAU;AACnB,SAASC,UAAU;AAWnB,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC9C,MAAMC,KAAK,GAAGL,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBACIJ,KAAA,CAAAU,aAAA,CAACR,mBAAmB;IAACS,IAAI,EAAE;EAAc,gBACrCX,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACS,EAAE,EAAEH,KAAK,CAAC,QAAQ,CAAE;IAACE,IAAI,EAAE;EAAS,GACzCH,QACK,CACO,CAAC;AAE9B,CAAC;AAED,MAAMK,iBAAiB,GAAGZ,eAAe,CAAC,QAAQ,EAAEM,UAAU,CAAC;AAE/D,OAAO,MAAMO,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACH,iBAAiB,EAAE;EACnDI,IAAI,EAAEZ,UAAU;EAChBa,IAAI,EAAEZ;AACV,CAAC,CAAC","ignoreList":[]}

package/config/AdminConfig/Theme/assignColor.d.ts

@@ -0,0 +1,2 @@
+import type { ColorPalette, ColorShade } from "./types";
+export declare const assignColor: (palette: ColorPalette, color: string, shade?: ColorShade) => void;

package/config/AdminConfig/Theme/assignColor.js

@@ -0,0 +1,22 @@
+import parseColor from "tinycolor2";
+const generateShades = color => {
+  return [[100, color.clone().lighten(40)], [200, color.clone().lighten(30)], [300, color.clone().lighten(20)], [400, color.clone().lighten(10)], [500, color.clone()], [600, color.clone().darken(10)], [700, color.clone().darken(20)], [800, color.clone().darken(30)], [900, color.clone().darken(40)]];
+};
+const assignColorToCssVar = (palette, shadeLevel, color) => {
+  const varName = `--color-${palette}-${shadeLevel}`;
+  const hsl = color.toHsl();
+  const varValue = `${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%`;
+  document.documentElement.style.setProperty(varName, varValue);
+};
+export const assignColor = (palette, color, shade) => {
+  const colorInstance = parseColor(color);
+  if (shade) {
+    assignColorToCssVar(palette, shade, colorInstance);
+    return;
+  }
+  generateShades(colorInstance).forEach(([shadeLevel, shade]) => {
+    assignColorToCssVar(palette, shadeLevel, shade);
+  });
+};
+
+//# sourceMappingURL=assignColor.js.map

package/config/AdminConfig/Theme/assignColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseColor","generateShades","color","clone","lighten","darken","assignColorToCssVar","palette","shadeLevel","varName","hsl","toHsl","varValue","h","s","l","document","documentElement","style","setProperty","assignColor","shade","colorInstance","forEach"],"sources":["assignColor.ts"],"sourcesContent":["import parseColor, { type Instance as TcColorInstance } from \"tinycolor2\";\nimport type { ColorPalette, ColorShade } from \"./types\";\n\nconst generateShades = (color: TcColorInstance): Array<[ColorShade, TcColorInstance]> => {\n    return [\n        [100, color.clone().lighten(40)],\n        [200, color.clone().lighten(30)],\n        [300, color.clone().lighten(20)],\n        [400, color.clone().lighten(10)],\n        [500, color.clone()],\n        [600, color.clone().darken(10)],\n        [700, color.clone().darken(20)],\n        [800, color.clone().darken(30)],\n        [900, color.clone().darken(40)]\n    ];\n};\n\nconst assignColorToCssVar = (\n    palette: ColorPalette,\n    shadeLevel: ColorShade,\n    color: TcColorInstance\n) => {\n    const varName = `--color-${palette}-${shadeLevel}`;\n\n    const hsl = color.toHsl();\n    const varValue = `${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%`;\n    document.documentElement.style.setProperty(varName, varValue);\n};\n\nexport const assignColor = (palette: ColorPalette, color: string, shade?: ColorShade) => {\n    const colorInstance = parseColor(color);\n\n    if (shade) {\n        assignColorToCssVar(palette, shade, colorInstance);\n        return;\n    }\n\n    generateShades(colorInstance).forEach(([shadeLevel, shade]) => {\n        assignColorToCssVar(palette, shadeLevel, shade);\n    });\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAA4C,YAAY;AAGzE,MAAMC,cAAc,GAAIC,KAAsB,IAA2C;EACrF,OAAO,CACH,CAAC,GAAG,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAAC,EACpB,CAAC,GAAG,EAAED,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,CAClC;AACL,CAAC;AAED,MAAMC,mBAAmB,GAAGA,CACxBC,OAAqB,EACrBC,UAAsB,EACtBN,KAAsB,KACrB;EACD,MAAMO,OAAO,GAAG,WAAWF,OAAO,IAAIC,UAAU,EAAE;EAElD,MAAME,GAAG,GAAGR,KAAK,CAACS,KAAK,CAAC,CAAC;EACzB,MAAMC,QAAQ,GAAG,GAAGF,GAAG,CAACG,CAAC,KAAKH,GAAG,CAACI,CAAC,GAAG,GAAG,MAAMJ,GAAG,CAACK,CAAC,GAAG,GAAG,GAAG;EAC7DC,QAAQ,CAACC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACV,OAAO,EAAEG,QAAQ,CAAC;AACjE,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAACb,OAAqB,EAAEL,KAAa,EAAEmB,KAAkB,KAAK;EACrF,MAAMC,aAAa,GAAGtB,UAAU,CAACE,KAAK,CAAC;EAEvC,IAAImB,KAAK,EAAE;IACPf,mBAAmB,CAACC,OAAO,EAAEc,KAAK,EAAEC,aAAa,CAAC;IAClD;EACJ;EAEArB,cAAc,CAACqB,aAAa,CAAC,CAACC,OAAO,CAAC,CAAC,CAACf,UAAU,EAAEa,KAAK,CAAC,KAAK;IAC3Df,mBAAmB,CAACC,OAAO,EAAEC,UAAU,EAAEa,KAAK,CAAC;EACnD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/config/AdminConfig/Theme/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const COLOR_SHADES: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
+export declare const COLOR_PALLETS: readonly ["primary", "secondary", "neutral", "success", "warning", "destructive"];

package/config/AdminConfig/Theme/consts.js

@@ -0,0 +1,4 @@
+export const COLOR_SHADES = [100, 200, 300, 400, 500, 600, 700, 800, 900];
+export const COLOR_PALLETS = ["primary", "secondary", "neutral", "success", "warning", "destructive"];
+
+//# sourceMappingURL=consts.js.map

package/config/AdminConfig/Theme/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLOR_SHADES","COLOR_PALLETS"],"sources":["consts.ts"],"sourcesContent":["export const COLOR_SHADES = [100, 200, 300, 400, 500, 600, 700, 800, 900] as const;\n\nexport const COLOR_PALLETS = [\n    \"primary\",\n    \"secondary\",\n    \"neutral\",\n    \"success\",\n    \"warning\",\n    \"destructive\"\n] as const;\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;AAElF,OAAO,MAAMC,aAAa,GAAG,CACzB,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,CACP","ignoreList":[]}

package/config/AdminConfig/Theme/types.d.ts

@@ -0,0 +1,3 @@
+import type { COLOR_PALLETS, COLOR_SHADES } from "./consts";
+export type ColorPalette = (typeof COLOR_PALLETS)[number];
+export type ColorShade = (typeof COLOR_SHADES)[number];

package/config/AdminConfig/Theme/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/config/AdminConfig/Theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { COLOR_PALLETS, COLOR_SHADES } from \"./consts\";\n\nexport type ColorPalette = (typeof COLOR_PALLETS)[number];\nexport type ColorShade = (typeof COLOR_SHADES)[number];\n"],"mappings":"","ignoreList":[]}

package/config/AdminConfig/Theme.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ColorPalette, ColorShade } from "./Theme/types";
+export interface ThemeColorProps {
+    palette: ColorPalette;
+    color: string;
+    shade?: ColorShade;
+}
+export declare const Color: React.MemoExoticComponent<({ palette, color, shade }: ThemeColorProps) => null>;
+export interface ThemeProps {
+    children: React.ReactNode;
+}
+export declare const Theme: React.NamedExoticComponent<ThemeProps> & {
+    readonly type: ({ children }: ThemeProps) => React.JSX.Element;
+} & {
+    Color: React.MemoExoticComponent<({ palette, color, shade }: ThemeColorProps) => null>;
+};

package/config/AdminConfig/Theme.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { assignColor } from "./Theme/assignColor";
+export const Color = /*#__PURE__*/React.memo(({
+  palette,
+  color,
+  shade
+}) => {
+  assignColor(palette, color, shade);
+  return null;
+});
+Color.displayName = "Color";
+const ThemeBase = /*#__PURE__*/React.memo(({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+});
+ThemeBase.displayName = "Theme";
+export const Theme = Object.assign(ThemeBase, {
+  Color
+});
+
+//# sourceMappingURL=Theme.js.map

package/config/AdminConfig/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","assignColor","Color","memo","palette","color","shade","displayName","ThemeBase","children","createElement","Fragment","Theme","Object","assign"],"sources":["Theme.tsx"],"sourcesContent":["import React from \"react\";\nimport { assignColor } from \"./Theme/assignColor\";\nimport type { ColorPalette, ColorShade } from \"./Theme/types\";\n\nexport interface ThemeColorProps {\n    palette: ColorPalette;\n    color: string;\n    shade?: ColorShade;\n}\n\nexport const Color = React.memo(({ palette, color, shade }: ThemeColorProps) => {\n    assignColor(palette, color, shade);\n    return null;\n});\n\nColor.displayName = \"Color\";\n\nexport interface ThemeProps {\n    children: React.ReactNode;\n}\n\nconst ThemeBase = React.memo(({ children }: ThemeProps) => {\n    return <>{children}</>;\n});\n\nThemeBase.displayName = \"Theme\";\n\nexport const Theme = Object.assign(ThemeBase, {\n    Color\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AASpB,OAAO,MAAMC,KAAK,gBAAGF,KAAK,CAACG,IAAI,CAAC,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAuB,CAAC,KAAK;EAC5EL,WAAW,CAACG,OAAO,EAAEC,KAAK,EAAEC,KAAK,CAAC;EAClC,OAAO,IAAI;AACf,CAAC,CAAC;AAEFJ,KAAK,CAACK,WAAW,GAAG,OAAO;AAM3B,MAAMC,SAAS,gBAAGR,KAAK,CAACG,IAAI,CAAC,CAAC;EAAEM;AAAqB,CAAC,KAAK;EACvD,oBAAOT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC,CAAC;AAEFD,SAAS,CAACD,WAAW,GAAG,OAAO;AAE/B,OAAO,MAAMK,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACN,SAAS,EAAE;EAC1CN;AACJ,CAAC,CAAC","ignoreList":[]}

package/config/AdminConfig.d.ts

@@ -0,0 +1,434 @@
+import React from "react";
+import { type MenuConfig } from "./AdminConfig/Menu";
+import type { TenantConfig } from "./AdminConfig/Tenant";
+import type { SupportMenuConfig } from "./AdminConfig/Menu/SupportMenu";
+import type { UserMenuConfig } from "./AdminConfig/Menu/UserMenu";
+export declare const AdminWithConfig: (({ onProperties, children }: import("./createAdminConfig").WithConfigProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export declare const AdminConfigProvider: (props: unknown) => React.JSX.Element;
+export declare const useAdminConfig: () => {
+    menus: MenuConfig[];
+    userMenus: UserMenuConfig[];
+    supportMenus: SupportMenuConfig[];
+    tenant: TenantConfig;
+};
+export interface PublicProps {
+    children: React.ReactNode;
+}
+export declare const Public: ({ children }: PublicProps) => React.JSX.Element;
+export interface PrivateProps {
+    children: React.ReactNode;
+}
+export declare const Private: ({ children }: PrivateProps) => React.JSX.Element;
+export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Element) & {
+    Public: ({ children }: PublicProps) => React.JSX.Element;
+    Theme: React.NamedExoticComponent<import("./AdminConfig/Theme").ThemeProps> & {
+        readonly type: ({ children }: import("./AdminConfig/Theme").ThemeProps) => React.JSX.Element;
+    } & {
+        Color: React.MemoExoticComponent<({ palette, color, shade }: import("./AdminConfig/Theme").ThemeColorProps) => null>;
+    };
+    Menu: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+        original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Item: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Link: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Group: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Footer: (({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+            original: ({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+                original: ({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element) & {
+                original: ({ tags, ...props }: import("./AdminConfig/Menu").MenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Support: (({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element) & {
+            original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element) & {
+                original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element) & {
+                original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu").SupportMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Item: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+            };
+            Link: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+            };
+        };
+        User: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element) & {
+                original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element) & {
+                original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu").UserMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Item: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemButtonProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                        original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                        original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+            Link: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: ((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                        original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element) & {
+                        original: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+            Separator: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+    };
+    Route: (props: import("@webiny/app/config/RouterConfig/Route").RouteProps) => React.JSX.Element;
+    Tenant: (({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element) & {
+        original: ({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element) & {
+            original: ({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element) & {
+            original: ({ children }: import("./AdminConfig/Tenant").TenantProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Name: (({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
+            original: ({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
+                original: ({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
+                original: ({ value }: import("./AdminConfig/Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Logo: (({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
+            original: ({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
+                original: ({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
+                original: ({ element }: import("./AdminConfig/Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+    useAdminConfig: () => {
+        menus: MenuConfig[];
+        userMenus: UserMenuConfig[];
+        supportMenus: SupportMenuConfig[];
+        tenant: TenantConfig;
+    };
+};

package/config/AdminConfig.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { AppContainer, Plugin } from "@webiny/app";
+import { Menu } from "./AdminConfig/Menu";
+import { Tenant } from "./AdminConfig/Tenant";
+import { Route } from "./AdminConfig/Route";
+import { Theme } from "./AdminConfig/Theme";
+import { createAdminConfig } from "./createAdminConfig";
+const base = createAdminConfig();
+export const AdminWithConfig = Object.assign(base.WithConfig, {
+  displayName: "AdminWithConfig"
+});
+export const AdminConfigProvider = AppContainer.createDecorator(Original => {
+  return function AdminConfigProvider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Original, null, /*#__PURE__*/React.createElement(AdminWithConfig, null, /*#__PURE__*/React.createElement(base.ApplyPublicConfig, null), children)), /*#__PURE__*/React.createElement(Plugin, null, /*#__PURE__*/React.createElement(base.ApplyProtectedConfig, null)));
+  };
+});
+export const useAdminConfig = () => {
+  const baseConfig = base.useConfig();
+  return {
+    menus: baseConfig.menus ?? [],
+    userMenus: baseConfig.userMenus ?? [],
+    supportMenus: baseConfig.supportMenus ?? [],
+    tenant: baseConfig.tenant || {}
+  };
+};
+export const Public = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(base.PublicConfig, null, children);
+};
+export const Private = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(base.PrivateConfig, null, children);
+};
+export const AdminConfig = Object.assign(Private, {
+  Public,
+  Theme,
+  Menu,
+  Route,
+  Tenant,
+  useAdminConfig
+});
+
+//# sourceMappingURL=AdminConfig.js.map