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

package/Sidebar/components/items/SidebarMenuItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","cn","IconButton","useSidebar","SidebarMenuItemAction","element","showOnHover","className","props","expanded","showAction","setShowAction","timer","setTimeout","clearTimeout","undefined","createElement","Object","assign","icon","size","variant"],"sources":["SidebarMenuItemAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/IconButton.js\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\n\ninterface SidebarMenuItemActionProps extends Omit<IconButtonProps, \"icon\"> {\n    element?: React.ReactNode;\n    showOnHover?: boolean;\n}\n\nconst SidebarMenuItemAction = ({\n    element,\n    showOnHover = false,\n    className,\n    ...props\n}: SidebarMenuItemActionProps) => {\n    const { expanded } = useSidebar();\n    const [showAction, setShowAction] = useState(false);\n\n    useEffect(() => {\n        if (expanded) {\n            const timer = setTimeout(() => {\n                setShowAction(true);\n            }, 100);\n            return () => clearTimeout(timer);\n        }\n        setShowAction(false);\n        return undefined;\n    }, [expanded]);\n\n    if (!showAction) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            icon={element}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            className={cn(\n                \"ml-auto\",\n                \"group-data-[state=collapsed]:hidden\",\n                showOnHover && [\n                    \"opacity-0\",\n                    \"group-hover/menu-root-button:opacity-100\",\n                    \"group-hover/menu-sub-button:opacity-100\"\n                ],\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { SidebarMenuItemAction, type SidebarMenuItemActionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,EAAE;AACX,SAASC,UAAU;AACnB,SAASC,UAAU;AAOnB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,SAAS;EACT,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAM;IAAEC;EAAS,CAAC,GAAGN,UAAU,CAAC,CAAC;EACjC,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,EAAE;MACV,MAAMG,KAAK,GAAGC,UAAU,CAAC,MAAM;QAC3BF,aAAa,CAAC,IAAI,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;MACP,OAAO,MAAMG,YAAY,CAACF,KAAK,CAAC;IACpC;IACAD,aAAa,CAAC,KAAK,CAAC;IACpB,OAAOI,SAAS;EACpB,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACC,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAkB,aAAA,CAACd,UAAU,EAAAe,MAAA,CAAAC,MAAA;IACPC,IAAI,EAAEd,OAAQ;IACde,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBd,SAAS,EAAEN,EAAE,CACT,SAAS,EACT,qCAAqC,EACrCK,WAAW,IAAI,CACX,WAAW,EACX,0CAA0C,EAC1C,yCAAyC,CAC5C,EACDC,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASJ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuItemAction.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuItemAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/IconButton.js\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\n\ninterface SidebarMenuItemActionProps extends Omit<IconButtonProps, \"icon\"> {\n    element?: React.ReactNode;\n    showOnHover?: boolean;\n}\n\nconst SidebarMenuItemAction = ({\n    element,\n    showOnHover = false,\n    className,\n    ...props\n}: SidebarMenuItemActionProps) => {\n    const { expanded } = useSidebar();\n    const [showAction, setShowAction] = useState(false);\n\n    useEffect(() => {\n        if (expanded) {\n            const timer = setTimeout(() => {\n                setShowAction(true);\n            }, 100);\n            return () => clearTimeout(timer);\n        }\n        setShowAction(false);\n        return undefined;\n    }, [expanded]);\n\n    if (!showAction) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            icon={element}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            className={cn(\n                \"ml-auto\",\n                \"group-data-[state=collapsed]:hidden\",\n                showOnHover && [\n                    \"opacity-0\",\n                    \"group-hover/menu-root-button:opacity-100\",\n                    \"group-hover/menu-sub-button:opacity-100\"\n                ],\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { SidebarMenuItemAction, type SidebarMenuItemActionProps };\n"],"names":["SidebarMenuItemAction","element","showOnHover","className","props","expanded","useSidebar","showAction","setShowAction","useState","useEffect","timer","setTimeout","clearTimeout","IconButton","cn"],"mappings":";;;;AAUA,MAAMA,wBAAwB,CAAC,EAC3BC,OAAO,EACPC,cAAc,KAAK,EACnBC,SAAS,EACT,GAAGC,OACsB;IACzB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAAS;IAE7CC,UAAU;QACN,IAAIL,UAAU;YACV,MAAMM,QAAQC,WAAW;gBACrBJ,cAAc;YAClB,GAAG;YACH,OAAO,IAAMK,aAAaF;QAC9B;QACAH,cAAc;IAElB,GAAG;QAACH;KAAS;IAEb,IAAI,CAACE,YACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACO,YAAUA;QACP,MAAMb;QACN,MAAM;QACN,SAAS;QACT,WAAWc,GACP,WACA,uCACAb,eAAe;YACX;YACA;YACA;SACH,EACDC;QAEH,GAAGC,KAAK;;AAGrB"}

package/Sidebar/components/items/SidebarMenuItemBadge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SidebarMenuItemBadgeProps {
+    text: React.ReactNode;
+}
+declare const SidebarMenuItemBadge: ({ text }: SidebarMenuItemBadgeProps) => React.JSX.Element;
+export { SidebarMenuItemBadge, type SidebarMenuItemBadgeProps };

package/Sidebar/components/items/SidebarMenuItemBadge.js

@@ -0,0 +1,7 @@
+import react from "react";
+const SidebarMenuItemBadge = ({ text })=>/*#__PURE__*/ react.createElement("span", {
+        className: "inline-flex items-center rounded-sm bg-primary/50 px-xs text-[10px] font-semibold text-neutral-light leading-none h-md shrink-0"
+    }, text);
+export { SidebarMenuItemBadge };
+
+//# sourceMappingURL=SidebarMenuItemBadge.js.map

package/Sidebar/components/items/SidebarMenuItemBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar/components/items/SidebarMenuItemBadge.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuItemBadge.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SidebarMenuItemBadgeProps {\n    text: React.ReactNode;\n}\n\nconst SidebarMenuItemBadge = ({ text }: SidebarMenuItemBadgeProps) => {\n    return (\n        <span\n            className={\n                \"inline-flex items-center rounded-sm bg-primary/50 px-xs text-[10px] font-semibold text-neutral-light leading-none h-md shrink-0\"\n            }\n        >\n            {text}\n        </span>\n    );\n};\n\nexport { SidebarMenuItemBadge, type SidebarMenuItemBadgeProps };\n"],"names":["SidebarMenuItemBadge","text"],"mappings":";AAMA,MAAMA,uBAAuB,CAAC,EAAEC,IAAI,EAA6B,GACtD,WAAP,GACI,oBAAC;QACG,WACI;OAGHA"}

package/Sidebar/components/items/SidebarMenuItemIcon.d.ts

@@ -3,21 +3,22 @@ import { type IconProps } from "../../../Icon/index.js";
 interface SidebarMenuItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
 }
