@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/config/AdminConfig/Widget.js

@@ -1,36 +1,29 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export const Widget = ({
-  name,
-  element,
-  column = "left",
-  pin
-}) => {
-  const getId = useIdGenerator("DashboardWidget");
-  let placeAfter;
-  let placeBefore;
-  if (pin) {
-    if (pin === "first") {
-      placeBefore = "$first";
-    } else if (pin === "last") {
-      placeAfter = "$last";
+const Widget = ({ name, element, column = "left", pin })=>{
+    const getId = useIdGenerator("DashboardWidget");
+    let placeAfter;
+    let placeBefore;
+    if (pin) {
+        if ("first" === pin) placeBefore = "$first";
+        else if ("last" === pin) placeAfter = "$last";
     }
-  }
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "widgets",
-    array: true,
-    before: placeBefore,
-    after: placeAfter,
-    value: {
-      name,
-      element,
-      column,
-      pin
-    }
-  }));
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "widgets",
+        array: true,
+        before: placeBefore,
+        after: placeAfter,
+        value: {
+            name,
+            element,
+            column,
+            pin
+        }
+    }));
 };
+export { Widget };
 
 //# sourceMappingURL=Widget.js.map

package/config/AdminConfig/Widget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","Widget","name","element","column","pin","getId","placeAfter","placeBefore","createElement","id","array","before","after","value"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAkBxF,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,MAAM,GAAG,MAAM;EAAEC;AAAiB,CAAC,KAAK;EAC5E,MAAMC,KAAK,GAAGN,cAAc,CAAC,iBAAiB,CAAC;EAE/C,IAAIO,UAA8B;EAClC,IAAIC,WAA+B;EAEnC,IAAIH,GAAG,EAAE;IACL,IAAIA,GAAG,KAAK,OAAO,EAAE;MACjBG,WAAW,GAAG,QAAQ;IAC1B,CAAC,MAAM,IAAIH,GAAG,KAAK,MAAM,EAAE;MACvBE,UAAU,GAAG,OAAO;IACxB;EACJ;EAEA,oBACIV,KAAA,CAAAY,aAAA,CAACX,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAY,aAAA,CAACV,QAAQ;IACLW,EAAE,EAAEJ,KAAK,CAACJ,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBS,KAAK,EAAE,IAAK;IACZC,MAAM,EAAEJ,WAAY;IACpBK,KAAK,EAAEN,UAAW;IAClBO,KAAK,EAAE;MAAEZ,IAAI;MAAEC,OAAO;MAAEC,MAAM;MAAEC;IAAI;EAAE,CACzC,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"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"}

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,28 @@ 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;
+        FontSize: typeof import("./AdminConfig/LexicalTheme/FontSize.js").FontSize;
         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

