@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/config/AdminConfig.js

@@ -1,28 +1,49 @@
 import React from "react";
-import { AppContainer, Plugin } from "@webiny/app";
-import { Menu } from "./AdminConfig/Menu";
-import { Tenant } from "./AdminConfig/Tenant";
-import { Route } from "./AdminConfig/Route";
-import { Theme } from "./AdminConfig/Theme";
-import { createAdminConfig } from "./createAdminConfig";
+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 { createAdminConfig } from "./createAdminConfig.js";
+import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
 const base = createAdminConfig();
 export const AdminWithConfig = Object.assign(base.WithConfig, {
   displayName: "AdminWithConfig"
 });
-export const AdminConfigProvider = AppContainer.createDecorator(Original => {
+/* 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(React.Fragment, null, /*#__PURE__*/React.createElement(Original, null, /*#__PURE__*/React.createElement(AdminWithConfig, null, /*#__PURE__*/React.createElement(base.ApplyPublicConfig, null), children)), /*#__PURE__*/React.createElement(Plugin, null, /*#__PURE__*/React.createElement(base.ApplyProtectedConfig, null)));
+    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 ?? [],
-    tenant: baseConfig.tenant || {}
+    title: baseConfig.title,
+    logo: {
+      squareLogo: baseConfig.squareLogo,
+      horizontalLogo: baseConfig.horizontalLogo
+    },
+    widgets: baseConfig.widgets ?? [],
+    permissionRenderers: baseConfig.permissionRenderers ?? [],
+    lexicalTheme
   };
 };
 export const Public = ({
@@ -41,6 +62,11 @@ export const AdminConfig = Object.assign(Private, {
   Menu,
   Route,
   Tenant,
+  Title,
+  Logo,
+  Dashboard,
+  Security,
+  LexicalTheme,
   useAdminConfig
 });
 

package/config/AdminConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AppContainer","Plugin","Menu","Tenant","Route","Theme","createAdminConfig","base","AdminWithConfig","Object","assign","WithConfig","displayName","AdminConfigProvider","createDecorator","Original","children","createElement","Fragment","ApplyPublicConfig","ApplyProtectedConfig","useAdminConfig","baseConfig","useConfig","menus","userMenus","supportMenus","tenant","Public","PublicConfig","Private","PrivateConfig","AdminConfig"],"sources":["AdminConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AppContainer, Plugin } from \"@webiny/app\";\nimport { Menu, type MenuConfig } from \"./AdminConfig/Menu\";\nimport type { TenantConfig } from \"./AdminConfig/Tenant\";\nimport { Tenant } from \"./AdminConfig/Tenant\";\nimport type { SupportMenuConfig } from \"./AdminConfig/Menu/SupportMenu\";\nimport type { UserMenuConfig } from \"./AdminConfig/Menu/UserMenu\";\nimport { Route } from \"./AdminConfig/Route\";\nimport { Theme } from \"./AdminConfig/Theme\";\nimport { createAdminConfig } from \"./createAdminConfig\";\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}\n\nexport const AdminConfigProvider = AppContainer.createDecorator(Original => {\n    return function AdminConfigProvider({ children }) {\n        return (\n            <>\n                {/* Wrap the entire app with an AdminConfig provider, and apply all public configs. */}\n                <Original>\n                    <AdminWithConfig>\n                        <base.ApplyPublicConfig />\n                        {children}\n                    </AdminWithConfig>\n                </Original>\n                {/* Once the app fully renders (after the LoginScreen), apply protected configs. */}\n                <Plugin>\n                    <base.ApplyProtectedConfig />\n                </Plugin>\n            </>\n        );\n    };\n});\n\nexport const useAdminConfig = () => {\n    const baseConfig = base.useConfig();\n\n    return {\n        menus: baseConfig.menus ?? [],\n        userMenus: baseConfig.userMenus ?? [],\n        supportMenus: baseConfig.supportMenus ?? [],\n        tenant: baseConfig.tenant || {}\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    useAdminConfig\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,MAAM,QAAQ,aAAa;AAClD,SAASC,IAAI;AAEb,SAASC,MAAM;AAGf,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,iBAAiB;AAE1B,MAAMC,IAAI,GAAGD,iBAAiB,CAAc,CAAC;AAE7C,OAAO,MAAME,eAAe,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,UAAU,EAAE;EAC1DC,WAAW,EAAE;AACjB,CAAC,CAAC;AASF,OAAO,MAAMC,mBAAmB,GAAGb,YAAY,CAACc,eAAe,CAACC,QAAQ,IAAI;EACxE,OAAO,SAASF,mBAAmBA,CAAC;IAAEG;EAAS,CAAC,EAAE;IAC9C,oBACIjB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,qBAEInB,KAAA,CAAAkB,aAAA,CAACF,QAAQ,qBACLhB,KAAA,CAAAkB,aAAA,CAACT,eAAe,qBACZT,KAAA,CAAAkB,aAAA,CAACV,IAAI,CAACY,iBAAiB,MAAE,CAAC,EACzBH,QACY,CACX,CAAC,eAEXjB,KAAA,CAAAkB,aAAA,CAAChB,MAAM,qBACHF,KAAA,CAAAkB,aAAA,CAACV,IAAI,CAACa,oBAAoB,MAAE,CACxB,CACV,CAAC;EAEX,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,UAAU,GAAGf,IAAI,CAACgB,SAAS,CAAC,CAAC;EAEnC,OAAO;IACHC,KAAK,EAAEF,UAAU,CAACE,KAAK,IAAI,EAAE;IAC7BC,SAAS,EAAEH,UAAU,CAACG,SAAS,IAAI,EAAE;IACrCC,YAAY,EAAEJ,UAAU,CAACI,YAAY,IAAI,EAAE;IAC3CC,MAAM,EAAEL,UAAU,CAACK,MAAM,IAAI,CAAC;EAClC,CAAC;AACL,CAAC;AAMD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEZ;AAAsB,CAAC,KAAK;EACjD,oBAAOjB,KAAA,CAAAkB,aAAA,CAACV,IAAI,CAACsB,YAAY,QAAEb,QAA4B,CAAC;AAC5D,CAAC;AAMD,OAAO,MAAMc,OAAO,GAAGA,CAAC;EAAEd;AAAuB,CAAC,KAAK;EACnD,oBAAOjB,KAAA,CAAAkB,aAAA,CAACV,IAAI,CAACwB,aAAa,QAAEf,QAA6B,CAAC;AAC9D,CAAC;AAED,OAAO,MAAMgB,WAAW,GAAGvB,MAAM,CAACC,MAAM,CAACoB,OAAO,EAAE;EAC9CF,MAAM;EACNvB,KAAK;EACLH,IAAI;EACJE,KAAK;EACLD,MAAM;EACNkB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createProvider","Menu","Tenant","Route","Theme","Dashboard","Security","LexicalTheme","Title","Logo","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","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 { 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}\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    };\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    useAdminConfig\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,IAAI;AAEb,SAASC,MAAM;AAGf,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,SAAS;AAElB,SAASC,QAAQ;AAEjB,SAASC,YAAY;AACrB,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,iBAAiB;AAE1B,SAASC,mBAAmB,QAAQ,oDAAoD;AAExF,MAAMC,IAAI,GAAGF,iBAAiB,CAAc,CAAC;AAE7C,OAAO,MAAMG,eAAe,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,UAAU,EAAE;EAC1DC,WAAW,EAAE;AACjB,CAAC,CAAC;AAeF;AACA,OAAO,MAAMC,iBAAiB,gBAAGnB,KAAA,CAAAoB,aAAA,CAACP,IAAI,CAACQ,oBAAoB,MAAE,CAAC;AAE9D,OAAO,MAAMC,mBAAmB,GAAGrB,cAAc,CAACsB,QAAQ,IAAI;EAC1D,OAAO,SAASD,mBAAmBA,CAAC;IAAEE;EAAS,CAAC,EAAE;IAC9C,oBACIxB,KAAA,CAAAoB,aAAA,CAACN,eAAe,qBACZd,KAAA,CAAAoB,aAAA,CAACP,IAAI,CAACY,iBAAiB,MAAE,CAAC,eAC1BzB,KAAA,CAAAoB,aAAA,CAACG,QAAQ,QAAEC,QAAmB,CACjB,CAAC;EAE1B,CAAC;AACL,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGd,mBAAmB,CAAC,QAAQ,CAAC;AAEnD,OAAO,MAAMe,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,UAAU,GAAGf,IAAI,CAACgB,SAAS,CAAC,CAAC;EAEnC,MAAMC,YAAyB,GAAG;IAC9BC,MAAM,EAAEH,UAAU,CAACE,YAAY,EAAEC,MAAM;IACvCC,UAAU,EAAEJ,UAAU,CAACE,YAAY,EAAEE,UAAU,IAAI,CAAC,CAAC;IACrDC,MAAM,EAAEP;EACZ,CAAC;EAED,OAAO;IACHQ,KAAK,EAAEN,UAAU,CAACM,KAAK,IAAI,EAAE;IAC7BC,SAAS,EAAEP,UAAU,CAACO,SAAS,IAAI,EAAE;IACrCC,YAAY,EAAER,UAAU,CAACQ,YAAY,IAAI,EAAE;IAC3CC,KAAK,EAAET,UAAU,CAACS,KAAK;IACvBC,IAAI,EAAE;MACFC,UAAU,EAAEX,UAAU,CAACW,UAAU;MACjCC,cAAc,EAAEZ,UAAU,CAACY;IAC/B,CAAC;IACDC,OAAO,EAAEb,UAAU,CAACa,OAAO,IAAI,EAAE;IACjCC,mBAAmB,EAAEd,UAAU,CAACc,mBAAmB,IAAI,EAAE;IACzDZ;EACJ,CAAC;AACL,CAAC;AAMD,OAAO,MAAMa,MAAM,GAAGA,CAAC;EAAEnB;AAAsB,CAAC,KAAK;EACjD,oBAAOxB,KAAA,CAAAoB,aAAA,CAACP,IAAI,CAAC+B,YAAY,QAAEpB,QAA4B,CAAC;AAC5D,CAAC;AAMD,OAAO,MAAMqB,OAAO,GAAGA,CAAC;EAAErB;AAAuB,CAAC,KAAK;EACnD,oBAAOxB,KAAA,CAAAoB,aAAA,CAACP,IAAI,CAACiC,aAAa,QAAEtB,QAA6B,CAAC;AAC9D,CAAC;AAED,OAAO,MAAMuB,WAAW,GAAGhC,MAAM,CAACC,MAAM,CAAC6B,OAAO,EAAE;EAC9CF,MAAM;EACNtC,KAAK;EACLH,IAAI;EACJE,KAAK;EACLD,MAAM;EACNM,KAAK;EACLC,IAAI;EACJJ,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZmB;AACJ,CAAC,CAAC","ignoreList":[]}

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\";\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,"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":[]}

