@webiny/app-admin 6.6.0-alpha.1 → 6.6.0-alpha.10

package/base/resolveApiUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/resolveApiUrl.js","sources":["../../src/base/resolveApiUrl.ts"],"sourcesContent":["// Prefer the configured API URL (baked by `<Admin.ApiUrl>` into WEBINY_ADMIN_API_URL); else\n// same-origin (a deployed self-hosted admin served behind the same domain as the API needs no\n// baked-in URL). Never return the literal string \"undefined\".\nexport const resolveApiUrl = (): string => {\n    const url = process.env.WEBINY_ADMIN_API_URL;\n    if (url && url !== \"undefined\") {\n        return url;\n    }\n    return typeof window !== \"undefined\" ? window.location.origin : \"\";\n};\n\n// The GraphQL endpoint derived from the resolved API URL.\nexport const resolveGraphqlUrl = (): string => `${resolveApiUrl()}/graphql`;\n\n// Resolve the WebSocket URL for the admin, in order:\n//   1. REACT_APP_WEBSOCKET_URL   — AWS: the dedicated API Gateway WebSocket URL.\n//   2. WEBINY_ADMIN_WS_API_URL   — self-hosted: a dedicated WS URL (baked via `<Admin.WebsocketsUrl>`),\n//                                  only needed when WS is served from a different origin than the API.\n//   3. derived from the API URL  — self-hosted default: the server handles WS upgrades on its own\n//                                  origin, so use the API origin with http(s) swapped for ws(s).\n// Returns \"\" when none is configured (real-time updates are then disabled). This is one of the few\n// spots allowed to read process.env — it runs at the admin composition root, like resolveApiUrl.\nexport const resolveWebsocketUrl = (): string => {\n    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;\n    if (awsExplicit && awsExplicit !== \"undefined\") {\n        return awsExplicit;\n    }\n\n    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;\n    if (serverExplicit && serverExplicit !== \"undefined\") {\n        return serverExplicit;\n    }\n\n    const apiUrl = process.env.WEBINY_ADMIN_API_URL;\n    if (apiUrl && apiUrl !== \"undefined\") {\n        return apiUrl.replace(/^http/, \"ws\");\n    }\n\n    return \"\";\n};\n"],"names":["resolveApiUrl","url","process","window","resolveGraphqlUrl","resolveWebsocketUrl","awsExplicit","serverExplicit","apiUrl"],"mappings":"AAGO,MAAMA,gBAAgB;IACzB,MAAMC,MAAMC,QAAQ,GAAG,CAAC,oBAAoB;IAC5C,IAAID,OAAOA,AAAQ,gBAARA,KACP,OAAOA;IAEX,OAAO,AAAkB,MAAlB,OAAOE,SAAyBA,OAAO,QAAQ,CAAC,MAAM,GAAG;AACpE;AAGO,MAAMC,oBAAoB,IAAc,GAAGJ,gBAAgB,QAAQ,CAAC;AAUpE,MAAMK,sBAAsB;IAC/B,MAAMC,cAAcJ,QAAQ,GAAG,CAAC,uBAAuB;IACvD,IAAII,eAAeA,AAAgB,gBAAhBA,aACf,OAAOA;IAGX,MAAMC,iBAAiBL,QAAQ,GAAG,CAAC,uBAAuB;IAC1D,IAAIK,kBAAkBA,AAAmB,gBAAnBA,gBAClB,OAAOA;IAGX,MAAMC,SAASN,QAAQ,GAAG,CAAC,oBAAoB;IAC/C,IAAIM,UAAUA,AAAW,gBAAXA,QACV,OAAOA,OAAO,OAAO,CAAC,SAAS;IAGnC,OAAO;AACX"}
+{"version":3,"file":"base/resolveApiUrl.js","sources":["../../src/base/resolveApiUrl.ts"],"sourcesContent":["/**\n * Composition-root bootstrap: works out the API, GraphQL and WebSocket URLs that\n * `createRootContainer` seeds `EnvConfig` with.\n *\n * Plain functions rather than a feature on purpose. `EnvConfig` IS the abstraction here, and\n * everything downstream injects it (`WebinySdk`, `MainGraphQLClient`, `WcpService`, ...). These run\n * one step earlier, to produce the values that configure it, so a container is not yet available to\n * resolve them from. That's also why this is one of the few places allowed to read `process.env`\n * directly, alongside the other env reads sitting inline in `createRootContainer`.\n */\n\n/**\n * Resolves a configured API URL to an absolute one against the page origin, so the value baked into\n * the bundle can be relative.\n *\n * That's what lets one build run anywhere. `WEBINY_ADMIN_API_URL=/api` works on http://localhost:3001\n * behind the dev proxy, on a portless domain like https://wby6.localhost, and behind a reverse proxy\n * in production, because the origin is filled in by the browser rather than at build time. An absolute\n * value still passes through unchanged.\n */\nconst toAbsoluteUrl = (url: string): string => {\n    if (typeof window === \"undefined\") {\n        return url;\n    }\n\n    // `new URL` appends a trailing slash to a bare origin; callers append their own path segments.\n    return new URL(url, window.location.origin).toString().replace(/\\/+$/, \"\");\n};\n\n// Prefer the configured API URL (baked by `<Admin.ApiUrl>` into WEBINY_ADMIN_API_URL); else\n// same-origin (a deployed standalone admin served behind the same domain as the API needs no\n// baked-in URL). Never return the literal string \"undefined\".\nexport const resolveApiUrl = (): string => {\n    const url = process.env.WEBINY_ADMIN_API_URL;\n    if (url && url !== \"undefined\") {\n        return toAbsoluteUrl(url);\n    }\n    return typeof window !== \"undefined\" ? window.location.origin : \"\";\n};\n\n// The GraphQL endpoint derived from the resolved API URL.\nexport const resolveGraphqlUrl = (): string => `${resolveApiUrl()}/graphql`;\n\n// Resolve the WebSocket URL for the admin, in order:\n//   1. REACT_APP_WEBSOCKET_URL   — AWS: the dedicated API Gateway WebSocket URL.\n//   2. WEBINY_ADMIN_WS_API_URL   — standalone: a dedicated WS URL (baked via `<Admin.WebsocketsUrl>`),\n//                                  only needed when WS is served from a different origin than the API.\n//   3. derived from the API URL  — standalone default: the server handles WS upgrades on its own\n//                                  origin, so use the API origin with http(s) swapped for ws(s).\n// Returns \"\" when none is configured (real-time updates are then disabled). This is one of the few\n// spots allowed to read process.env — it runs at the admin composition root, like resolveApiUrl.\nexport const resolveWebsocketUrl = (): string => {\n    const awsExplicit = process.env.REACT_APP_WEBSOCKET_URL;\n    if (awsExplicit && awsExplicit !== \"undefined\") {\n        return awsExplicit;\n    }\n\n    const serverExplicit = process.env.WEBINY_ADMIN_WS_API_URL;\n    if (serverExplicit && serverExplicit !== \"undefined\") {\n        return toWebsocketUrl(serverExplicit);\n    }\n\n    const apiUrl = process.env.WEBINY_ADMIN_API_URL;\n    if (apiUrl && apiUrl !== \"undefined\") {\n        return toWebsocketUrl(apiUrl);\n    }\n\n    return \"\";\n};\n\n/**\n * Turns a configured value into a WebSocket URL the browser can dial.\n *\n * Resolved against the page origin before the scheme is swapped, because a relative value like\n * `/api` has no scheme to swap: the prefix replacement alone would hand back `/api` unchanged, which\n * connects to nothing. A value that already names a ws(s) origin passes straight through.\n */\nconst toWebsocketUrl = (url: string): string => {\n    if (/^wss?:\\/\\//.test(url)) {\n        return url;\n    }\n\n    return toAbsoluteUrl(url).replace(/^http/, \"ws\");\n};\n"],"names":["toAbsoluteUrl","url","window","URL","resolveApiUrl","process","resolveGraphqlUrl","resolveWebsocketUrl","awsExplicit","serverExplicit","toWebsocketUrl","apiUrl"],"mappings":"AAoBA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,AAAkB,MAAlB,OAAOC,QACP,OAAOD;IAIX,OAAO,IAAIE,IAAIF,KAAKC,OAAO,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ;AAC3E;AAKO,MAAME,gBAAgB;IACzB,MAAMH,MAAMI,QAAQ,GAAG,CAAC,oBAAoB;IAC5C,IAAIJ,OAAOA,AAAQ,gBAARA,KACP,OAAOD,cAAcC;IAEzB,OAAO,AAAkB,MAAlB,OAAOC,SAAyBA,OAAO,QAAQ,CAAC,MAAM,GAAG;AACpE;AAGO,MAAMI,oBAAoB,IAAc,GAAGF,gBAAgB,QAAQ,CAAC;AAUpE,MAAMG,sBAAsB;IAC/B,MAAMC,cAAcH,QAAQ,GAAG,CAAC,uBAAuB;IACvD,IAAIG,eAAeA,AAAgB,gBAAhBA,aACf,OAAOA;IAGX,MAAMC,iBAAiBJ,QAAQ,GAAG,CAAC,uBAAuB;IAC1D,IAAII,kBAAkBA,AAAmB,gBAAnBA,gBAClB,OAAOC,eAAeD;IAG1B,MAAME,SAASN,QAAQ,GAAG,CAAC,oBAAoB;IAC/C,IAAIM,UAAUA,AAAW,gBAAXA,QACV,OAAOD,eAAeC;IAG1B,OAAO;AACX;AASA,MAAMD,iBAAiB,CAACT;IACpB,IAAI,aAAa,IAAI,CAACA,MAClB,OAAOA;IAGX,OAAOD,cAAcC,KAAK,OAAO,CAAC,SAAS;AAC/C"}

