@webiny/app-admin 6.3.0 → 6.4.0-beta.1

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

@@ -23,105 +23,105 @@ export declare const UserMenu: (({ name, parent, tags, element, remove, pin, bef
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, parent, tags, element, remove, pin, before, after }: UserMenuProps) => React.JSX.Element) & {
         original: ({ name, parent, tags, element, remove, pin, before, after }: 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;

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

@@ -25,7 +25,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ name, parent, hideIfEmpty, tags, element, remove, pin, before, after, pinnable }: MenuProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition").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;
         originalName: string;
         displayName: string;
@@ -44,7 +44,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,7 +64,7 @@ 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;
@@ -84,7 +84,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,7 +104,7 @@ 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;
@@ -124,7 +124,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,7 +144,7 @@ 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;
@@ -164,7 +164,7 @@ export declare const Menu: (({ name, parent, hideIfEmpty, tags, element, remove,
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ tags, ...props }: MenuProps) => React.JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ tags, ...props }: MenuProps) => React.JSX.Element) & {
             original: ({ tags, ...props }: MenuProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
@@ -183,7 +183,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 +202,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 +223,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,105 +245,105 @@ 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;