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

package/components/ListView/ListViewContent.d.ts

@@ -6,7 +6,7 @@ export interface ListViewContentProps {
     searchEmpty?: React.ReactNode;
     children: React.ReactNode;
 }
-declare const ListViewContent: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ListViewContent: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewContentProps> & {
+    readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element;
 };
 export { ListViewContent };

package/components/ListView/ListViewFilters.d.ts

@@ -9,7 +9,7 @@ export interface ListViewFiltersProps {
     filtersToWhere?: FiltersToWhereConverter[];
     children?: React.ReactNode;
 }
-declare const ListViewFilters: (({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ListViewFilters: (({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewFiltersProps> & {
+    readonly type: ({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element;
 };
 export { ListViewFilters };

package/components/ListView/index.d.ts

@@ -8,14 +8,14 @@ export declare const ListView: typeof ListViewBase & {
     };
     Header: typeof ListViewHeader;
     BottomBar: typeof ListViewBottomBar;
-    BulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element) & {
-        displayName: string;
+    BulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewBulkActions.js").ListViewBulkActionsProps> & {
+        readonly type: ({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element;
     };
-    Filters: (({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element) & {
-        displayName: string;
+    Filters: (({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewFilters.js").ListViewFiltersProps> & {
+        readonly type: ({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element;
     };
-    Content: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element) & {
-        displayName: string;
+    Content: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewContent.js").ListViewContentProps> & {
+        readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element;
     };
 };
 export { useListView } from "./context.js";

package/components/OverlayLayout/OverlayLayout.js

@@ -28,13 +28,15 @@ const OverlayLayout = ({ barMiddle, barLeft, barRight, children, onExited = noop
         hideOverlay: hideOverlay
     }), /*#__PURE__*/ react.createElement(OverlayContent, {
         visible: visible
-    }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(OverlayHeader, {
+    }, /*#__PURE__*/ react.createElement(OverlayHeader, {
         start: barLeft,
         middle: barMiddle,
         end: barRight,
         variant: variant,
         hideOverlay: hideOverlay
-    }), children))));
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 min-h-0 overflow-hidden"
+    }, children))));
 };
 export { OverlayLayout };
 

package/components/OverlayLayout/OverlayLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/OverlayLayout/OverlayLayout.js","sources":["../../../src/components/OverlayLayout/OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n    barMiddle,\n    barLeft,\n    barRight,\n    children,\n    onExited = noop,\n    variant\n}) => {\n    const [visible, setVisible] = useState(true);\n\n    const hideOverlay = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n        return () => {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        };\n    }, []);\n\n    return (\n        <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n            <OverlayRoot visible={visible} onExited={onExited}>\n                <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n                <OverlayContent visible={visible}>\n                    <>\n                        <OverlayHeader\n                            start={barLeft}\n                            middle={barMiddle}\n                            end={barRight}\n                            variant={variant}\n                            hideOverlay={hideOverlay}\n                        />\n\n                        {children}\n                    </>\n                </OverlayContent>\n            </OverlayRoot>\n        </Portal>\n    );\n};\n"],"names":["noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","noop","variant","visible","setVisible","useState","hideOverlay","useCallback","useEffect","className","document","Portal","OverlayRoot","OverlayBackdrop","OverlayContent","OverlayHeader"],"mappings":";;;;AAOA,MAAMA,yBAAyB;IAAC;IAAmB;CAAW;AAUvD,MAAMC,gBAA8C,CAAC,EACxDC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,WAAWC,IAAI,EACfC,OAAO,EACV;IACG,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,cAAcC,YAAY;QAC5BH,WAAW;IACf,GAAG,EAAE;IAELI,UAAU;QACNd,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAACD;QAExE,OAAO;YACHf,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAACD;QAC/E;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,QAAMA;QAAC,aAAU;QAAiB,WAAW;qBAC1C,oBAACC,aAAWA;QAAC,SAAST;QAAS,UAAUH;qBACrC,oBAACa,iBAAeA;QAAC,SAASV;QAAS,aAAaG;sBAChD,oBAACQ,gBAAcA;QAAC,SAASX;qBACrB,wDACI,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;QAGhBP;AAMzB"}
+{"version":3,"file":"components/OverlayLayout/OverlayLayout.js","sources":["../../../src/components/OverlayLayout/OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n    barMiddle,\n    barLeft,\n    barRight,\n    children,\n    onExited = noop,\n    variant\n}) => {\n    const [visible, setVisible] = useState(true);\n\n    const hideOverlay = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n        return () => {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        };\n    }, []);\n\n    return (\n        <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n            <OverlayRoot visible={visible} onExited={onExited}>\n                <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n                <OverlayContent visible={visible}>\n                    <OverlayHeader\n                        start={barLeft}\n                        middle={barMiddle}\n                        end={barRight}\n                        variant={variant}\n                        hideOverlay={hideOverlay}\n                    />\n                    <div className={\"flex-1 min-h-0 overflow-hidden\"}>{children}</div>\n                </OverlayContent>\n            </OverlayRoot>\n        </Portal>\n    );\n};\n"],"names":["noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","noop","variant","visible","setVisible","useState","hideOverlay","useCallback","useEffect","className","document","Portal","OverlayRoot","OverlayBackdrop","OverlayContent","OverlayHeader"],"mappings":";;;;AAOA,MAAMA,yBAAyB;IAAC;IAAmB;CAAW;AAUvD,MAAMC,gBAA8C,CAAC,EACxDC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,WAAWC,IAAI,EACfC,OAAO,EACV;IACG,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,cAAcC,YAAY;QAC5BH,WAAW;IACf,GAAG,EAAE;IAELI,UAAU;QACNd,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAACD;QAExE,OAAO;YACHf,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAACD;QAC/E;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,QAAMA;QAAC,aAAU;QAAiB,WAAW;qBAC1C,oBAACC,aAAWA;QAAC,SAAST;QAAS,UAAUH;qBACrC,oBAACa,iBAAeA;QAAC,SAASV;QAAS,aAAaG;sBAChD,oBAACQ,gBAAcA;QAAC,SAASX;qBACrB,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;sBAEjB,oBAAC;QAAI,WAAW;OAAmCP;AAKvE"}

package/components/OverlayLayout/components/OverlayContent.js

@@ -5,6 +5,7 @@ const OverlayContent = ({ visible, className, style, children, ...props })=>/*#_
         className: cn([
             "fixed inset-x-0 top-lg z-overlay",
             "w-screen",
+            "flex flex-col",
             "rounded-t-lg overflow-hidden",
             "bg-neutral-base",
             "transition ease-in-out",

package/components/OverlayLayout/components/OverlayContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/OverlayLayout/components/OverlayContent.js","sources":["../../../../src/components/OverlayLayout/components/OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n    return (\n        <div\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                [\n                    \"fixed inset-x-0 top-lg z-overlay\",\n                    \"w-screen\",\n                    \"rounded-t-lg overflow-hidden\",\n                    \"bg-neutral-base\",\n                    \"transition ease-in-out\",\n                    \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n                    \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n                ],\n                className\n            )}\n            style={{ ...style, height: \"calc(100vh - 24px)\" }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"names":["OverlayContent","visible","className","style","children","props","cn"],"mappings":";;AAOA,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA4B,GACnF,WAAP,GACI,oBAAC;QACG,cAAYJ,UAAU,SAAS;QAC/B,WAAWK,GACP;YACI;YACA;YACA;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}
+{"version":3,"file":"components/OverlayLayout/components/OverlayContent.js","sources":["../../../../src/components/OverlayLayout/components/OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n    return (\n        <div\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                [\n                    \"fixed inset-x-0 top-lg z-overlay\",\n                    \"w-screen\",\n                    \"flex flex-col\",\n                    \"rounded-t-lg overflow-hidden\",\n                    \"bg-neutral-base\",\n                    \"transition ease-in-out\",\n                    \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n                    \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n                ],\n                className\n            )}\n            style={{ ...style, height: \"calc(100vh - 24px)\" }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"names":["OverlayContent","visible","className","style","children","props","cn"],"mappings":";;AAOA,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA4B,GACnF,WAAP,GACI,oBAAC;QACG,cAAYJ,UAAU,SAAS;QAC/B,WAAWK,GACP;YACI;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}

package/components/RolesMultiAutocomplete/index.d.ts

@@ -3,7 +3,9 @@ import { MultiAutoComplete } from "@webiny/admin-ui";
 type RolesMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
     onChange?: (values: string[]) => void;
 };
-export declare const RolesMultiAutocomplete: (({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const RolesMultiAutocomplete: (({ onChange, ...props }: RolesMultiAutocompleteProps) => 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 }: RolesMultiAutocompleteProps) => React.JSX.Element;
 };
 export {};

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,7 +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) & {
-    displayName: string;
+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/TeamsMultiAutocomplete/index.d.ts

@@ -3,7 +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) & {
-    displayName: string;
+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/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/Drawer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface DrawerConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface DrawerProps {
+    name: string;
+    element: React.ReactElement;
+}
+export declare const Drawer: ({ name, element }: DrawerProps) => React.JSX.Element;

package/config/AdminConfig/Drawer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Drawer = ({ name, element })=>{
+    const getId = useIdGenerator("Drawer");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "drawers",
+        array: true,
+        value: {
+            name,
+            element
+        }
+    }));
+};
+export { Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/config/AdminConfig/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Drawer.js","sources":["../../../src/config/AdminConfig/Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface DrawerConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface DrawerProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const Drawer = ({ name, element }: DrawerProps) => {\n    const getId = useIdGenerator(\"Drawer\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={getId(name)} name={\"drawers\"} array={true} value={{ name, element }} />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Drawer","name","element","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAaO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAe;IACjD,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAIH,MAAMF;QAAO,MAAM;QAAW,OAAO;QAAM,OAAO;YAAEA;YAAMC;QAAQ;;AAG5F"}

package/config/AdminConfig/LexicalTheme/AllowCustomColors.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface AllowCustomColorsProps {
+    value?: boolean;
+}
+export declare const AllowCustomColors: ({ value }: AllowCustomColorsProps) => React.JSX.Element;

package/config/AdminConfig/LexicalTheme/AllowCustomColors.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const AllowCustomColors = ({ value = true })=>{
+    const getId = useIdGenerator("lexicalTheme");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "lexicalTheme",
+        name: "lexicalTheme"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("allowCustomColors"),
+        name: "allowCustomColors",
+        value: value
+    })));
+};
+export { AllowCustomColors };
+
+//# sourceMappingURL=AllowCustomColors.js.map

package/config/AdminConfig/LexicalTheme/AllowCustomColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/LexicalTheme/AllowCustomColors.js","sources":["../../../../src/config/AdminConfig/LexicalTheme/AllowCustomColors.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface AllowCustomColorsProps {\n    value?: boolean;\n}\n\nexport const AllowCustomColors = ({ value = true }: AllowCustomColorsProps) => {\n    const getId = useIdGenerator(\"lexicalTheme\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={\"lexicalTheme\"} name={\"lexicalTheme\"}>\n                <Property\n                    id={getId(\"allowCustomColors\")}\n                    name={\"allowCustomColors\"}\n                    value={value}\n                />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n"],"names":["AllowCustomColors","value","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAOO,MAAMA,oBAAoB,CAAC,EAAEC,QAAQ,IAAI,EAA0B;IACtE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAI;QAAgB,MAAM;qBAChC,oBAACA,UAAQA;QACL,IAAIH,MAAM;QACV,MAAM;QACN,OAAOD;;AAK3B"}

package/config/AdminConfig/LexicalTheme.d.ts

@@ -1,5 +1,7 @@
+import { AllowCustomColors } from "./LexicalTheme/AllowCustomColors.js";
 import { Color } from "./LexicalTheme/Color.js";
 export declare const LexicalTheme: {
+    AllowCustomColors: typeof AllowCustomColors;
     Color: typeof Color;
     Typography: {
         Heading: typeof import("./LexicalTheme/Typography.js").Heading;

package/config/AdminConfig/LexicalTheme.js

@@ -1,6 +1,8 @@
+import { AllowCustomColors } from "./LexicalTheme/AllowCustomColors.js";
 import { Color } from "./LexicalTheme/Color.js";
 import { Typography } from "./LexicalTheme/Typography.js";
 const LexicalTheme = {
+    AllowCustomColors: AllowCustomColors,
     Color: Color,
     Typography: Typography
 };

package/config/AdminConfig/LexicalTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/AdminConfig/LexicalTheme.js","sources":["../../../src/config/AdminConfig/LexicalTheme.tsx"],"sourcesContent":["import { Color } from \"./LexicalTheme/Color.js\";\nimport { Typography } from \"./LexicalTheme/Typography.js\";\n\nexport const LexicalTheme = {\n    Color,\n    Typography\n};\n"],"names":["LexicalTheme","Color","Typography"],"mappings":";;AAGO,MAAMA,eAAe;IACxBC,OAAKA;IACLC,YAAUA;AACd"}
+{"version":3,"file":"config/AdminConfig/LexicalTheme.js","sources":["../../../src/config/AdminConfig/LexicalTheme.tsx"],"sourcesContent":["import { AllowCustomColors } from \"./LexicalTheme/AllowCustomColors.js\";\nimport { Color } from \"./LexicalTheme/Color.js\";\nimport { Typography } from \"./LexicalTheme/Typography.js\";\n\nexport const LexicalTheme = {\n    AllowCustomColors,\n    Color,\n    Typography\n};\n"],"names":["LexicalTheme","AllowCustomColors","Color","Typography"],"mappings":";;;AAIO,MAAMA,eAAe;IACxBC,mBAAiBA;IACjBC,OAAKA;IACLC,YAAUA;AACd"}

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,9 +4,12 @@ import type { SupportMenuConfig } from "./AdminConfig/Menu/SupportMenu.js";
 import type { UserMenuConfig } from "./AdminConfig/Menu/UserMenu.js";
 import { Route } from "./AdminConfig/Route.js";
 import { type WidgetConfig } from "./AdminConfig/Widget.js";
+import { Breadcrumb, type BreadcrumbConfig } from "./AdminConfig/Breadcrumbs.js";
 import type { PermissionRendererConfig } from "../permissions/types.js";
 import { Dialog } from "./AdminConfig/Dialog.js";
 import type { DialogConfig } from "./AdminConfig/Dialog.js";
+import { Drawer } from "./AdminConfig/Drawer.js";
+import type { DrawerConfig } from "./AdminConfig/Drawer.js";
 import type { FieldRendererConfig } from "./AdminConfig/FieldRenderer.js";
 import type { LayoutRendererConfig } from "./AdminConfig/LayoutRenderer.js";
 import type { EditorTheme } from "@webiny/lexical-theme";
@@ -25,9 +28,11 @@ export declare const useAdminConfig: () => {
         horizontalLogo: React.ReactNode;
     };
     widgets: WidgetConfig[];
+    breadcrumbs: BreadcrumbConfig[];
     permissionRenderers: PermissionRendererConfig[];
     lexicalTheme: EditorTheme;
     dialogs: DialogConfig[];
+    drawers: DrawerConfig[];
     fieldRenderers: FieldRendererConfig[];
     layoutRenderers: LayoutRendererConfig[];
 };
@@ -468,10 +473,12 @@ 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;
     };
     LexicalTheme: {
+        AllowCustomColors: typeof import("./AdminConfig/LexicalTheme/AllowCustomColors.js").AllowCustomColors;
         Color: typeof import("./AdminConfig/LexicalTheme/Color.js").Color;
         Typography: {
             Heading: typeof import("./AdminConfig/LexicalTheme/Typography.js").Heading;
@@ -481,6 +488,7 @@ export declare const AdminConfig: typeof Private & {
         };
     };
     Dialog: typeof Dialog;
+    Drawer: typeof Drawer;
     Form: {
         FieldRenderer: typeof import("./AdminConfig/FieldRenderer.js").FieldRenderer;
         LayoutRenderer: typeof import("./AdminConfig/LayoutRenderer.js").LayoutRenderer;

package/config/AdminConfig.js

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