-declare const SidebarMenuItemIcon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-    original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+declare const SidebarMenuItemIconBase: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+declare const SidebarMenuItemIcon: typeof SidebarMenuItemIconBase & {
+    original: typeof SidebarMenuItemIconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+    original: typeof SidebarMenuItemIconBase & {
+        original: typeof SidebarMenuItemIconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof SidebarMenuItemIconBase & {
+        original: typeof SidebarMenuItemIconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/components/items/SidebarMenuItemIcon.js

@@ -1,18 +1,14 @@
-import React from "react";
+import react from "react";
 import { Icon } from "../../../Icon/index.js";
 import { makeDecoratable } from "@webiny/react-composition";
-const SidebarMenuItemIconBase = ({
-  element,
-  ...props
-}) => {
-  if (!element) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Icon, Object.assign({
-    icon: element,
-    size: "sm",
-    color: "neutral-strong"
-  }, props));
+const SidebarMenuItemIconBase = ({ element, ...props })=>{
+    if (!element) return null;
+    return /*#__PURE__*/ react.createElement(Icon, {
+        icon: element,
+        size: "sm",
+        color: "neutral-strong",
+        ...props
+    });
 };
 const SidebarMenuItemIcon = makeDecoratable("SidebarMenuItemIcon", SidebarMenuItemIconBase);
 export { SidebarMenuItemIcon };

package/Sidebar/components/items/SidebarMenuItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","makeDecoratable","SidebarMenuItemIconBase","element","props","createElement","Object","assign","icon","size","color","SidebarMenuItemIcon"],"sources":["SidebarMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\ninterface SidebarMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n}\n\nconst SidebarMenuItemIconBase = ({ element, ...props }: SidebarMenuItemIconProps) => {\n    if (!element) {\n        return null;\n    }\n\n    return <Icon icon={element} size={\"sm\"} color={\"neutral-strong\"} {...props} />;\n};\n\nconst SidebarMenuItemIcon = makeDecoratable(\"SidebarMenuItemIcon\", SidebarMenuItemIconBase);\n\nexport { SidebarMenuItemIcon, type SidebarMenuItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,IAAI,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAEL,OAAQ;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKN,KAAK,CAAG,CAAC;AAClF,CAAC;AAED,MAAMO,mBAAmB,GAAGV,eAAe,CAAC,qBAAqB,EAAEC,uBAAuB,CAAC;AAE3F,SAASS,mBAAmB","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuItemIcon.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\ninterface SidebarMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n}\n\nconst SidebarMenuItemIconBase = ({ element, ...props }: SidebarMenuItemIconProps) => {\n    if (!element) {\n        return null;\n    }\n\n    return <Icon icon={element} size={\"sm\"} color={\"neutral-strong\"} {...props} />;\n};\n\nconst SidebarMenuItemIcon = makeDecoratable(\"SidebarMenuItemIcon\", SidebarMenuItemIconBase);\n\nexport { SidebarMenuItemIcon, type SidebarMenuItemIconProps };\n"],"names":["SidebarMenuItemIconBase","element","props","Icon","SidebarMenuItemIcon","makeDecoratable"],"mappings":";;;AAQA,MAAMA,0BAA0B,CAAC,EAAEC,OAAO,EAAE,GAAGC,OAAiC;IAC5E,IAAI,CAACD,SACD,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACE,MAAIA;QAAC,MAAMF;QAAS,MAAM;QAAM,OAAO;QAAmB,GAAGC,KAAK;;AAC9E;AAEA,MAAME,sBAAsBC,gBAAgB,uBAAuBL"}

package/Sidebar/components/items/SidebarMenuLink.d.ts

@@ -1,22 +1,24 @@
 import React from "react";
 import { type SidebarMenuItemLinkProps } from "./SidebarMenuItem.js";
 import { type SidebarMenuItemIconProps } from "../../../Sidebar/components/items/SidebarMenuItemIcon.js";
-import { type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
-declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-    original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+import { SidebarMenuItemAction, type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
+import { SidebarMenuItemBadge, type SidebarMenuItemBadgeProps } from "../../../Sidebar/components/items/SidebarMenuItemBadge.js";
+declare const SidebarMenuLinkBase: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+declare const SidebarMenuLink: typeof SidebarMenuLinkBase & {
+    original: typeof SidebarMenuLinkBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+    original: typeof SidebarMenuLinkBase & {
+        original: typeof SidebarMenuLinkBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
-        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuLinkBase & {
+        original: typeof SidebarMenuLinkBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -40,6 +42,7 @@ declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.E
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
+    Action: typeof SidebarMenuItemAction;
+    Badge: typeof SidebarMenuItemBadge;
 };
-export { SidebarMenuLink, type SidebarMenuItemLinkProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };
+export { SidebarMenuLink, type SidebarMenuItemLinkProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps, type SidebarMenuItemBadgeProps };

package/Sidebar/components/items/SidebarMenuLink.js

@@ -1,15 +1,15 @@
-import React from "react";
+import react from "react";
 import { SidebarMenuItem } from "./SidebarMenuItem.js";
 import { makeDecoratable, withStaticProps } from "../../../utils.js";
 import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon.js";
 import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
-const SidebarMenuLinkBase = props => {
-  return /*#__PURE__*/React.createElement(SidebarMenuItem, props);
-};
+import { SidebarMenuItemBadge } from "./SidebarMenuItemBadge.js";
+const SidebarMenuLinkBase = (props)=>/*#__PURE__*/ react.createElement(SidebarMenuItem, props);
 const DecoratableSidebarMenuLink = makeDecoratable("SidebarMenuLink", SidebarMenuLinkBase);
 const SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {
-  Icon: SidebarMenuItemIcon,
-  Action: SidebarMenuItemAction
+    Icon: SidebarMenuItemIcon,
+    Action: SidebarMenuItemAction,
+    Badge: SidebarMenuItemBadge
 });
 export { SidebarMenuLink };
 

package/Sidebar/components/items/SidebarMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuItem","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuLinkBase","props","createElement","DecoratableSidebarMenuLink","SidebarMenuLink","Icon","Action"],"sources":["SidebarMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuItem, type SidebarMenuItemLinkProps } from \"./SidebarMenuItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    SidebarMenuItemIcon,\n    type SidebarMenuItemIconProps\n} from \"~/Sidebar/components/items/SidebarMenuItemIcon.js\";\nimport {\n    SidebarMenuItemAction,\n    type SidebarMenuItemActionProps\n} from \"~/Sidebar/components/items/SidebarMenuItemAction.js\";\n\nconst SidebarMenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    return <SidebarMenuItem {...props} />;\n};\n\nconst DecoratableSidebarMenuLink = makeDecoratable(\"SidebarMenuLink\", SidebarMenuLinkBase);\n\nconst SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuLink,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,mBAAmB;AAGvB,SACIC,qBAAqB;AAIzB,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EAC7D,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,eAAe,EAAKM,KAAQ,CAAC;AACzC,CAAC;AAED,MAAME,0BAA0B,GAAGP,eAAe,CAAC,iBAAiB,EAAEI,mBAAmB,CAAC;AAE1F,MAAMI,eAAe,GAAGP,eAAe,CAACM,0BAA0B,EAAE;EAChEE,IAAI,EAAEP,mBAAmB;EACzBQ,MAAM,EAAEP;AACZ,CAAC,CAAC;AAEF,SACIK,eAAe","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuLink.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuItem, type SidebarMenuItemLinkProps } from \"./SidebarMenuItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    SidebarMenuItemIcon,\n    type SidebarMenuItemIconProps\n} from \"~/Sidebar/components/items/SidebarMenuItemIcon.js\";\nimport {\n    SidebarMenuItemAction,\n    type SidebarMenuItemActionProps\n} from \"~/Sidebar/components/items/SidebarMenuItemAction.js\";\nimport {\n    SidebarMenuItemBadge,\n    type SidebarMenuItemBadgeProps\n} from \"~/Sidebar/components/items/SidebarMenuItemBadge.js\";\n\nconst SidebarMenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    return <SidebarMenuItem {...props} />;\n};\n\nconst DecoratableSidebarMenuLink = makeDecoratable(\"SidebarMenuLink\", SidebarMenuLinkBase);\n\nconst SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction,\n    Badge: SidebarMenuItemBadge\n});\n\nexport {\n    SidebarMenuLink,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps,\n    type SidebarMenuItemBadgeProps\n};\n"],"names":["SidebarMenuLinkBase","props","SidebarMenuItem","DecoratableSidebarMenuLink","makeDecoratable","SidebarMenuLink","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuItemBadge"],"mappings":";;;;;;AAgBA,MAAMA,sBAAsB,CAACC,QAClB,WAAP,GAAO,oBAACC,iBAAoBD;AAGhC,MAAME,6BAA6BC,gBAAgB,mBAAmBJ;AAEtE,MAAMK,kBAAkBC,gBAAgBH,4BAA4B;IAChE,MAAMI;IACN,QAAQC;IACR,OAAOC;AACX"}

package/Sidebar/components/items/SidebarMenuPinnedItems.js

@@ -1,40 +1,36 @@
-import React from "react";
+import react from "react";
 import { useSidebar } from "../../index.js";
 import { SidebarMenuRootItem } from "./SidebarMenuRootItem.js";
 import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
-import { ReactComponent as UnPinIcon } from "@webiny/icons/push_pin_off.svg";
-const SidebarMenuPinnedItems = () => {
-  const sidebar = useSidebar();
-
-  // Don't memoize - we want this to re-render when active state changes
-  const pinnedItems = sidebar.getPinnedItemsData();
-  if (pinnedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, pinnedItems.map(item => {
-    const handleUnpin = e => {
-      e.stopPropagation();
-      e.preventDefault();
-      sidebar.toggleItemPinned(item.id);
-    };
-    const unpinAction = /*#__PURE__*/React.createElement(SidebarMenuItemAction, {
-      element: /*#__PURE__*/React.createElement(UnPinIcon, null),
-      onClick: handleUnpin
-    });
-    return /*#__PURE__*/React.createElement(SidebarMenuRootItem, {
-      key: item.id,
-      text: item.text,
-      icon: item.icon,
-      to: item.to,
-      onClick: item.onClick,
-      active: item.active,
-      action: unpinAction
-    });
-  }), /*#__PURE__*/React.createElement("li", {
-    className: "px-sm py-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-px bg-neutral-dimmed"
-  })));
+import { ReactComponent } from "@webiny/icons/push_pin_off.svg";
+const SidebarMenuPinnedItems = ()=>{
+    const sidebar = useSidebar();
+    const pinnedItems = sidebar.getPinnedItemsData();
+    if (0 === pinnedItems.length) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, pinnedItems.map((item)=>{
+        const handleUnpin = (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            sidebar.toggleItemPinned(item.id);
+        };
+        const unpinAction = /*#__PURE__*/ react.createElement(SidebarMenuItemAction, {
+            element: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: handleUnpin
+        });
+        return /*#__PURE__*/ react.createElement(SidebarMenuRootItem, {
+            key: item.id,
+            text: item.text,
+            icon: item.icon,
+            to: item.to,
+            onClick: item.onClick,
+            active: item.active,
+            action: unpinAction
+        });
+    }), /*#__PURE__*/ react.createElement("li", {
+        className: "px-sm py-xs"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-px bg-neutral-dimmed"
+    })));
 };
 export { SidebarMenuPinnedItems };
 