package/css/tokens.css

@@ -0,0 +1,379 @@
+.wa-lx-ltr {
+  text-align: inherit;
+}
+.wa-lx-rtl {
+  text-align: inherit;
+}
+.wa-lx-paragraph {
+}
+
+.wa-lx-quote {
+}
+
+.wa-lx-h1,
+.wa-lx-h2,
+.wa-lx-h3,
+.wa-lx-h4,
+.wa-lx-h5,
+.wa-lx-h6 {
+}
+
+.wa-lx-textBold {
+  font-weight: bold;
+}
+
+.wa-lx-textItalic {
+  font-style: italic;
+}
+.wa-lx-textUnderline {
+  text-decoration: underline;
+}
+.wa-lx-textStrikethrough {
+  text-decoration: line-through;
+}
+.wa-lx-textUnderlineStrikethrough {
+  text-decoration: underline line-through;
+}
+
+.wa-lx-textSubscript {
+  font-size: 0.8em;
+  vertical-align: sub !important;
+}
+
+.wa-lx-textSuperscript {
+  font-size: 0.8em;
+  vertical-align: super;
+}
+
+.wa-lx-textCode {
+  background-color: rgb(240, 242, 245);
+  padding: 1px 0.25rem;
+  font-family: Menlo, Consolas, Monaco, monospace;
+  font-size: 94%;
+}
+.wa-lx-hashtag {
+  background-color: rgba(88, 144, 255, 0.15);
+  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
+}
+.wa-lx-link {
+  color: var(--wa-theme-color1);
+  text-decoration: none;
+  > * {
+    color: inherit !important;
+  }
+}
+.wa-lx-link:hover {
+  text-decoration: underline;
+}
+.wa-lx-code {
+  background-color: rgb(240, 242, 245);
+  font-family: Menlo, Consolas, Monaco, monospace;
+  display: block;
+  padding: 8px 8px 8px 52px;
+  line-height: 1.53;
+  font-size: 13px;
+  margin: 8px 0;
+  tab-size: 2;
+  /* white-space: pre; */
+  overflow-x: auto;
+  position: relative;
+}
+.wa-lx-code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: #eee;
+  left: 0;
+  top: 0;
+  border-right: 1px solid #ccc;
+  padding: 8px;
+  color: #777;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 25px;
+}
+.wa-lx-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  max-width: 100%;
+  overflow-y: scroll;
+  table-layout: fixed;
+  width: calc(100% - 25px);
+  margin: 30px 0;
+}
+.wa-lx-tableSelected {
+  outline: 2px solid rgb(60, 132, 244);
+}
+.wa-lx-tableCell {
+  border: 1px solid #bbb;
+  min-width: 75px;
+  vertical-align: top;
+  text-align: start;
+  padding: 6px 8px;
+  position: relative;
+  cursor: default;
+  outline: none;
+}
+.wa-lx-tableCellSortedIndicator {
+  display: block;
+  opacity: 0.5;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  background-color: #999;
+}
+.wa-lx-tableCellResizer {
+  position: absolute;
+  right: -4px;
+  height: 100%;
+  width: 8px;
+  cursor: ew-resize;
+  z-index: 10;
+  top: 0;
+}
+.wa-lx-tableCellHeader {
+  background-color: #f2f3f5;
+  text-align: start;
+}
+.wa-lx-tableCellSelected {
+  background-color: #c9dbf0;
+}
+.wa-lx-tableCellPrimarySelected {
+  border: 2px solid rgb(60, 132, 244);
+  display: block;
+  height: calc(100% - 2px);
+  position: absolute;
+  width: calc(100% - 2px);
+  left: -1px;
+  top: -1px;
+  z-index: 2;
+}
+.wa-lx-tableCellEditing {
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  border-radius: 3px;
+}
+.wa-lx-tableAddColumns {
+  position: absolute;
+  top: 0;
+  width: 20px;
+  background-color: #eee;
+  height: 100%;
+  right: 0;
+  animation: table-controls 0.2s ease;
+  border: 0;
+  cursor: pointer;
+}
+
+.wa-lx-tableAddColumns:hover {
+  background-color: #c9dbf0;
+}
+.wa-lx-tableAddRows {
+  position: absolute;
+  bottom: -25px;
+  width: calc(100% - 25px);
+  background-color: #eee;
+  height: 20px;
+  left: 0;
+  animation: table-controls 0.2s ease;
+  border: 0;
+  cursor: pointer;
+}
+.wa-lx-tableAddRows:hover {
+  background-color: #c9dbf0;
+}
+@keyframes table-controls {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.wa-lx-tableCellResizeRuler {
+  display: block;
+  position: absolute;
+  width: 1px;
+  background-color: rgb(60, 132, 244);
+  height: 100%;
+  top: 0;
+}
+.wa-lx-tableCellActionButtonContainer {
+  display: block;
+  right: 5px;
+  top: 6px;
+  position: absolute;
+  z-index: 4;
+  width: 20px;
+  height: 20px;
+}
+.wa-lx-tableCellActionButton {
+  background-color: #eee;
+  display: block;
+  border: 0;
+  border-radius: 20px;
+  width: 20px;
+  height: 20px;
+  color: #222;
+  cursor: pointer;
+}
+.wa-lx-tableCellActionButton:hover {
+  background-color: #ddd;
+}
+.wa-lx-characterLimit {
+  display: inline;
+  background-color: #ffbbbb !important;
+}
+.wa-lx-ol1 {
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style: decimal inside;
+}
+.wa-lx-ol2 {
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style: upper-alpha inside;
+}
+.wa-lx-ol3 {
+  list-style: initial;
+  list-style: auto;
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style-type: lower-alpha;
+  list-style-position: inside;
+}
+.wa-lx-ol4 {
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style: upper-roman inside;
+}
+.wa-lx-ol5 {
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style: lower-roman inside;
+}
+.wa-lx-ul {
+  padding: 0;
+  margin: 0 0 0 16px;
+  list-style: inside;
+}
+.wa-lx-listItem {
+  margin: 0 32px;
+}
+.wa-lx-listItemChecked,
+.wa-lx-listItemUnchecked {
+  position: relative;
+  margin-left: 8px;
+  margin-right: 8px;
+  padding-left: 24px;
+  padding-right: 24px;
+  list-style-type: none;
+  outline: none;
+}
+.wa-lx-listItemChecked {
+  text-decoration: line-through;
+}
+.wa-lx-listItemUnchecked:before,
+.wa-lx-listItemChecked:before {
+  content: "";
+  width: 16px;
+  height: 16px;
+  top: 2px;
+  left: 0;
+  cursor: pointer;
+  display: block;
+  background-size: cover;
+  position: absolute;
+}
+.wa-lx-listItemUnchecked[dir="rtl"]:before,
+.wa-lx-listItemChecked[dir="rtl"]:before {
+  left: auto;
+  right: 0;
+}
+.wa-lx-listItemUnchecked:focus:before,
+.wa-lx-listItemChecked:focus:before {
+  box-shadow: 0 0 0 2px #a6cdfe;
+  border-radius: 2px;
+}
+.wa-lx-listItemUnchecked:before {
+  border: 1px solid #999;
+  border-radius: 2px;
+}
+.wa-lx-listItemChecked:before {
+  border: 1px solid rgb(61, 135, 245);
+  border-radius: 2px;
+  background-color: #3d87f5;
+  background-repeat: no-repeat;
+}
+.wa-lx-listItemChecked:after {
+  content: "";
+  cursor: pointer;
+  border-color: #fff;
+  border-style: solid;
+  position: absolute;
+  display: block;
+  top: 6px;
+  width: 3px;
+  left: 7px;
+  height: 6px;
+  transform: rotate(45deg);
+  border-width: 0 2px 2px 0;
+}
+.wa-lx-nestedListItem {
+  list-style-type: none;
+}
+.wa-lx-nestedListItem:before,
+.wa-lx-nestedListItem:after {
+  display: none;
+}
+.wa-lx-tokenComment {
+  color: slategray;
+}
+.wa-lx-tokenPunctuation {
+  color: #999;
+}
+.wa-lx-tokenProperty {
+  color: #905;
+}
+.wa-lx-tokenSelector {
+  color: #690;
+}
+.wa-lx-tokenOperator {
+  color: #9a6e3a;
+}
+.wa-lx-tokenAttr {
+  color: #07a;
+}
+.wa-lx-tokenVariable {
+  color: #e90;
+}
+.wa-lx-tokenFunction {
+  color: #dd4a68;
+}
+.wa-lx-mark {
+  background: rgba(255, 212, 0, 0.14);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
+  padding-bottom: 2px;
+}
+.wa-lx-markOverlap {
+  background: rgba(255, 212, 0, 0.3);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+.wa-lx-mark.selected {
+  background: rgba(255, 212, 0, 0.5);
+  border-bottom: 2px solid rgba(255, 212, 0, 1);
+}
+.wa-lx-markOverlap.selected {
+  background: rgba(255, 212, 0, 0.7);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+.wa-lx-embedBlock {
+  user-select: none;
+}
+.wa-lx-embedBlockFocus {
+  outline: 2px solid rgb(60, 132, 244);
+}
+
+.wa-lx-placeholder {
+  text-align: left;
+}

package/css/typography.css

@@ -0,0 +1,70 @@
+/* Base typography defaults (optional but helps keep things consistent) */
+.wa-heading-1,
+.wa-heading-2,
+.wa-heading-3,
+.wa-paragraph-1,
+.wa-blockquote-1,
+.wa-unordered-list-1,
+.wa-ordered-list-1 {
+  font-family: var(--wa-theme-font-family);
+  color: var(--wa-theme-color-text-base);
+  -webkit-font-smoothing: antialiased;
+  margin: 0;
+}
+
+/* Headings */
+.wa-heading-1 {
+  font-weight: 700;
+  line-height: 1.2;
+  /* Mobile → Desktop: ~32px → 48px */
+  font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem);
+}
+
+.wa-heading-2 {
+  font-weight: 600;
+  line-height: 1.3;
+  /* ~24px → 36px */
+  font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
+}
+
+.wa-heading-3 {
+  font-weight: 600;
+  line-height: 1.4;
+  /* ~18px → 24px */
+  font-size: clamp(1.125rem, 1rem + 0.8vw, 1.5rem);
+}
+
+/* Paragraph */
+.wa-paragraph-1 {
+  font-weight: 400;
+  line-height: 1.6;
+  /* ~15px → 16px */
+  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1rem);
+}
+
+/* Blockquote */
+.wa-blockquote-1 {
+  font-weight: 600;
+  line-height: 1.5;
+  letter-spacing: 0.45px;
+  /* ~18px → 22px */
+  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
+}
+
+/* Lists */
+.wa-unordered-list-1,
+.wa-ordered-list-1 {
+  padding: 0;
+  margin: 0 0 0 1rem; /* 16px */
+  list-style: inside;
+  /* match paragraph size */
+  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1rem);
+}
+
+.wa-unordered-list-1 li,
+.wa-ordered-list-1 li {
+  margin: 0;
+}
+.wa-ordered-list-1 {
+  list-style: decimal;
+}

