@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/config/AdminConfig/Menu/UserMenu.js

@@ -1,61 +1,48 @@
-import React from "react";
-import { makeDecoratable } from "../../../index.js";
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
 import { UserMenuItem } from "./UserMenu/UserMenuItem.js";
 import { UserMenuLink } from "./UserMenu/UserMenuLink.js";
 import { UserMenuSeparator } from "./UserMenu/UserMenuSeparator.js";
-const BaseUserMenu = ({
-  name,
-  parent = null,
-  tags = [],
-  element,
-  remove,
-  pin,
-  before,
-  after
-}) => {
-  const getId = useIdGenerator("UserMenu");
-  let placeAfter = after !== undefined ? getId(after) : undefined;
-  let placeBefore = before !== undefined ? getId(before) : undefined;
-  if (pin) {
-    if (pin === "start") {
-      placeBefore = "$first";
-    } else {
-      placeAfter = "$last";
-    }
-  }
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "userMenus",
-    remove: remove,
-    array: true,
-    before: placeBefore,
-    after: placeAfter
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "name"),
-    name: "name",
-    value: name
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "parent"),
-    name: "parent",
-    value: parent
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "tags"),
-    name: "tags",
-    value: tags
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "element"),
-    name: "element",
-    value: element
-  })));
+const BaseUserMenu = ({ name, parent = null, tags = [], element, remove, pin, before, after })=>{
+    const getId = useIdGenerator("UserMenu");
+    let placeAfter = void 0 !== after ? getId(after) : void 0;
+    let placeBefore = void 0 !== before ? getId(before) : void 0;
+    if (pin) if ("start" === pin) placeBefore = "$first";
+    else placeAfter = "$last";
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "userMenus",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "parent"),
+        name: "parent",
+        value: parent
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "tags"),
+        name: "tags",
+        value: tags
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    })));
 };
 const DecoratableUserMenu = makeDecoratable("UserMenu", BaseUserMenu);