package/Sidebar/components/items/SidebarMenuPinnedItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSidebar","SidebarMenuRootItem","SidebarMenuItemAction","ReactComponent","UnPinIcon","SidebarMenuPinnedItems","sidebar","pinnedItems","getPinnedItemsData","length","createElement","Fragment","map","item","handleUnpin","e","stopPropagation","preventDefault","toggleItemPinned","id","unpinAction","element","onClick","key","text","icon","to","active","action","className"],"sources":["SidebarMenuPinnedItems.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\nimport { SidebarMenuRootItem } from \"./SidebarMenuRootItem.js\";\nimport { SidebarMenuItemAction } from \"./SidebarMenuItemAction.js\";\nimport { ReactComponent as UnPinIcon } from \"@webiny/icons/push_pin_off.svg\";\n\nconst SidebarMenuPinnedItems = () => {\n    const sidebar = useSidebar();\n\n    // Don't memoize - we want this to re-render when active state changes\n    const pinnedItems = sidebar.getPinnedItemsData();\n\n    if (pinnedItems.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {pinnedItems.map(item => {\n                const handleUnpin = (e: React.MouseEvent) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                    sidebar.toggleItemPinned(item.id);\n                };\n\n                const unpinAction = (\n                    <SidebarMenuItemAction element={<UnPinIcon />} onClick={handleUnpin} />\n                );\n\n                return (\n                    <SidebarMenuRootItem\n                        key={item.id}\n                        text={item.text}\n                        icon={item.icon}\n                        to={item.to}\n                        onClick={item.onClick}\n                        active={item.active}\n                        action={unpinAction}\n                    />\n                );\n            })}\n            <li className=\"px-sm py-xs\">\n                <div className=\"h-px bg-neutral-dimmed\" />\n            </li>\n        </>\n    );\n};\n\nexport { SidebarMenuPinnedItems };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,gCAAgC;AAE5E,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAMC,OAAO,GAAGN,UAAU,CAAC,CAAC;;EAE5B;EACA,MAAMO,WAAW,GAAGD,OAAO,CAACE,kBAAkB,CAAC,CAAC;EAEhD,IAAID,WAAW,CAACE,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKJ,WAAW,CAACK,GAAG,CAACC,IAAI,IAAI;IACrB,MAAMC,WAAW,GAAIC,CAAmB,IAAK;MACzCA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBX,OAAO,CAACY,gBAAgB,CAACL,IAAI,CAACM,EAAE,CAAC;IACrC,CAAC;IAED,MAAMC,WAAW,gBACbrB,KAAA,CAAAW,aAAA,CAACR,qBAAqB;MAACmB,OAAO,eAAEtB,KAAA,CAAAW,aAAA,CAACN,SAAS,MAAE,CAAE;MAACkB,OAAO,EAAER;IAAY,CAAE,CACzE;IAED,oBACIf,KAAA,CAAAW,aAAA,CAACT,mBAAmB;MAChBsB,GAAG,EAAEV,IAAI,CAACM,EAAG;MACbK,IAAI,EAAEX,IAAI,CAACW,IAAK;MAChBC,IAAI,EAAEZ,IAAI,CAACY,IAAK;MAChBC,EAAE,EAAEb,IAAI,CAACa,EAAG;MACZJ,OAAO,EAAET,IAAI,CAACS,OAAQ;MACtBK,MAAM,EAAEd,IAAI,CAACc,MAAO;MACpBC,MAAM,EAAER;IAAY,CACvB,CAAC;EAEV,CAAC,CAAC,eACFrB,KAAA,CAAAW,aAAA;IAAImB,SAAS,EAAC;EAAa,gBACvB9B,KAAA,CAAAW,aAAA;IAAKmB,SAAS,EAAC;EAAwB,CAAE,CACzC,CACN,CAAC;AAEX,CAAC;AAED,SAASxB,sBAAsB","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuPinnedItems.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuPinnedItems.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\nimport { SidebarMenuRootItem } from \"./SidebarMenuRootItem.js\";\nimport { SidebarMenuItemAction } from \"./SidebarMenuItemAction.js\";\nimport { ReactComponent as UnPinIcon } from \"@webiny/icons/push_pin_off.svg\";\n\nconst SidebarMenuPinnedItems = () => {\n    const sidebar = useSidebar();\n\n    // Don't memoize - we want this to re-render when active state changes\n    const pinnedItems = sidebar.getPinnedItemsData();\n\n    if (pinnedItems.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {pinnedItems.map(item => {\n                const handleUnpin = (e: React.MouseEvent) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                    sidebar.toggleItemPinned(item.id);\n                };\n\n                const unpinAction = (\n                    <SidebarMenuItemAction element={<UnPinIcon />} onClick={handleUnpin} />\n                );\n\n                return (\n                    <SidebarMenuRootItem\n                        key={item.id}\n                        text={item.text}\n                        icon={item.icon}\n                        to={item.to}\n                        onClick={item.onClick}\n                        active={item.active}\n                        action={unpinAction}\n                    />\n                );\n            })}\n            <li className=\"px-sm py-xs\">\n                <div className=\"h-px bg-neutral-dimmed\" />\n            </li>\n        </>\n    );\n};\n\nexport { SidebarMenuPinnedItems };\n"],"names":["SidebarMenuPinnedItems","sidebar","useSidebar","pinnedItems","item","handleUnpin","e","unpinAction","SidebarMenuItemAction","UnPinIcon","SidebarMenuRootItem"],"mappings":";;;;;AAMA,MAAMA,yBAAyB;IAC3B,MAAMC,UAAUC;IAGhB,MAAMC,cAAcF,QAAQ,kBAAkB;IAE9C,IAAIE,AAAuB,MAAvBA,YAAY,MAAM,EAClB,OAAO;IAGX,OAAO,WAAP,GACI,0CACKA,YAAY,GAAG,CAACC,CAAAA;QACb,MAAMC,cAAc,CAACC;YACjBA,EAAE,eAAe;YACjBA,EAAE,cAAc;YAChBL,QAAQ,gBAAgB,CAACG,KAAK,EAAE;QACpC;QAEA,MAAMG,cAAc,WAAdA,GACF,oBAACC,uBAAqBA;YAAC,uBAAS,oBAACC,gBAASA;YAAK,SAASJ;;QAG5D,OAAO,WAAP,GACI,oBAACK,qBAAmBA;YAChB,KAAKN,KAAK,EAAE;YACZ,MAAMA,KAAK,IAAI;YACf,MAAMA,KAAK,IAAI;YACf,IAAIA,KAAK,EAAE;YACX,SAASA,KAAK,OAAO;YACrB,QAAQA,KAAK,MAAM;YACnB,QAAQG;;IAGpB,kBACA,oBAAC;QAAG,WAAU;qBACV,oBAAC;QAAI,WAAU;;AAI/B"}

