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

package/config/AdminConfig/Menu/SupportMenu/SupportMenuItem.d.ts

@@ -1,39 +1,40 @@
 import React from "react";
 import type { DropdownMenuItemProps } from "@webiny/admin-ui";
-export declare const DecoratableSupportMenuItem: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
-    original: (props: DropdownMenuItemProps) => React.JSX.Element;
+declare const SupportMenuItemBase: (props: DropdownMenuItemProps) => React.JSX.Element;
+export declare const DecoratableSupportMenuItem: typeof SupportMenuItemBase & {
+    original: typeof SupportMenuItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+    original: typeof SupportMenuItemBase & {
+        original: typeof SupportMenuItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DropdownMenuItemProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SupportMenuItemBase & {
+        original: typeof SupportMenuItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const SupportMenuItem: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
-    original: (props: DropdownMenuItemProps) => React.JSX.Element;
+declare const SupportMenuItem: typeof SupportMenuItemBase & {
+    original: typeof SupportMenuItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DropdownMenuItemProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+    original: typeof SupportMenuItemBase & {
+        original: typeof SupportMenuItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DropdownMenuItemProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SupportMenuItemBase & {
+        original: typeof SupportMenuItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/config/AdminConfig/Menu/SupportMenu/SupportMenuLink.d.ts

@@ -1,20 +1,21 @@
 import React from "react";
 import type { DropdownMenuLinkProps } from "@webiny/admin-ui";
-declare const SupportMenuLink: ((props: DropdownMenuLinkProps) => React.JSX.Element) & {
-    original: (props: DropdownMenuLinkProps) => React.JSX.Element;
+declare const SupportMenuLinkBase: (props: DropdownMenuLinkProps) => React.JSX.Element;
+declare const SupportMenuLink: typeof SupportMenuLinkBase & {
+    original: typeof SupportMenuLinkBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DropdownMenuLinkProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuLinkProps) => React.JSX.Element;
+    original: typeof SupportMenuLinkBase & {
+        original: typeof SupportMenuLinkBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DropdownMenuLinkProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuLinkProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SupportMenuLinkBase & {
+        original: typeof SupportMenuLinkBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/config/AdminConfig/Menu/SupportMenu.d.ts

@@ -8,21 +8,22 @@ export interface SupportMenuProps {
     pin?: "start" | "end";
 }
 export type SupportMenuConfig = Pick<SupportMenuProps, "name" | "element">;
-export declare const SupportMenu: (({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element) & {
-    original: ({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element;
+declare const BaseSupportMenu: ({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element;
+export declare const SupportMenu: typeof BaseSupportMenu & {
+    original: typeof BaseSupportMenu;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element) & {
-        original: ({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element;
+    original: typeof BaseSupportMenu & {
+        original: typeof BaseSupportMenu;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element) & {
-        original: ({ name, element, remove, before, after, pin }: SupportMenuProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseSupportMenu & {
+        original: typeof BaseSupportMenu;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -70,3 +71,4 @@ export declare const SupportMenu: (({ name, element, remove, before, after, pin
         Icon: (props: import("@webiny/admin-ui/DropdownMenu/components/DropdownMenuItemIcon.js").DropdownMenuItemIconProps) => React.JSX.Element;
     };
 };
+export {};

package/config/AdminConfig/Menu/UserMenu.d.ts

@@ -10,21 +10,22 @@ export interface UserMenuProps {
     after?: string;
 }
 export type UserMenuConfig = Pick<UserMenuProps, "name" | "parent" | "tags" | "element">;
-export declare const UserMenu: (({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element) & {
-    original: ({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element;
+declare const BaseUserMenu: ({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element;
+export declare const UserMenu: typeof BaseUserMenu & {
+    original: typeof BaseUserMenu;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element;
+    original: typeof BaseUserMenu & {
+        original: typeof BaseUserMenu;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseUserMenu & {
+        original: typeof BaseUserMenu;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -127,3 +128,4 @@ export declare const UserMenu: (({ name, parent, tags, element, remove, pin, bef
         }>) => (props: unknown) => React.JSX.Element;
     };
 };
+export {};

package/config/AdminConfig/Menu.d.ts

@@ -12,21 +12,23 @@ export interface MenuProps {
     pinnable?: boolean;
 }
 export type MenuConfig = Pick<MenuProps, "name" | "parent" | "tags" | "element" | "pinnable" | "hideIfEmpty">;
-export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-    original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+declare const BaseMenu: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+declare const BaseFooterMenu: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+export declare const Menu: typeof BaseMenu & {
+    original: typeof BaseMenu;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+    original: typeof BaseMenu & {
+        original: typeof BaseMenu;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseMenu & {
+        original: typeof BaseMenu;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -70,6 +72,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
+        Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => 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;
@@ -110,6 +113,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
+        Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => 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;
@@ -151,21 +155,21 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
-    Footer: (({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-        original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+    Footer: typeof BaseFooterMenu & {
+        original: typeof BaseFooterMenu;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-            original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+        original: typeof BaseFooterMenu & {
+            original: typeof BaseFooterMenu;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-            original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseFooterMenu & {
+            original: typeof BaseFooterMenu;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
@@ -350,3 +354,4 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         };
     };
 };
+export {};

package/config/AdminConfig/Security.d.ts

@@ -1,3 +1,4 @@
+import { SecurityPermissions } from "./SecurityPermissions.js";
 export declare const Security: {
-    Permissions: ({ name, title, description, icon, schema, element, system }: import("./SecurityPermissions.js").SecurityPermissionsProps) => import("react").JSX.Element;
+    Permissions: typeof SecurityPermissions;
 };

package/config/AdminConfig/SecurityPermissions.js

@@ -2,10 +2,11 @@ import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
 const SecurityPermissions = ({ name, title, description, icon, schema, element, system })=>{
     const getId = useIdGenerator("SecurityPermissions");
+    const entityIds = schema?.entities?.map((entity)=>entity.id) ?? [];
     return /*#__PURE__*/ react.createElement(ConnectToProperties, {
         name: "AdminConfig"
     }, /*#__PURE__*/ react.createElement(Property, {
-        id: getId(name),
+        id: getId(name, ...entityIds),
         name: "permissionRenderers",
         array: true,
         value: {

package/config/AdminConfig/SecurityPermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/AdminConfig/SecurityPermissions.js","sources":["../../../src/config/AdminConfig/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { PermissionSchema } from \"~/permissions/types.js\";\n\nexport type SecurityPermissionsProps = SecurityPermissionsPropsBase &\n    (\n        | { schema: PermissionSchema; element?: never }\n        | { schema?: never; element: React.ReactElement }\n    );\n\nexport interface SecurityPermissionsPropsBase {\n    name: string;\n    title: string;\n    description?: string;\n    icon?: React.ReactElement;\n    system?: boolean;\n}\n\nexport const SecurityPermissions = ({\n    name,\n    title,\n    description,\n    icon,\n    schema,\n    element,\n    system\n}: SecurityPermissionsProps) => {\n    const getId = useIdGenerator(\"SecurityPermissions\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"permissionRenderers\"}\n                array={true}\n                value={{ name, title, description, icon, schema, element, system }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["SecurityPermissions","name","title","description","icon","schema","element","system","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAkBO,MAAMA,sBAAsB,CAAC,EAChCC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,MAAM,EACiB;IACvB,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIH,MAAMP;QACV,MAAM;QACN,OAAO;QACP,OAAO;YAAEA;YAAMC;YAAOC;YAAaC;YAAMC;YAAQC;YAASC;QAAO;;AAIjF"}
+{"version":3,"file":"config/AdminConfig/SecurityPermissions.js","sources":["../../../src/config/AdminConfig/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { PermissionSchema } from \"~/permissions/types.js\";\n\nexport type SecurityPermissionsProps = SecurityPermissionsPropsBase &\n    (\n        | { schema: PermissionSchema; element?: never }\n        | { schema?: never; element: React.ReactElement }\n    );\n\nexport interface SecurityPermissionsPropsBase {\n    name: string;\n    title: string;\n    description?: string;\n    icon?: React.ReactElement;\n    system?: boolean;\n}\n\nexport const SecurityPermissions = ({\n    name,\n    title,\n    description,\n    icon,\n    schema,\n    element,\n    system\n}: SecurityPermissionsProps) => {\n    const getId = useIdGenerator(\"SecurityPermissions\");\n\n    // Multiple apps may contribute to the same permission group (same `name`), each\n    // declaring only its own entities. If they all registered under the same id, the\n    // last one would overwrite the others in the PropertyStore (same id => last write\n    // wins). So we append the entity ids to make each registration's id unique — e.g.\n    // \"...:dev-tools:graphql-playground\" vs \"...:dev-tools:sdk-playground\". They are\n    // merged back together by `name` at render time (see `Permissions.tsx`).\n    const entityIds = schema?.entities?.map(entity => entity.id) ?? [];\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name, ...entityIds)}\n                name={\"permissionRenderers\"}\n                array={true}\n                value={{ name, title, description, icon, schema, element, system }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["SecurityPermissions","name","title","description","icon","schema","element","system","getId","useIdGenerator","entityIds","entity","ConnectToProperties","Property"],"mappings":";;AAkBO,MAAMA,sBAAsB,CAAC,EAChCC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,MAAM,EACiB;IACvB,MAAMC,QAAQC,eAAe;IAQ7B,MAAMC,YAAYL,QAAQ,UAAU,IAAIM,CAAAA,SAAUA,OAAO,EAAE,KAAK,EAAE;IAElE,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIL,MAAMP,SAASS;QACnB,MAAM;QACN,OAAO;QACP,OAAO;YAAET;YAAMC;YAAOC;YAAaC;YAAMC;YAAQC;YAASC;QAAO;;AAIjF"}

package/config/AdminConfig/Tenant/TenantLogo.d.ts

@@ -3,22 +3,24 @@ export interface TenantLogoProps {
     squareLogo: React.ReactNode;
     horizontalLogo?: React.ReactNode;
 }
-export declare const TenantLogo: (({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
-    original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
+declare const BaseTenantLogo: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
+export declare const TenantLogo: typeof BaseTenantLogo & {
+    original: typeof BaseTenantLogo;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
-        original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
+    original: typeof BaseTenantLogo & {
+        original: typeof BaseTenantLogo;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
-        original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseTenantLogo & {
+        original: typeof BaseTenantLogo;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/config/AdminConfig/Tenant/TenantName.d.ts

@@ -2,22 +2,24 @@ import React from "react";
 export interface TenantNameProps {
     value: string;
 }
-export declare const TenantName: (({ value }: TenantNameProps) => React.JSX.Element) & {
-    original: ({ value }: TenantNameProps) => React.JSX.Element;
+declare const BaseTenantName: ({ value }: TenantNameProps) => React.JSX.Element;
+export declare const TenantName: typeof BaseTenantName & {
+    original: typeof BaseTenantName;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ value }: TenantNameProps) => React.JSX.Element) & {
-        original: ({ value }: TenantNameProps) => React.JSX.Element;
+    original: typeof BaseTenantName & {
+        original: typeof BaseTenantName;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ value }: TenantNameProps) => React.JSX.Element) & {
-        original: ({ value }: TenantNameProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseTenantName & {
+        original: typeof BaseTenantName;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/config/AdminConfig/Tenant.d.ts

@@ -7,7 +7,8 @@ export type TenantConfig = {
     squareLogo: React.ReactNode;
     horizontalLogo: React.ReactNode;
 };
-export declare const Tenant: (({ children }: TenantProps) => React.JSX.Element) & {
+declare const BaseTenant: ({ children }: TenantProps) => React.JSX.Element;
+export declare const Tenant: typeof BaseTenant & {
     Name: (({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
         original: ({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
         originalName: string;
@@ -47,3 +48,4 @@ export declare const Tenant: (({ children }: TenantProps) => React.JSX.Element)
         }>) => (props: unknown) => React.JSX.Element;
     };
 };
+export {};

package/config/AdminConfig/Title.d.ts

@@ -2,22 +2,24 @@ import React from "react";
 export interface TitleProps {
     value: string;
 }
-export declare const Title: (({ value }: TitleProps) => React.JSX.Element) & {
-    original: ({ value }: TitleProps) => React.JSX.Element;
+declare const BaseTitle: ({ value }: TitleProps) => React.JSX.Element;
+export declare const Title: typeof BaseTitle & {
+    original: typeof BaseTitle;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ value }: TitleProps) => React.JSX.Element) & {
-        original: ({ value }: TitleProps) => React.JSX.Element;
+    original: typeof BaseTitle & {
+        original: typeof BaseTitle;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ value }: TitleProps) => React.JSX.Element) & {
-        original: ({ value }: TitleProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseTitle & {
+        original: typeof BaseTitle;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/config/AdminConfig/Widget.d.ts

@@ -5,11 +5,19 @@ export interface WidgetConfig {
     element: React.ReactElement;
     column?: WidgetColumn;
     pin?: "first" | "last";
+    title?: string;
+    description?: string;
+    group?: string;
+    preview?: React.ReactElement;
 }
 export interface WidgetProps {
     name: string;
     element: React.ReactElement;
     column?: WidgetColumn;
     pin?: "first" | "last";
+    title?: string;
+    description?: string;
+    group?: string;
+    preview?: React.ReactElement;
 }
-export declare const Widget: ({ name, element, column, pin }: WidgetProps) => React.JSX.Element;
+export declare const Widget: ({ name, element, column, pin, title, description, group, preview }: WidgetProps) => React.JSX.Element;

package/config/AdminConfig/Widget.js

@@ -1,6 +1,6 @@
 import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-const Widget = ({ name, element, column = "left", pin })=>{
+const Widget = ({ name, element, column = "left", pin, title, description, group, preview })=>{
     const getId = useIdGenerator("DashboardWidget");
     let placeAfter;
     let placeBefore;
@@ -20,7 +20,11 @@ const Widget = ({ name, element, column = "left", pin })=>{
             name,
             element,
             column,
-            pin
+            pin,
+            title,
+            description,
+            group,
+            preview
         }
     }));
 };

package/config/AdminConfig/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/AdminConfig/Widget.js","sources":["../../../src/config/AdminConfig/Widget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport type WidgetColumn = \"left\" | \"right\";\n\nexport interface WidgetConfig {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport interface WidgetProps {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport const Widget = ({ name, element, column = \"left\", pin }: WidgetProps) => {\n    const getId = useIdGenerator(\"DashboardWidget\");\n\n    let placeAfter: string | undefined;\n    let placeBefore: string | undefined;\n\n    if (pin) {\n        if (pin === \"first\") {\n            placeBefore = \"$first\";\n        } else if (pin === \"last\") {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"widgets\"}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n                value={{ name, element, column, pin }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Widget","name","element","column","pin","getId","useIdGenerator","placeAfter","placeBefore","ConnectToProperties","Property"],"mappings":";;AAmBO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,MAAM,EAAEC,GAAG,EAAe;IACvE,MAAMC,QAAQC,eAAe;IAE7B,IAAIC;IACJ,IAAIC;IAEJ,IAAIJ,KACA;QAAA,IAAIA,AAAQ,YAARA,KACAI,cAAc;aACX,IAAIJ,AAAQ,WAARA,KACPG,aAAa;IACjB;IAGJ,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIL,MAAMJ;QACV,MAAM;QACN,OAAO;QACP,QAAQO;QACR,OAAOD;QACP,OAAO;YAAEN;YAAMC;YAASC;YAAQC;QAAI;;AAIpD"}
+{"version":3,"file":"config/AdminConfig/Widget.js","sources":["../../../src/config/AdminConfig/Widget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport type WidgetColumn = \"left\" | \"right\";\n\nexport interface WidgetConfig {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n    // Human-readable label, shown e.g. in the \"Add widget\" drawer when the widget is hidden.\n    title?: string;\n    // One-line summary, shown under the title in the \"Add widget\" drawer.\n    description?: string;\n    // Heading the widget is listed under in the \"Add widget\" drawer, usually the app name.\n    group?: string;\n    /*\n     * A static stand-in for the widget, shown scaled down in the \"Add widget\" drawer. Use sample\n     * data and no requests: the drawer renders every preview at once, and the user may not have\n     * access to what the widget shows.\n     */\n    preview?: React.ReactElement;\n}\n\nexport interface WidgetProps {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n    title?: string;\n    description?: string;\n    group?: string;\n    preview?: React.ReactElement;\n}\n\nexport const Widget = ({\n    name,\n    element,\n    column = \"left\",\n    pin,\n    title,\n    description,\n    group,\n    preview\n}: WidgetProps) => {\n    const getId = useIdGenerator(\"DashboardWidget\");\n\n    let placeAfter: string | undefined;\n    let placeBefore: string | undefined;\n\n    if (pin) {\n        if (pin === \"first\") {\n            placeBefore = \"$first\";\n        } else if (pin === \"last\") {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"widgets\"}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n                value={{ name, element, column, pin, title, description, group, preview }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Widget","name","element","column","pin","title","description","group","preview","getId","useIdGenerator","placeAfter","placeBefore","ConnectToProperties","Property"],"mappings":";;AAmCO,MAAMA,SAAS,CAAC,EACnBC,IAAI,EACJC,OAAO,EACPC,SAAS,MAAM,EACfC,GAAG,EACHC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,OAAO,EACG;IACV,MAAMC,QAAQC,eAAe;IAE7B,IAAIC;IACJ,IAAIC;IAEJ,IAAIR,KACA;QAAA,IAAIA,AAAQ,YAARA,KACAQ,cAAc;aACX,IAAIR,AAAQ,WAARA,KACPO,aAAa;IACjB;IAGJ,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIL,MAAMR;QACV,MAAM;QACN,OAAO;QACP,QAAQW;QACR,OAAOD;QACP,OAAO;YAAEV;YAAMC;YAASC;YAAQC;YAAKC;YAAOC;YAAaC;YAAOC;QAAQ;;AAIxF"}

package/config/AdminConfig.d.ts

@@ -2,9 +2,14 @@ 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 { Route } from "./AdminConfig/Route.js";
 import { type WidgetConfig } from "./AdminConfig/Widget.js";
+import { Breadcrumb, type BreadcrumbConfig } from "./AdminConfig/Breadcrumbs.js";
 import type { PermissionRendererConfig } from "../permissions/types.js";
+import { Dialog } from "./AdminConfig/Dialog.js";
 import type { DialogConfig } from "./AdminConfig/Dialog.js";
+import { Drawer } from "./AdminConfig/Drawer.js";
+import type { DrawerConfig } from "./AdminConfig/Drawer.js";
 import type { FieldRendererConfig } from "./AdminConfig/FieldRenderer.js";
 import type { LayoutRendererConfig } from "./AdminConfig/LayoutRenderer.js";
 import type { EditorTheme } from "@webiny/lexical-theme";
@@ -23,9 +28,11 @@ export declare const useAdminConfig: () => {
         horizontalLogo: React.ReactNode;
     };
     widgets: WidgetConfig[];
+    breadcrumbs: BreadcrumbConfig[];
     permissionRenderers: PermissionRendererConfig[];
     lexicalTheme: EditorTheme;
     dialogs: DialogConfig[];
+    drawers: DrawerConfig[];
     fieldRenderers: FieldRendererConfig[];
     layoutRenderers: LayoutRendererConfig[];
 };
@@ -37,8 +44,8 @@ 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;
+export declare const AdminConfig: typeof Private & {
+    Public: typeof Public;
     Theme: React.NamedExoticComponent<import("./AdminConfig/Theme.js").ThemeProps> & {
         readonly type: ({ children }: import("./AdminConfig/Theme.js").ThemeProps) => React.JSX.Element;
     } & {
@@ -102,6 +109,7 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
+            Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => 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;
@@ -142,6 +150,7 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
+            Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => 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;
@@ -382,7 +391,7 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
             };
         };
     };
-    Route: (props: React.ComponentProps<typeof import("@webiny/app/config/RouterConfig/Route.js").Route>) => React.JSX.Element;
+    Route: typeof Route;
     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;
@@ -462,39 +471,27 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
         }>) => (props: unknown) => React.JSX.Element;
     };
     Dashboard: {
-        Widget: ({ name, element, column, pin }: import("./AdminConfig/Widget.js").WidgetProps) => React.JSX.Element;
+        Widget: typeof import("./AdminConfig/Widget.js").Widget;
     };
+    Breadcrumb: typeof Breadcrumb;
     Security: {
-        Permissions: ({ name, title, description, icon, schema, element, system }: import("./AdminConfig/SecurityPermissions.js").SecurityPermissionsProps) => React.JSX.Element;
+        Permissions: typeof import("./AdminConfig/SecurityPermissions.js").SecurityPermissions;
     };
     LexicalTheme: {
-        Color: ({ id, label, value, remove, replace, after, before }: import("./AdminConfig/LexicalTheme/Color.js").ColorProps) => React.JSX.Element;
+        AllowCustomColors: typeof import("./AdminConfig/LexicalTheme/AllowCustomColors.js").AllowCustomColors;
+        Color: typeof import("./AdminConfig/LexicalTheme/Color.js").Color;
         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;
+            Heading: typeof import("./AdminConfig/LexicalTheme/Typography.js").Heading;
+            Paragraph: typeof import("./AdminConfig/LexicalTheme/Typography.js").Paragraph;
+            Quote: typeof import("./AdminConfig/LexicalTheme/Typography.js").Quote;
+            List: typeof import("./AdminConfig/LexicalTheme/Typography.js").List;
         };
     };
-    Dialog: ({ name, element }: import("./AdminConfig/Dialog.js").DialogProps) => React.JSX.Element;
+    Dialog: typeof Dialog;
+    Drawer: typeof Drawer;
     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[];
+        FieldRenderer: typeof import("./AdminConfig/FieldRenderer.js").FieldRenderer;
+        LayoutRenderer: typeof import("./AdminConfig/LayoutRenderer.js").LayoutRenderer;
     };
+    useAdminConfig: typeof useAdminConfig;
 };

package/config/AdminConfig.js

@@ -5,11 +5,13 @@ 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 { Breadcrumb } from "./AdminConfig/Breadcrumbs.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 { Drawer } from "./AdminConfig/Drawer.js";
 import { Form } from "./AdminConfig/Form.js";
 import { createAdminConfig } from "./createAdminConfig.js";
 import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
@@ -28,7 +30,8 @@ const useAdminConfig = ()=>{
         colors: baseConfig.lexicalTheme?.colors,
         typography: baseConfig.lexicalTheme?.typography || {},
         fontSizes: [],
-        tokens: lexicalTokens
+        tokens: lexicalTokens,
+        allowCustomColors: baseConfig.lexicalTheme?.allowCustomColors ?? false
     };
     return {
         menus: baseConfig.menus ?? [],
@@ -40,9 +43,11 @@ const useAdminConfig = ()=>{
             horizontalLogo: baseConfig.horizontalLogo
         },
         widgets: baseConfig.widgets ?? [],
+        breadcrumbs: baseConfig.breadcrumbs ?? [],
         permissionRenderers: baseConfig.permissionRenderers ?? [],
         lexicalTheme,
         dialogs: baseConfig.dialogs ?? [],
+        drawers: baseConfig.drawers ?? [],
         fieldRenderers: baseConfig.fieldRenderers ?? [],
         layoutRenderers: baseConfig.layoutRenderers ?? []
     };
@@ -58,9 +63,11 @@ const AdminConfig = Object.assign(Private, {
     Title: Title,
     Logo: Logo,
     Dashboard: Dashboard,
+    Breadcrumb: Breadcrumb,
     Security: Security,
     LexicalTheme: LexicalTheme,
     Dialog: Dialog,
+    Drawer: Drawer,
     Form: Form,
     useAdminConfig: useAdminConfig
 });