package/base/ui/AssumedPermissionsSelector.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+/**
+ * Placeholder for the "view as" header control, mirroring TenantSelector. The Layout renders this,
+ * and AccessManagementExtension decorates it with the real control.
+ *
+ * The real control renders nothing unless a preview is already active. Entering a preview happens
+ * from the role and team forms. It exists so that someone comparing roles can jump straight from
+ * one to the next instead of exiting and opening the next form each time.
+ */
+export declare const AssumedPermissionsSelector: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const AssumedPermissionsSelectorRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/AssumedPermissionsSelector.js

@@ -0,0 +1,7 @@
+import react from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const AssumedPermissionsSelector = makeDecoratable("AssumedPermissionsSelector", ()=>/*#__PURE__*/ react.createElement(AssumedPermissionsSelectorRenderer, null));
+const AssumedPermissionsSelectorRenderer = makeDecoratable("AssumedPermissionsSelectorRenderer", createVoidComponent());
+export { AssumedPermissionsSelector, AssumedPermissionsSelectorRenderer };
+
+//# sourceMappingURL=AssumedPermissionsSelector.js.map

package/base/ui/AssumedPermissionsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/ui/AssumedPermissionsSelector.js","sources":["../../../src/base/ui/AssumedPermissionsSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent } from \"@webiny/app\";\nimport { makeDecoratable } from \"@webiny/app\";\n\n/**\n * Placeholder for the \"view as\" header control, mirroring TenantSelector. The Layout renders this,\n * and AccessManagementExtension decorates it with the real control.\n *\n * The real control renders nothing unless a preview is already active. Entering a preview happens\n * from the role and team forms. It exists so that someone comparing roles can jump straight from\n * one to the next instead of exiting and opening the next form each time.\n */\nexport const AssumedPermissionsSelector = makeDecoratable(\"AssumedPermissionsSelector\", () => {\n    return <AssumedPermissionsSelectorRenderer />;\n});\n\nexport const AssumedPermissionsSelectorRenderer = makeDecoratable(\n    \"AssumedPermissionsSelectorRenderer\",\n    createVoidComponent()\n);\n"],"names":["AssumedPermissionsSelector","makeDecoratable","AssumedPermissionsSelectorRenderer","createVoidComponent"],"mappings":";;AAYO,MAAMA,6BAA6BC,gBAAgB,8BAA8B,IAC7E,WAAP,GAAO,oBAACC,oCAAkCA;AAGvC,MAAMA,qCAAqCD,gBAC9C,sCACAE"}

package/base/ui/DebuggerIndicator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Placeholder for the debug capture header control, mirroring AssumedPermissionsSelector. The
+ * Layout renders this, and DebuggerExtension decorates it with the real control.
+ */
+export declare const DebuggerIndicator: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/DebuggerIndicator.js

@@ -0,0 +1,5 @@
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const DebuggerIndicator = makeDecoratable("DebuggerIndicator", createVoidComponent());
+export { DebuggerIndicator };
+
+//# sourceMappingURL=DebuggerIndicator.js.map