package/Sidebar/components/items/SidebarMenuProvider.d.ts

@@ -11,8 +11,8 @@ interface SidebarMenuProviderProps {
 }
 declare const SidebarMenuContext: React.Context<SidebarMenuContext>;
 declare function useSidebarMenu(): SidebarMenuContext;
-declare const SidebarMenuProvider: {
-    ({ level, parentIcon, children }: SidebarMenuProviderProps): React.JSX.Element;
-    displayName: string;
-};
+declare function SidebarMenuProvider({ level, parentIcon, children }: SidebarMenuProviderProps): React.JSX.Element;
+declare namespace SidebarMenuProvider {
+    var displayName: string;
+}
 export { SidebarMenuProvider, useSidebarMenu };

package/Sidebar/components/items/SidebarMenuProvider.js

@@ -1,29 +1,21 @@
-import React from "react";
-const SidebarMenuContext = /*#__PURE__*/React.createContext({
-  currentLevel: 0,
-  nextLevel: 1,
-  parentIcon: undefined
+import react from "react";
+const SidebarMenuContext = /*#__PURE__*/ react.createContext({
+    currentLevel: 0,
+    nextLevel: 1,
+    parentIcon: void 0
 });
 function useSidebarMenu() {
-  const context = React.useContext(SidebarMenuContext);
-  if (!context) {
-    throw new Error("useSidebarItem must be used within a SidebarMenuProvider.");
-  }
-  return context;
+    const context = react.useContext(SidebarMenuContext);
+    if (!context) throw new Error("useSidebarItem must be used within a SidebarMenuProvider.");
+    return context;
 }
-const SidebarMenuProvider = ({
-  level = 0,
-  parentIcon,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(SidebarMenuContext.Provider, {
-    value: {
-      currentLevel: level,
-      nextLevel: level + 1,
-      parentIcon
-    }
-  }, children);
-};
+const SidebarMenuProvider = ({ level = 0, parentIcon, children })=>/*#__PURE__*/ react.createElement(SidebarMenuContext.Provider, {
+        value: {
+            currentLevel: level,
+            nextLevel: level + 1,
+            parentIcon
+        }
+    }, children);
 SidebarMenuProvider.displayName = "SidebarMenuProvider";
 export { SidebarMenuProvider, useSidebarMenu };
 

package/Sidebar/components/items/SidebarMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuContext","createContext","currentLevel","nextLevel","parentIcon","undefined","useSidebarMenu","context","useContext","Error","SidebarMenuProvider","level","children","createElement","Provider","value","displayName"],"sources":["SidebarMenuProvider.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SidebarMenuContext {\n    currentLevel: number;\n    nextLevel: number;\n    parentIcon?: React.ReactNode;\n}\n\ninterface SidebarMenuProviderProps {\n    level?: number;\n    parentIcon?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst SidebarMenuContext = React.createContext<SidebarMenuContext>({\n    currentLevel: 0,\n    nextLevel: 1,\n    parentIcon: undefined\n});\n\nfunction useSidebarMenu() {\n    const context = React.useContext(SidebarMenuContext);\n    if (!context) {\n        throw new Error(\"useSidebarItem must be used within a SidebarMenuProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarMenuProvider = ({ level = 0, parentIcon, children }: SidebarMenuProviderProps) => {\n    return (\n        <SidebarMenuContext.Provider\n            value={{ currentLevel: level, nextLevel: level + 1, parentIcon }}\n        >\n            {children}\n        </SidebarMenuContext.Provider>\n    );\n};\n\nSidebarMenuProvider.displayName = \"SidebarMenuProvider\";\n\nexport { SidebarMenuProvider, useSidebarMenu };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAczB,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAa,CAAqB;EAC/DC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,CAAC;EACZC,UAAU,EAAEC;AAChB,CAAC,CAAC;AAEF,SAASC,cAAcA,CAAA,EAAG;EACtB,MAAMC,OAAO,GAAGR,KAAK,CAACS,UAAU,CAACR,kBAAkB,CAAC;EACpD,IAAI,CAACO,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,2DAA2D,CAAC;EAChF;EAEA,OAAOF,OAAO;AAClB;AAEA,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEP,UAAU;EAAEQ;AAAmC,CAAC,KAAK;EAC3F,oBACIb,KAAA,CAAAc,aAAA,CAACb,kBAAkB,CAACc,QAAQ;IACxBC,KAAK,EAAE;MAAEb,YAAY,EAAES,KAAK;MAAER,SAAS,EAAEQ,KAAK,GAAG,CAAC;MAAEP;IAAW;EAAE,GAEhEQ,QACwB,CAAC;AAEtC,CAAC;AAEDF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAEvD,SAASN,mBAAmB,EAAEJ,cAAc","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuProvider.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuProvider.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SidebarMenuContext {\n    currentLevel: number;\n    nextLevel: number;\n    parentIcon?: React.ReactNode;\n}\n\ninterface SidebarMenuProviderProps {\n    level?: number;\n    parentIcon?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst SidebarMenuContext = React.createContext<SidebarMenuContext>({\n    currentLevel: 0,\n    nextLevel: 1,\n    parentIcon: undefined\n});\n\nfunction useSidebarMenu() {\n    const context = React.useContext(SidebarMenuContext);\n    if (!context) {\n        throw new Error(\"useSidebarItem must be used within a SidebarMenuProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarMenuProvider = ({ level = 0, parentIcon, children }: SidebarMenuProviderProps) => {\n    return (\n        <SidebarMenuContext.Provider\n            value={{ currentLevel: level, nextLevel: level + 1, parentIcon }}\n        >\n            {children}\n        </SidebarMenuContext.Provider>\n    );\n};\n\nSidebarMenuProvider.displayName = \"SidebarMenuProvider\";\n\nexport { SidebarMenuProvider, useSidebarMenu };\n"],"names":["SidebarMenuContext","React","undefined","useSidebarMenu","context","Error","SidebarMenuProvider","level","parentIcon","children"],"mappings":";AAcA,MAAMA,qBAAqB,WAAHA,GAAGC,MAAAA,aAAmB,CAAqB;IAC/D,cAAc;IACd,WAAW;IACX,YAAYC;AAChB;AAEA,SAASC;IACL,MAAMC,UAAUH,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACI,SACD,MAAM,IAAIC,MAAM;IAGpB,OAAOD;AACX;AAEA,MAAME,sBAAsB,CAAC,EAAEC,QAAQ,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAA4B,GAC/E,WAAP,GACI,oBAACT,mBAAmB,QAAQ;QACxB,OAAO;YAAE,cAAcO;YAAO,WAAWA,QAAQ;YAAGC;QAAW;OAE9DC;AAKbH,oBAAoB,WAAW,GAAG"}

package/Sidebar/components/items/SidebarMenuRoot.js

@@ -1,14 +1,11 @@
-import React from "react";
+import react from "react";
 import { SidebarMenuProvider } from "./SidebarMenuProvider.js";
 import { SidebarMenuPinnedItems } from "./SidebarMenuPinnedItems.js";
-const SidebarMenuRoot = ({
-  children,
-  showPinnedItems = true,
-  ...props
-}) => /*#__PURE__*/React.createElement(SidebarMenuProvider, null, /*#__PURE__*/React.createElement("ul", Object.assign({
-  "data-sidebar": "menu",
-  className: "flex w-full min-w-0 flex-col gap-y-xs"
-}, props), showPinnedItems && /*#__PURE__*/React.createElement(SidebarMenuPinnedItems, null), children));
+const SidebarMenuRoot = ({ children, showPinnedItems = true, ...props })=>/*#__PURE__*/ react.createElement(SidebarMenuProvider, null, /*#__PURE__*/ react.createElement("ul", {
+        "data-sidebar": "menu",
+        className: "flex w-full min-w-0 flex-col gap-y-xs",
+        ...props
+    }, showPinnedItems && /*#__PURE__*/ react.createElement(SidebarMenuPinnedItems, null), children));
 export { SidebarMenuRoot };
 
 //# sourceMappingURL=SidebarMenuRoot.js.map

package/Sidebar/components/items/SidebarMenuRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuProvider","SidebarMenuPinnedItems","SidebarMenuRoot","children","showPinnedItems","props","createElement","Object","assign","className"],"sources":["SidebarMenuRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuProvider } from \"./SidebarMenuProvider.js\";\nimport { SidebarMenuPinnedItems } from \"./SidebarMenuPinnedItems.js\";\n\ninterface SidebarMenuProps {\n    children: React.ReactNode;\n    showPinnedItems?: boolean;\n}\n\nconst SidebarMenuRoot = ({ children, showPinnedItems = true, ...props }: SidebarMenuProps) => (\n    <SidebarMenuProvider>\n        <ul data-sidebar=\"menu\" className={\"flex w-full min-w-0 flex-col gap-y-xs\"} {...props}>\n            {showPinnedItems && <SidebarMenuPinnedItems />}\n            {children}\n        </ul>\n    </SidebarMenuProvider>\n);\n\nexport { SidebarMenuRoot, type SidebarMenuProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAO/B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,eAAe,GAAG,IAAI;EAAE,GAAGC;AAAwB,CAAC,kBACrFN,KAAA,CAAAO,aAAA,CAACN,mBAAmB,qBAChBD,KAAA,CAAAO,aAAA,OAAAC,MAAA,CAAAC,MAAA;EAAI,gBAAa,MAAM;EAACC,SAAS,EAAE;AAAwC,GAAKJ,KAAK,GAChFD,eAAe,iBAAIL,KAAA,CAAAO,aAAA,CAACL,sBAAsB,MAAE,CAAC,EAC7CE,QACD,CACa,CACxB;AAED,SAASD,eAAe","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuRoot.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuProvider } from \"./SidebarMenuProvider.js\";\nimport { SidebarMenuPinnedItems } from \"./SidebarMenuPinnedItems.js\";\n\ninterface SidebarMenuProps {\n    children: React.ReactNode;\n    showPinnedItems?: boolean;\n}\n\nconst SidebarMenuRoot = ({ children, showPinnedItems = true, ...props }: SidebarMenuProps) => (\n    <SidebarMenuProvider>\n        <ul data-sidebar=\"menu\" className={\"flex w-full min-w-0 flex-col gap-y-xs\"} {...props}>\n            {showPinnedItems && <SidebarMenuPinnedItems />}\n            {children}\n        </ul>\n    </SidebarMenuProvider>\n);\n\nexport { SidebarMenuRoot, type SidebarMenuProps };\n"],"names":["SidebarMenuRoot","children","showPinnedItems","props","SidebarMenuProvider","SidebarMenuPinnedItems"],"mappings":";;;AASA,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,kBAAkB,IAAI,EAAE,GAAGC,OAAyB,iBACrF,oBAACC,qBAAmBA,MAAAA,WAAAA,GAChB,oBAAC;QAAG,gBAAa;QAAO,WAAW;QAA0C,GAAGD,KAAK;OAChFD,mBAAmB,WAAnBA,GAAmB,oBAACG,wBAAsBA,OAC1CJ"}

package/Sidebar/components/items/SidebarMenuRootButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { SidebarMenuItemProps } from "./SidebarMenuRootItem.js";
 type SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, "children">;
-declare const SidebarMenuRootButton: ({ className, onClick, variant, active, disabled, icon, pinnedIcon, action, text, to, ...linkProps }: SidebarMenuButtonBaseProps) => React.JSX.Element;
+declare const SidebarMenuRootButton: ({ className, onClick, variant, active, disabled, icon, pinnedIcon, action, text, badge, to, ...linkProps }: SidebarMenuButtonBaseProps) => React.JSX.Element;
 export { SidebarMenuRootButton };

package/Sidebar/components/items/SidebarMenuRootButton.js

@@ -1,54 +1,57 @@
-import React from "react";
+import react from "react";
 import { cn, cva } from "../../../utils.js";
 import { DivButton } from "./DivButton.js";
+import { SidebarMenuItemBadge } from "./SidebarMenuItemBadge.js";
 import { useAdminUi } from "../../../index.js";
-const variants = cva(["flex w-full items-center gap-sm rounded-md", "no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left", "text-md outline-none transition-[width,height,padding]", "whitespace-nowrap overflow-hidden", "hover:bg-neutral-dark/5", "group-hover/menu-root-button:bg-neutral-dark/5", "focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent", "data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none", "group-data-[state=open]/menu-item-collapsible:font-semibold!"], {
-  variants: {
-    variant: {
-      "group-label": "text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!"
-    },
-    disabled: {
-      true: "pointer-events-none text-neutral-disabled!"
+const variants = cva([
+    "flex w-full items-center gap-sm rounded-md",
+    "no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left",
+    "text-md outline-none transition-[width,height,padding]",
+    "whitespace-nowrap overflow-hidden",
+    "hover:bg-neutral-dark/5",
+    "group-hover/menu-root-button:bg-neutral-dark/5",
+    "focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent",
+    "data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none",
+    "group-data-[state=open]/menu-item-collapsible:font-semibold!"
+], {
+    variants: {
+        variant: {
+            "group-label": "text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!"
+        },
+        disabled: {
+            true: "pointer-events-none text-neutral-disabled!"
+        }
     }
-  }
 });
-const SidebarMenuRootButton = ({
-  className,
-  onClick,
-  variant,
-  active,
-  disabled,
-  icon,
-  // oxlint-disable-next-line
-  pinnedIcon,
-  action,
-  text,
-  to,
-  ...linkProps
-}) => {
-  const sharedProps = {
-    "data-sidebar": "menu-button",
-    "data-active": active,
-    className: variants({
-      variant,
-      disabled
-    }),
-    onClick
-  };
-  const {
-    linkComponent: LinkComponent
-  } = useAdminUi();
-  const content = to ? /*#__PURE__*/React.createElement(LinkComponent, Object.assign({}, sharedProps, {
-    to: to
-  }, linkProps), icon, text) : /*#__PURE__*/React.createElement(DivButton, Object.assign({}, sharedProps, {
-    disabled: disabled,
-    tabIndex: variant === "group-label" ? -1 : undefined
-  }), icon, text);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("flex items-center w-full relative group/menu-root-button", className)
-  }, content, action && /*#__PURE__*/React.createElement("div", {
-    className: "absolute top-0 right-0 mr-sm h-full flex items-center"
-  }, action));
+const SidebarMenuRootButton = ({ className, onClick, variant, active, disabled, icon, pinnedIcon, action, text, badge, to, ...linkProps })=>{
+    const sharedProps = {
+        "data-sidebar": "menu-button",
+        "data-active": active,
+        className: variants({
+            variant,
+            disabled
+        }),
+        onClick
+    };
+    const { linkComponent: LinkComponent } = useAdminUi();
+    const content = to ? /*#__PURE__*/ react.createElement(LinkComponent, {
+        ...sharedProps,
+        to: to,
+        ...linkProps
+    }, icon, text, badge && ("string" == typeof badge ? /*#__PURE__*/ react.createElement(SidebarMenuItemBadge, {
+        text: badge
+    }) : badge)) : /*#__PURE__*/ react.createElement(DivButton, {
+        ...sharedProps,
+        disabled: disabled,
+        tabIndex: "group-label" === variant ? -1 : void 0
+    }, icon, text, badge && ("string" == typeof badge ? /*#__PURE__*/ react.createElement(SidebarMenuItemBadge, {
+        text: badge
+    }) : badge));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("flex items-center w-full relative group/menu-root-button", className)
+    }, content, action && /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-0 right-0 mr-sm h-full flex items-center"
+    }, action));
 };
 export { SidebarMenuRootButton };
 

