@webiny/app-admin 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

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, values, ...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,37 @@
-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, values, ...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.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
+    ]);
     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, { useMemo, useCallback } 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 = ({\n    onChange,\n    values,\n    ...props\n}: 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    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"names":["TeamsMultiAutocomplete","onChange","values","props","data","loading","useQuery","LIST_TEAMS","rawOptions","options","useMemo","team","onValuesChange","useCallback","ids","MultiAutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,yBAAyB,CAAC,EACnCC,QAAQ,EACRC,MAAM,EACN,GAAGC,OACuB;IAC1B,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,MAAkBb,WAAWa,MAAM;QAACb;KAAS;IAEjF,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,SAASM;QACT,QAAQJ,UAAUW,SAAad;QAC/B,gBAAgBU;;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

@@ -9,11 +9,10 @@ export * from "../components/BulkActions/index.js";
 export { OverlayLayout, type OverlayLayoutProps } from "../components/OverlayLayout/index.js";
 export { type EmptyViewProps, EmptyView } from "../components/EmptyView.js";
 export { SimpleFormContent, SimpleForm, SimpleFormFooter, SimpleFormHeader } from "../components/SimpleForm/index.js";
-export { default as SingleImageUpload, type SingleImageUploadProps } from "../components/SingleImageUpload.js";
+export { SingleImageUpload, type SingleImageUploadProps } from "../components/SingleImageUpload.js";
 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";
@@ -21,7 +20,8 @@ export * from "../components/SearchUI.js";
 export * from "../components/RegisterFeature.js";
 export { RegisterFeature } from "../components/RegisterFeature.js";
 export * from "../components/RolesMultiAutocomplete/index.js";
-export * from "../components/RoleAutocomplete/index.js";
 export * from "../components/TeamAutocomplete/index.js";
 export * from "../components/TeamsMultiAutocomplete/index.js";
 export * from "./DeveloperMode/index.js";
+export * from "../components/ListView/index.js";
+export * from "../components/Table/index.js";

package/components/index.js

@@ -9,17 +9,17 @@ export * from "./Permissions/index.js";
 export * from "./SearchUI.js";
 export * from "./RegisterFeature.js";
 export * from "./RolesMultiAutocomplete/index.js";
-export * from "./RoleAutocomplete/index.js";
 export * from "./TeamAutocomplete/index.js";
 export * from "./TeamsMultiAutocomplete/index.js";
 export * from "./DeveloperMode/index.js";
+export * from "./ListView/index.js";
+export * from "./Table/index.js";
 export { DevToolsSection } from "@webiny/react-properties";
 export { FileManager } from "../base/ui/FileManager.js";
 export { DialogsProvider } from "./Dialogs/DialogsContext.js";
 export { OverlayLayout } from "./OverlayLayout/index.js";
 export { EmptyView } from "./EmptyView.js";
 export { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "./SimpleForm/index.js";
-export { default as SingleImageUpload } from "./SingleImageUpload.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/Dashboard.d.ts

@@ -1,3 +1,4 @@
+import { Widget } from "./Widget.js";
 export declare const Dashboard: {
-    Widget: ({ name, element, column, pin }: import("./Widget.js").WidgetProps) => import("react").JSX.Element;
+    Widget: typeof Widget;
 };

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/Form.d.ts

@@ -1,4 +1,6 @@
+import { FieldRenderer } from "./FieldRenderer.js";
+import { LayoutRenderer } from "./LayoutRenderer.js";
 export declare const Form: {
-    FieldRenderer: ({ name, component }: import("./FieldRenderer.js").FieldRendererProps) => import("react").JSX.Element;
-    LayoutRenderer: ({ name, component }: import("./LayoutRenderer.js").LayoutRendererProps) => import("react").JSX.Element;
+    FieldRenderer: typeof FieldRenderer;
+    LayoutRenderer: typeof LayoutRenderer;
 };

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/Typography.d.ts

@@ -22,9 +22,9 @@ export interface ListProps extends BaseTypographyProps {
 }
 export declare const List: (props: ListProps) => React.JSX.Element;
 export declare const Typography: {
-    Heading: (props: HeadingProps) => React.JSX.Element;
-    Paragraph: (props: ParagraphProps) => React.JSX.Element;
-    Quote: (props: QuoteProps) => React.JSX.Element;
-    List: (props: ListProps) => React.JSX.Element;
+    Heading: typeof Heading;
+    Paragraph: typeof Paragraph;
+    Quote: typeof Quote;
+    List: typeof List;
 };
 export {};

package/config/AdminConfig/LexicalTheme.d.ts

@@ -1,9 +1,12 @@
+import { AllowCustomColors } from "./LexicalTheme/AllowCustomColors.js";
+import { Color } from "./LexicalTheme/Color.js";
 export declare const LexicalTheme: {
-    Color: ({ id, label, value, remove, replace, after, before }: import("./LexicalTheme/Color.js").ColorProps) => import("react").JSX.Element;
+    AllowCustomColors: typeof AllowCustomColors;
+    Color: typeof Color;
     Typography: {
-        Heading: (props: import("./LexicalTheme/Typography.js").HeadingProps) => import("react").JSX.Element;
-        Paragraph: (props: import("./LexicalTheme/Typography.js").ParagraphProps) => import("react").JSX.Element;
-        Quote: (props: import("./LexicalTheme/Typography.js").QuoteProps) => import("react").JSX.Element;
-        List: (props: import("./LexicalTheme/Typography.js").ListProps) => import("react").JSX.Element;
+        Heading: typeof import("./LexicalTheme/Typography.js").Heading;
+        Paragraph: typeof import("./LexicalTheme/Typography.js").Paragraph;
+        Quote: typeof import("./LexicalTheme/Typography.js").Quote;
+        List: typeof import("./LexicalTheme/Typography.js").List;
     };
 };

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/Logo.d.ts

@@ -3,22 +3,24 @@ export interface LogoProps {
     squareLogo: React.ReactNode;
     horizontalLogo?: React.ReactNode;
 }
-export declare const Logo: (({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element) & {
-    original: ({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element;
+declare const BaseLogo: ({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element;
+export declare const Logo: typeof BaseLogo & {
+    original: typeof BaseLogo;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element) & {
-        original: ({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element;
+    original: typeof BaseLogo & {
+        original: typeof BaseLogo;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element) & {
-        original: ({ squareLogo, horizontalLogo }: LogoProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseLogo & {
+        original: typeof BaseLogo;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/config/AdminConfig/Menu/MenuGroup.d.ts

@@ -1,39 +1,40 @@
 import React from "react";
 import { type SidebarMenuItemGroupProps } from "@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js";
-export declare const DecoratableMenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+declare const MenuGroupBase: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+export declare const DecoratableMenuGroup: typeof MenuGroupBase & {
+    original: typeof MenuGroupBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    original: typeof MenuGroupBase & {
+        original: typeof MenuGroupBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof MenuGroupBase & {
+        original: typeof MenuGroupBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const MenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+declare const MenuGroup: typeof MenuGroupBase & {
+    original: typeof MenuGroupBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    original: typeof MenuGroupBase & {
+        original: typeof MenuGroupBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof MenuGroupBase & {
+        original: typeof MenuGroupBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/config/AdminConfig/Menu/MenuItem.d.ts

@@ -1,20 +1,21 @@
 import React from "react";
 import { type SidebarMenuItemButtonProps } from "@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js";
-declare const MenuItem: ((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+declare const MenuLinkBase: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+declare const MenuItem: typeof MenuLinkBase & {
+    original: typeof MenuLinkBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+    original: typeof MenuLinkBase & {
+        original: typeof MenuLinkBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof MenuLinkBase & {
+        original: typeof MenuLinkBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -39,5 +40,6 @@ declare const MenuItem: ((props: SidebarMenuItemButtonProps) => React.JSX.Elemen
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
+    Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge").SidebarMenuItemBadgeProps) => React.JSX.Element;
 };
 export { MenuItem };

package/config/AdminConfig/Menu/MenuItem.js

@@ -5,7 +5,8 @@ const MenuLinkBase = (props)=>/*#__PURE__*/ react.createElement(Sidebar.Item, pr
 const DecoratableMenuItem = makeDecoratable("MenuItem", MenuLinkBase);
 const MenuItem = Object.assign(DecoratableMenuItem, {
     Action: Sidebar.Item.Action,
-    Icon: Sidebar.Item.Icon
+    Icon: Sidebar.Item.Icon,
+    Badge: Sidebar.Item.Badge
 });
 export { MenuItem };
 

package/config/AdminConfig/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/AdminConfig/Menu/MenuItem.js","sources":["../../../../src/config/AdminConfig/Menu/MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemButtonProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js\";\n\nconst MenuLinkBase = (props: SidebarMenuItemButtonProps) => {\n    return <Sidebar.Item {...props} />;\n};\n\nconst DecoratableMenuItem = makeDecoratable(\"MenuItem\", MenuLinkBase);\n\nconst MenuItem = Object.assign(DecoratableMenuItem, {\n    Action: Sidebar.Item.Action,\n    Icon: Sidebar.Item.Icon\n});\n\nexport { MenuItem };\n"],"names":["MenuLinkBase","props","Sidebar","DecoratableMenuItem","makeDecoratable","MenuItem","Object"],"mappings":";;;AAKA,MAAMA,eAAe,CAACC,QACX,WAAP,GAAO,oBAACC,QAAQ,IAAI,EAAKD;AAG7B,MAAME,sBAAsBC,gBAAgB,YAAYJ;AAExD,MAAMK,WAAWC,OAAO,MAAM,CAACH,qBAAqB;IAChD,QAAQD,QAAQ,IAAI,CAAC,MAAM;IAC3B,MAAMA,QAAQ,IAAI,CAAC,IAAI;AAC3B"}
+{"version":3,"file":"config/AdminConfig/Menu/MenuItem.js","sources":["../../../../src/config/AdminConfig/Menu/MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemButtonProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js\";\n\nconst MenuLinkBase = (props: SidebarMenuItemButtonProps) => {\n    return <Sidebar.Item {...props} />;\n};\n\nconst DecoratableMenuItem = makeDecoratable(\"MenuItem\", MenuLinkBase);\n\nconst MenuItem = Object.assign(DecoratableMenuItem, {\n    Action: Sidebar.Item.Action,\n    Icon: Sidebar.Item.Icon,\n    Badge: Sidebar.Item.Badge\n});\n\nexport { MenuItem };\n"],"names":["MenuLinkBase","props","Sidebar","DecoratableMenuItem","makeDecoratable","MenuItem","Object"],"mappings":";;;AAKA,MAAMA,eAAe,CAACC,QACX,WAAP,GAAO,oBAACC,QAAQ,IAAI,EAAKD;AAG7B,MAAME,sBAAsBC,gBAAgB,YAAYJ;AAExD,MAAMK,WAAWC,OAAO,MAAM,CAACH,qBAAqB;IAChD,QAAQD,QAAQ,IAAI,CAAC,MAAM;IAC3B,MAAMA,QAAQ,IAAI,CAAC,IAAI;IACvB,OAAOA,QAAQ,IAAI,CAAC,KAAK;AAC7B"}

package/config/AdminConfig/Menu/MenuLink.d.ts

@@ -1,20 +1,21 @@
 import React from "react";
 import { type SidebarMenuItemLinkProps } from "@webiny/admin-ui/Sidebar/components/items/SidebarMenuLink.js";
-declare const MenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
-    original: (props: SidebarMenuItemLinkProps) => React.JSX.Element | null;
+declare const MenuLinkBase: (props: SidebarMenuItemLinkProps) => React.JSX.Element | null;
+declare const MenuLink: typeof MenuLinkBase & {
+    original: typeof MenuLinkBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element | null;
+    original: typeof MenuLinkBase & {
+        original: typeof MenuLinkBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof MenuLinkBase & {
+        original: typeof MenuLinkBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -39,5 +40,6 @@ declare const MenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
+    Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge").SidebarMenuItemBadgeProps) => React.JSX.Element;
 };
 export { MenuLink };

package/config/AdminConfig/Menu/MenuLink.js

@@ -14,7 +14,8 @@ const MenuLinkBase = (props)=>{
 const DecoratableMenuLink = makeDecoratable("MenuLink", MenuLinkBase);
 const MenuLink = Object.assign(DecoratableMenuLink, {
     Action: Sidebar.Link.Action,
-    Icon: Sidebar.Link.Icon
+    Icon: Sidebar.Link.Icon,
+    Badge: Sidebar.Link.Badge
 });
 export { MenuLink };
 

package/config/AdminConfig/Menu/MenuLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/AdminConfig/Menu/MenuLink.js","sources":["../../../../src/config/AdminConfig/Menu/MenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemLinkProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuLink.js\";\nimport { useRoute } from \"@webiny/app\";\n\nconst MenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    const { route } = useRoute();\n\n    if (!route) {\n        return null;\n    }\n\n    const active = route.pathname === props.to.split(\"?\")[0];\n\n    return <Sidebar.Link {...props} active={active} />;\n};\n\nconst DecoratableMenuLink = makeDecoratable(\"MenuLink\", MenuLinkBase);\n\nconst MenuLink = Object.assign(DecoratableMenuLink, {\n    Action: Sidebar.Link.Action,\n    Icon: Sidebar.Link.Icon\n});\n\nexport { MenuLink };\n"],"names":["MenuLinkBase","props","route","useRoute","active","Sidebar","DecoratableMenuLink","makeDecoratable","MenuLink","Object"],"mappings":";;;;AAMA,MAAMA,eAAe,CAACC;IAClB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAI,CAACD,OACD,OAAO;IAGX,MAAME,SAASF,MAAM,QAAQ,KAAKD,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;IAExD,OAAO,WAAP,GAAO,oBAACI,QAAQ,IAAI;QAAE,GAAGJ,KAAK;QAAE,QAAQG;;AAC5C;AAEA,MAAME,sBAAsBC,gBAAgB,YAAYP;AAExD,MAAMQ,WAAWC,OAAO,MAAM,CAACH,qBAAqB;IAChD,QAAQD,QAAQ,IAAI,CAAC,MAAM;IAC3B,MAAMA,QAAQ,IAAI,CAAC,IAAI;AAC3B"}
+{"version":3,"file":"config/AdminConfig/Menu/MenuLink.js","sources":["../../../../src/config/AdminConfig/Menu/MenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemLinkProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuLink.js\";\nimport { useRoute } from \"@webiny/app\";\n\nconst MenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    const { route } = useRoute();\n\n    if (!route) {\n        return null;\n    }\n\n    const active = route.pathname === props.to.split(\"?\")[0];\n\n    return <Sidebar.Link {...props} active={active} />;\n};\n\nconst DecoratableMenuLink = makeDecoratable(\"MenuLink\", MenuLinkBase);\n\nconst MenuLink = Object.assign(DecoratableMenuLink, {\n    Action: Sidebar.Link.Action,\n    Icon: Sidebar.Link.Icon,\n    Badge: Sidebar.Link.Badge\n});\n\nexport { MenuLink };\n"],"names":["MenuLinkBase","props","route","useRoute","active","Sidebar","DecoratableMenuLink","makeDecoratable","MenuLink","Object"],"mappings":";;;;AAMA,MAAMA,eAAe,CAACC;IAClB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAI,CAACD,OACD,OAAO;IAGX,MAAME,SAASF,MAAM,QAAQ,KAAKD,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;IAExD,OAAO,WAAP,GAAO,oBAACI,QAAQ,IAAI;QAAE,GAAGJ,KAAK;QAAE,QAAQG;;AAC5C;AAEA,MAAME,sBAAsBC,gBAAgB,YAAYP;AAExD,MAAMQ,WAAWC,OAAO,MAAM,CAACH,qBAAqB;IAChD,QAAQD,QAAQ,IAAI,CAAC,MAAM;IAC3B,MAAMA,QAAQ,IAAI,CAAC,IAAI;IACvB,OAAOA,QAAQ,IAAI,CAAC,KAAK;AAC7B"}