@@ -1,80 +1,76 @@
-import React from "react";
+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 { 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";
 const base = createAdminConfig();
-export const AdminWithConfig = Object.assign(base.WithConfig, {
-  displayName: "AdminWithConfig"
-});
-/* Once the app fully renders (after the LoginScreen), apply protected configs. */
-export const AdminConfigPlugin = /*#__PURE__*/React.createElement(base.ApplyProtectedConfig, null);
-export const AdminConfigProvider = createProvider(Original => {
-  return function AdminConfigProvider({
-    children
-  }) {
-    return /*#__PURE__*/React.createElement(AdminWithConfig, null, /*#__PURE__*/React.createElement(base.ApplyPublicConfig, null), /*#__PURE__*/React.createElement(Original, null, children));
-  };
+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-");
-export const useAdminConfig = () => {
-  const baseConfig = base.useConfig();
-  const lexicalTheme = {
-    colors: baseConfig.lexicalTheme?.colors,
-    typography: baseConfig.lexicalTheme?.typography || {},
-    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 ?? []
-  };
-};
-export const Public = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(base.PublicConfig, null, children);
-};
-export const Private = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(base.PrivateConfig, null, children);
+const useAdminConfig = ()=>{
+    const baseConfig = base.useConfig();
+    const lexicalTheme = {
+        colors: baseConfig.lexicalTheme?.colors,
+        typography: baseConfig.lexicalTheme?.typography || {},
+        fontSizes: baseConfig.lexicalTheme?.fontSizes ?? [],
+        tokens: lexicalTokens,
+        allowCustomColors: baseConfig.lexicalTheme?.allowCustomColors ?? false
+    };
+    return {
+        menus: baseConfig.menus ?? [],
+        userMenus: baseConfig.userMenus ?? [],
+        supportMenus: baseConfig.supportMenus ?? [],
+        title: baseConfig.title,
+        logo: {
+            squareLogo: baseConfig.squareLogo,
+            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 ?? []
+    };
 };
-export const AdminConfig = Object.assign(Private, {
-  Public,
-  Theme,
-  Menu,
-  Route,
-  Tenant,
-  Title,
-  Logo,
-  Dashboard,
-  Security,
-  LexicalTheme,
-  Dialog,
-  Form,
-  useAdminConfig
+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,
+    Breadcrumb: Breadcrumb,
+    Security: Security,
+    LexicalTheme: LexicalTheme,
+    Dialog: Dialog,
+    Drawer: Drawer,
+    Form: Form,
+    useAdminConfig: useAdminConfig
 });
+export { AdminConfig, AdminConfigPlugin, AdminConfig_AdminConfigProvider as AdminConfigProvider, AdminWithConfig, Private, Public, useAdminConfig };
 
 //# sourceMappingURL=AdminConfig.js.map

package/config/AdminConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createProvider","Menu","Tenant","Route","Theme","Dashboard","Security","LexicalTheme","Title","Logo","Dialog","Form","createAdminConfig","createLexicalTokens","base","AdminWithConfig","Object","assign","WithConfig","displayName","AdminConfigPlugin","createElement","ApplyProtectedConfig","AdminConfigProvider","Original","children","ApplyPublicConfig","lexicalTokens","useAdminConfig","baseConfig","useConfig","lexicalTheme","colors","typography","tokens","menus","userMenus","supportMenus","title","logo","squareLogo","horizontalLogo","widgets","permissionRenderers","dialogs","fieldRenderers","layoutRenderers","Public","PublicConfig","Private","PrivateConfig","AdminConfig"],"sources":["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        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"],"mappings":"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","ignoreList":[]}
+{"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 { Breadcrumb, type BreadcrumbConfig } from \"./AdminConfig/Breadcrumbs.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 { Drawer } from \"./AdminConfig/Drawer.js\";\nimport type { DrawerConfig } from \"./AdminConfig/Drawer.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    breadcrumbs: BreadcrumbConfig[];\n    permissionRenderers: PermissionRendererConfig[];\n    lexicalTheme: EditorTheme;\n    dialogs: DialogConfig[];\n    drawers: DrawerConfig[];\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: baseConfig.lexicalTheme?.fontSizes ?? [],\n        tokens: lexicalTokens,\n        allowCustomColors: baseConfig.lexicalTheme?.allowCustomColors ?? false\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        breadcrumbs: baseConfig.breadcrumbs ?? [],\n        permissionRenderers: baseConfig.permissionRenderers ?? [],\n        lexicalTheme,\n        dialogs: baseConfig.dialogs ?? [],\n        drawers: baseConfig.drawers ?? [],\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    Breadcrumb,\n    Security,\n    LexicalTheme,\n    Dialog,\n    Drawer,\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","Breadcrumb","Security","LexicalTheme","Dialog","Drawer","Form"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAMA,OAAOC;AAEN,MAAMC,kBAAkBC,OAAO,MAAM,CAACH,KAAK,UAAU,EAAE;IAC1D,aAAa;AACjB;AAqBO,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,WAAWA,WAAW,YAAY,EAAE,aAAa,EAAE;QACnD,QAAQH;QACR,mBAAmBG,WAAW,YAAY,EAAE,qBAAqB;IACrE;IAEA,OAAO;QACH,OAAOA,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,aAAaA,WAAW,WAAW,IAAI,EAAE;QACzC,qBAAqBA,WAAW,mBAAmB,IAAI,EAAE;QACzDC;QACA,SAASD,WAAW,OAAO,IAAI,EAAE;QACjC,SAASA,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,YAAUA;IACVC,UAAQA;IACRC,cAAYA;IACZC,QAAMA;IACNC,QAAMA;IACNC,MAAIA;IACJlB,gBAAAA;AACJ"}

package/config/createAdminConfig.js

@@ -1,94 +1,63 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import react, { useContext, useEffect, useMemo, useState } from "react";
 import { Compose, makeDecoratable } from "@webiny/react-composition";
 import { Properties, toObject, useDebugConfig } from "@webiny/react-properties";
-const createHOC = newChildren => {
-  return BaseComponent => {
-    return function ConfigHOC({
-      children
-    }) {
-      return /*#__PURE__*/React.createElement(BaseComponent, null, newChildren, children);
+const createHOC = (newChildren)=>(BaseComponent)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(BaseComponent, null, newChildren, children);
+        };
+const createAdminConfig_name = "AdminConfig";
+function createAdminConfig() {
+    const ApplyPublicConfig = makeDecoratable(`${createAdminConfig_name}Apply<Public>`, ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+    const ApplyProtectedConfig = makeDecoratable(`${createAdminConfig_name}Apply<Protected>`, ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+    const PublicConfig = ({ children })=>/*#__PURE__*/ react.createElement(Compose, {
+            component: ApplyPublicConfig,
+            with: createHOC(children)
+        });
+    const ProtectedConfig = ({ children })=>/*#__PURE__*/ react.createElement(Compose, {
+            component: ApplyProtectedConfig,
+            with: createHOC(children)
+        });
+    const defaultContext = {
+        name: createAdminConfig_name,
+        properties: []
     };
-  };
-};
-const name = "AdminConfig";
-export function createAdminConfig() {
-  /**
-   * This component is used when we want to mount all composed configs.
-   */
-  const ApplyPublicConfig = makeDecoratable(`${name}Apply<Public>`, ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  });
-  const ApplyProtectedConfig = makeDecoratable(`${name}Apply<Protected>`, ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  });
-
-  /**
-   * This component is used to configure the component (it can be mounted many times).
-   */
-  const PublicConfig = ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(Compose, {
-      component: ApplyPublicConfig,
-      with: createHOC(children)
-    });
-  };
-  const ProtectedConfig = ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(Compose, {
-      component: ApplyProtectedConfig,
-      with: createHOC(children)
-    });
-  };
-  const defaultContext = {
-    name,
-    properties: []
-  };
-  const ViewContext = /*#__PURE__*/React.createContext(defaultContext);
-  const WithConfig = ({
-    onProperties,
-    children
-  }) => {
-    const [properties, setProperties] = useState([]);
-    useDebugConfig(name, properties);
-    const context = {
-      name,
-      properties
+    const ViewContext = /*#__PURE__*/ react.createContext(defaultContext);
+    const WithConfig = ({ onProperties, children })=>{
+        const [properties, setProperties] = useState([]);
+        useDebugConfig(createAdminConfig_name, properties);
+        const context = {
+            name: createAdminConfig_name,
+            properties
+        };
+        useEffect(()=>{
+            if ("function" == typeof onProperties) onProperties(properties);
+        }, [
+            properties
+        ]);
+        const stateUpdater = (properties)=>{
+            setProperties(properties);
+        };
+        return /*#__PURE__*/ react.createElement(ViewContext.Provider, {
+            value: context
+        }, /*#__PURE__*/ react.createElement(Properties, {
+            onChange: stateUpdater,
+            name: createAdminConfig_name
+        }, children));
     };
-    useEffect(() => {
-      if (typeof onProperties === "function") {
-        onProperties(properties);
-      }
-    }, [properties]);
-    const stateUpdater = properties => {
-      setProperties(properties);
+    function useConfig() {
+        const { properties } = useContext(ViewContext);
+        return useMemo(()=>toObject(properties), [
+            properties
+        ]);
+    }
+    return {
+        WithConfig,
+        PrivateConfig: ProtectedConfig,
+        PublicConfig,
+        ApplyPublicConfig,
+        ApplyProtectedConfig,
+        useConfig
     };
-    return /*#__PURE__*/React.createElement(ViewContext.Provider, {
-      value: context
-    }, /*#__PURE__*/React.createElement(Properties, {
-      onChange: stateUpdater,
-      name: name
-    }, children));
-  };
-  function useConfig() {
-    const {
-      properties
-    } = useContext(ViewContext);
-    return useMemo(() => toObject(properties), [properties]);
-  }
-  return {
-    WithConfig,
-    PrivateConfig: ProtectedConfig,
-    PublicConfig,
-    ApplyPublicConfig,
-    ApplyProtectedConfig,
-    useConfig
-  };
 }
+export { createAdminConfig };
 
 //# sourceMappingURL=createAdminConfig.js.map

package/config/createAdminConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Compose","makeDecoratable","Properties","toObject","useDebugConfig","createHOC","newChildren","BaseComponent","ConfigHOC","children","createElement","name","createAdminConfig","ApplyPublicConfig","Fragment","ApplyProtectedConfig","PublicConfig","component","with","ProtectedConfig","defaultContext","properties","ViewContext","createContext","WithConfig","onProperties","setProperties","context","stateUpdater","Provider","value","onChange","useConfig","PrivateConfig"],"sources":["createAdminConfig.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport type { Decorator } from \"@webiny/react-composition\";\nimport { Compose, makeDecoratable } from \"@webiny/react-composition\";\nimport type { GenericComponent } from \"@webiny/react-composition/types.js\";\nimport type { Property } from \"@webiny/react-properties\";\nimport { Properties, toObject, useDebugConfig } from \"@webiny/react-properties\";\n\nconst createHOC = (\n    newChildren: React.ReactNode\n): Decorator<GenericComponent<{ children?: React.ReactNode }>> => {\n    return BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n};\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\ninterface ConfigApplyProps {\n    children?: React.ReactNode;\n}\n\nexport interface ConfigProps {\n    children: React.ReactNode;\n}\n\nconst name = \"AdminConfig\";\n\nexport function createAdminConfig<TConfig>() {\n    /**\n     * This component is used when we want to mount all composed configs.\n     */\n    const ApplyPublicConfig = makeDecoratable(\n        `${name}Apply<Public>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const ApplyProtectedConfig = makeDecoratable(\n        `${name}Apply<Protected>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    /**\n     * This component is used to configure the component (it can be mounted many times).\n     */\n    const PublicConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyPublicConfig} with={createHOC(children)} />;\n    };\n\n    const ProtectedConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyProtectedConfig} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        name: string;\n        properties: Property[];\n    }\n\n    const defaultContext = { name, properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        const [properties, setProperties] = useState<Property[]>([]);\n        useDebugConfig(name, properties);\n        const context = { name, properties };\n\n        useEffect(() => {\n            if (typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = (properties: Property[]) => {\n            setProperties(properties);\n        };\n\n        return (\n            <ViewContext.Provider value={context}>\n                <Properties onChange={stateUpdater} name={name}>\n                    {children}\n                </Properties>\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    return {\n        WithConfig,\n        PrivateConfig: ProtectedConfig,\n        PublicConfig,\n        ApplyPublicConfig,\n        ApplyProtectedConfig,\n        useConfig\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"config/createAdminConfig.js","sources":["../../src/config/createAdminConfig.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport type { Decorator } from \"@webiny/react-composition\";\nimport { Compose, makeDecoratable } from \"@webiny/react-composition\";\nimport type { GenericComponent } from \"@webiny/react-composition/types.js\";\nimport type { Property } from \"@webiny/react-properties\";\nimport { Properties, toObject, useDebugConfig } from \"@webiny/react-properties\";\n\nconst createHOC = (\n    newChildren: React.ReactNode\n): Decorator<GenericComponent<{ children?: React.ReactNode }>> => {\n    return BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n};\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\ninterface ConfigApplyProps {\n    children?: React.ReactNode;\n}\n\nexport interface ConfigProps {\n    children: React.ReactNode;\n}\n\nconst name = \"AdminConfig\";\n\nexport function createAdminConfig<TConfig>() {\n    /**\n     * This component is used when we want to mount all composed configs.\n     */\n    const ApplyPublicConfig = makeDecoratable(\n        `${name}Apply<Public>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const ApplyProtectedConfig = makeDecoratable(\n        `${name}Apply<Protected>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    /**\n     * This component is used to configure the component (it can be mounted many times).\n     */\n    const PublicConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyPublicConfig} with={createHOC(children)} />;\n    };\n\n    const ProtectedConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyProtectedConfig} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        name: string;\n        properties: Property[];\n    }\n\n    const defaultContext = { name, properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        const [properties, setProperties] = useState<Property[]>([]);\n        useDebugConfig(name, properties);\n        const context = { name, properties };\n\n        useEffect(() => {\n            if (typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = (properties: Property[]) => {\n            setProperties(properties);\n        };\n\n        return (\n            <ViewContext.Provider value={context}>\n                <Properties onChange={stateUpdater} name={name}>\n                    {children}\n                </Properties>\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    return {\n        WithConfig,\n        PrivateConfig: ProtectedConfig,\n        PublicConfig,\n        ApplyPublicConfig,\n        ApplyProtectedConfig,\n        useConfig\n    };\n}\n"],"names":["createHOC","newChildren","BaseComponent","children","name","createAdminConfig","ApplyPublicConfig","makeDecoratable","ApplyProtectedConfig","PublicConfig","Compose","ProtectedConfig","defaultContext","ViewContext","React","WithConfig","onProperties","properties","setProperties","useState","useDebugConfig","context","useEffect","stateUpdater","Properties","useConfig","useContext","useMemo","toObject"],"mappings":";;;AAOA,MAAMA,YAAY,CACdC,cAEOC,CAAAA,gBACI,SAAmB,EAAEC,QAAQ,EAAE;YAClC,OAAO,WAAP,GACI,oBAACD,eAAAA,MACID,aACAE;QAGb;AAiBR,MAAMC,yBAAO;AAEN,SAASC;IAIZ,MAAMC,oBAAoBC,gBACtB,GAAGH,uBAAK,aAAa,CAAC,EACtB,CAAC,EAAED,QAAQ,EAAoB,GACpB,WAAP,GAAO,0CAAGA;IAIlB,MAAMK,uBAAuBD,gBACzB,GAAGH,uBAAK,gBAAgB,CAAC,EACzB,CAAC,EAAED,QAAQ,EAAoB,GACpB,WAAP,GAAO,0CAAGA;IAOlB,MAAMM,eAAe,CAAC,EAAEN,QAAQ,EAAe,GACpC,WAAP,GAAO,oBAACO,SAAOA;YAAC,WAAWJ;YAAmB,MAAMN,UAAUG;;IAGlE,MAAMQ,kBAAkB,CAAC,EAAER,QAAQ,EAAe,GACvC,WAAP,GAAO,oBAACO,SAAOA;YAAC,WAAWF;YAAsB,MAAMR,UAAUG;;IAQrE,MAAMS,iBAAiB;QAAER,MAAAA;QAAM,YAAY,EAAE;IAAC;IAE9C,MAAMS,cAAc,WAAdA,GAAcC,MAAAA,aAAmB,CAAcF;IAErD,MAAMG,aAAa,CAAC,EAAEC,YAAY,EAAEb,QAAQ,EAAmB;QAC3D,MAAM,CAACc,YAAYC,cAAc,GAAGC,SAAqB,EAAE;QAC3DC,eAAehB,wBAAMa;QACrB,MAAMI,UAAU;YAAEjB,MAAAA;YAAMa;QAAW;QAEnCK,UAAU;YACN,IAAI,AAAwB,cAAxB,OAAON,cACPA,aAAaC;QAErB,GAAG;YAACA;SAAW;QAEf,MAAMM,eAAe,CAACN;YAClBC,cAAcD;QAClB;QAEA,OAAO,WAAP,GACI,oBAACJ,YAAY,QAAQ;YAAC,OAAOQ;yBACzB,oBAACG,YAAUA;YAAC,UAAUD;YAAc,MAAMnB;WACrCD;IAIjB;IAEA,SAASsB;QACL,MAAM,EAAER,UAAU,EAAE,GAAGS,WAAWb;QAClC,OAAOc,QAAQ,IAAMC,SAA2BX,aAAa;YAACA;SAAW;IAC7E;IAEA,OAAO;QACHF;QACA,eAAeJ;QACfF;QACAH;QACAE;QACAiB;IACJ;AACJ"}

package/config/table/Column.d.ts

@@ -0,0 +1,34 @@
+import type { ReactElement } from "react";
+import React from "react";
+import { createUseTableRow } from "../../components/Table/useTableRow.js";
+export interface ColumnConfig {
+    cell: string | ReactElement;
+    className: string;
+    header: string | ReactElement;
+    hideable: boolean;
+    name: string;
+    resizable: boolean;
+    size: number;
+    sortable: boolean;
+    truncate: boolean;
+    visible: boolean;
+}
+export interface ColumnProps {
+    after?: string;
+    before?: string;
+    cell?: string | ReactElement;
+    className?: string;
+    truncate?: boolean;
+    header?: string | ReactElement;
+    hideable?: boolean;
+    name: string;
+    path?: string;
+    remove?: boolean;
+    resizable?: boolean;
+    size?: number;
+    sortable?: boolean;
+    visible?: boolean;
+}
+export declare const Column: React.FC<ColumnProps> & {
+    createUseTableRow: typeof createUseTableRow;
+};