-export const UserMenu = Object.assign(DecoratableUserMenu, {
-  Item: UserMenuItem,
-  Link: UserMenuLink,
-  Separator: UserMenuSeparator
+const UserMenu = Object.assign(DecoratableUserMenu, {
+    Item: UserMenuItem,
+    Link: UserMenuLink,
+    Separator: UserMenuSeparator
 });
+export { UserMenu };
 
 //# sourceMappingURL=UserMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","ConnectToProperties","Property","useIdGenerator","UserMenuItem","UserMenuLink","UserMenuSeparator","BaseUserMenu","name","parent","tags","element","remove","pin","before","after","getId","placeAfter","undefined","placeBefore","createElement","id","array","value","DecoratableUserMenu","UserMenu","Object","assign","Item","Link","Separator"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { UserMenuItem } from \"./UserMenu/UserMenuItem.js\";\nimport { UserMenuLink } from \"./UserMenu/UserMenuLink.js\";\nimport { UserMenuSeparator } from \"./UserMenu/UserMenuSeparator.js\";\n\nexport interface UserMenuProps {\n    name: string;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n}\n\nexport type UserMenuConfig = Pick<UserMenuProps, \"name\" | \"parent\" | \"tags\" | \"element\">;\n\nconst BaseUserMenu = ({\n    name,\n    parent = null,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after\n}: UserMenuProps) => {\n    const getId = useIdGenerator(\"UserMenu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"userMenus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableUserMenu = makeDecoratable(\"UserMenu\", BaseUserMenu);\n\nexport const UserMenu = Object.assign(DecoratableUserMenu, {\n    Item: UserMenuItem,\n    Link: UserMenuLink,\n    Separator: UserMenuSeparator\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACxF,SAASC,YAAY;AACrB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAe1B,MAAMC,YAAY,GAAGA,CAAC;EAClBC,IAAI;EACJC,MAAM,GAAG,IAAI;EACbC,IAAI,GAAG,EAAE;EACTC,OAAO;EACPC,MAAM;EACNC,GAAG;EACHC,MAAM;EACNC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGb,cAAc,CAAC,UAAU,CAAC;EAExC,IAAIc,UAAU,GAAGF,KAAK,KAAKG,SAAS,GAAGF,KAAK,CAACD,KAAK,CAAC,GAAGG,SAAS;EAC/D,IAAIC,WAAW,GAAGL,MAAM,KAAKI,SAAS,GAAGF,KAAK,CAACF,MAAM,CAAC,GAAGI,SAAS;EAClE,IAAIL,GAAG,EAAE;IACL,IAAIA,GAAG,KAAK,OAAO,EAAE;MACjBM,WAAW,GAAG,QAAQ;IAC1B,CAAC,MAAM;MACHF,UAAU,GAAG,OAAO;IACxB;EACJ;EAEA,oBACIlB,KAAA,CAAAqB,aAAA,CAACnB,mBAAmB;IAACO,IAAI,EAAE;EAAc,gBACrCT,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IACLmB,EAAE,EAAEL,KAAK,CAACR,IAAI,CAAE;IAChBA,IAAI,EAAE,WAAY;IAClBI,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAE,IAAK;IACZR,MAAM,EAAEK,WAAY;IACpBJ,KAAK,EAAEE;EAAW,gBAElBlB,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACmB,EAAE,EAAEL,KAAK,CAACR,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACe,KAAK,EAAEf;EAAK,CAAE,CAAC,eAChET,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACmB,EAAE,EAAEL,KAAK,CAACR,IAAI,EAAE,QAAQ,CAAE;IAACA,IAAI,EAAE,QAAS;IAACe,KAAK,EAAEd;EAAO,CAAE,CAAC,eACtEV,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACmB,EAAE,EAAEL,KAAK,CAACR,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACe,KAAK,EAAEb;EAAK,CAAE,CAAC,eAChEX,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACmB,EAAE,EAAEL,KAAK,CAACR,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACe,KAAK,EAAEZ;EAAQ,CAAE,CAClE,CACO,CAAC;AAE9B,CAAC;AAED,MAAMa,mBAAmB,GAAGxB,eAAe,CAAC,UAAU,EAAEO,YAAY,CAAC;AAErE,OAAO,MAAMkB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACH,mBAAmB,EAAE;EACvDI,IAAI,EAAExB,YAAY;EAClByB,IAAI,EAAExB,YAAY;EAClByB,SAAS,EAAExB;AACf,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Menu/UserMenu.js","sources":["../../../../src/config/AdminConfig/Menu/UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { UserMenuItem } from \"./UserMenu/UserMenuItem.js\";\nimport { UserMenuLink } from \"./UserMenu/UserMenuLink.js\";\nimport { UserMenuSeparator } from \"./UserMenu/UserMenuSeparator.js\";\n\nexport interface UserMenuProps {\n    name: string;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n}\n\nexport type UserMenuConfig = Pick<UserMenuProps, \"name\" | \"parent\" | \"tags\" | \"element\">;\n\nconst BaseUserMenu = ({\n    name,\n    parent = null,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after\n}: UserMenuProps) => {\n    const getId = useIdGenerator(\"UserMenu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"userMenus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableUserMenu = makeDecoratable(\"UserMenu\", BaseUserMenu);\n\nexport const UserMenu = Object.assign(DecoratableUserMenu, {\n    Item: UserMenuItem,\n    Link: UserMenuLink,\n    Separator: UserMenuSeparator\n});\n"],"names":["BaseUserMenu","name","parent","tags","element","remove","pin","before","after","getId","useIdGenerator","placeAfter","undefined","placeBefore","ConnectToProperties","Property","DecoratableUserMenu","makeDecoratable","UserMenu","Object","UserMenuItem","UserMenuLink","UserMenuSeparator"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,CAAC,EAClBC,IAAI,EACJC,SAAS,IAAI,EACbC,OAAO,EAAE,EACTC,OAAO,EACPC,MAAM,EACNC,GAAG,EACHC,MAAM,EACNC,KAAK,EACO;IACZ,MAAMC,QAAQC,eAAe;IAE7B,IAAIC,aAAaH,AAAUI,WAAVJ,QAAsBC,MAAMD,SAASI;IACtD,IAAIC,cAAcN,AAAWK,WAAXL,SAAuBE,MAAMF,UAAUK;IACzD,IAAIN,KACA,IAAIA,AAAQ,YAARA,KACAO,cAAc;SAEdF,aAAa;IAIrB,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIN,MAAMR;QACV,MAAM;QACN,QAAQI;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAMR,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACc,UAAQA;QAAC,IAAIN,MAAMR,MAAM;QAAW,MAAM;QAAU,OAAOC;sBAC5D,oBAACa,UAAQA;QAAC,IAAIN,MAAMR,MAAM;QAAS,MAAM;QAAQ,OAAOE;sBACxD,oBAACY,UAAQA;QAAC,IAAIN,MAAMR,MAAM;QAAY,MAAM;QAAW,OAAOG;;AAI9E;AAEA,MAAMY,sBAAsBC,gBAAgB,YAAYjB;AAEjD,MAAMkB,WAAWC,OAAO,MAAM,CAACH,qBAAqB;IACvD,MAAMI;IACN,MAAMC;IACN,WAAWC;AACf"}

package/config/AdminConfig/Menu/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/config/AdminConfig/Menu.d.ts

@@ -12,21 +12,23 @@ export interface MenuProps {
     pinnable?: boolean;
 }
 export type MenuConfig = Pick<MenuProps, "name" | "parent" | "tags" | "element" | "pinnable" | "hideIfEmpty">;
-export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-    original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+declare const BaseMenu: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+declare const BaseFooterMenu: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+export declare const Menu: typeof BaseMenu & {
+    original: typeof BaseMenu;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+    original: typeof BaseMenu & {
+        original: typeof BaseMenu;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
-        original: ({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseMenu & {
+        original: typeof BaseMenu;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -44,7 +46,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element) & {
             original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
@@ -64,12 +66,13 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
                 original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
+        Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => React.JSX.Element;
     };
     Link: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
         original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null;
@@ -84,7 +87,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null) & {
             original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemLinkProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;
@@ -104,12 +107,13 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
                 original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
+        Badge: ({ text }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemBadge.js").SidebarMenuItemBadgeProps) => React.JSX.Element;
     };
     Group: ((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
         original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element;
@@ -124,7 +128,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element) & {
             original: (props: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem.js").SidebarMenuItemGroupProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
@@ -144,28 +148,28 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null) & {
                 original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon.js").SidebarMenuItemIconProps) => React.JSX.Element | null;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
-    Footer: (({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-        original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+    Footer: typeof BaseFooterMenu & {
+        original: typeof BaseFooterMenu;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-            original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+        original: typeof BaseFooterMenu & {
+            original: typeof BaseFooterMenu;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ tags, ...props }: MenuProps) => React.JSX.Element) & {
-            original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseFooterMenu & {
+            original: typeof BaseFooterMenu;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
@@ -183,7 +187,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ name, element, remove, before, after, pin }: import("./Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, remove, before, after, pin }: import("./Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element) & {
             original: ({ name, element, remove, before, after, pin }: import("./Menu/SupportMenu.js").SupportMenuProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
@@ -202,7 +206,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element) & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element) & {
                 original: (props: import("@webiny/admin-ui/index.js").DropdownMenuItemProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
@@ -223,7 +227,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element) & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element) & {
                 original: (props: import("@webiny/admin-ui/index.js").DropdownMenuLinkProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
@@ -245,108 +249,109 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: import("./Menu/UserMenu.js").UserMenuProps) => React.JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: import("./Menu/UserMenu.js").UserMenuProps) => React.JSX.Element) & {
             original: ({ name, parent, tags, element, remove, pin, before, after }: import("./Menu/UserMenu.js").UserMenuProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Item: ((props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
-            original: (props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element;
+        Item: ((props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: ((props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element;
+            original: ((props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuItemRendererProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuItemRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Icon: ((props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+            Icon: ((props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             } & {
-                original: ((props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
-                    original: (props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+                original: ((props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
                     originalName: string;
                     displayName: string;
                 };
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
-                    original: (props: import("~/index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../../index.js").UserMenuItemIconRendererProps) => React.JSX.Element;
                     originalName: string;
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
         };
-        Link: ((props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
-            original: (props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+        Link: ((props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: ((props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+            original: ((props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuLinkRendererProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuLinkRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Icon: ((props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+            Icon: ((props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             } & {
-                original: ((props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
-                    original: (props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+                original: ((props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
                     originalName: string;
                     displayName: string;
                 };
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
-                    original: (props: import("~/index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element) & {
+                    original: (props: import("../../index.js").DropdownMenuItemIconRendererProps) => React.JSX.Element;
                     originalName: string;
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
         };
-        Separator: ((props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
-            original: (props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+        Separator: ((props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: ((props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+            original: ((props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("~/index.js").ComponentDecorator<((props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
-                original: (props: import("~/index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").UserMenuSeparatorRendererProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
 };
+export {};

package/config/AdminConfig/Menu.js

@@ -1,85 +1,69 @@
-import React from "react";
-import { makeDecoratable } from "../../index.js";
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
 import { MenuItem } from "./Menu/MenuItem.js";
 import { MenuLink } from "./Menu/MenuLink.js";
 import { MenuGroup } from "./Menu/MenuGroup.js";
 import { SupportMenu } from "./Menu/SupportMenu.js";
 import { UserMenu } from "./Menu/UserMenu.js";
-const BaseMenu = ({
-  name,
-  parent = null,
-  hideIfEmpty = false,
-  tags = [],
-  element,
-  remove,
-  pin,
-  before,
-  after,
-  pinnable = false
-}) => {
-  const getId = useIdGenerator("Menu");
-  let placeAfter = after !== undefined ? getId(after) : undefined;
-  let placeBefore = before !== undefined ? getId(before) : undefined;
-  if (pin) {
-    if (pin === "start") {
-      placeBefore = "$first";
-    } else {
-      placeAfter = "$last";
-    }
-  }
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "menus",
-    remove: remove,
-    array: true,
-    before: placeBefore,
-    after: placeAfter
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "name"),
-    name: "name",
-    value: name
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "hideIfEmpty"),
-    name: "hideIfEmpty",
-    value: hideIfEmpty
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "parent"),
-    name: "parent",
-    value: parent
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "tags"),
-    name: "tags",
-    value: tags
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "element"),
-    name: "element",
-    value: element
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "pinnable"),
-    name: "pinnable",
-    value: pinnable
-  })));
+const BaseMenu = ({ name, parent = null, hideIfEmpty = false, tags = [], element, remove, pin, before, after, pinnable = false })=>{
+    const getId = useIdGenerator("Menu");
+    let placeAfter = void 0 !== after ? getId(after) : void 0;
+    let placeBefore = void 0 !== before ? getId(before) : void 0;
+    if (pin) if ("start" === pin) placeBefore = "$first";
+    else placeAfter = "$last";
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "menus",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "hideIfEmpty"),
+        name: "hideIfEmpty",
+        value: hideIfEmpty
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "parent"),
+        name: "parent",
+        value: parent
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "tags"),
+        name: "tags",
+        value: tags
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "pinnable"),
+        name: "pinnable",
+        value: pinnable
+    })));
 };
 const DecoratableMenu = makeDecoratable("Menu", BaseMenu);
-const BaseFooterMenu = ({
-  tags,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(BaseMenu, Object.assign({}, props, {
-    tags: ["footer", ...(tags || [])]
-  }));
-};
+const BaseFooterMenu = ({ tags, ...props })=>/*#__PURE__*/ react.createElement(BaseMenu, {
+        ...props,
+        tags: [
+            "footer",
+            ...tags || []
+        ]
+    });
 const DecoratableFooterMenu = makeDecoratable("FooterMenu", BaseFooterMenu);
-export const Menu = Object.assign(DecoratableMenu, {
-  Item: MenuItem,
-  Link: MenuLink,
-  Group: MenuGroup,
-  Footer: DecoratableFooterMenu,
-  Support: SupportMenu,
-  User: UserMenu
+const Menu = Object.assign(DecoratableMenu, {
+    Item: MenuItem,
+    Link: MenuLink,
+    Group: MenuGroup,
+    Footer: DecoratableFooterMenu,
+    Support: SupportMenu,
+    User: UserMenu
 });
+export { Menu };
 
 //# sourceMappingURL=Menu.js.map

package/config/AdminConfig/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","ConnectToProperties","Property","useIdGenerator","MenuItem","MenuLink","MenuGroup","SupportMenu","UserMenu","BaseMenu","name","parent","hideIfEmpty","tags","element","remove","pin","before","after","pinnable","getId","placeAfter","undefined","placeBefore","createElement","id","array","value","DecoratableMenu","BaseFooterMenu","props","Object","assign","DecoratableFooterMenu","Menu","Item","Link","Group","Footer","Support","User"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { MenuItem } from \"./Menu/MenuItem.js\";\nimport { MenuLink } from \"./Menu/MenuLink.js\";\nimport { MenuGroup } from \"./Menu/MenuGroup.js\";\nimport { SupportMenu } from \"./Menu/SupportMenu.js\";\nimport { UserMenu } from \"./Menu/UserMenu.js\";\n\nexport interface MenuProps {\n    name: string;\n    hideIfEmpty?: boolean;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n    pinnable?: boolean;\n}\n\nexport type MenuConfig = Pick<\n    MenuProps,\n    \"name\" | \"parent\" | \"tags\" | \"element\" | \"pinnable\" | \"hideIfEmpty\"\n>;\n\nconst BaseMenu = ({\n    name,\n    parent = null,\n    hideIfEmpty = false,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after,\n    pinnable = false\n}: MenuProps) => {\n    const getId = useIdGenerator(\"Menu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"menus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property\n                    id={getId(name, \"hideIfEmpty\")}\n                    name={\"hideIfEmpty\"}\n                    value={hideIfEmpty}\n                />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"pinnable\")} name={\"pinnable\"} value={pinnable} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableMenu = makeDecoratable(\"Menu\", BaseMenu);\n\nconst BaseFooterMenu = ({ tags, ...props }: MenuProps) => {\n    return <BaseMenu {...props} tags={[\"footer\", ...(tags || [])]} />;\n};\n\nconst DecoratableFooterMenu = makeDecoratable(\"FooterMenu\", BaseFooterMenu);\n\nexport const Menu = Object.assign(DecoratableMenu, {\n    Item: MenuItem,\n    Link: MenuLink,\n    Group: MenuGroup,\n    Footer: DecoratableFooterMenu,\n    Support: SupportMenu,\n    User: UserMenu\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Menu.js","sources":["../../../src/config/AdminConfig/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { MenuItem } from \"./Menu/MenuItem.js\";\nimport { MenuLink } from \"./Menu/MenuLink.js\";\nimport { MenuGroup } from \"./Menu/MenuGroup.js\";\nimport { SupportMenu } from \"./Menu/SupportMenu.js\";\nimport { UserMenu } from \"./Menu/UserMenu.js\";\n\nexport interface MenuProps {\n    name: string;\n    hideIfEmpty?: boolean;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n    pinnable?: boolean;\n}\n\nexport type MenuConfig = Pick<\n    MenuProps,\n    \"name\" | \"parent\" | \"tags\" | \"element\" | \"pinnable\" | \"hideIfEmpty\"\n>;\n\nconst BaseMenu = ({\n    name,\n    parent = null,\n    hideIfEmpty = false,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after,\n    pinnable = false\n}: MenuProps) => {\n    const getId = useIdGenerator(\"Menu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"menus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property\n                    id={getId(name, \"hideIfEmpty\")}\n                    name={\"hideIfEmpty\"}\n                    value={hideIfEmpty}\n                />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"pinnable\")} name={\"pinnable\"} value={pinnable} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableMenu = makeDecoratable(\"Menu\", BaseMenu);\n\nconst BaseFooterMenu = ({ tags, ...props }: MenuProps) => {\n    return <BaseMenu {...props} tags={[\"footer\", ...(tags || [])]} />;\n};\n\nconst DecoratableFooterMenu = makeDecoratable(\"FooterMenu\", BaseFooterMenu);\n\nexport const Menu = Object.assign(DecoratableMenu, {\n    Item: MenuItem,\n    Link: MenuLink,\n    Group: MenuGroup,\n    Footer: DecoratableFooterMenu,\n    Support: SupportMenu,\n    User: UserMenu\n});\n"],"names":["BaseMenu","name","parent","hideIfEmpty","tags","element","remove","pin","before","after","pinnable","getId","useIdGenerator","placeAfter","undefined","placeBefore","ConnectToProperties","Property","DecoratableMenu","makeDecoratable","BaseFooterMenu","props","DecoratableFooterMenu","Menu","Object","MenuItem","MenuLink","MenuGroup","SupportMenu","UserMenu"],"mappings":";;;;;;;;AA2BA,MAAMA,WAAW,CAAC,EACdC,IAAI,EACJC,SAAS,IAAI,EACbC,cAAc,KAAK,EACnBC,OAAO,EAAE,EACTC,OAAO,EACPC,MAAM,EACNC,GAAG,EACHC,MAAM,EACNC,KAAK,EACLC,WAAW,KAAK,EACR;IACR,MAAMC,QAAQC,eAAe;IAE7B,IAAIC,aAAaJ,AAAUK,WAAVL,QAAsBE,MAAMF,SAASK;IACtD,IAAIC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IACzD,IAAIP,KACA,IAAIA,AAAQ,YAARA,KACAQ,cAAc;SAEdF,aAAa;IAIrB,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIN,MAAMV;QACV,MAAM;QACN,QAAQK;QACR,OAAO;QACP,QAAQS;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACgB,UAAQA;QACL,IAAIN,MAAMV,MAAM;QAChB,MAAM;QACN,OAAOE;sBAEX,oBAACc,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAW,MAAM;QAAU,OAAOC;sBAC5D,oBAACe,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAS,MAAM;QAAQ,OAAOG;sBACxD,oBAACa,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAY,MAAM;QAAW,OAAOI;sBAC9D,oBAACY,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAa,MAAM;QAAY,OAAOS;;AAIhF;AAEA,MAAMQ,kBAAkBC,gBAAgB,QAAQnB;AAEhD,MAAMoB,iBAAiB,CAAC,EAAEhB,IAAI,EAAE,GAAGiB,OAAkB,GAC1C,WAAP,GAAO,oBAACrB,UAAQA;QAAE,GAAGqB,KAAK;QAAE,MAAM;YAAC;eAAcjB,QAAQ,EAAE;SAAE;;AAGjE,MAAMkB,wBAAwBH,gBAAgB,cAAcC;AAErD,MAAMG,OAAOC,OAAO,MAAM,CAACN,iBAAiB;IAC/C,MAAMO;IACN,MAAMC;IACN,OAAOC;IACP,QAAQL;IACR,SAASM;IACT,MAAMC;AACV"}