@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/config/AdminConfig.d.ts

@@ -0,0 +1,500 @@
+import React from "react";
+import { type MenuConfig } from "./AdminConfig/Menu.js";
+import type { SupportMenuConfig } from "./AdminConfig/Menu/SupportMenu.js";
+import type { UserMenuConfig } from "./AdminConfig/Menu/UserMenu.js";
+import { type WidgetConfig } from "./AdminConfig/Widget.js";
+import type { PermissionRendererConfig } from "../permissions/types.js";
+import type { DialogConfig } from "./AdminConfig/Dialog.js";
+import type { FieldRendererConfig } from "./AdminConfig/FieldRenderer.js";
+import type { LayoutRendererConfig } from "./AdminConfig/LayoutRenderer.js";
+import type { EditorTheme } from "@webiny/lexical-theme";
+export declare const AdminWithConfig: (({ onProperties, children }: import("./createAdminConfig.js").WithConfigProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export declare const AdminConfigPlugin: React.JSX.Element;
+export declare const AdminConfigProvider: import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export declare const useAdminConfig: () => {
+    menus: MenuConfig[];
+    userMenus: UserMenuConfig[];
+    supportMenus: SupportMenuConfig[];
+    title: string;
+    logo: {
+        squareLogo: React.ReactNode;
+        horizontalLogo: React.ReactNode;
+    };
+    widgets: WidgetConfig[];
+    permissionRenderers: PermissionRendererConfig[];
+    lexicalTheme: EditorTheme;
+    dialogs: DialogConfig[];
+    fieldRenderers: FieldRendererConfig[];
+    layoutRenderers: LayoutRendererConfig[];
+};
+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.js").ThemeProps> & {
+        readonly type: ({ children }: import("./AdminConfig/Theme.js").ThemeProps) => React.JSX.Element;
+    } & {
+        Color: React.MemoExoticComponent<({ palette, color, shade }: import("./AdminConfig/Theme.js").ThemeColorProps) => null>;
+    };
+    Menu: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+        original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Item: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").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.js").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, showOnHover, className, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction.js").SidebarMenuItemActionProps) => React.JSX.Element | null;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Link: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, showOnHover, className, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction.js").SidebarMenuItemActionProps) => React.JSX.Element | null;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Group: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => 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.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Action: ({ element, showOnHover, className, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction.js").SidebarMenuItemActionProps) => React.JSX.Element | null;
+            Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+                    original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+        Footer: (({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+            original: ({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+                original: ({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element) & {
+                original: ({ tags, ...props }: import("./AdminConfig/Menu.js").MenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Support: (({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element) & {
+            original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element) & {
+                original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu.js").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.js").SupportMenuProps) => React.JSX.Element) & {
+                original: ({ name, element, remove, before, after, pin }: import("./AdminConfig/Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Item: ((props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon.js").DropdownMenuItemIconProps) => React.JSX.Element;
+            };
+            Link: ((props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon.js").DropdownMenuItemIconProps) => React.JSX.Element;
+            };
+        };
+        User: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu.js").UserMenuProps) => React.JSX.Element) & {
+            original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu.js").UserMenuProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu.js").UserMenuProps) => React.JSX.Element) & {
+                original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu.js").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.js").UserMenuProps) => React.JSX.Element) & {
+                original: ({ name, parent, tags, element, remove, pin, before, after }: import("./AdminConfig/Menu/UserMenu.js").UserMenuProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            Item: ((props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+                original: (props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuItemRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: ((props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: ((props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                        original: (props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                        original: (props: import("../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+            Link: ((props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+                original: (props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            } & {
+                Icon: ((props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    original: ((props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                        original: (props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    };
+                    originalName: string;
+                    displayName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                        original: (props: import("../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+                        originalName: string;
+                        displayName: string;
+                    }>) => (props: unknown) => React.JSX.Element;
+                };
+            };
+            Separator: ((props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+                original: (props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => React.JSX.Element;
+            };
+        };
+    };
+    Route: (props: React.ComponentProps<typeof import("@webiny/app/config/RouterConfig/Route.js").Route>) => React.JSX.Element;
+    Tenant: (({ children }: import("./AdminConfig/Tenant.js").TenantProps) => React.JSX.Element) & {
+        Name: (({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+            original: ({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+                original: ({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+                original: ({ value }: import("./AdminConfig/Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Logo: (({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+            original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+                original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+                original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+    };
+    Title: (({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element) & {
+        original: ({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element) & {
+            original: ({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element) & {
+            original: ({ value }: import("./AdminConfig/Title.js").TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Logo: (({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element) & {
+        original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element) & {
+            original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element) & {
+            original: ({ squareLogo, horizontalLogo }: import("./AdminConfig/Logo.js").LogoProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Dashboard: {
+        Widget: ({ name, element, column, pin }: import("./AdminConfig/Widget.js").WidgetProps) => React.JSX.Element;
+    };
+    Security: {
+        Permissions: ({ name, title, description, icon, schema, element, system }: import("./AdminConfig/SecurityPermissions.js").SecurityPermissionsProps) => React.JSX.Element;
+    };
+    LexicalTheme: {
+        Color: ({ id, label, value, remove, replace, after, before }: import("./AdminConfig/LexicalTheme/Color.js").ColorProps) => React.JSX.Element;
+        Typography: {
+            Heading: (props: import("./AdminConfig/LexicalTheme/Typography.js").HeadingProps) => React.JSX.Element;
+            Paragraph: (props: import("./AdminConfig/LexicalTheme/Typography.js").ParagraphProps) => React.JSX.Element;
+            Quote: (props: import("./AdminConfig/LexicalTheme/Typography.js").QuoteProps) => React.JSX.Element;
+            List: (props: import("./AdminConfig/LexicalTheme/Typography.js").ListProps) => React.JSX.Element;
+        };
+    };
+    Dialog: ({ name, element }: import("./AdminConfig/Dialog.js").DialogProps) => React.JSX.Element;
+    Form: {
+        FieldRenderer: ({ name, component }: import("./AdminConfig/FieldRenderer.js").FieldRendererProps) => React.JSX.Element;
+        LayoutRenderer: ({ name, component }: import("./AdminConfig/LayoutRenderer.js").LayoutRendererProps) => React.JSX.Element;
+    };
+    useAdminConfig: () => {
+        menus: MenuConfig[];
+        userMenus: UserMenuConfig[];
+        supportMenus: SupportMenuConfig[];
+        title: string;
+        logo: {
+            squareLogo: React.ReactNode;
+            horizontalLogo: React.ReactNode;
+        };
+        widgets: WidgetConfig[];
+        permissionRenderers: PermissionRendererConfig[];
+        lexicalTheme: EditorTheme;
+        dialogs: DialogConfig[];
+        fieldRenderers: FieldRendererConfig[];
+        layoutRenderers: LayoutRendererConfig[];
+    };
+};

package/config/AdminConfig.js

@@ -0,0 +1,69 @@
+import react from "react";
+import { createProvider } from "@webiny/app";
+import { Menu } from "./AdminConfig/Menu.js";
+import { Tenant } from "./AdminConfig/Tenant.js";
+import { Route } from "./AdminConfig/Route.js";
+import { Theme } from "./AdminConfig/Theme.js";
+import { Dashboard } from "./AdminConfig/Dashboard.js";
+import { Security } from "./AdminConfig/Security.js";
+import { LexicalTheme } from "./AdminConfig/LexicalTheme.js";
+import { Title } from "./AdminConfig/Title.js";
+import { Logo } from "./AdminConfig/Logo.js";
+import { Dialog } from "./AdminConfig/Dialog.js";
+import { Form } from "./AdminConfig/Form.js";
+import { createAdminConfig } from "./createAdminConfig.js";
+import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
+const base = createAdminConfig();
+const AdminWithConfig = Object.assign(base.WithConfig, {
+    displayName: "AdminWithConfig"
+});
+const AdminConfigPlugin = /*#__PURE__*/ react.createElement(base.ApplyProtectedConfig, null);
+const AdminConfig_AdminConfigProvider = createProvider((Original)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(AdminWithConfig, null, /*#__PURE__*/ react.createElement(base.ApplyPublicConfig, null), /*#__PURE__*/ react.createElement(Original, null, children));
+    });
+const lexicalTokens = createLexicalTokens("wa-lx-");
+const useAdminConfig = ()=>{
+    const baseConfig = base.useConfig();
+    const lexicalTheme = {
+        colors: baseConfig.lexicalTheme?.colors,
+        typography: baseConfig.lexicalTheme?.typography || {},
+        fontSizes: [],
+        tokens: lexicalTokens
+    };
+    return {
+        menus: baseConfig.menus ?? [],
+        userMenus: baseConfig.userMenus ?? [],
+        supportMenus: baseConfig.supportMenus ?? [],
+        title: baseConfig.title,
+        logo: {
+            squareLogo: baseConfig.squareLogo,
+            horizontalLogo: baseConfig.horizontalLogo
+        },
+        widgets: baseConfig.widgets ?? [],
+        permissionRenderers: baseConfig.permissionRenderers ?? [],
+        lexicalTheme,
+        dialogs: baseConfig.dialogs ?? [],
+        fieldRenderers: baseConfig.fieldRenderers ?? [],
+        layoutRenderers: baseConfig.layoutRenderers ?? []
+    };
+};
+const Public = ({ children })=>/*#__PURE__*/ react.createElement(base.PublicConfig, null, children);
+const Private = ({ children })=>/*#__PURE__*/ react.createElement(base.PrivateConfig, null, children);
+const AdminConfig = Object.assign(Private, {
+    Public: Public,
+    Theme: Theme,
+    Menu: Menu,
+    Route: Route,
+    Tenant: Tenant,
+    Title: Title,
+    Logo: Logo,
+    Dashboard: Dashboard,
+    Security: Security,
+    LexicalTheme: LexicalTheme,
+    Dialog: Dialog,
+    Form: Form,
+    useAdminConfig: useAdminConfig
+});
+export { AdminConfig, AdminConfigPlugin, AdminConfig_AdminConfigProvider as AdminConfigProvider, AdminWithConfig, Private, Public, useAdminConfig };
+
+//# sourceMappingURL=AdminConfig.js.map

package/config/AdminConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig.js","sources":["../../src/config/AdminConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { Menu, type MenuConfig } from \"./AdminConfig/Menu.js\";\nimport type { TenantConfig } from \"./AdminConfig/Tenant.js\";\nimport { Tenant } from \"./AdminConfig/Tenant.js\";\nimport type { SupportMenuConfig } from \"./AdminConfig/Menu/SupportMenu.js\";\nimport type { UserMenuConfig } from \"./AdminConfig/Menu/UserMenu.js\";\nimport { Route } from \"./AdminConfig/Route.js\";\nimport { Theme } from \"./AdminConfig/Theme.js\";\nimport { Dashboard } from \"./AdminConfig/Dashboard.js\";\nimport { type WidgetConfig } from \"./AdminConfig/Widget.js\";\nimport { Security } from \"./AdminConfig/Security.js\";\nimport type { PermissionRendererConfig } from \"../permissions/types.js\";\nimport { LexicalTheme } from \"./AdminConfig/LexicalTheme.js\";\nimport { Title } from \"./AdminConfig/Title.js\";\nimport { Logo } from \"./AdminConfig/Logo.js\";\nimport { Dialog } from \"./AdminConfig/Dialog.js\";\nimport type { DialogConfig } from \"./AdminConfig/Dialog.js\";\nimport { Form } from \"./AdminConfig/Form.js\";\nimport type { FieldRendererConfig } from \"./AdminConfig/FieldRenderer.js\";\nimport type { LayoutRendererConfig } from \"./AdminConfig/LayoutRenderer.js\";\nimport { createAdminConfig } from \"./createAdminConfig.js\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\n\nconst base = createAdminConfig<AdminConfig>();\n\nexport const AdminWithConfig = Object.assign(base.WithConfig, {\n    displayName: \"AdminWithConfig\"\n});\n\ninterface AdminConfig {\n    menus: MenuConfig[];\n    supportMenus: SupportMenuConfig[];\n    userMenus: UserMenuConfig[];\n    tenant: TenantConfig;\n    title: string;\n    squareLogo: React.ReactNode;\n    horizontalLogo: React.ReactNode;\n    widgets: WidgetConfig[];\n    permissionRenderers: PermissionRendererConfig[];\n    lexicalTheme: EditorTheme;\n    dialogs: DialogConfig[];\n    fieldRenderers: FieldRendererConfig[];\n    layoutRenderers: LayoutRendererConfig[];\n}\n\n/* Once the app fully renders (after the LoginScreen), apply protected configs. */\nexport const AdminConfigPlugin = <base.ApplyProtectedConfig />;\n\nexport const AdminConfigProvider = createProvider(Original => {\n    return function AdminConfigProvider({ children }) {\n        return (\n            <AdminWithConfig>\n                <base.ApplyPublicConfig />\n                <Original>{children}</Original>\n            </AdminWithConfig>\n        );\n    };\n});\n\nconst lexicalTokens = createLexicalTokens(\"wa-lx-\");\n\nexport const useAdminConfig = () => {\n    const baseConfig = base.useConfig();\n\n    const lexicalTheme: EditorTheme = {\n        colors: baseConfig.lexicalTheme?.colors,\n        typography: baseConfig.lexicalTheme?.typography || {},\n        fontSizes: [],\n        tokens: lexicalTokens\n    };\n\n    return {\n        menus: baseConfig.menus ?? [],\n        userMenus: baseConfig.userMenus ?? [],\n        supportMenus: baseConfig.supportMenus ?? [],\n        title: baseConfig.title,\n        logo: {\n            squareLogo: baseConfig.squareLogo,\n            horizontalLogo: baseConfig.horizontalLogo\n        },\n        widgets: baseConfig.widgets ?? [],\n        permissionRenderers: baseConfig.permissionRenderers ?? [],\n        lexicalTheme,\n        dialogs: baseConfig.dialogs ?? [],\n        fieldRenderers: baseConfig.fieldRenderers ?? [],\n        layoutRenderers: baseConfig.layoutRenderers ?? []\n    };\n};\n\nexport interface PublicProps {\n    children: React.ReactNode;\n}\n\nexport const Public = ({ children }: PublicProps) => {\n    return <base.PublicConfig>{children}</base.PublicConfig>;\n};\n\nexport interface PrivateProps {\n    children: React.ReactNode;\n}\n\nexport const Private = ({ children }: PrivateProps) => {\n    return <base.PrivateConfig>{children}</base.PrivateConfig>;\n};\n\nexport const AdminConfig = Object.assign(Private, {\n    Public,\n    Theme,\n    Menu,\n    Route,\n    Tenant,\n    Title,\n    Logo,\n    Dashboard,\n    Security,\n    LexicalTheme,\n    Dialog,\n    Form,\n    useAdminConfig\n});\n"],"names":["base","createAdminConfig","AdminWithConfig","Object","AdminConfigPlugin","AdminConfigProvider","createProvider","Original","children","lexicalTokens","createLexicalTokens","useAdminConfig","baseConfig","lexicalTheme","Public","Private","AdminConfig","Theme","Menu","Route","Tenant","Title","Logo","Dashboard","Security","LexicalTheme","Dialog","Form"],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAMA,OAAOC;AAEN,MAAMC,kBAAkBC,OAAO,MAAM,CAACH,KAAK,UAAU,EAAE;IAC1D,aAAa;AACjB;AAmBO,MAAMI,oBAAoB,WAAHA,GAAG,oBAACJ,KAAK,oBAAoB;AAEpD,MAAMK,kCAAsBC,eAAeC,CAAAA,WACvC,SAA6B,EAAEC,QAAQ,EAAE;QAC5C,OAAO,WAAP,GACI,oBAACN,iBAAeA,MAAAA,WAAAA,GACZ,oBAACF,KAAK,iBAAiB,uBACvB,oBAACO,UAAAA,MAAUC;IAGvB;AAGJ,MAAMC,gBAAgBC,oBAAoB;AAEnC,MAAMC,iBAAiB;IAC1B,MAAMC,aAAaZ,KAAK,SAAS;IAEjC,MAAMa,eAA4B;QAC9B,QAAQD,WAAW,YAAY,EAAE;QACjC,YAAYA,WAAW,YAAY,EAAE,cAAc,CAAC;QACpD,WAAW,EAAE;QACb,QAAQH;IACZ;IAEA,OAAO;QACH,OAAOG,WAAW,KAAK,IAAI,EAAE;QAC7B,WAAWA,WAAW,SAAS,IAAI,EAAE;QACrC,cAAcA,WAAW,YAAY,IAAI,EAAE;QAC3C,OAAOA,WAAW,KAAK;QACvB,MAAM;YACF,YAAYA,WAAW,UAAU;YACjC,gBAAgBA,WAAW,cAAc;QAC7C;QACA,SAASA,WAAW,OAAO,IAAI,EAAE;QACjC,qBAAqBA,WAAW,mBAAmB,IAAI,EAAE;QACzDC;QACA,SAASD,WAAW,OAAO,IAAI,EAAE;QACjC,gBAAgBA,WAAW,cAAc,IAAI,EAAE;QAC/C,iBAAiBA,WAAW,eAAe,IAAI,EAAE;IACrD;AACJ;AAMO,MAAME,SAAS,CAAC,EAAEN,QAAQ,EAAe,GACrC,WAAP,GAAO,oBAACR,KAAK,YAAY,QAAEQ;AAOxB,MAAMO,UAAU,CAAC,EAAEP,QAAQ,EAAgB,GACvC,WAAP,GAAO,oBAACR,KAAK,aAAa,QAAEQ;AAGzB,MAAMQ,cAAcb,OAAO,MAAM,CAACY,SAAS;IAC9CD,QAAAA;IACAG,OAAKA;IACLC,MAAIA;IACJC,OAAKA;IACLC,QAAMA;IACNC,OAAKA;IACLC,MAAIA;IACJC,WAASA;IACTC,UAAQA;IACRC,cAAYA;IACZC,QAAMA;IACNC,MAAIA;IACJhB,gBAAAA;AACJ"}

package/config/createAdminConfig.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+import type { Property } from "@webiny/react-properties";
+export interface WithConfigProps {
+    children: React.ReactNode;
+    onProperties?(properties: Property[]): void;
+}
+interface ConfigApplyProps {
+    children?: React.ReactNode;
+}
+export interface ConfigProps {
+    children: React.ReactNode;
+}
+export declare function createAdminConfig<TConfig>(): {
+    WithConfig: ({ onProperties, children }: WithConfigProps) => React.JSX.Element;
+    PrivateConfig: ({ children }: ConfigProps) => React.JSX.Element;
+    PublicConfig: ({ children }: ConfigProps) => React.JSX.Element;
+    ApplyPublicConfig: (({ children }: ConfigApplyProps) => React.JSX.Element) & {
+        original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ConfigApplyProps) => React.JSX.Element) & {
+            original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: ConfigApplyProps) => React.JSX.Element) & {
+            original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    ApplyProtectedConfig: (({ children }: ConfigApplyProps) => React.JSX.Element) & {
+        original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ConfigApplyProps) => React.JSX.Element) & {
+            original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: ConfigApplyProps) => React.JSX.Element) & {
+            original: ({ children }: ConfigApplyProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    useConfig: <TExtra extends object>() => TConfig & TExtra;
+};
+export {};