@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/components/RolesMultiAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = ({ onChange, ...props }: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n    /**\n     * This is required because the Bind, which currently wraps this component passes \"values\" as \"value\" prop, not \"values\".\n     * \"values\" is added to safeguard for future changes. When we move to new forms, remove this part.\n     */\n    const values = useMemo(() => {\n        const selected = Array.isArray(props.values)\n            ? props.values\n            : Array.isArray(props.value)\n              ? props.value\n              : [];\n\n        return selected\n            .map(s => {\n                if (typeof s === \"string\") {\n                    return s;\n                } else if (typeof s === \"object\") {\n                    return s?.id;\n                }\n                return null;\n            })\n            .filter((s): s is string => !!s);\n    }, [props.values, props.value]);\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"names":["RolesMultiAutocomplete","onChange","props","data","loading","useQuery","LIST_ROLES","rawOptions","options","useMemo","role","onValuesChange","useCallback","ids","values","selected","Array","s","MultiAutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IACtF,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAEnE,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBZ,WAAWY,MAAM;QAACZ;KAAS;IAMjF,MAAMa,SAASL,QAAQ;QACnB,MAAMM,WAAWC,MAAM,OAAO,CAACd,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZc,MAAM,OAAO,CAACd,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOa,SACF,GAAG,CAACE,CAAAA;YACD,IAAI,AAAa,YAAb,OAAOA,GACP,OAAOA;YACJ,IAAI,AAAa,YAAb,OAAOA,GACd,OAAOA,GAAG;YAEd,OAAO;QACX,GACC,MAAM,CAAC,CAACA,IAAmB,CAAC,CAACA;IACtC,GAAG;QAACf,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACgB,mBAAiBA;QACb,GAAGhB,KAAK;QACT,SAASM;QACT,QAAQJ,UAAUe,SAAaL;QAC/B,gBAAgBH;;AAG5B"}
+{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { RolesAutocompletePresenterFeature } from \"~/presentation/accessManagement/roles/rolesAutocomplete/feature.js\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = observer(\n    ({ onChange, ...props }: RolesMultiAutocompleteProps) => {\n        const { presenter } = useFeature(RolesAutocompletePresenterFeature);\n\n        useEffect(() => {\n            presenter.init();\n        }, [presenter]);\n\n        const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n        const values = useMemo(() => {\n            const selected = Array.isArray(props.values)\n                ? props.values\n                : Array.isArray(props.value)\n                  ? props.value\n                  : [];\n\n            return selected.reduce<string[]>((acc, s) => {\n                if (typeof s === \"string\") {\n                    acc.push(s);\n                } else if (typeof s === \"object\" && s?.id) {\n                    acc.push(s.id);\n                }\n                return acc;\n            }, []);\n        }, [props.values, props.value]);\n\n        return (\n            <MultiAutoComplete\n                {...props}\n                options={presenter.vm.options}\n                values={presenter.vm.loading ? undefined : values}\n                onValuesChange={onValuesChange}\n            />\n        );\n    }\n);\n"],"names":["RolesMultiAutocomplete","observer","onChange","props","presenter","useFeature","RolesAutocompletePresenterFeature","useEffect","onValuesChange","useCallback","ids","values","useMemo","selected","Array","acc","s","MultiAutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,yBAAyBC,SAClC,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBR,WAAWQ,MAAM;QAACR;KAAS;IAEjF,MAAMS,SAASC,QAAQ;QACnB,MAAMC,WAAWC,MAAM,OAAO,CAACX,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZW,MAAM,OAAO,CAACX,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOU,SAAS,MAAM,CAAW,CAACE,KAAKC;YACnC,IAAI,AAAa,YAAb,OAAOA,GACPD,IAAI,IAAI,CAACC;iBACN,IAAI,AAAa,YAAb,OAAOA,KAAkBA,GAAG,IACnCD,IAAI,IAAI,CAACC,EAAE,EAAE;YAEjB,OAAOD;QACX,GAAG,EAAE;IACT,GAAG;QAACZ,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGd,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,QAAQA,UAAU,EAAE,CAAC,OAAO,GAAGc,SAAYP;QAC3C,gBAAgBH;;AAG5B"}

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

@@ -4,7 +4,7 @@ import { useLocalStorage, useLocalStorageValue } from "@webiny/app";
 import * as __rspack_external_react from "react";
 const SplitView = ({ children, className, namespace = "splitView", ...props })=>{
     const localStorage = useLocalStorage();
-    const layout = useLocalStorageValue(namespace);
+    const layout = useLocalStorageValue(`${namespace}/panels`);
     const saveLayout = (0, __rspack_external_react.useCallback)((layout)=>{
         localStorage.set(`${namespace}/panels`, layout);
     }, [
@@ -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);\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,qBAA6BL;IAE5C,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/components/Table/components/Table/TableInner.d.ts

@@ -19,6 +19,6 @@ export interface TableInnerProps<T extends TableRow> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & {
-    displayName: string;
+export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & React.NamedExoticComponent<TableInnerProps<TableRow<unknown>>> & {
+    readonly type: <T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element;
 };

package/components/TeamAutocomplete/index.d.ts

@@ -3,5 +3,9 @@ import { AutoComplete } from "@webiny/admin-ui";
 type TeamAutocompleteProps = Omit<React.ComponentProps<typeof AutoComplete>, "options" | "onValueChange"> & {
     onChange?: (value: string) => void;
 };
-export declare const TeamAutocomplete: ({ onChange, value, ...props }: TeamAutocompleteProps) => React.JSX.Element;
+export declare const TeamAutocomplete: (({ onChange, value, ...props }: TeamAutocompleteProps) => React.JSX.Element) & React.NamedExoticComponent<Omit<import("@webiny/admin-ui").AutoCompletePrimitiveProps & import("@webiny/admin-ui").FormComponentProps<any>, "onValueChange" | "options"> & {
+    onChange?: (value: string) => void;
+}> & {
+    readonly type: ({ onChange, value, ...props }: TeamAutocompleteProps) => React.JSX.Element;
+};
 export {};

package/components/TeamAutocomplete/index.js

@@ -1,26 +1,25 @@
-import react, { useCallback, useMemo } from "react";
+import react, { useCallback, useEffect } from "react";
 import { AutoComplete } from "@webiny/admin-ui";
-import { LIST_TEAMS } from "./graphql.js";
-import { useQuery } from "@apollo/react-hooks";
-const TeamAutocomplete = ({ onChange, value, ...props })=>{
-    const { data, loading } = useQuery(LIST_TEAMS);
-    const rawOptions = loading || !data ? [] : data.security.teams.data;
-    const options = useMemo(()=>rawOptions.map((team)=>({
-                label: team.name,
-                value: team.id
-            })), [
-        rawOptions
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { TeamsAutocompletePresenterFeature } from "../../presentation/accessManagement/teams/teamsAutocomplete/feature.js";
+const TeamAutocomplete = observer(({ onChange, value, ...props })=>{
+    const { presenter } = useFeature(TeamsAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
     ]);
     const onValueChange = useCallback((id)=>onChange?.(id), [
         onChange
     ]);
     return /*#__PURE__*/ react.createElement(AutoComplete, {
         ...props,
-        options: options,
-        value: loading ? void 0 : value,
+        options: presenter.vm.options,
+        value: presenter.vm.loading ? void 0 : value,
         onValueChange: onValueChange
     });
-};
+});
 export { TeamAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/components/TeamAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/TeamAutocomplete/index.js","sources":["../../../src/components/TeamAutocomplete/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_TEAMS } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamAutocompleteProps = Omit<\n    React.ComponentProps<typeof AutoComplete>,\n    \"options\" | \"onValueChange\"\n> & {\n    onChange?: (value: string) => void;\n};\n\nexport const TeamAutocomplete = ({ onChange, value, ...props }: TeamAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n    const rawOptions = loading || !data ? [] : data.security.teams.data;\n\n    const options = useMemo(\n        () => rawOptions.map((team: any) => ({ label: team.name, value: team.id })),\n        [rawOptions]\n    );\n\n    const onValueChange = useCallback((id: string) => onChange?.(id), [onChange]);\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            value={loading ? undefined : (value as string | undefined)}\n            onValueChange={onValueChange}\n        />\n    );\n};\n"],"names":["TeamAutocomplete","onChange","value","props","data","loading","useQuery","LIST_TEAMS","rawOptions","options","useMemo","team","onValueChange","useCallback","id","AutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAA8B;IACjF,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAEnE,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,gBAAgBC,YAAY,CAACC,KAAeb,WAAWa,KAAK;QAACb;KAAS;IAE5E,OAAO,WAAP,GACI,oBAACc,cAAYA;QACR,GAAGZ,KAAK;QACT,SAASM;QACT,OAAOJ,UAAUW,SAAad;QAC9B,eAAeU;;AAG3B"}
+{"version":3,"file":"components/TeamAutocomplete/index.js","sources":["../../../src/components/TeamAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { TeamsAutocompletePresenterFeature } from \"~/presentation/accessManagement/teams/teamsAutocomplete/feature.js\";\n\ntype TeamAutocompleteProps = Omit<\n    React.ComponentProps<typeof AutoComplete>,\n    \"options\" | \"onValueChange\"\n> & {\n    onChange?: (value: string) => void;\n};\n\nexport const TeamAutocomplete = observer(({ onChange, value, ...props }: TeamAutocompleteProps) => {\n    const { presenter } = useFeature(TeamsAutocompletePresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const onValueChange = useCallback((id: string) => onChange?.(id), [onChange]);\n\n    return (\n        <AutoComplete\n            {...props}\n            options={presenter.vm.options}\n            value={presenter.vm.loading ? undefined : (value as string | undefined)}\n            onValueChange={onValueChange}\n        />\n    );\n});\n"],"names":["TeamAutocomplete","observer","onChange","value","props","presenter","useFeature","TeamsAutocompletePresenterFeature","useEffect","onValueChange","useCallback","id","AutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,mBAAmBC,SAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAA8B;IAC1F,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,gBAAgBC,YAAY,CAACC,KAAeT,WAAWS,KAAK;QAACT;KAAS;IAE5E,OAAO,WAAP,GACI,oBAACU,cAAYA;QACR,GAAGR,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,OAAOA,UAAU,EAAE,CAAC,OAAO,GAAGQ,SAAaV;QAC3C,eAAeM;;AAG3B"}

package/components/TeamsMultiAutocomplete/index.d.ts

@@ -3,5 +3,9 @@ import { MultiAutoComplete } from "@webiny/admin-ui";
 type TeamsMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
     onChange?: (values: string[]) => void;
 };
-export declare const TeamsMultiAutocomplete: ({ onChange, ...props }: TeamsMultiAutocompleteProps) => React.JSX.Element;
+export declare const TeamsMultiAutocomplete: (({ onChange, ...props }: TeamsMultiAutocompleteProps) => React.JSX.Element) & React.NamedExoticComponent<Omit<import("@webiny/admin-ui/MultiAutoComplete/primitives").MultiAutoCompletePrimitiveProps & import("@webiny/admin-ui").FormComponentProps<any>, "onValuesChange" | "options"> & {
+    onChange?: (values: string[]) => void;
+}> & {
+    readonly type: ({ onChange, ...props }: TeamsMultiAutocompleteProps) => React.JSX.Element;
+};
 export {};

package/components/TeamsMultiAutocomplete/index.js

@@ -1,26 +1,25 @@
-import react, { useCallback, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo } from "react";
 import { MultiAutoComplete } from "@webiny/admin-ui";
-import { LIST_TEAMS } from "./graphql.js";
-import { useQuery } from "@apollo/react-hooks";
-const TeamsMultiAutocomplete = ({ onChange, ...props })=>{
-    const { data, loading } = useQuery(LIST_TEAMS);
-    const rawOptions = loading || !data?.security?.teams?.data ? [] : data.security.teams.data;
-    const options = useMemo(()=>rawOptions.map((team)=>({
-                label: team.name,
-                value: team.id
-            })), [
-        rawOptions
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { TeamsAutocompletePresenterFeature } from "../../presentation/accessManagement/teams/teamsAutocomplete/feature.js";
+const TeamsMultiAutocomplete = observer(({ onChange, ...props })=>{
+    const { presenter } = useFeature(TeamsAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
     ]);
     const onValuesChange = useCallback((ids)=>onChange?.(ids), [
         onChange
     ]);
     const values = useMemo(()=>{
         const selected = Array.isArray(props.values) ? props.values : Array.isArray(props.value) ? props.value : [];
-        return selected.map((s)=>{
-            if ("string" == typeof s) return s;
-            if ("object" == typeof s) return s?.id;
-            return null;
-        }).filter((s)=>!!s);
+        return selected.reduce((acc, s)=>{
+            if ("string" == typeof s) acc.push(s);
+            else if ("object" == typeof s && s?.id) acc.push(s.id);
+            return acc;
+        }, []);
     }, [
         props.values,
         props.value
@@ -28,11 +27,11 @@ const TeamsMultiAutocomplete = ({ onChange, ...props })=>{
     return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
         uniqueValues: true,
         ...props,
-        options: options,
-        values: loading ? void 0 : values,
+        options: presenter.vm.options,
+        values: presenter.vm.loading ? void 0 : values,
         onValuesChange: onValuesChange
     });
-};
+});
 export { TeamsMultiAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/components/TeamsMultiAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/TeamsMultiAutocomplete/index.js","sources":["../../../src/components/TeamsMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_TEAMS } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamsMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const TeamsMultiAutocomplete = ({ onChange, ...props }: TeamsMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n    const rawOptions = loading || !data?.security?.teams?.data ? [] : data.security.teams.data;\n\n    const options = useMemo(\n        () => rawOptions.map((team: any) => ({ label: team.name, value: team.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n    /**\n     * This is required because the Bind, which currently wraps this component passes \"values\" as \"value\" prop, not \"values\".\n     * \"values\" is added to safeguard for future changes. When we move to new forms, remove this part.\n     */\n    const values = useMemo(() => {\n        const selected = Array.isArray(props.values)\n            ? props.values\n            : Array.isArray(props.value)\n              ? props.value\n              : [];\n\n        return selected\n            .map(s => {\n                if (typeof s === \"string\") {\n                    return s;\n                } else if (typeof s === \"object\") {\n                    return s?.id;\n                }\n                return null;\n            })\n            .filter((s): s is string => !!s);\n    }, [props.values, props.value]);\n\n    return (\n        <MultiAutoComplete\n            uniqueValues\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"names":["TeamsMultiAutocomplete","onChange","props","data","loading","useQuery","LIST_TEAMS","rawOptions","options","useMemo","team","onValuesChange","useCallback","ids","values","selected","Array","s","MultiAutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IACtF,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,MAAM,UAAU,OAAO,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAE1F,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBZ,WAAWY,MAAM;QAACZ;KAAS;IAKjF,MAAMa,SAASL,QAAQ;QACnB,MAAMM,WAAWC,MAAM,OAAO,CAACd,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZc,MAAM,OAAO,CAACd,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOa,SACF,GAAG,CAACE,CAAAA;YACD,IAAI,AAAa,YAAb,OAAOA,GACP,OAAOA;YACJ,IAAI,AAAa,YAAb,OAAOA,GACd,OAAOA,GAAG;YAEd,OAAO;QACX,GACC,MAAM,CAAC,CAACA,IAAmB,CAAC,CAACA;IACtC,GAAG;QAACf,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACgB,mBAAiBA;QACd;QACC,GAAGhB,KAAK;QACT,SAASM;QACT,QAAQJ,UAAUe,SAAaL;QAC/B,gBAAgBH;;AAG5B"}
+{"version":3,"file":"components/TeamsMultiAutocomplete/index.js","sources":["../../../src/components/TeamsMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { TeamsAutocompletePresenterFeature } from \"~/presentation/accessManagement/teams/teamsAutocomplete/feature.js\";\n\ntype TeamsMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const TeamsMultiAutocomplete = observer(\n    ({ onChange, ...props }: TeamsMultiAutocompleteProps) => {\n        const { presenter } = useFeature(TeamsAutocompletePresenterFeature);\n\n        useEffect(() => {\n            presenter.init();\n        }, [presenter]);\n\n        const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n        const values = useMemo(() => {\n            const selected = Array.isArray(props.values)\n                ? props.values\n                : Array.isArray(props.value)\n                  ? props.value\n                  : [];\n\n            return selected.reduce<string[]>((acc, s) => {\n                if (typeof s === \"string\") {\n                    acc.push(s);\n                } else if (typeof s === \"object\" && s?.id) {\n                    acc.push(s.id);\n                }\n                return acc;\n            }, []);\n        }, [props.values, props.value]);\n\n        return (\n            <MultiAutoComplete\n                uniqueValues\n                {...props}\n                options={presenter.vm.options}\n                values={presenter.vm.loading ? undefined : values}\n                onValuesChange={onValuesChange}\n            />\n        );\n    }\n);\n"],"names":["TeamsMultiAutocomplete","observer","onChange","props","presenter","useFeature","TeamsAutocompletePresenterFeature","useEffect","onValuesChange","useCallback","ids","values","useMemo","selected","Array","acc","s","MultiAutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,yBAAyBC,SAClC,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBR,WAAWQ,MAAM;QAACR;KAAS;IAEjF,MAAMS,SAASC,QAAQ;QACnB,MAAMC,WAAWC,MAAM,OAAO,CAACX,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZW,MAAM,OAAO,CAACX,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOU,SAAS,MAAM,CAAW,CAACE,KAAKC;YACnC,IAAI,AAAa,YAAb,OAAOA,GACPD,IAAI,IAAI,CAACC;iBACN,IAAI,AAAa,YAAb,OAAOA,KAAkBA,GAAG,IACnCD,IAAI,IAAI,CAACC,EAAE,EAAE;YAEjB,OAAOD;QACX,GAAG,EAAE;IACT,GAAG;QAACZ,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACd;QACC,GAAGd,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,QAAQA,UAAU,EAAE,CAAC,OAAO,GAAGc,SAAYP;QAC3C,gBAAgBH;;AAG5B"}

package/components/index.d.ts

@@ -13,7 +13,6 @@ export { SingleImageUpload, type SingleImageUploadProps } from "../components/Si
 export { LexicalEditor } from "../components/LexicalEditor/index.js";
 export type { RichTextValueWithHtml } from "../components/LexicalEditor/index.js";
 export { LexicalLinkForm } from "../components/LexicalEditor/index.js";
-export { Wcp } from "../components/Wcp.js";
 export * from "../components/IconPicker/index.js";
 export * from "../components/SplitView/index.js";
 export * from "../components/Permissions/index.js";

package/components/index.js

@@ -22,5 +22,4 @@ export { EmptyView } from "./EmptyView.js";
 export { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "./SimpleForm/index.js";
 export { SingleImageUpload } from "./SingleImageUpload.js";
 export { LexicalEditor, LexicalLinkForm } from "./LexicalEditor/index.js";
-export { Wcp } from "./Wcp.js";
 export { RegisterFeature } from "./RegisterFeature.js";

package/config/AdminConfig/Breadcrumbs.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import type { Route } from "@webiny/app/features/router/Route.js";
+/**
+ * Where a breadcrumb navigates: either a raw path string, or a `Route` (optionally with
+ * params) that the header resolves to a link via the router's `getLink`.
+ */
+export type BreadcrumbLink = string | {
+    route: Route<any>;
+    params?: Record<string, any>;
+};
+export interface BreadcrumbConfig {
+    name: string;
+    label: string;
+    to?: BreadcrumbLink;
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbProps {
+    /** Stable id for ordering/diffing. Defaults to `label`. */
+    name?: string;
+    /** Text label shown for this location. */
+    label: string;
+    /** Where this item navigates — a path string or a `Route` (+ params). */
+    to?: BreadcrumbLink;
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
+    /** Place this item before another (by name). */
+    before?: string;
+    /** Place this item after another (by name). */
+    after?: string;
+}
+/**
+ * Declares a single breadcrumb. Drop it anywhere in a view or sub-view — the header renders
+ * every mounted `<Breadcrumb>` as the trail, in mount order, and clears each when it
+ * unmounts. Breadcrumbs are pure presentation, so this composes through the React Config API
+ * (like `AdminConfig.Menu` / `Dashboard.Widget`) rather than dependency injection.
+ *
+ * ```tsx
+ * <Breadcrumb label="File Manager" to={{ route: Routes.List }} />
+ * <Breadcrumb label={folder.title} to={{ route: Routes.List, params: { folderId } }} />
+ * ```
+ */
+export declare const Breadcrumb: ({ name, label, to, icon, before, after }: BreadcrumbProps) => React.JSX.Element;

package/config/AdminConfig/Breadcrumbs.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Breadcrumb = ({ name, label, to, icon, before, after })=>{
+    const getId = useIdGenerator("Breadcrumb");
+    const id = name ?? label;
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(id),
+        name: "breadcrumbs",
+        array: true,
+        before: before,
+        after: after,
+        value: {
+            name: id,
+            label,
+            to,
+            icon
+        }
+    }));
+};
+export { Breadcrumb };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/config/AdminConfig/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Breadcrumbs.js","sources":["../../../src/config/AdminConfig/Breadcrumbs.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Route } from \"@webiny/app/features/router/Route.js\";\n\n/**\n * Where a breadcrumb navigates: either a raw path string, or a `Route` (optionally with\n * params) that the header resolves to a link via the router's `getLink`.\n */\nexport type BreadcrumbLink = string | { route: Route<any>; params?: Record<string, any> };\n\nexport interface BreadcrumbConfig {\n    name: string;\n    label: string;\n    to?: BreadcrumbLink;\n    icon?: React.ReactNode;\n}\n\nexport interface BreadcrumbProps {\n    /** Stable id for ordering/diffing. Defaults to `label`. */\n    name?: string;\n    /** Text label shown for this location. */\n    label: string;\n    /** Where this item navigates — a path string or a `Route` (+ params). */\n    to?: BreadcrumbLink;\n    /** Optional leading icon. */\n    icon?: React.ReactNode;\n    /** Place this item before another (by name). */\n    before?: string;\n    /** Place this item after another (by name). */\n    after?: string;\n}\n\n/**\n * Declares a single breadcrumb. Drop it anywhere in a view or sub-view — the header renders\n * every mounted `<Breadcrumb>` as the trail, in mount order, and clears each when it\n * unmounts. Breadcrumbs are pure presentation, so this composes through the React Config API\n * (like `AdminConfig.Menu` / `Dashboard.Widget`) rather than dependency injection.\n *\n * ```tsx\n * <Breadcrumb label=\"File Manager\" to={{ route: Routes.List }} />\n * <Breadcrumb label={folder.title} to={{ route: Routes.List, params: { folderId } }} />\n * ```\n */\nexport const Breadcrumb = ({ name, label, to, icon, before, after }: BreadcrumbProps) => {\n    const getId = useIdGenerator(\"Breadcrumb\");\n    const id = name ?? label;\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(id)}\n                name={\"breadcrumbs\"}\n                array={true}\n                before={before}\n                after={after}\n                value={{ name: id, label, to, icon }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Breadcrumb","name","label","to","icon","before","after","getId","useIdGenerator","id","ConnectToProperties","Property"],"mappings":";;AA2CO,MAAMA,aAAa,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAmB;IAChF,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,KAAKR,QAAQC;IAEnB,OAAO,WAAP,GACI,oBAACQ,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIJ,MAAME;QACV,MAAM;QACN,OAAO;QACP,QAAQJ;QACR,OAAOC;QACP,OAAO;YAAE,MAAMG;YAAIP;YAAOC;YAAIC;QAAK;;AAInD"}

package/config/AdminConfig/SecurityPermissions.js

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

package/config/AdminConfig/SecurityPermissions.js.map

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

package/config/AdminConfig/Widget.d.ts

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

package/config/AdminConfig/Widget.js

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

package/config/AdminConfig/Widget.js.map

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

package/config/AdminConfig.d.ts

@@ -4,6 +4,7 @@ import type { SupportMenuConfig } from "./AdminConfig/Menu/SupportMenu.js";
 import type { UserMenuConfig } from "./AdminConfig/Menu/UserMenu.js";
 import { Route } from "./AdminConfig/Route.js";
 import { type WidgetConfig } from "./AdminConfig/Widget.js";
+import { Breadcrumb, type BreadcrumbConfig } from "./AdminConfig/Breadcrumbs.js";
 import type { PermissionRendererConfig } from "../permissions/types.js";
 import { Dialog } from "./AdminConfig/Dialog.js";
 import type { DialogConfig } from "./AdminConfig/Dialog.js";
@@ -27,6 +28,7 @@ export declare const useAdminConfig: () => {
         horizontalLogo: React.ReactNode;
     };
     widgets: WidgetConfig[];
+    breadcrumbs: BreadcrumbConfig[];
     permissionRenderers: PermissionRendererConfig[];
     lexicalTheme: EditorTheme;
     dialogs: DialogConfig[];
@@ -471,6 +473,7 @@ export declare const AdminConfig: typeof Private & {
     Dashboard: {
         Widget: typeof import("./AdminConfig/Widget.js").Widget;
     };
+    Breadcrumb: typeof Breadcrumb;
     Security: {
         Permissions: typeof import("./AdminConfig/SecurityPermissions.js").SecurityPermissions;
     };

package/config/AdminConfig.js

@@ -5,6 +5,7 @@ import { Tenant } from "./AdminConfig/Tenant.js";
 import { Route } from "./AdminConfig/Route.js";
 import { Theme } from "./AdminConfig/Theme.js";
 import { Dashboard } from "./AdminConfig/Dashboard.js";
+import { Breadcrumb } from "./AdminConfig/Breadcrumbs.js";
 import { Security } from "./AdminConfig/Security.js";
 import { LexicalTheme } from "./AdminConfig/LexicalTheme.js";
 import { Title } from "./AdminConfig/Title.js";
@@ -42,6 +43,7 @@ const useAdminConfig = ()=>{
             horizontalLogo: baseConfig.horizontalLogo
         },
         widgets: baseConfig.widgets ?? [],
+        breadcrumbs: baseConfig.breadcrumbs ?? [],
         permissionRenderers: baseConfig.permissionRenderers ?? [],
         lexicalTheme,
         dialogs: baseConfig.dialogs ?? [],
@@ -61,6 +63,7 @@ const AdminConfig = Object.assign(Private, {
     Title: Title,
     Logo: Logo,
     Dashboard: Dashboard,
+    Breadcrumb: Breadcrumb,
     Security: Security,
     LexicalTheme: LexicalTheme,
     Dialog: Dialog,

package/config/AdminConfig.js.map

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

package/errors/ErrorOverlayNetworkErrorHandler.js

@@ -1,8 +1,8 @@
 import react from "react";
-import createErrorOverlay from "@webiny/app/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js";
-import { ErrorOverlay } from "@webiny/app/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js";
-import { LocalAwsLambdaTimeoutMessage } from "@webiny/app/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js";
-import { GqlErrorOverlay } from "@webiny/app/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js";
+import createErrorOverlay from "@webiny/app/errors/overlay/createErrorOverlay.js";
+import { ErrorOverlay } from "@webiny/app/errors/overlay/ErrorOverlay.js";
+import { LocalAwsLambdaTimeoutMessage } from "@webiny/app/errors/overlay/LocalAwsLambdaTimeoutMessage.js";
+import { GqlErrorOverlay } from "@webiny/app/errors/overlay/GqlErrorOverlay.js";
 import { EnvConfig } from "@webiny/app/features/envConfig/index.js";
 import { NetworkErrorEventHandler } from "@webiny/app/errors/index.js";
 import { TenantIsDisabled } from "./TenantIsDisabled.js";

package/errors/ErrorOverlayNetworkErrorHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"errors/ErrorOverlayNetworkErrorHandler.js","sources":["../../src/errors/ErrorOverlayNetworkErrorHandler.tsx"],"sourcesContent":["import React from \"react\";\nimport createErrorOverlay from \"@webiny/app/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js\";\nimport { ErrorOverlay } from \"@webiny/app/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js\";\nimport { LocalAwsLambdaTimeoutMessage } from \"@webiny/app/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js\";\nimport { GqlErrorOverlay } from \"@webiny/app/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js\";\nimport { EnvConfig } from \"@webiny/app/features/envConfig/index.js\";\nimport { NetworkErrorEvent, NetworkErrorEventHandler } from \"@webiny/app/errors/index.js\";\nimport { TenantIsDisabled } from \"~/errors/TenantIsDisabled.js\";\n\nclass ErrorOverlayNetworkErrorHandlerImpl implements NetworkErrorEventHandler.Interface {\n    private readonly debug: boolean;\n\n    constructor(envConfig: EnvConfig.Interface) {\n        this.debug = envConfig.get(\"debug\");\n    }\n\n    async handle(event: NetworkErrorEvent): Promise<void> {\n        if (!this.debug) {\n            return;\n        }\n\n        const { errorType, query, message, code, result } = event.payload;\n\n        if (errorType === \"timeout\" && result?.code === \"LOCAL_AWS_LAMBDA_TIMEOUT\") {\n            createErrorOverlay({\n                element: (\n                    <ErrorOverlay message={<LocalAwsLambdaTimeoutMessage />} closeable={false} />\n                ),\n                closeable: false\n            });\n            return;\n        }\n\n        if (code === \"Tenancy/TenantDisabled\") {\n            createErrorOverlay({\n                element: <TenantIsDisabled />,\n                closeable: false\n            });\n            return;\n        }\n\n        if (query) {\n            createErrorOverlay({\n                element: (\n                    <GqlErrorOverlay\n                        query={query}\n                        networkError={{ message, statusCode: event.payload.statusCode } as any}\n                    />\n                )\n            });\n        } else {\n            createErrorOverlay({\n                element: <ErrorOverlay message={message} closeable={true} />\n            });\n        }\n    }\n}\n\nexport const ErrorOverlayNetworkErrorHandler = NetworkErrorEventHandler.createImplementation({\n    implementation: ErrorOverlayNetworkErrorHandlerImpl,\n    dependencies: [EnvConfig]\n});\n"],"names":["ErrorOverlayNetworkErrorHandlerImpl","envConfig","event","errorType","query","message","code","result","createErrorOverlay","ErrorOverlay","LocalAwsLambdaTimeoutMessage","TenantIsDisabled","GqlErrorOverlay","ErrorOverlayNetworkErrorHandler","NetworkErrorEventHandler","EnvConfig"],"mappings":";;;;;;;;AASA,MAAMA;IAGF,YAAYC,SAA8B,CAAE;QACxC,IAAI,CAAC,KAAK,GAAGA,UAAU,GAAG,CAAC;IAC/B;IAEA,MAAM,OAAOC,KAAwB,EAAiB;QAClD,IAAI,CAAC,IAAI,CAAC,KAAK,EACX;QAGJ,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGL,MAAM,OAAO;QAEjE,IAAIC,AAAc,cAAdA,aAA2BI,QAAQ,SAAS,4BAA4B,YACxEC,mBAAmB;YACf,SAAS,WAAT,GACI,oBAACC,cAAYA;gBAAC,uBAAS,oBAACC,8BAA4BA;gBAAK,WAAW;;YAExE,WAAW;QACf;QAIJ,IAAIJ,AAAS,6BAATA,MAAmC,YACnCE,mBAAmB;YACf,SAAS,WAAT,GAAS,oBAACG,kBAAgBA;YAC1B,WAAW;QACf;QAIAP,QACAI,mBAAmB;YACf,SAAS,WAAT,GACI,oBAACI,iBAAeA;gBACZ,OAAOR;gBACP,cAAc;oBAAEC;oBAAS,YAAYH,MAAM,OAAO,CAAC,UAAU;gBAAC;;QAG1E,KAEAM,mBAAmB;YACf,SAAS,WAAT,GAAS,oBAACC,cAAYA;gBAAC,SAASJ;gBAAS,WAAW;;QACxD;IAER;AACJ;AAEO,MAAMQ,kCAAkCC,yBAAyB,oBAAoB,CAAC;IACzF,gBAAgBd;IAChB,cAAc;QAACe;KAAU;AAC7B"}
+{"version":3,"file":"errors/ErrorOverlayNetworkErrorHandler.js","sources":["../../src/errors/ErrorOverlayNetworkErrorHandler.tsx"],"sourcesContent":["import React from \"react\";\nimport createErrorOverlay from \"@webiny/app/errors/overlay/createErrorOverlay.js\";\nimport { ErrorOverlay } from \"@webiny/app/errors/overlay/ErrorOverlay.js\";\nimport { LocalAwsLambdaTimeoutMessage } from \"@webiny/app/errors/overlay/LocalAwsLambdaTimeoutMessage.js\";\nimport { GqlErrorOverlay } from \"@webiny/app/errors/overlay/GqlErrorOverlay.js\";\nimport { EnvConfig } from \"@webiny/app/features/envConfig/index.js\";\nimport { NetworkErrorEvent, NetworkErrorEventHandler } from \"@webiny/app/errors/index.js\";\nimport { TenantIsDisabled } from \"~/errors/TenantIsDisabled.js\";\n\nclass ErrorOverlayNetworkErrorHandlerImpl implements NetworkErrorEventHandler.Interface {\n    private readonly debug: boolean;\n\n    constructor(envConfig: EnvConfig.Interface) {\n        this.debug = envConfig.get(\"debug\");\n    }\n\n    async handle(event: NetworkErrorEvent): Promise<void> {\n        if (!this.debug) {\n            return;\n        }\n\n        const { errorType, query, message, code, result } = event.payload;\n\n        if (errorType === \"timeout\" && result?.code === \"LOCAL_AWS_LAMBDA_TIMEOUT\") {\n            createErrorOverlay({\n                element: (\n                    <ErrorOverlay message={<LocalAwsLambdaTimeoutMessage />} closeable={false} />\n                ),\n                closeable: false\n            });\n            return;\n        }\n\n        if (code === \"Tenancy/TenantDisabled\") {\n            createErrorOverlay({\n                element: <TenantIsDisabled />,\n                closeable: false\n            });\n            return;\n        }\n\n        if (query) {\n            createErrorOverlay({\n                element: (\n                    <GqlErrorOverlay\n                        query={query}\n                        networkError={{ message, statusCode: event.payload.statusCode } as any}\n                    />\n                )\n            });\n        } else {\n            createErrorOverlay({\n                element: <ErrorOverlay message={message} closeable={true} />\n            });\n        }\n    }\n}\n\nexport const ErrorOverlayNetworkErrorHandler = NetworkErrorEventHandler.createImplementation({\n    implementation: ErrorOverlayNetworkErrorHandlerImpl,\n    dependencies: [EnvConfig]\n});\n"],"names":["ErrorOverlayNetworkErrorHandlerImpl","envConfig","event","errorType","query","message","code","result","createErrorOverlay","ErrorOverlay","LocalAwsLambdaTimeoutMessage","TenantIsDisabled","GqlErrorOverlay","ErrorOverlayNetworkErrorHandler","NetworkErrorEventHandler","EnvConfig"],"mappings":";;;;;;;;AASA,MAAMA;IAGF,YAAYC,SAA8B,CAAE;QACxC,IAAI,CAAC,KAAK,GAAGA,UAAU,GAAG,CAAC;IAC/B;IAEA,MAAM,OAAOC,KAAwB,EAAiB;QAClD,IAAI,CAAC,IAAI,CAAC,KAAK,EACX;QAGJ,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGL,MAAM,OAAO;QAEjE,IAAIC,AAAc,cAAdA,aAA2BI,QAAQ,SAAS,4BAA4B,YACxEC,mBAAmB;YACf,SAAS,WAAT,GACI,oBAACC,cAAYA;gBAAC,uBAAS,oBAACC,8BAA4BA;gBAAK,WAAW;;YAExE,WAAW;QACf;QAIJ,IAAIJ,AAAS,6BAATA,MAAmC,YACnCE,mBAAmB;YACf,SAAS,WAAT,GAAS,oBAACG,kBAAgBA;YAC1B,WAAW;QACf;QAIAP,QACAI,mBAAmB;YACf,SAAS,WAAT,GACI,oBAACI,iBAAeA;gBACZ,OAAOR;gBACP,cAAc;oBAAEC;oBAAS,YAAYH,MAAM,OAAO,CAAC,UAAU;gBAAC;;QAG1E,KAEAM,mBAAmB;YACf,SAAS,WAAT,GAAS,oBAACC,cAAYA;gBAAC,SAASJ;gBAAS,WAAW;;QACxD;IAER;AACJ;AAEO,MAAMQ,kCAAkCC,yBAAyB,oBAAoB,CAAC;IACzF,gBAAgBd;IAChB,cAAc;QAACe;KAAU;AAC7B"}

package/features/accessManagement/permissions/feature.d.ts

@@ -1,4 +1,4 @@
-export declare const SecurityPermissionsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+export declare const SecurityPermissionsFeature: import("@webiny/feature/admin/createFeature.js").FeatureDefinition<{
     permissions: {
         canAccess: (entityId: "apiKey" | "group" | "team") => boolean;
         canAction: (action: string, entityId: "apiKey" | "group" | "team") => boolean;