package/Sidebar/components/items/SidebarMenuRootButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","DivButton","useAdminUi","variants","variant","disabled","true","SidebarMenuRootButton","className","onClick","active","icon","pinnedIcon","action","text","to","linkProps","sharedProps","linkComponent","LinkComponent","content","createElement","Object","assign","tabIndex","undefined"],"sources":["SidebarMenuRootButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuRootItem.js\";\nimport { DivButton } from \"./DivButton.js\";\nimport { useAdminUi } from \"~/index.js\";\n\nconst variants = cva(\n    [\n        \"flex w-full items-center gap-sm rounded-md\",\n        \"no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left\",\n        \"text-md outline-none transition-[width,height,padding]\",\n        \"whitespace-nowrap overflow-hidden\",\n        \"hover:bg-neutral-dark/5\",\n        \"group-hover/menu-root-button:bg-neutral-dark/5\",\n        \"focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent\",\n        \"data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none\",\n        \"group-data-[state=open]/menu-item-collapsible:font-semibold!\"\n    ],\n    {\n        variants: {\n            variant: {\n                \"group-label\":\n                    \"text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!\"\n            },\n            disabled: {\n                true: \"pointer-events-none text-neutral-disabled!\"\n            }\n        }\n    }\n);\n\ntype SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, \"children\">;\n\nconst SidebarMenuRootButton = ({\n    className,\n    onClick,\n    variant,\n    active,\n    disabled,\n    icon,\n\n    // oxlint-disable-next-line\n    pinnedIcon,\n\n    action,\n    text,\n    to,\n    ...linkProps\n}: SidebarMenuButtonBaseProps) => {\n    const sharedProps = {\n        \"data-sidebar\": \"menu-button\",\n        \"data-active\": active,\n        className: variants({ variant, disabled }),\n        onClick\n    };\n\n    const { linkComponent: LinkComponent } = useAdminUi();\n\n    const content = to ? (\n        <LinkComponent {...sharedProps} to={to} {...linkProps}>\n            {icon}\n            {text}\n        </LinkComponent>\n    ) : (\n        <DivButton\n            {...sharedProps}\n            disabled={disabled}\n            tabIndex={variant === \"group-label\" ? -1 : undefined}\n        >\n            {icon}\n            {text}\n        </DivButton>\n    );\n\n    return (\n        <div className={cn(\"flex items-center w-full relative group/menu-root-button\", className)}>\n            {content}\n            {action && (\n                <div className=\"absolute top-0 right-0 mr-sm h-full flex items-center\">\n                    {action}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { SidebarMenuRootButton };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,MAAMC,QAAQ,GAAGH,GAAG,CAChB,CACI,4CAA4C,EAC5C,8EAA8E,EAC9E,wDAAwD,EACxD,mCAAmC,EACnC,yBAAyB,EACzB,gDAAgD,EAChD,gEAAgE,EAChE,8GAA8G,EAC9G,8DAA8D,CACjE,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACL,aAAa,EACT;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAID,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,OAAO;EACPL,OAAO;EACPM,MAAM;EACNL,QAAQ;EACRM,IAAI;EAEJ;EACAC,UAAU;EAEVC,MAAM;EACNC,IAAI;EACJC,EAAE;EACF,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,WAAW,GAAG;IAChB,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAEP,MAAM;IACrBF,SAAS,EAAEL,QAAQ,CAAC;MAAEC,OAAO;MAAEC;IAAS,CAAC,CAAC;IAC1CI;EACJ,CAAC;EAED,MAAM;IAAES,aAAa,EAAEC;EAAc,CAAC,GAAGjB,UAAU,CAAC,CAAC;EAErD,MAAMkB,OAAO,GAAGL,EAAE,gBACdjB,KAAA,CAAAuB,aAAA,CAACF,aAAa,EAAAG,MAAA,CAAAC,MAAA,KAAKN,WAAW;IAAEF,EAAE,EAAEA;EAAG,GAAKC,SAAS,GAChDL,IAAI,EACJG,IACU,CAAC,gBAEhBhB,KAAA,CAAAuB,aAAA,CAACpB,SAAS,EAAAqB,MAAA,CAAAC,MAAA,KACFN,WAAW;IACfZ,QAAQ,EAAEA,QAAS;IACnBmB,QAAQ,EAAEpB,OAAO,KAAK,aAAa,GAAG,CAAC,CAAC,GAAGqB;EAAU,IAEpDd,IAAI,EACJG,IACM,CACd;EAED,oBACIhB,KAAA,CAAAuB,aAAA;IAAKb,SAAS,EAAET,EAAE,CAAC,0DAA0D,EAAES,SAAS;EAAE,GACrFY,OAAO,EACPP,MAAM,iBACHf,KAAA,CAAAuB,aAAA;IAAKb,SAAS,EAAC;EAAuD,GACjEK,MACA,CAER,CAAC;AAEd,CAAC;AAED,SAASN,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Sidebar/components/items/SidebarMenuRootButton.js","sources":["../../../../src/Sidebar/components/items/SidebarMenuRootButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuRootItem.js\";\nimport { DivButton } from \"./DivButton.js\";\nimport { SidebarMenuItemBadge } from \"./SidebarMenuItemBadge.js\";\nimport { useAdminUi } from \"~/index.js\";\n\nconst variants = cva(\n    [\n        \"flex w-full items-center gap-sm rounded-md\",\n        \"no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left\",\n        \"text-md outline-none transition-[width,height,padding]\",\n        \"whitespace-nowrap overflow-hidden\",\n        \"hover:bg-neutral-dark/5\",\n        \"group-hover/menu-root-button:bg-neutral-dark/5\",\n        \"focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent\",\n        \"data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none\",\n        \"group-data-[state=open]/menu-item-collapsible:font-semibold!\"\n    ],\n    {\n        variants: {\n            variant: {\n                \"group-label\":\n                    \"text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!\"\n            },\n            disabled: {\n                true: \"pointer-events-none text-neutral-disabled!\"\n            }\n        }\n    }\n);\n\ntype SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, \"children\">;\n\nconst SidebarMenuRootButton = ({\n    className,\n    onClick,\n    variant,\n    active,\n    disabled,\n    icon,\n\n    // oxlint-disable-next-line\n    pinnedIcon,\n\n    action,\n    text,\n    badge,\n    to,\n    ...linkProps\n}: SidebarMenuButtonBaseProps) => {\n    const sharedProps = {\n        \"data-sidebar\": \"menu-button\",\n        \"data-active\": active,\n        className: variants({ variant, disabled }),\n        onClick\n    };\n\n    const { linkComponent: LinkComponent } = useAdminUi();\n\n    const content = to ? (\n        <LinkComponent {...sharedProps} to={to} {...linkProps}>\n            {icon}\n            {text}\n            {badge && (typeof badge === \"string\" ? <SidebarMenuItemBadge text={badge} /> : badge)}\n        </LinkComponent>\n    ) : (\n        <DivButton\n            {...sharedProps}\n            disabled={disabled}\n            tabIndex={variant === \"group-label\" ? -1 : undefined}\n        >\n            {icon}\n            {text}\n            {badge && (typeof badge === \"string\" ? <SidebarMenuItemBadge text={badge} /> : badge)}\n        </DivButton>\n    );\n\n    return (\n        <div className={cn(\"flex items-center w-full relative group/menu-root-button\", className)}>\n            {content}\n            {action && (\n                <div className=\"absolute top-0 right-0 mr-sm h-full flex items-center\">\n                    {action}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { SidebarMenuRootButton };\n"],"names":["variants","cva","SidebarMenuRootButton","className","onClick","variant","active","disabled","icon","pinnedIcon","action","text","badge","to","linkProps","sharedProps","LinkComponent","useAdminUi","content","SidebarMenuItemBadge","DivButton","undefined","cn"],"mappings":";;;;;AAOA,MAAMA,WAAWC,IACb;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,SAAS;YACL,eACI;QACR;QACA,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAKJ,MAAMC,wBAAwB,CAAC,EAC3BC,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACRC,IAAI,EAGJC,UAAU,EAEVC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,EAAE,EACF,GAAGC,WACsB;IACzB,MAAMC,cAAc;QAChB,gBAAgB;QAChB,eAAeT;QACf,WAAWN,SAAS;YAAEK;YAASE;QAAS;QACxCH;IACJ;IAEA,MAAM,EAAE,eAAeY,aAAa,EAAE,GAAGC;IAEzC,MAAMC,UAAUL,KAAK,WAALA,GACZ,oBAACG,eAAAA;QAAe,GAAGD,WAAW;QAAE,IAAIF;QAAK,GAAGC,SAAS;OAChDN,MACAG,MACAC,SAAU,CAAiB,YAAjB,OAAOA,QAAqB,WAAX,GAAW,oBAACO,sBAAoBA;QAAC,MAAMP;SAAYA,KAAI,mBAGvF,oBAACQ,WAASA;QACL,GAAGL,WAAW;QACf,UAAUR;QACV,UAAUF,AAAY,kBAAZA,UAA4B,KAAKgB;OAE1Cb,MACAG,MACAC,SAAU,CAAiB,YAAjB,OAAOA,QAAqB,WAAX,GAAW,oBAACO,sBAAoBA;QAAC,MAAMP;SAAYA,KAAI;IAI3F,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWU,GAAG,4DAA4DnB;OAC1Ee,SACAR,UAAU,WAAVA,GACG,oBAAC;QAAI,WAAU;OACVA;AAKrB"}

package/Sidebar/components/items/SidebarMenuRootItem.d.ts

@@ -1,20 +1,22 @@
 import React from "react";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
 import { type SidebarMenuItemProps } from "./SidebarMenuItem.js";
-declare const SidebarMenuRootItem: (({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-    original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuItemBase: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+declare const SidebarMenuRootItem: typeof SidebarMenuItemBase & {
+    original: typeof SidebarMenuItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+    original: typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
-        original: ({ children, className, pinnable, action, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof SidebarMenuItemBase & {
+        original: typeof SidebarMenuItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
@@ -38,6 +40,6 @@ declare const SidebarMenuRootItem: (({ children, className, pinnable, action, ..
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, showOnHover, className, ...props }: import("./SidebarMenuItemAction.js").SidebarMenuItemActionProps) => React.JSX.Element | null;
+    Action: typeof SidebarMenuItemAction;
 };
 export { SidebarMenuRootItem, type SidebarMenuItemProps };