package/domain/Identity.d.ts

@@ -0,0 +1,59 @@
+import type { Tenant } from "../features/tenancy/abstractions.js";
+export interface IPermission {
+    name: string;
+    [key: string]: any;
+}
+export interface IRole {
+    id: string;
+    slug: string;
+    name: string;
+}
+export interface ITeam {
+    id: string;
+    slug: string;
+    name: string;
+}
+export interface IProfile {
+    external: boolean;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    avatar?: {
+        src?: string;
+    };
+}
+export interface IdentityData {
+    id: string;
+    type: string;
+    displayName: string;
+    roles: IRole[];
+    teams: ITeam[];
+    permissions: Identity.Permission[];
+    profile: Identity.Profile;
+    currentTenant: Tenant;
+    defaultTenant: Tenant;
+}
+export declare class Identity {
+    private data;
+    private identityType;
+    private constructor();
+    static createAuthenticated(data: Identity.Data): Identity;
+    static createAnonymous(): Identity;
+    get isAuthenticated(): boolean;
+    get id(): string;
+    get type(): string;
+    get displayName(): string;
+    get roles(): IRole[];
+    get teams(): ITeam[];
+    get profile(): IProfile;
+    get currentTenant(): Tenant;
+    get defaultTenant(): Tenant;
+    getPermission<T extends Identity.Permission = Identity.Permission>(name: string, exact?: boolean): T | null;
+    getPermissions<T extends Identity.Permission = Identity.Permission>(name?: string): Array<T>;
+    update(updates: Partial<Pick<Identity.Data, "displayName" | "profile">>): void;
+}
+export declare namespace Identity {
+    type Data = IdentityData;
+    type Permission = IPermission;
+    type Profile = IProfile;
+}