package/base/ui/DebuggerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/ui/DebuggerIndicator.js","sources":["../../../src/base/ui/DebuggerIndicator.tsx"],"sourcesContent":["import { createVoidComponent } from \"@webiny/app\";\nimport { makeDecoratable } from \"@webiny/app\";\n\n/**\n * Placeholder for the debug capture header control, mirroring AssumedPermissionsSelector. The\n * Layout renders this, and DebuggerExtension decorates it with the real control.\n */\nexport const DebuggerIndicator = makeDecoratable(\"DebuggerIndicator\", createVoidComponent());\n"],"names":["DebuggerIndicator","makeDecoratable","createVoidComponent"],"mappings":";AAOO,MAAMA,oBAAoBC,gBAAgB,qBAAqBC"}

package/base/ui/Layout.d.ts

@@ -43,3 +43,23 @@ export declare const LayoutRenderer: ((props: LayoutProps) => React.JSX.Element
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+/** The decoratable admin frame (header, navigation, content), for extensions that replace it. */
+export declare const LayoutComponent: ((props: LayoutProps) => React.JSX.Element | null) & {
+    original: (props: LayoutProps) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Layout.js

@@ -2,6 +2,7 @@ import react from "react";
 import { createVoidComponent, makeDecoratable } from "@webiny/app";
 const Layout = makeDecoratable("Layout", ({ children, ...props })=>/*#__PURE__*/ react.createElement(LayoutRenderer, props, children));
 const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
-export { Layout, LayoutRenderer };
+const LayoutComponent = LayoutRenderer;
+export { Layout, LayoutComponent, LayoutRenderer };
 
 //# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/ui/Layout.js","sources":["../../../src/base/ui/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"names":["Layout","makeDecoratable","children","props","LayoutRenderer","createVoidComponent"],"mappings":";;AAUO,MAAMA,SAASC,gBAAgB,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GACzE,WAAP,GAAO,oBAACC,gBAAmBD,OAAQD;AAGhC,MAAME,iBAAiBH,gBAAgB,kBAAkBI"}
+{"version":3,"file":"base/ui/Layout.js","sources":["../../../src/base/ui/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n\n/** The decoratable admin frame (header, navigation, content), for extensions that replace it. */\nexport const LayoutComponent = LayoutRenderer;\n"],"names":["Layout","makeDecoratable","children","props","LayoutRenderer","createVoidComponent","LayoutComponent"],"mappings":";;AAUO,MAAMA,SAASC,gBAAgB,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GACzE,WAAP,GAAO,oBAACC,gBAAmBD,OAAQD;AAGhC,MAAME,iBAAiBH,gBAAgB,kBAAkBI;AAGzD,MAAMC,kBAAkBF"}

package/components/DeveloperMode/DeveloperMode.d.ts

@@ -1,8 +1,6 @@
 /**
  * Component is used to display something that you want to be hidden to everyone except Webiny team.
- * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.
- * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx
- * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx
+ * For example a button that should be present only while a feature is being developed and debugged.
  */
 import React from "react";
 export interface IDeveloperModeProps {

package/components/DeveloperMode/DeveloperMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"names":["DeveloperMode","children","process"],"mappings":";AAYO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}
+{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * For example a button that should be present only while a feature is being developed and debugged.\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"names":["DeveloperMode","children","process"],"mappings":";AAUO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/components/Filters/Filters.js

@@ -1,6 +1,7 @@
 import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
+const GRID_COLUMNS = 4;
 const Filters = (props)=>{
     if (!props.show || !props.filters.length) return null;
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
@@ -14,7 +15,12 @@ const Filters = (props)=>{
         }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
                 key: filter.name,
                 className: "empty:hidden min-w-0"
-            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", null, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
+            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", {
+            className: "min-w-0",
+            style: {
+                gridColumn: `span ${GRID_COLUMNS - props.filters.length % GRID_COLUMNS}`
+            }
+        }, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
 };
 export { Filters };
 

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && <div>{props.children}</div>}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Filters","props","Form","filter","Separator"],"mappings":";;;AAwBO,MAAMA,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,IAAI,WAAJ,GAAI,oBAAC,aAAKA,MAAM,QAAQ,oBAKvD,oBAACG,WAASA;AAGtB"}
+{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nconst GRID_COLUMNS = 4;\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && (\n                                // Children (e.g. advanced search) take the rest of the row.\n                                <div\n                                    className={\"min-w-0\"}\n                                    style={{\n                                        gridColumn: `span ${\n                                            GRID_COLUMNS - (props.filters.length % GRID_COLUMNS)\n                                        }`\n                                    }}\n                                >\n                                    {props.children}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["GRID_COLUMNS","Filters","props","Form","filter","Separator"],"mappings":";;;AAUA,MAAMA,eAAe;AAgBd,MAAMC,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,I,cAEX,oBAAC;YACG,WAAW;YACX,OAAO;gBACH,YAAY,CAAC,KAAK,EACdF,eAAgBE,MAAM,OAAO,CAAC,MAAM,GAAGF,cACzC;YACN;WAECE,MAAM,QAAQ,oBAOvC,oBAACG,WAASA;AAGtB"}

package/components/IconPicker/IconPickerComponent.js

@@ -27,7 +27,7 @@ const IconPickerComponent = observer(({ presenter, label, description, removable
     ]);
     const handleOnOpenChange = useCallback((open)=>{
         if (open) return presenter.openMenu();
-        return presenter.closeMenu();
+        else return presenter.closeMenu();
     }, [
         presenter.openMenu,
         presenter.closeMenu

package/components/IconPicker/IconPickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;QAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}
+{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;aAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}

package/components/SplitView/SplitView.d.ts

@@ -8,6 +8,6 @@ export declare const SplitView: ({ children, className, namespace, ...props }: S
 interface SplitViewPanelProps extends Omit<PanelProps, "id"> {
     span?: ColumnProps["span"];
 }
-export declare const LeftPanel: ({ children, className, ...props }: SplitViewPanelProps) => React.JSX.Element;
-export declare const RightPanel: ({ children, className, ...props }: SplitViewPanelProps) => React.JSX.Element;
+export declare const LeftPanel: ({ children, className, span, ...props }: SplitViewPanelProps) => React.JSX.Element;
+export declare const RightPanel: ({ children, className, span, ...props }: SplitViewPanelProps) => React.JSX.Element;
 export {};

package/components/SplitView/SplitView.js

@@ -21,13 +21,13 @@ const SplitView = ({ children, className, namespace = "splitView", ...props })=>
 };
 const getDefaultSize = (span)=>{
     const spanValue = "number" == typeof span && span > 0 && span <= 12 ? span : 6;
-    return spanValue / 12 * 100;
+    return `${spanValue / 12 * 100}%`;
 };
-const LeftPanel = ({ children, className, ...props })=>{
-    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);
+const LeftPanel = ({ children, className, span, ...props })=>{
+    const defaultSize = props.defaultSize ?? getDefaultSize(span || 5);
     return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, /*#__PURE__*/ __rspack_external_react.createElement(Panel, {
         defaultSize: defaultSize,
-        minSize: 10,
+        minSize: "10%",
         id: "leftPanel",
         className: cn("webiny-split-view__right-panel", className),
         ...props
@@ -37,11 +37,11 @@ const LeftPanel = ({ children, className, ...props })=>{
         orientation: "vertical"
     })));
 };
-const RightPanel = ({ children, className, ...props })=>{
-    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);
+const RightPanel = ({ children, className, span, ...props })=>{
+    const defaultSize = props.defaultSize ?? getDefaultSize(span || 7);
     return /*#__PURE__*/ __rspack_external_react.createElement(Panel, {
         defaultSize: defaultSize,
-        minSize: 30,
+        minSize: "30%",
         id: "rightPanel",
         className: cn("overflow-scroll! webiny-split-view__right-panel", className),
         ...props,

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/SplitView/SplitView.js","sources":["../../../src/components/SplitView/SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(`${namespace}/panels`);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"names":["SplitView","children","className","namespace","props","localStorage","useLocalStorage","layout","useLocalStorageValue","saveLayout","useCallback","PanelGroup","cn","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Panel","PanelResizeHandle","Separator","RightPanel"],"mappings":";;;;AAiBO,MAAMA,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACTC,YAAY,WAAW,EACvB,GAAGC,OACU;IACb,MAAMC,eAAeC;IAErB,MAAMC,SAASC,qBAA6B,GAAGL,UAAU,OAAO,CAAC;IAEjE,MAAMM,aAAaC,AAAAA,IAAAA,wBAAAA,WAAAA,AAAAA,EACf,CAACH;QACGF,aAAa,GAAG,CAAC,GAAGF,UAAU,OAAO,CAAC,EAAEI;IAC5C,GACA;QAACF;QAAcF;KAAU;IAG7B,OAAO,WAAP,GACI,sCAACQ,YAAUA;QACP,IAAIR;QACJ,eAAeI;QACf,WAAWK,GAAG,qBAAqBV;QACnC,iBAAiBO;QAChB,GAAGL,KAAK;OAERH;AAGb;AAGA,MAAMY,iBAAiB,CAACC;IACpB,MAAMC,YAAY,AAAgB,YAAhB,OAAOD,QAAqBA,OAAO,KAAKA,QAAQ,KAAKA,OAAO;IAC9E,OAAQC,YAAY,KAAM;AAC9B;AAMO,MAAMC,YAAY,CAAC,EAAEf,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC5E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,4FACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,kCAAkCV;QAC/C,GAAGE,KAAK;OAERH,WAAAA,WAAAA,GAEL,sCAACkB,mBAAiBA;QAAC,WAAW;qBAC1B,sCAACC,WAASA;QAAC,aAAa;;AAIxC;AAEO,MAAMC,aAAa,CAAC,EAAEpB,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC7E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,mDAAmDV;QAChE,GAAGE,KAAK;QACT,OAAO;YAAE,WAAW;QAAS;OAE5BH;AAGb"}
+{"version":3,"file":"components/SplitView/SplitView.js","sources":["../../../src/components/SplitView/SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(`${namespace}/panels`);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n/*\n * react-resizable-panels 4 reads a number as pixels and a \"%\" string as a percentage. A span is a share\n * of the 12-column grid, so the default size it maps to is a percentage.\n */\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return `${(spanValue / 12) * 100}%`;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, span, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={\"10%\"}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, span, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={\"30%\"}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"names":["SplitView","children","className","namespace","props","localStorage","useLocalStorage","layout","useLocalStorageValue","saveLayout","useCallback","PanelGroup","cn","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Panel","PanelResizeHandle","Separator","RightPanel"],"mappings":";;;;AAiBO,MAAMA,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACTC,YAAY,WAAW,EACvB,GAAGC,OACU;IACb,MAAMC,eAAeC;IAErB,MAAMC,SAASC,qBAA6B,GAAGL,UAAU,OAAO,CAAC;IAEjE,MAAMM,aAAaC,AAAAA,IAAAA,wBAAAA,WAAAA,AAAAA,EACf,CAACH;QACGF,aAAa,GAAG,CAAC,GAAGF,UAAU,OAAO,CAAC,EAAEI;IAC5C,GACA;QAACF;QAAcF;KAAU;IAG7B,OAAO,WAAP,GACI,sCAACQ,YAAUA;QACP,IAAIR;QACJ,eAAeI;QACf,WAAWK,GAAG,qBAAqBV;QACnC,iBAAiBO;QAChB,GAAGL,KAAK;OAERH;AAGb;AAMA,MAAMY,iBAAiB,CAACC;IACpB,MAAMC,YAAY,AAAgB,YAAhB,OAAOD,QAAqBA,OAAO,KAAKA,QAAQ,KAAKA,OAAO;IAC9E,OAAO,GAAIC,YAAY,KAAM,IAAI,CAAC,CAAC;AACvC;AAMO,MAAMC,YAAY,CAAC,EAAEf,QAAQ,EAAEC,SAAS,EAAEY,IAAI,EAAE,GAAGV,OAA4B;IAClF,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeC,QAAQ;IAEhE,OAAO,WAAP,GACI,4FACI,sCAACI,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,kCAAkCV;QAC/C,GAAGE,KAAK;OAERH,WAAAA,WAAAA,GAEL,sCAACkB,mBAAiBA;QAAC,WAAW;qBAC1B,sCAACC,WAASA;QAAC,aAAa;;AAIxC;AAEO,MAAMC,aAAa,CAAC,EAAEpB,QAAQ,EAAEC,SAAS,EAAEY,IAAI,EAAE,GAAGV,OAA4B;IACnF,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeC,QAAQ;IAEhE,OAAO,WAAP,GACI,sCAACI,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,mDAAmDV;QAChE,GAAGE,KAAK;QACT,OAAO;YAAE,WAAW;QAAS;OAE5BH;AAGb"}

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/domain/Identity.js

@@ -62,7 +62,7 @@ class Identity {
         const perms = this.data.permissions || [];
         const exactMatch = perms.find((p)=>p.name === name);
         if (exactMatch) return exactMatch;
-        if (exact) return null;
+        else if (exact) return null;
         return perms.find((p)=>minimatch(name, p.name)) || null;
     }
     getPermissions(name) {

package/domain/Identity.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain/Identity.js","sources":["../../src/domain/Identity.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport type { Tenant } from \"~/features/tenancy/abstractions.js\";\n\nexport interface IPermission {\n    name: string;\n    [key: string]: any;\n}\n\nexport interface IRole {\n    id: string;\n    slug: string;\n    name: string;\n}\n\nexport interface ITeam {\n    id: string;\n    slug: string;\n    name: string;\n}\n\nexport interface IProfile {\n    external: boolean;\n    email?: string;\n    firstName?: string;\n    lastName?: string;\n    avatar?: {\n        src?: string;\n    };\n}\n\nexport interface IdentityData {\n    id: string;\n    type: string;\n    displayName: string;\n    roles: IRole[];\n    teams: ITeam[];\n    permissions: Identity.Permission[];\n    profile: Identity.Profile;\n    currentTenant: Tenant;\n    defaultTenant: Tenant;\n}\n\nconst anonymousData: IdentityData = {\n    id: \"anonymous\",\n    displayName: \"Anonymous\",\n    type: \"admin\",\n    roles: [],\n    teams: [],\n    permissions: [],\n    profile: {\n        external: false\n    },\n    currentTenant: {\n        id: \"root\",\n        name: \"Root\"\n    },\n    defaultTenant: {\n        id: \"root\",\n        name: \"Root\"\n    }\n};\n\nexport class Identity {\n    private constructor(\n        private data: Identity.Data,\n        private identityType: \"anonymous\" | \"authenticated\"\n    ) {\n        makeAutoObservable(this);\n    }\n\n    static createAuthenticated(data: Identity.Data) {\n        return new Identity(data, \"authenticated\");\n    }\n\n    static createAnonymous() {\n        return new Identity(anonymousData, \"anonymous\");\n    }\n\n    get isAuthenticated(): boolean {\n        return this.identityType === \"authenticated\";\n    }\n\n    get id() {\n        return this.data.id;\n    }\n\n    get type() {\n        return this.data.type;\n    }\n\n    get displayName() {\n        return this.data.displayName;\n    }\n\n    get roles() {\n        return this.data.roles ?? [];\n    }\n\n    get teams() {\n        return this.data.teams ?? [];\n    }\n\n    get profile() {\n        return this.data.profile;\n    }\n\n    get currentTenant() {\n        return this.data.currentTenant;\n    }\n\n    get defaultTenant() {\n        return this.data.defaultTenant;\n    }\n\n    getPermission<T extends Identity.Permission = Identity.Permission>(\n        name: string,\n        exact?: boolean\n    ): T | null {\n        const perms = (this.data.permissions || []) as T[];\n        const exactMatch = perms.find(p => p.name === name);\n        if (exactMatch) {\n            return exactMatch as T;\n        } else if (exact) {\n            return null;\n        }\n\n        // Try matching using patterns\n        return perms.find(p => minimatch(name, p.name)) || null;\n    }\n\n    getPermissions<T extends Identity.Permission = Identity.Permission>(name?: string): Array<T> {\n        const permissions = this.data.permissions || [];\n        if (!name) {\n            return permissions as T[];\n        }\n\n        return permissions.filter(current => {\n            const exactMatch = current.name === name;\n            if (exactMatch) {\n                return true;\n            }\n\n            // Try matching using patterns.\n            return minimatch(name, current.name);\n        }) as T[];\n    }\n\n    update(updates: Partial<Pick<Identity.Data, \"displayName\" | \"profile\">>) {\n        runInAction(() => {\n            this.data.displayName = updates.displayName || this.data.displayName;\n            this.data.profile = updates.profile || this.data.profile;\n        });\n    }\n}\n\nexport namespace Identity {\n    export type Data = IdentityData;\n    export type Permission = IPermission;\n    export type Profile = IProfile;\n}\n"],"names":["anonymousData","Identity","data","identityType","makeAutoObservable","name","exact","perms","exactMatch","p","minimatch","permissions","current","updates","runInAction"],"mappings":";;AA2CA,MAAMA,gBAA8B;IAChC,IAAI;IACJ,aAAa;IACb,MAAM;IACN,OAAO,EAAE;IACT,OAAO,EAAE;IACT,aAAa,EAAE;IACf,SAAS;QACL,UAAU;IACd;IACA,eAAe;QACX,IAAI;QACJ,MAAM;IACV;IACA,eAAe;QACX,IAAI;QACJ,MAAM;IACV;AACJ;AAEO,MAAMC;IACT,YACYC,IAAmB,EACnBC,YAA2C,CACrD;aAFUD,IAAI,GAAJA;aACAC,YAAY,GAAZA;QAERC,mBAAmB,IAAI;IAC3B;IAEA,OAAO,oBAAoBF,IAAmB,EAAE;QAC5C,OAAO,IAAID,SAASC,MAAM;IAC9B;IAEA,OAAO,kBAAkB;QACrB,OAAO,IAAID,SAASD,eAAe;IACvC;IAEA,IAAI,kBAA2B;QAC3B,OAAO,AAAsB,oBAAtB,IAAI,CAAC,YAAY;IAC5B;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;IACvB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI;IACzB;IAEA,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW;IAChC;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAChC;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAChC;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO;IAC5B;IAEA,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa;IAClC;IAEA,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa;IAClC;IAEA,cACIK,IAAY,EACZC,KAAe,EACP;QACR,MAAMC,QAAS,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE;QAC1C,MAAMC,aAAaD,MAAM,IAAI,CAACE,CAAAA,IAAKA,EAAE,IAAI,KAAKJ;QAC9C,IAAIG,YACA,OAAOA;QACJ,IAAIF,OACP,OAAO;QAIX,OAAOC,MAAM,IAAI,CAACE,CAAAA,IAAKC,UAAUL,MAAMI,EAAE,IAAI,MAAM;IACvD;IAEA,eAAoEJ,IAAa,EAAY;QACzF,MAAMM,cAAc,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE;QAC/C,IAAI,CAACN,MACD,OAAOM;QAGX,OAAOA,YAAY,MAAM,CAACC,CAAAA;YACtB,MAAMJ,aAAaI,QAAQ,IAAI,KAAKP;YACpC,IAAIG,YACA,OAAO;YAIX,OAAOE,UAAUL,MAAMO,QAAQ,IAAI;QACvC;IACJ;IAEA,OAAOC,OAAgE,EAAE;QACrEC,YAAY;YACR,IAAI,CAAC,IAAI,CAAC,WAAW,GAAGD,QAAQ,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW;YACpE,IAAI,CAAC,IAAI,CAAC,OAAO,GAAGA,QAAQ,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;QAC5D;IACJ;AACJ"}
+{"version":3,"file":"domain/Identity.js","sources":["../../src/domain/Identity.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport type { Tenant } from \"~/features/tenancy/abstractions.js\";\n\nexport interface IPermission {\n    name: string;\n    [key: string]: any;\n}\n\nexport interface IRole {\n    id: string;\n    slug: string;\n    name: string;\n}\n\nexport interface ITeam {\n    id: string;\n    slug: string;\n    name: string;\n}\n\nexport interface IProfile {\n    external: boolean;\n    email?: string;\n    firstName?: string;\n    lastName?: string;\n    avatar?: {\n        src?: string;\n    };\n}\n\nexport interface IdentityData {\n    id: string;\n    type: string;\n    displayName: string;\n    roles: IRole[];\n    teams: ITeam[];\n    permissions: Identity.Permission[];\n    profile: Identity.Profile;\n    currentTenant: Tenant;\n    defaultTenant: Tenant;\n}\n\nconst anonymousData: IdentityData = {\n    id: \"anonymous\",\n    displayName: \"Anonymous\",\n    type: \"admin\",\n    roles: [],\n    teams: [],\n    permissions: [],\n    profile: {\n        external: false\n    },\n    currentTenant: {\n        id: \"root\",\n        name: \"Root\"\n    },\n    defaultTenant: {\n        id: \"root\",\n        name: \"Root\"\n    }\n};\n\nexport class Identity {\n    private constructor(\n        private data: Identity.Data,\n        private identityType: \"anonymous\" | \"authenticated\"\n    ) {\n        makeAutoObservable(this);\n    }\n\n    static createAuthenticated(data: Identity.Data) {\n        return new Identity(data, \"authenticated\");\n    }\n\n    static createAnonymous() {\n        return new Identity(anonymousData, \"anonymous\");\n    }\n\n    get isAuthenticated(): boolean {\n        return this.identityType === \"authenticated\";\n    }\n\n    get id() {\n        return this.data.id;\n    }\n\n    get type() {\n        return this.data.type;\n    }\n\n    get displayName() {\n        return this.data.displayName;\n    }\n\n    get roles() {\n        return this.data.roles ?? [];\n    }\n\n    get teams() {\n        return this.data.teams ?? [];\n    }\n\n    get profile() {\n        return this.data.profile;\n    }\n\n    get currentTenant() {\n        return this.data.currentTenant;\n    }\n\n    get defaultTenant() {\n        return this.data.defaultTenant;\n    }\n\n    getPermission<T extends Identity.Permission = Identity.Permission>(\n        name: string,\n        exact?: boolean\n    ): T | null {\n        const perms = (this.data.permissions || []) as T[];\n        const exactMatch = perms.find(p => p.name === name);\n        if (exactMatch) {\n            return exactMatch as T;\n        } else if (exact) {\n            return null;\n        }\n\n        // Try matching using patterns\n        return perms.find(p => minimatch(name, p.name)) || null;\n    }\n\n    getPermissions<T extends Identity.Permission = Identity.Permission>(name?: string): Array<T> {\n        const permissions = this.data.permissions || [];\n        if (!name) {\n            return permissions as T[];\n        }\n\n        return permissions.filter(current => {\n            const exactMatch = current.name === name;\n            if (exactMatch) {\n                return true;\n            }\n\n            // Try matching using patterns.\n            return minimatch(name, current.name);\n        }) as T[];\n    }\n\n    update(updates: Partial<Pick<Identity.Data, \"displayName\" | \"profile\">>) {\n        runInAction(() => {\n            this.data.displayName = updates.displayName || this.data.displayName;\n            this.data.profile = updates.profile || this.data.profile;\n        });\n    }\n}\n\nexport namespace Identity {\n    export type Data = IdentityData;\n    export type Permission = IPermission;\n    export type Profile = IProfile;\n}\n"],"names":["anonymousData","Identity","data","identityType","makeAutoObservable","name","exact","perms","exactMatch","p","minimatch","permissions","current","updates","runInAction"],"mappings":";;AA2CA,MAAMA,gBAA8B;IAChC,IAAI;IACJ,aAAa;IACb,MAAM;IACN,OAAO,EAAE;IACT,OAAO,EAAE;IACT,aAAa,EAAE;IACf,SAAS;QACL,UAAU;IACd;IACA,eAAe;QACX,IAAI;QACJ,MAAM;IACV;IACA,eAAe;QACX,IAAI;QACJ,MAAM;IACV;AACJ;AAEO,MAAMC;IACT,YACYC,IAAmB,EACnBC,YAA2C,CACrD;aAFUD,IAAI,GAAJA;aACAC,YAAY,GAAZA;QAERC,mBAAmB,IAAI;IAC3B;IAEA,OAAO,oBAAoBF,IAAmB,EAAE;QAC5C,OAAO,IAAID,SAASC,MAAM;IAC9B;IAEA,OAAO,kBAAkB;QACrB,OAAO,IAAID,SAASD,eAAe;IACvC;IAEA,IAAI,kBAA2B;QAC3B,OAAO,AAAsB,oBAAtB,IAAI,CAAC,YAAY;IAC5B;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;IACvB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI;IACzB;IAEA,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW;IAChC;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAChC;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAChC;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO;IAC5B;IAEA,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa;IAClC;IAEA,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa;IAClC;IAEA,cACIK,IAAY,EACZC,KAAe,EACP;QACR,MAAMC,QAAS,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE;QAC1C,MAAMC,aAAaD,MAAM,IAAI,CAACE,CAAAA,IAAKA,EAAE,IAAI,KAAKJ;QAC9C,IAAIG,YACA,OAAOA;aACJ,IAAIF,OACP,OAAO;QAIX,OAAOC,MAAM,IAAI,CAACE,CAAAA,IAAKC,UAAUL,MAAMI,EAAE,IAAI,MAAM;IACvD;IAEA,eAAoEJ,IAAa,EAAY;QACzF,MAAMM,cAAc,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE;QAC/C,IAAI,CAACN,MACD,OAAOM;QAGX,OAAOA,YAAY,MAAM,CAACC,CAAAA;YACtB,MAAMJ,aAAaI,QAAQ,IAAI,KAAKP;YACpC,IAAIG,YACA,OAAO;YAIX,OAAOE,UAAUL,MAAMO,QAAQ,IAAI;QACvC;IACJ;IAEA,OAAOC,OAAgE,EAAE;QACrEC,YAAY;YACR,IAAI,CAAC,IAAI,CAAC,WAAW,GAAGD,QAAQ,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW;YACpE,IAAI,CAAC,IAAI,CAAC,OAAO,GAAGA,QAAQ,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;QAC5D;IACJ;AACJ"}

package/exports/admin/ui.d.ts

@@ -6,6 +6,10 @@ export { useDialogs } from "../../components/Dialogs/useDialogs.js";
 export { Logo } from "../../base/ui/Logo.js";
 export { TenantSelector } from "../../base/ui/TenantSelector.js";
 export { AdminLayout } from "../../components/AdminLayout.js";
+export { LayoutComponent } from "../../base/ui/Layout.js";
 export { OptionsMenu } from "../../components/OptionsMenu/index.js";
 export { OptionsMenuItem } from "../../components/OptionsMenu/index.js";
 export { OptionsMenuLink } from "../../components/OptionsMenu/index.js";
+export { OverlayLayout } from "../../components/OverlayLayout/index.js";
+export { DialogsProvider } from "../../components/index.js";
+export { useConfirmationDialog } from "../../hooks/index.js";

package/exports/admin/ui.js

@@ -1,7 +1,10 @@
-export { useDialog, useNamedConfirmationDialog, useOpenDialog } from "../../hooks/index.js";
+export { useConfirmationDialog, useDialog, useNamedConfirmationDialog, useOpenDialog } from "../../hooks/index.js";
 export { useHotkeys } from "../../hooks/useHotkeys.js";
 export { useDialogs } from "../../components/Dialogs/useDialogs.js";
 export { Logo } from "../../base/ui/Logo.js";
 export { TenantSelector } from "../../base/ui/TenantSelector.js";
 export { AdminLayout } from "../../components/AdminLayout.js";
+export { LayoutComponent } from "../../base/ui/Layout.js";
 export { OptionsMenu, OptionsMenuItem, OptionsMenuLink } from "../../components/OptionsMenu/index.js";
+export { OverlayLayout } from "../../components/OverlayLayout/index.js";
+export { DialogsProvider } from "../../components/index.js";

package/exports/admin.d.ts

@@ -11,3 +11,7 @@ export { Routes } from "../routes.js";
 export { BulkActionButton, useBulkActionDialog } from "../components/BulkActions/index.js";
 export { Notifications } from "../features/notifications/abstractions.js";
 export { Command, CommandPalettePresenter } from "../presentation/commandPalette/index.js";
+export { ListCache } from "../features/listCache/index.js";
+export type { IListCache, IListCachePredicate, IListCacheItemUpdater } from "../features/listCache/index.js";
+export { ListPresenter, ListPresenterFeature } from "../presentation/listPresenter/index.js";
+export type { IDataSource, IDataSourceMeta, IDataSourceQuery, IDataSourceResult, IListPresenter, IListPresenterConfig, IListViewModel } from "../presentation/listPresenter/abstractions.js";

package/exports/admin.js

@@ -10,3 +10,5 @@ export { Routes } from "../routes.js";
 export { BulkActionButton, useBulkActionDialog } from "../components/BulkActions/index.js";
 export { Notifications } from "../features/notifications/abstractions.js";
 export { Command, CommandPalettePresenter } from "../presentation/commandPalette/index.js";
+export { ListCache } from "../features/listCache/index.js";
+export { ListPresenter, ListPresenterFeature } from "../presentation/listPresenter/index.js";

package/features/{aiChat/AiChatGateway.d.ts → adminAssistant/AdminAssistantGateway.d.ts}

@@ -1,8 +1,8 @@
 import { ApiStreamClient } from "@webiny/app/features/apiStreamClient";
 import { EnvConfig } from "@webiny/app/features/envConfig";
-import { AiChatGateway as Abstraction } from "./abstractions.js";
-import type { AiChatRequest } from "./abstractions.js";
-import type { AiChatStreamEvent } from "./abstractions.js";
+import { AdminAssistantGateway as Abstraction } from "./abstractions.js";
+import type { AdminAssistantRequest } from "./abstractions.js";
+import type { AdminAssistantStreamEvent } from "./abstractions.js";
 import { AuthenticationContext } from "../../features/security/AuthenticationContext/index.js";
 import { TenantContext } from "../../features/tenancy/abstractions.js";
 /**
@@ -16,15 +16,15 @@ import { TenantContext } from "../../features/tenancy/abstractions.js";
  * The buffered call still uses `fetch`: `ApiStreamClient` hands back an unread `Response` for a caller
  * that owns a read loop, which is the wrong shape for a single JSON answer.
  */
-declare class AiChatGatewayImpl implements Abstraction.Interface {
+declare class AdminAssistantGatewayImpl implements Abstraction.Interface {
     private authContext;
     private envConfig;
     private tenantContext;
     private streamClient;
     constructor(authContext: AuthenticationContext.Interface, envConfig: EnvConfig.Interface, tenantContext: TenantContext.Interface, streamClient: ApiStreamClient.Interface);
-    stream(request: AiChatRequest, signal?: AbortSignal): AsyncIterable<AiChatStreamEvent>;
+    stream(request: AdminAssistantRequest, signal?: AbortSignal): AsyncIterable<AdminAssistantStreamEvent>;
 }
-export declare const AiChatGateway: typeof AiChatGatewayImpl & {
-    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAiChatGateway>;
+export declare const AdminAssistantGateway: typeof AdminAssistantGatewayImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAdminAssistantGateway>;
 };
 export {};

package/features/{aiChat/AiChatGateway.js → adminAssistant/AdminAssistantGateway.js}

@@ -1,9 +1,9 @@
 import { ApiStreamClient, readServerSentEvents } from "@webiny/app/features/apiStreamClient";
 import { EnvConfig } from "@webiny/app/features/envConfig";
-import { AiChatGateway } from "./abstractions.js";
+import { AdminAssistantGateway } from "./abstractions.js";
 import { AuthenticationContext } from "../security/AuthenticationContext/index.js";
 import { TenantContext } from "../tenancy/abstractions.js";
-const CHAT_STREAM_PATH = "/stream/ai/chat";
+const STREAM_PATH = "/stream/ai/admin-assistant";
 const toBody = (request)=>{
     const body = {
         messages: request.messages
@@ -11,7 +11,7 @@ const toBody = (request)=>{
     if (request.approvals?.length) body["approvals"] = request.approvals;
     return body;
 };
-class AiChatGatewayImpl {
+class AdminAssistantGatewayImpl {
     constructor(authContext, envConfig, tenantContext, streamClient){
         this.authContext = authContext;
         this.envConfig = envConfig;
@@ -20,15 +20,15 @@ class AiChatGatewayImpl {
     }
     async *stream(request, signal) {
         const response = await this.streamClient.execute({
-            path: CHAT_STREAM_PATH,
+            path: STREAM_PATH,
             body: toBody(request),
             signal
         });
         yield* readServerSentEvents(response);
     }
 }
-const AiChatGateway_AiChatGateway = AiChatGateway.createImplementation({
-    implementation: AiChatGatewayImpl,
+const AdminAssistantGateway_AdminAssistantGateway = AdminAssistantGateway.createImplementation({
+    implementation: AdminAssistantGatewayImpl,
     dependencies: [
         AuthenticationContext,
         EnvConfig,
@@ -36,6 +36,6 @@ const AiChatGateway_AiChatGateway = AiChatGateway.createImplementation({
         ApiStreamClient
     ]
 });
-export { AiChatGateway_AiChatGateway as AiChatGateway };
+export { AdminAssistantGateway_AdminAssistantGateway as AdminAssistantGateway };
 
-//# sourceMappingURL=AiChatGateway.js.map
+//# sourceMappingURL=AdminAssistantGateway.js.map

package/features/adminAssistant/AdminAssistantGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/adminAssistant/AdminAssistantGateway.js","sources":["../../../src/features/adminAssistant/AdminAssistantGateway.ts"],"sourcesContent":["import { ApiStreamClient } from \"@webiny/app/features/apiStreamClient\";\nimport { readServerSentEvents } from \"@webiny/app/features/apiStreamClient\";\nimport { EnvConfig } from \"@webiny/app/features/envConfig\";\nimport { AdminAssistantGateway as Abstraction } from \"./abstractions.js\";\nimport type { AdminAssistantRequest } from \"./abstractions.js\";\nimport type { AdminAssistantStreamEvent } from \"./abstractions.js\";\nimport { AuthenticationContext } from \"~/features/security/AuthenticationContext/index.js\";\nimport { TenantContext } from \"~/features/tenancy/abstractions.js\";\n\n/*\n * The `/stream/` prefix is required, not cosmetic: it is the CloudFront behavior that targets the\n * Lambda Function URL. Any other path lands on API Gateway and gets buffered.\n */\nconst STREAM_PATH = \"/stream/ai/admin-assistant\";\n\nconst toBody = (request: AdminAssistantRequest): Record<string, unknown> => {\n    const body: Record<string, unknown> = { messages: request.messages };\n\n    if (request.approvals?.length) {\n        body[\"approvals\"] = request.approvals;\n    }\n\n    return body;\n};\n\n/**\n * Talks to the API app's chat routes.\n *\n * Streaming goes through `ApiStreamClient`, so auth and tenant headers come from the platform's own\n * decorators — including `x-webiny-authorization`, which the streaming path needs because on AWS\n * SigV4 occupies `Authorization`. Getting that wrong would silently make every streamed request\n * anonymous.\n *\n * The buffered call still uses `fetch`: `ApiStreamClient` hands back an unread `Response` for a caller\n * that owns a read loop, which is the wrong shape for a single JSON answer.\n */\nclass AdminAssistantGatewayImpl implements Abstraction.Interface {\n    constructor(\n        private authContext: AuthenticationContext.Interface,\n        private envConfig: EnvConfig.Interface,\n        private tenantContext: TenantContext.Interface,\n        private streamClient: ApiStreamClient.Interface\n    ) {}\n\n    async *stream(\n        request: AdminAssistantRequest,\n        signal?: AbortSignal\n    ): AsyncIterable<AdminAssistantStreamEvent> {\n        const response = await this.streamClient.execute({\n            path: STREAM_PATH,\n            body: toBody(request),\n            signal\n        });\n\n        yield* readServerSentEvents<AdminAssistantStreamEvent>(response);\n    }\n}\n\nexport const AdminAssistantGateway = Abstraction.createImplementation({\n    implementation: AdminAssistantGatewayImpl,\n    dependencies: [AuthenticationContext, EnvConfig, TenantContext, ApiStreamClient]\n});\n"],"names":["STREAM_PATH","toBody","request","body","AdminAssistantGatewayImpl","authContext","envConfig","tenantContext","streamClient","signal","response","readServerSentEvents","AdminAssistantGateway","Abstraction","AuthenticationContext","EnvConfig","TenantContext","ApiStreamClient"],"mappings":";;;;;AAaA,MAAMA,cAAc;AAEpB,MAAMC,SAAS,CAACC;IACZ,MAAMC,OAAgC;QAAE,UAAUD,QAAQ,QAAQ;IAAC;IAEnE,IAAIA,QAAQ,SAAS,EAAE,QACnBC,IAAI,CAAC,YAAY,GAAGD,QAAQ,SAAS;IAGzC,OAAOC;AACX;AAaA,MAAMC;IACF,YACYC,WAA4C,EAC5CC,SAA8B,EAC9BC,aAAsC,EACtCC,YAAuC,CACjD;aAJUH,WAAW,GAAXA;aACAC,SAAS,GAATA;aACAC,aAAa,GAAbA;aACAC,YAAY,GAAZA;IACT;IAEH,OAAO,OACHN,OAA8B,EAC9BO,MAAoB,EACoB;QACxC,MAAMC,WAAW,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;YAC7C,MAAMV;YACN,MAAMC,OAAOC;YACbO;QACJ;QAEA,OAAOE,qBAAgDD;IAC3D;AACJ;AAEO,MAAME,8CAAwBC,sBAAAA,oBAAgC,CAAC;IAClE,gBAAgBT;IAChB,cAAc;QAACU;QAAuBC;QAAWC;QAAeC;KAAgB;AACpF"}