@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/Drawerx/DrawerContent/DrawerContent.mjs

@@ -1,22 +1,35 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { useTheme as i, List as m } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+import { useTheme as p, List as e } from "@mui/material";
 import "react";
-import { useDrawer as a } from "../DrawerContext/DrawerContext.mjs";
-import n from "../DrawerItem/DrawerItem.mjs";
-function x({ navigation: e }) {
-  const { size: o } = a(), { spacing: r } = i();
-  return /* @__PURE__ */ t.jsx(
-    m,
+import { useDrawer as s } from "../DrawerContext/DrawerContext.mjs";
+import a from "../DrawerItem/DrawerItem.mjs";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemIcon";
+import "@mui/material/ListItemText";
+import "@mui/material/styles";
+import "@mui/material/Badge";
+import "@mui/material/Box";
+import "@mui/icons-material/ChevronRight";
+import "@mui/icons-material/ExpandMore";
+import "@mui/material/Collapse";
+import "@mui/material/List";
+import "@mui/material/Popover";
+function X({ navigation: m }) {
+  const { size: o } = s(), { spacing: r } = p();
+  return /* @__PURE__ */ i(
+    e,
     {
       sx: {
         paddingTop: o === "small" ? r(0.5) : void 0,
         paddingX: r(o === "small" ? 0.5 : 1)
       },
-      children: e.map((s) => /* @__PURE__ */ t.jsx(n, { item: s }, s.id))
+      children: m.map((t) => /* @__PURE__ */ i(a, { item: t }, t.id))
     }
   );
 }
 export {
-  x as default
+  X as default
 };
 //# sourceMappingURL=DrawerContent.mjs.map

package/dist/Drawerx/DrawerContent/DrawerContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.mjs","sources":["../../../src/Drawerx/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { List, useTheme } from \"@mui/material\";\nimport type { DrawerContentProps } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"../DrawerItem\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport default function DrawerContent({ navigation }: DrawerContentProps) {\n  const { size } = useDrawer();\n  const { spacing } = useTheme();\n\n  return (\n    <List\n      sx={{\n        paddingTop: size === \"small\" ? spacing(0.5) : undefined,\n        paddingX: size === \"small\" ? spacing(0.5) : spacing(1),\n      }}\n    >\n      {navigation.map((item) => (\n        <DrawerItem key={item.id} item={item} />\n      ))}\n    </List>\n  );\n}\n"],"names":["DrawerContent","navigation","size","useDrawer","spacing","useTheme","jsx","List","item","DrawerItem"],"mappings":";;;;;AAQA,SAAwBA,EAAc,EAAE,YAAAC,KAAkC;AACxE,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,YAAYL,MAAS,UAAUE,EAAQ,GAAG,IAAI;AAAA,QAC9C,UAA6BA,EAAnBF,MAAS,UAAkB,MAAe,CAAZ;AAAA,MAAa;AAAA,MAGtD,UAAAD,EAAW,IAAI,CAACO,4BACdC,GAAA,EAAyB,MAAAD,EAAA,GAATA,EAAK,EAAgB,CACvC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"DrawerContent.mjs","sources":["../../../src/Drawerx/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { List, useTheme } from \"@mui/material\";\nimport type { DrawerContentProps } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"../DrawerItem\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport default function DrawerContent({ navigation }: DrawerContentProps) {\n  const { size } = useDrawer();\n  const { spacing } = useTheme();\n\n  return (\n    <List\n      sx={{\n        paddingTop: size === \"small\" ? spacing(0.5) : undefined,\n        paddingX: size === \"small\" ? spacing(0.5) : spacing(1),\n      }}\n    >\n      {navigation.map((item) => (\n        <DrawerItem key={item.id} item={item} />\n      ))}\n    </List>\n  );\n}\n"],"names":["DrawerContent","navigation","size","useDrawer","spacing","useTheme","jsx","List","item","DrawerItem"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAc,EAAE,YAAAC,KAAkC;AACxE,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,YAAYL,MAAS,UAAUE,EAAQ,GAAG,IAAI;AAAA,QAC9C,UAA6BA,EAAnBF,MAAS,UAAkB,MAAe,CAAZ;AAAA,MAAa;AAAA,MAGtD,UAAAD,EAAW,IAAI,CAACO,wBACdC,GAAA,EAAyB,MAAAD,EAAA,GAATA,EAAK,EAAgB,CACvC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/DrawerContext/Drawer.provider.mjs

@@ -1,5 +1,5 @@
-import { j as u } from "../../_virtual/jsx-runtime.mjs";
-import { Link as h } from "@mui/material";
+import { jsx as h } from "react/jsx-runtime";
+import { Link as u } from "@mui/material";
 import { useState as S } from "react";
 import { DrawerContext as f } from "./DrawerContext.mjs";
 import { drawerWidth as w } from "./DrawerMixins.mjs";
@@ -7,19 +7,19 @@ const x = {
   temporary: "close",
   mini: "collapse",
   persistent: "close"
-}, j = {
+}, y = {
   temporary: ["close", "open"],
   mini: ["collapse", "open"],
   persistent: ["close", "open"]
-}, P = ({
+}, j = ({
   children: i,
   initialState: a,
   variant: t = "temporary",
   size: p = "medium",
-  drawerWidth: n = w,
-  clipped: l = !0,
+  drawerWidth: l = w,
+  clipped: n = !0,
   selectedItemId: m,
-  LinkComponent: c = h,
+  LinkComponent: c = u,
   onStateChange: d = () => null
 }) => {
   const [o, r] = S(
@@ -27,7 +27,7 @@ const x = {
   ), e = (s) => {
     d(s), r(s);
   };
-  return /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ h(
     f.Provider,
     {
       value: {
@@ -35,10 +35,10 @@ const x = {
         size: p,
         variant: t,
         selectedItemId: m,
-        clipped: l,
-        drawerWidth: n,
+        clipped: n,
+        drawerWidth: l,
         LinkComponent: c,
-        switchState: () => e(j[t][o === "open" ? 0 : 1]),
+        switchState: () => e(y[t][o === "open" ? 0 : 1]),
         collapse: () => e("collapse"),
         close: () => e("close"),
         open: () => e("open"),
@@ -49,6 +49,6 @@ const x = {
   );
 };
 export {
-  P as DrawerProvider
+  j as DrawerProvider
 };
 //# sourceMappingURL=Drawer.provider.mjs.map

package/dist/Drawerx/DrawerContext/Drawer.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.provider.mjs","sources":["../../../src/Drawerx/DrawerContext/Drawer.provider.tsx"],"sourcesContent":["import { Link } from \"@mui/material\";\nimport type { PropsWithChildren } from \"react\";\nimport { type ElementType, useState } from \"react\";\nimport type { DrawerSize, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { drawerWidth } from \"./DrawerMixins\";\n\nconst initialState: Record<DrawerVariant, DrawerState> = {\n  temporary: \"close\",\n  mini: \"collapse\",\n  persistent: \"close\",\n};\n\nconst targetStates: Record<DrawerVariant, [DrawerState, DrawerState]> = {\n  temporary: [\"close\", \"open\"],\n  mini: [\"collapse\", \"open\"],\n  persistent: [\"close\", \"open\"],\n};\n\nexport interface DrawerProviderProps extends PropsWithChildren {\n  /**\n   * Initial state of the drawer\n   */\n  initialState?: DrawerState;\n  /**\n   * Size of the drawer\n   * @default \"medium\"\n   */\n  size?: DrawerSize;\n  /**\n   * Whether the drawer is clipped under the app bar\n   * @default true\n   */\n  clipped?: boolean;\n  /**\n   * Width of the drawer in pixels\n   */\n  drawerWidth?: number;\n  /**\n   * Variant of the drawer behavior\n   * - temporary: slides over content, closes on backdrop click\n   * - persistent: pushes content when open\n   * - mini: shows icons only when collapsed\n   * @default \"temporary\"\n   */\n  variant?: DrawerVariant;\n  /**\n   * ID of the currently selected navigation item\n   */\n  selectedItemId?: string;\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent?: ElementType;\n  /**\n   * Callback fired when the drawer state changes\n   * @param newState - The new drawer state\n   */\n  onStateChange?: (newState: DrawerState) => void;\n}\n\nexport const DrawerProvider = ({\n  children,\n  initialState: initialStateProp,\n  variant = \"temporary\",\n  size = \"medium\",\n  drawerWidth: drawerWidthProp = drawerWidth,\n  clipped = true,\n  selectedItemId,\n  LinkComponent = Link,\n  onStateChange = () => null,\n}: DrawerProviderProps) => {\n  const [state, setState] = useState<DrawerState>(\n    initialStateProp || initialState[variant],\n  );\n\n  const handleChangeState = (newState: DrawerState) => {\n    onStateChange(newState);\n    setState(newState);\n  };\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        state,\n        size,\n        variant,\n        selectedItemId,\n        clipped,\n        drawerWidth: drawerWidthProp,\n        LinkComponent,\n        switchState: () =>\n          handleChangeState(targetStates[variant][state === \"open\" ? 0 : 1]),\n        collapse: () => handleChangeState(\"collapse\"),\n        close: () => handleChangeState(\"close\"),\n        open: () => handleChangeState(\"open\"),\n        setState,\n      }}\n    >\n      {children}\n    </DrawerContext.Provider>\n  );\n};\n"],"names":["initialState","targetStates","DrawerProvider","children","initialStateProp","variant","size","drawerWidthProp","drawerWidth","clipped","selectedItemId","LinkComponent","Link","onStateChange","state","setState","useState","handleChangeState","newState","jsx","DrawerContext"],"mappings":";;;;;AAOA,MAAMA,IAAmD;AAAA,EACvD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAkE;AAAA,EACtE,WAAW,CAAC,SAAS,MAAM;AAAA,EAC3B,MAAM,CAAC,YAAY,MAAM;AAAA,EACzB,YAAY,CAAC,SAAS,MAAM;AAC9B,GA6CaC,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAaC,IAAkBC;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,gBAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,eAAAC,IAAgB,MAAM;AACxB,MAA2B;AACzB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBZ,KAAoBJ,EAAaK,CAAO;AAAA,EAAA,GAGpCY,IAAoB,CAACC,MAA0B;AACnD,IAAAL,EAAcK,CAAQ,GACtBH,EAASG,CAAQ;AAAA,EACnB;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,OAAAN;AAAA,QACA,MAAAR;AAAA,QACA,SAAAD;AAAA,QACA,gBAAAK;AAAA,QACA,SAAAD;AAAA,QACA,aAAaF;AAAA,QACb,eAAAI;AAAA,QACA,aAAa,MACXM,EAAkBhB,EAAaI,CAAO,EAAES,MAAU,SAAS,IAAI,CAAC,CAAC;AAAA,QACnE,UAAU,MAAMG,EAAkB,UAAU;AAAA,QAC5C,OAAO,MAAMA,EAAkB,OAAO;AAAA,QACtC,MAAM,MAAMA,EAAkB,MAAM;AAAA,QACpC,UAAAF;AAAA,MAAA;AAAA,MAGD,UAAAZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Drawer.provider.mjs","sources":["../../../src/Drawerx/DrawerContext/Drawer.provider.tsx"],"sourcesContent":["import { Link } from \"@mui/material\";\nimport type { PropsWithChildren } from \"react\";\nimport { type ElementType, useState } from \"react\";\nimport type { DrawerSize, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { drawerWidth } from \"./DrawerMixins\";\n\nconst initialState: Record<DrawerVariant, DrawerState> = {\n  temporary: \"close\",\n  mini: \"collapse\",\n  persistent: \"close\",\n};\n\nconst targetStates: Record<DrawerVariant, [DrawerState, DrawerState]> = {\n  temporary: [\"close\", \"open\"],\n  mini: [\"collapse\", \"open\"],\n  persistent: [\"close\", \"open\"],\n};\n\nexport interface DrawerProviderProps extends PropsWithChildren {\n  /**\n   * Initial state of the drawer\n   */\n  initialState?: DrawerState;\n  /**\n   * Size of the drawer\n   * @default \"medium\"\n   */\n  size?: DrawerSize;\n  /**\n   * Whether the drawer is clipped under the app bar\n   * @default true\n   */\n  clipped?: boolean;\n  /**\n   * Width of the drawer in pixels\n   */\n  drawerWidth?: number;\n  /**\n   * Variant of the drawer behavior\n   * - temporary: slides over content, closes on backdrop click\n   * - persistent: pushes content when open\n   * - mini: shows icons only when collapsed\n   * @default \"temporary\"\n   */\n  variant?: DrawerVariant;\n  /**\n   * ID of the currently selected navigation item\n   */\n  selectedItemId?: string;\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent?: ElementType;\n  /**\n   * Callback fired when the drawer state changes\n   * @param newState - The new drawer state\n   */\n  onStateChange?: (newState: DrawerState) => void;\n}\n\nexport const DrawerProvider = ({\n  children,\n  initialState: initialStateProp,\n  variant = \"temporary\",\n  size = \"medium\",\n  drawerWidth: drawerWidthProp = drawerWidth,\n  clipped = true,\n  selectedItemId,\n  LinkComponent = Link,\n  onStateChange = () => null,\n}: DrawerProviderProps) => {\n  const [state, setState] = useState<DrawerState>(\n    initialStateProp || initialState[variant],\n  );\n\n  const handleChangeState = (newState: DrawerState) => {\n    onStateChange(newState);\n    setState(newState);\n  };\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        state,\n        size,\n        variant,\n        selectedItemId,\n        clipped,\n        drawerWidth: drawerWidthProp,\n        LinkComponent,\n        switchState: () =>\n          handleChangeState(targetStates[variant][state === \"open\" ? 0 : 1]),\n        collapse: () => handleChangeState(\"collapse\"),\n        close: () => handleChangeState(\"close\"),\n        open: () => handleChangeState(\"open\"),\n        setState,\n      }}\n    >\n      {children}\n    </DrawerContext.Provider>\n  );\n};\n"],"names":["initialState","targetStates","DrawerProvider","children","initialStateProp","variant","size","drawerWidthProp","drawerWidth","clipped","selectedItemId","LinkComponent","Link","onStateChange","state","setState","useState","handleChangeState","newState","jsx","DrawerContext"],"mappings":";;;;;AAOA,MAAMA,IAAmD;AAAA,EACvD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAkE;AAAA,EACtE,WAAW,CAAC,SAAS,MAAM;AAAA,EAC3B,MAAM,CAAC,YAAY,MAAM;AAAA,EACzB,YAAY,CAAC,SAAS,MAAM;AAC9B,GA6CaC,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAaC,IAAkBC;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,gBAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,eAAAC,IAAgB,MAAM;AACxB,MAA2B;AACzB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBZ,KAAoBJ,EAAaK,CAAO;AAAA,EAAA,GAGpCY,IAAoB,CAACC,MAA0B;AACnD,IAAAL,EAAcK,CAAQ,GACtBH,EAASG,CAAQ;AAAA,EACnB;AAEA,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,OAAAN;AAAA,QACA,MAAAR;AAAA,QACA,SAAAD;AAAA,QACA,gBAAAK;AAAA,QACA,SAAAD;AAAA,QACA,aAAaF;AAAA,QACb,eAAAI;AAAA,QACA,aAAa,MACXM,EAAkBhB,EAAaI,CAAO,EAAES,MAAU,SAAS,IAAI,CAAC,CAAC;AAAA,QACnE,UAAU,MAAMG,EAAkB,UAAU;AAAA,QAC5C,OAAO,MAAMA,EAAkB,OAAO;AAAA,QACtC,MAAM,MAAMA,EAAkB,MAAM;AAAA,QACpC,UAAAF;AAAA,MAAA;AAAA,MAGD,UAAAZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/DrawerItem/DrawerItem.mjs

@@ -1,43 +1,43 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { jsx as t } from "react/jsx-runtime";
 import "@mui/material";
 import "react";
-import { useDrawer as w } from "../DrawerContext/DrawerContext.mjs";
-import D from "../DrawerSubheader/DrawerSubheader.mjs";
-import { DrawerItemLink as I } from "./DrawerItemLink.mjs";
-import { DrawerMenuItem as b } from "./DrawerMenuItem.mjs";
-function q({ item: e, level: o = 0 }) {
-  const { selectedItemId: t, state: n } = w();
+import { useDrawer as D } from "../DrawerContext/DrawerContext.mjs";
+import I from "../DrawerSubheader/DrawerSubheader.mjs";
+import { DrawerItemLink as b } from "./DrawerItemLink.mjs";
+import { DrawerMenuItem as k } from "./DrawerMenuItem.mjs";
+function y({ item: e, level: o = 0 }) {
+  const { selectedItemId: r, state: n } = D();
   if (e.kind === "collapsable") {
-    const { id: x, text: f, icon: u, items: i } = e, h = i.some((j) => j.id === t);
-    return /* @__PURE__ */ r.jsx(
-      b,
+    const { id: p, text: u, icon: x, items: i } = e, h = i.some((w) => w.id === r);
+    return /* @__PURE__ */ t(
+      k,
       {
-        selected: x === t || h,
-        text: f,
-        icon: u,
+        selected: p === r || h,
+        text: u,
+        icon: x,
         items: i,
         level: o
       }
     );
   }
   if (e.kind === "header")
-    return n === "open" && /* @__PURE__ */ r.jsx(D, { role: "heading", children: e.text });
-  const { id: s, text: a, icon: d, avatar: c, label: m, bullet: l, href: p } = e;
-  return /* @__PURE__ */ r.jsx(
-    I,
+    return n === "open" && /* @__PURE__ */ t(I, { role: "heading", children: e.text });
+  const { id: a, text: d, icon: c, avatar: m, label: s, bullet: l, href: f } = e;
+  return /* @__PURE__ */ t(
+    b,
     {
-      selected: s === t,
-      text: a,
-      icon: d,
-      avatar: c,
-      label: m,
+      selected: a === r,
+      text: d,
+      icon: c,
+      avatar: m,
+      label: s,
       bullet: l,
-      href: p,
+      href: f,
       level: o
     }
   );
 }
 export {
-  q as default
+  y as default
 };
 //# sourceMappingURL=DrawerItem.mjs.map

package/dist/Drawerx/DrawerItem/DrawerItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItem.tsx"],"sourcesContent":["import type { DrawerNavigationItem } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerSubheader from \"../DrawerSubheader\";\nimport { DrawerItemLink } from \"./DrawerItemLink\";\nimport { DrawerMenuItem } from \"./DrawerMenuItem\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\n/**\n * Component representing a drawer item in the navigation drawer.\n */\nexport default function DrawerItem({ item, level = 0 }: DrawerItemProps) {\n  const { selectedItemId, state } = useDrawer();\n  if (item.kind === \"collapsable\") {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  }\n  if (item.kind === \"header\") {\n    return (\n      state === \"open\" && (\n        <DrawerSubheader role=\"heading\">{item.text}</DrawerSubheader>\n      )\n    );\n  }\n  const { id, text, icon, avatar, label, bullet, href } = item;\n  return (\n    <DrawerItemLink\n      selected={id === selectedItemId}\n      text={text}\n      icon={icon}\n      avatar={avatar}\n      label={label}\n      bullet={bullet}\n      href={href}\n      level={level}\n    />\n  );\n}\n"],"names":["DrawerItem","item","level","selectedItemId","state","useDrawer","id","text","icon","items","childrenSelected","jsx","DrawerMenuItem","DrawerSubheader","avatar","label","bullet","href","DrawerItemLink"],"mappings":";;;;;;;AAoBA,SAAwBA,EAAW,EAAE,MAAAC,GAAM,OAAAC,IAAQ,KAAsB;AACvE,QAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUC,EAAA;AAClC,MAAIJ,EAAK,SAAS,eAAe;AAC/B,UAAM,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,OAAAC,MAAUR,GAC5BS,IAAmBD,EAAM,KAAK,CAACR,MAASA,EAAK,OAAOE,CAAc;AACxE,WACEQ,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,MAAOH,KAAkBO;AAAA,QACnC,MAAMH;AAAAA,QACN,MAAMC;AAAAA,QACN,OAAAC;AAAA,QACA,OAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,MAAID,EAAK,SAAS;AAChB,WACEG,MAAU,UACRO,gBAAAA,EAAAA,IAACE,KAAgB,MAAK,WAAW,YAAK,MAAK;AAIjD,QAAM,EAAE,IAAAP,GAAI,MAAAC,GAAM,MAAAC,GAAM,QAAAM,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAAShB;AACxD,SACEU,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUZ,MAAOH;AAAA,MACjB,MAAAI;AAAA,MACA,MAAAC;AAAA,MACA,QAAAM;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DrawerItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItem.tsx"],"sourcesContent":["import type { DrawerNavigationItem } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerSubheader from \"../DrawerSubheader\";\nimport { DrawerItemLink } from \"./DrawerItemLink\";\nimport { DrawerMenuItem } from \"./DrawerMenuItem\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\n/**\n * Component representing a drawer item in the navigation drawer.\n */\nexport default function DrawerItem({ item, level = 0 }: DrawerItemProps) {\n  const { selectedItemId, state } = useDrawer();\n  if (item.kind === \"collapsable\") {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  }\n  if (item.kind === \"header\") {\n    return (\n      state === \"open\" && (\n        <DrawerSubheader role=\"heading\">{item.text}</DrawerSubheader>\n      )\n    );\n  }\n  const { id, text, icon, avatar, label, bullet, href } = item;\n  return (\n    <DrawerItemLink\n      selected={id === selectedItemId}\n      text={text}\n      icon={icon}\n      avatar={avatar}\n      label={label}\n      bullet={bullet}\n      href={href}\n      level={level}\n    />\n  );\n}\n"],"names":["DrawerItem","item","level","selectedItemId","state","useDrawer","id","text","icon","items","childrenSelected","jsx","DrawerMenuItem","DrawerSubheader","avatar","label","bullet","href","DrawerItemLink"],"mappings":";;;;;;;AAoBA,SAAwBA,EAAW,EAAE,MAAAC,GAAM,OAAAC,IAAQ,KAAsB;AACvE,QAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUC,EAAA;AAClC,MAAIJ,EAAK,SAAS,eAAe;AAC/B,UAAM,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,OAAAC,MAAUR,GAC5BS,IAAmBD,EAAM,KAAK,CAACR,MAASA,EAAK,OAAOE,CAAc;AACxE,WACE,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,MAAOH,KAAkBO;AAAA,QACnC,MAAMH;AAAAA,QACN,MAAMC;AAAAA,QACN,OAAAC;AAAA,QACA,OAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,MAAID,EAAK,SAAS;AAChB,WACEG,MAAU,UACR,gBAAAO,EAACE,KAAgB,MAAK,WAAW,YAAK,MAAK;AAIjD,QAAM,EAAE,IAAAP,GAAI,MAAAC,GAAM,MAAAC,GAAM,QAAAM,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAAShB;AACxD,SACE,gBAAAU;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUZ,MAAOH;AAAA,MACjB,MAAAI;AAAA,MACA,MAAAC;AAAA,MACA,QAAAM;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Drawerx/DrawerItem/DrawerItemLink.mjs

@@ -1,39 +1,39 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { Bullet as g } from "../../Bullet/Bullet.mjs";
-import { Label as I } from "../../Label/Label.mjs";
-import { getDrawerItemColors as L } from "../Drawer.types.mjs";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import L from "@mui/material/Avatar";
+import y from "@mui/material/ListItemAvatar";
+import w from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemIcon";
+import j from "@mui/material/ListItemText";
+import { useTheme as v } from "@mui/material/styles";
+import { Bullet as D } from "../../Bullet/Bullet.mjs";
+import { Label as T } from "../../Label/Label.mjs";
+import { getDrawerItemColors as k } from "../Drawer.types.mjs";
 import "@mui/material";
 import "react";
-import { useDrawer as l } from "../DrawerContext/DrawerContext.mjs";
-import y from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import w from "../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
-import C from "../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.mjs";
-import v from "../../node_modules/@mui/material/esm/ListItemAvatar/ListItemAvatar.mjs";
-import D from "../../node_modules/@mui/material/esm/Avatar/Avatar.mjs";
-import R from "../../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
-const h = {
+import { useDrawer as h } from "../DrawerContext/DrawerContext.mjs";
+const f = {
   minWidth: 0,
   justifyContent: "center",
   marginRight: "auto"
-}, K = ({
+}, M = ({
   text: e,
   icon: m,
-  avatar: s,
-  label: i,
+  avatar: i,
+  label: s,
   bullet: n,
-  href: f,
+  href: x,
   selected: p,
   level: r,
   sx: d
 }) => {
-  const { state: t, size: a } = l(), c = y(), { color: x, fontWeight: j } = L(c, p), { LinkComponent: u } = l();
-  return /* @__PURE__ */ o.jsxs(
+  const { state: t, size: a } = h(), c = v(), { color: l, fontWeight: u } = k(c, p), { LinkComponent: g } = h();
+  return /* @__PURE__ */ I(
     w,
     {
       dense: a === "small",
-      LinkComponent: u,
+      LinkComponent: g,
       "aria-label": e,
-      href: f,
+      href: x,
       selected: p,
       sx: {
         ...d,
@@ -45,27 +45,27 @@ const h = {
         }
       },
       children: [
-        m && /* @__PURE__ */ o.jsx(
+        m && /* @__PURE__ */ o(
           C,
           {
             sx: {
-              color: x,
-              ...t === "collapse" && r === 0 && h
+              color: l,
+              ...t === "collapse" && r === 0 && f
             },
             children: m
           }
         ),
-        s && /* @__PURE__ */ o.jsx(
-          v,
+        i && /* @__PURE__ */ o(
+          y,
           {
             sx: {
-              ...t === "collapse" && r === 0 && h
+              ...t === "collapse" && r === 0 && f
             },
-            children: /* @__PURE__ */ o.jsx(
-              D,
+            children: /* @__PURE__ */ o(
+              L,
               {
-                alt: s.alt,
-                src: s.src,
+                alt: i.alt,
+                src: i.src,
                 sx: {
                   ...a === "small" && { width: 24, height: 24 },
                   ...t === "collapse" && { width: 30, height: 30 }
@@ -74,25 +74,25 @@ const h = {
             )
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          R,
+        /* @__PURE__ */ o(
+          j,
           {
             disableTypography: !0,
             primary: e,
             sx: {
-              color: x,
-              fontWeight: j,
+              color: l,
+              fontWeight: u,
               opacity: t === "collapse" && r === 0 ? 0 : void 0
             }
           }
         ),
-        i && t === "open" && /* @__PURE__ */ o.jsx(I, { text: i.text, variant: i.variant, sx: { ml: 2 } }),
-        n && t === "open" && /* @__PURE__ */ o.jsx(g, { variant: n.variant, sx: { ml: 2 } })
+        s && t === "open" && /* @__PURE__ */ o(T, { text: s.text, variant: s.variant, sx: { ml: 2 } }),
+        n && t === "open" && /* @__PURE__ */ o(D, { variant: n.variant, sx: { ml: 2 } })
       ]
     }
   );
 };
 export {
-  K as DrawerItemLink
+  M as DrawerItemLink
 };
 //# sourceMappingURL=DrawerItemLink.mjs.map

package/dist/Drawerx/DrawerItem/DrawerItemLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerItemLink.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItemLink.tsx"],"sourcesContent":["import Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport type { ReactElement } from \"react\";\nimport { Bullet } from \"../../Bullet\";\nimport { Label } from \"../../Label\";\nimport {\n  type DrawerItemAvatar,\n  type DrawerItemBullet,\n  type DrawerItemLabel,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state, size } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n  const { LinkComponent } = useDrawer();\n\n  return (\n    <ListItemButton\n      dense={size === \"small\"}\n      LinkComponent={LinkComponent}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        borderRadius: 2,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          px: 2.5,\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon\n          sx={{\n            color,\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{\n          color,\n          fontWeight,\n          opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n        }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && (\n        <Bullet variant={bullet.variant} sx={{ ml: 2 }} />\n      )}\n    </ListItemButton>\n  );\n};\n"],"names":["sxCollapsedIcon","DrawerItemLink","text","icon","avatar","label","bullet","href","selected","level","sx","state","size","useDrawer","theme","useTheme","color","fontWeight","getDrawerItemColors","LinkComponent","jsxs","ListItemButton","jsx","ListItemIcon","ListItemAvatar","Avatar","ListItemText","Label","Bullet"],"mappings":";;;;;;;;;;;;;AAyDA,MAAMA,IAAkB;AAAA,EACtB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AACf,GAKaC,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAA2B;AACzB,QAAM,EAAE,OAAAC,GAAO,MAAAC,EAAA,IAASC,EAAA,GAClBC,IAAQC,EAAA,GACR,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAoBJ,GAAON,CAAQ,GAC3D,EAAE,eAAAW,EAAA,IAAkBN,EAAA;AAE1B,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT,MAAS;AAAA,MAChB,eAAAO;AAAA,MACA,cAAYjB;AAAA,MACZ,MAAAK;AAAA,MACA,UAAAC;AAAA,MACA,IAAI;AAAA,QACF,GAAGE;AAAA,QACH,cAAc;AAAA,QACd,IAAIC,MAAU,SAASG,EAAM,QAAQ,IAAI,MAAML,CAAK,IAAI;AAAA,QACxD,GAAIE,MAAU,cAAc;AAAA,UAC1B,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAGD,UAAA;AAAA,QAAAR,KACCmB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAAP;AAAA,cACA,GAAIL,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG5C,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,KACCkB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIb,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG7C,UAAAsB,gBAAAA,EAAAA;AAAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKrB,EAAO;AAAA,gBACZ,KAAKA,EAAO;AAAA,gBACZ,IAAI;AAAA,kBACF,GAAIQ,MAAS,WAAW,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,kBAC7C,GAAID,MAAU,cAAc,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,gBAAG;AAAA,cACtD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGJW,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,mBAAiB;AAAA,YACjB,SAASxB;AAAA,YACT,IAAI;AAAA,cACF,OAAAc;AAAA,cACA,YAAAC;AAAA,cACA,SAASN,MAAU,cAAcF,MAAU,IAAI,IAAI;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAEDJ,KAASM,MAAU,UAClBW,gBAAAA,EAAAA,IAACK,KAAM,MAAMtB,EAAM,MAAM,SAASA,EAAM,SAAS,IAAI,EAAE,IAAI,KAAK;AAAA,QAEjEC,KAAUK,MAAU,UACnBW,gBAAAA,EAAAA,IAACM,GAAA,EAAO,SAAStB,EAAO,SAAS,IAAI,EAAE,IAAI,EAAA,EAAE,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIxD;"}
+{"version":3,"file":"DrawerItemLink.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItemLink.tsx"],"sourcesContent":["import Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport type { ReactElement } from \"react\";\nimport { Bullet } from \"../../Bullet\";\nimport { Label } from \"../../Label\";\nimport {\n  type DrawerItemAvatar,\n  type DrawerItemBullet,\n  type DrawerItemLabel,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state, size } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n  const { LinkComponent } = useDrawer();\n\n  return (\n    <ListItemButton\n      dense={size === \"small\"}\n      LinkComponent={LinkComponent}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        borderRadius: 2,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          px: 2.5,\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon\n          sx={{\n            color,\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{\n          color,\n          fontWeight,\n          opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n        }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && (\n        <Bullet variant={bullet.variant} sx={{ ml: 2 }} />\n      )}\n    </ListItemButton>\n  );\n};\n"],"names":["sxCollapsedIcon","DrawerItemLink","text","icon","avatar","label","bullet","href","selected","level","sx","state","size","useDrawer","theme","useTheme","color","fontWeight","getDrawerItemColors","LinkComponent","jsxs","ListItemButton","jsx","ListItemIcon","ListItemAvatar","Avatar","ListItemText","Label","Bullet"],"mappings":";;;;;;;;;;;;;AAyDA,MAAMA,IAAkB;AAAA,EACtB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AACf,GAKaC,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAA2B;AACzB,QAAM,EAAE,OAAAC,GAAO,MAAAC,EAAA,IAASC,EAAA,GAClBC,IAAQC,EAAA,GACR,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAoBJ,GAAON,CAAQ,GAC3D,EAAE,eAAAW,EAAA,IAAkBN,EAAA;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT,MAAS;AAAA,MAChB,eAAAO;AAAA,MACA,cAAYjB;AAAA,MACZ,MAAAK;AAAA,MACA,UAAAC;AAAA,MACA,IAAI;AAAA,QACF,GAAGE;AAAA,QACH,cAAc;AAAA,QACd,IAAIC,MAAU,SAASG,EAAM,QAAQ,IAAI,MAAML,CAAK,IAAI;AAAA,QACxD,GAAIE,MAAU,cAAc;AAAA,UAC1B,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAGD,UAAA;AAAA,QAAAR,KACC,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAAP;AAAA,cACA,GAAIL,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG5C,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,KACC,gBAAAkB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIb,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG7C,UAAA,gBAAAsB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKrB,EAAO;AAAA,gBACZ,KAAKA,EAAO;AAAA,gBACZ,IAAI;AAAA,kBACF,GAAIQ,MAAS,WAAW,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,kBAC7C,GAAID,MAAU,cAAc,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,gBAAG;AAAA,cACtD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGJ,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,mBAAiB;AAAA,YACjB,SAASxB;AAAA,YACT,IAAI;AAAA,cACF,OAAAc;AAAA,cACA,YAAAC;AAAA,cACA,SAASN,MAAU,cAAcF,MAAU,IAAI,IAAI;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAEDJ,KAASM,MAAU,UAClB,gBAAAW,EAACK,KAAM,MAAMtB,EAAM,MAAM,SAASA,EAAM,SAAS,IAAI,EAAE,IAAI,KAAK;AAAA,QAEjEC,KAAUK,MAAU,UACnB,gBAAAW,EAACM,GAAA,EAAO,SAAStB,EAAO,SAAS,IAAI,EAAE,IAAI,EAAA,EAAE,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIxD;"}

package/dist/Drawerx/DrawerItem/DrawerMenuItem.mjs

@@ -1,85 +1,85 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import E from "../../node_modules/@mui/icons-material/esm/ChevronRight.mjs";
-import O from "../../node_modules/@mui/icons-material/esm/ExpandMore.mjs";
-import { useRef as S, useState as d, useEffect as w } from "react";
-import { getDrawerItemColors as z } from "../Drawer.types.mjs";
+import { jsx as e, jsxs as d, Fragment as S } from "react/jsx-runtime";
+import j from "@mui/icons-material/ChevronRight";
+import w from "@mui/icons-material/ExpandMore";
+import z from "@mui/material/Collapse";
+import D from "@mui/material/List";
+import L from "@mui/material/ListItemButton";
+import T from "@mui/material/ListItemIcon";
+import M from "@mui/material/ListItemText";
+import P from "@mui/material/Popover";
+import { useTheme as h } from "@mui/material/styles";
+import { useRef as R, useState as g, useEffect as k } from "react";
+import { getDrawerItemColors as B } from "../Drawer.types.mjs";
 import "@mui/material";
-import { useDrawer as D } from "../DrawerContext/DrawerContext.mjs";
-import L from "./DrawerItem.mjs";
-import x from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import R from "../../node_modules/@mui/material/esm/List/List.mjs";
-import T from "../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
-import M from "../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.mjs";
-import P from "../../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
-import k from "../../node_modules/@mui/material/esm/Collapse/Collapse.mjs";
-import B from "../../node_modules/@mui/material/esm/Popover/Popover.mjs";
-const Z = ({
+import { useDrawer as $ } from "../DrawerContext/DrawerContext.mjs";
+import F from "./DrawerItem.mjs";
+const oo = ({
   text: t,
   icon: a,
-  selected: p,
-  items: h,
+  selected: l,
+  items: b,
   level: n,
-  sx: j = {}
+  sx: C = {}
 }) => {
-  const { state: e, size: g } = D(), l = S(null), { palette: b, spacing: C, transitions: v } = x(), [r, m] = d(!1), { color: s, fontWeight: I } = z(x(), p), [y, c] = d(!0);
-  w(() => {
-    r && e === "collapse" && (c(!1), setTimeout(() => {
+  const { state: o, size: v } = $(), p = R(null), { palette: x, spacing: I, transitions: y } = h(), [r, m] = g(!1), { color: i, fontWeight: O } = B(h(), l), [E, c] = g(!0);
+  k(() => {
+    r && o === "collapse" && (c(!1), setTimeout(() => {
       c(!0);
-    }, v.duration.leavingScreen));
-  }, [e]);
-  const u = /* @__PURE__ */ o.jsx(R, { component: "div", disablePadding: !0, children: h.map((i) => /* @__PURE__ */ o.jsx(L, { level: n + 1, item: i }, i.id)) }), f = e === "collapse" && n === 0 ? {
+    }, y.duration.leavingScreen));
+  }, [o]);
+  const u = /* @__PURE__ */ e(D, { component: "div", disablePadding: !0, children: b.map((s) => /* @__PURE__ */ e(F, { level: n + 1, item: s }, s.id)) }), f = o === "collapse" && n === 0 ? {
     position: "absolute",
     right: -3
   } : {};
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs(
-      T,
+  return /* @__PURE__ */ d(S, { children: [
+    /* @__PURE__ */ d(
+      L,
       {
-        ref: l,
-        selected: p,
+        ref: p,
+        selected: l,
         "aria-label": t,
-        onClick: () => m((i) => !i),
-        dense: g === "small",
+        onClick: () => m((s) => !s),
+        dense: v === "small",
         sx: {
-          ...j,
+          ...C,
           borderRadius: 2,
-          pl: e === "open" ? C(2 + 1.5 * n) : void 0,
-          backgroundColor: r ? b.action.hover : void 0,
-          ...e === "collapse" && {
+          pl: o === "open" ? I(2 + 1.5 * n) : void 0,
+          backgroundColor: r ? x.action.hover : void 0,
+          ...o === "collapse" && {
             px: 2.5,
             justifyContent: "center"
           }
         },
         children: [
-          a && /* @__PURE__ */ o.jsx(M, { sx: { color: s, justifyContent: "center" }, children: a }),
-          /* @__PURE__ */ o.jsx(
-            P,
+          a && /* @__PURE__ */ e(T, { sx: { color: i, justifyContent: "center" }, children: a }),
+          /* @__PURE__ */ e(
+            M,
             {
               disableTypography: !0,
               primary: t,
               sx: {
-                color: s,
-                fontWeight: I,
-                opacity: e === "collapse" && n === 0 ? 0 : void 0
+                color: i,
+                fontWeight: O,
+                opacity: o === "collapse" && n === 0 ? 0 : void 0
               }
             }
           ),
-          r && e === "open" ? /* @__PURE__ */ o.jsx(
-            O,
+          r && o === "open" ? /* @__PURE__ */ e(
+            w,
             {
-              sx: [{ color: s, ml: 2, fontSize: 20 }, f]
+              sx: [{ color: i, ml: 2, fontSize: 20 }, f]
             }
-          ) : /* @__PURE__ */ o.jsx(
-            E,
+          ) : /* @__PURE__ */ e(
+            j,
             {
-              sx: [{ color: s, ml: 2, fontSize: 20 }, f]
+              sx: [{ color: i, ml: 2, fontSize: 20 }, f]
             }
           )
         ]
       }
     ),
-    e === "open" ? /* @__PURE__ */ o.jsx(
-      k,
+    o === "open" ? /* @__PURE__ */ e(
+      z,
       {
         in: r,
         timeout: "auto",
@@ -87,8 +87,8 @@ const Z = ({
         "aria-label": `${t} collapse submenu`,
         children: u
       }
-    ) : y && /* @__PURE__ */ o.jsx(
-      B,
+    ) : E && /* @__PURE__ */ e(
+      P,
       {
         open: r,
         slotProps: {
@@ -98,7 +98,7 @@ const Z = ({
           }
         },
         "aria-label": `${t} popover submenu`,
-        anchorEl: l.current,
+        anchorEl: p.current,
         onClose: () => m(!1),
         anchorOrigin: {
           vertical: "top",
@@ -110,6 +110,6 @@ const Z = ({
   ] });
 };
 export {
-  Z as DrawerMenuItem
+  oo as DrawerMenuItem
 };
 //# sourceMappingURL=DrawerMenuItem.mjs.map

package/dist/Drawerx/DrawerItem/DrawerMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerMenuItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerMenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Popover from \"@mui/material/Popover\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport { type ReactElement, useEffect, useRef, useState } from \"react\";\nimport {\n  type DrawerNavigationItem,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"./DrawerItem\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state, size } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing, transitions } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n  const [canOpenCollapsed, setCanOpenCollapsed] = useState(true);\n\n  useEffect(() => {\n    if (menuOpen && state === \"collapse\") {\n      setCanOpenCollapsed(false);\n      setTimeout(() => {\n        setCanOpenCollapsed(true);\n      }, transitions.duration.leavingScreen);\n    }\n  }, [state]);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: -3,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          borderRadius: 2,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n          ...(state === \"collapse\" && {\n            px: 2.5,\n            justifyContent: \"center\",\n          }),\n        }}\n      >\n        {icon && (\n          <ListItemIcon sx={{ color, justifyContent: \"center\" }}>\n            {icon}\n          </ListItemIcon>\n        )}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{\n            color,\n            fontWeight,\n            opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n          }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon\n            sx={[{ color, ml: 2, fontSize: 20 }, collapsedButtonSx]}\n          />\n        ) : (\n          <ChevronRightIcon\n            sx={[{ color, ml: 2, fontSize: 20 }, collapsedButtonSx]}\n          />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        canOpenCollapsed && (\n          <Popover\n            open={menuOpen}\n            slotProps={{\n              paper: {\n                elevation: 0,\n                variant: \"outlined\",\n              },\n            }}\n            aria-label={`${text} popover submenu`}\n            anchorEl={anchorEl.current}\n            onClose={() => setMenuOpen(false)}\n            anchorOrigin={{\n              vertical: \"top\",\n              horizontal: \"right\",\n            }}\n          >\n            {submenu}\n          </Popover>\n        )\n      )}\n    </>\n  );\n};\n"],"names":["DrawerMenuItem","text","icon","selected","items","level","sx","state","size","useDrawer","anchorEl","useRef","palette","spacing","transitions","useTheme","menuOpen","setMenuOpen","useState","color","fontWeight","getDrawerItemColors","canOpenCollapsed","setCanOpenCollapsed","useEffect","submenu","List","item","jsx","DrawerItem","collapsedButtonSx","jsxs","Fragment","ListItemButton","o","ListItemIcon","ListItemText","ExpandMoreIcon","ChevronRightIcon","Collapse","Popover"],"mappings":"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"}
+{"version":3,"file":"DrawerMenuItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerMenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport Collapse from \"@mui/material/Collapse\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Popover from \"@mui/material/Popover\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport { type ReactElement, useEffect, useRef, useState } from \"react\";\nimport {\n  type DrawerNavigationItem,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"./DrawerItem\";\n\nexport interface DrawerMenuItemProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Items that are going to be displayed inside\n   * the collapsable\n   */\n  items: DrawerNavigationItem[];\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nexport const DrawerMenuItem = ({\n  text,\n  icon,\n  selected,\n  items,\n  level,\n  sx = {},\n}: DrawerMenuItemProps) => {\n  const { state, size } = useDrawer();\n  const anchorEl = useRef<HTMLDivElement | null>(null);\n  const { palette, spacing, transitions } = useTheme();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { color, fontWeight } = getDrawerItemColors(useTheme(), selected);\n  const [canOpenCollapsed, setCanOpenCollapsed] = useState(true);\n\n  useEffect(() => {\n    if (menuOpen && state === \"collapse\") {\n      setCanOpenCollapsed(false);\n      setTimeout(() => {\n        setCanOpenCollapsed(true);\n      }, transitions.duration.leavingScreen);\n    }\n  }, [state]);\n\n  const submenu = (\n    <List component=\"div\" disablePadding>\n      {items.map((item) => (\n        <DrawerItem key={item.id} level={level + 1} item={item} />\n      ))}\n    </List>\n  );\n\n  const collapsedButtonSx =\n    state === \"collapse\" && level === 0\n      ? {\n          position: \"absolute\",\n          right: -3,\n        }\n      : {};\n\n  return (\n    <>\n      <ListItemButton\n        ref={anchorEl}\n        selected={selected}\n        aria-label={text}\n        onClick={() => setMenuOpen((o) => !o)}\n        dense={size === \"small\"}\n        sx={{\n          ...sx,\n          borderRadius: 2,\n          pl: state === \"open\" ? spacing(2 + 1.5 * level) : undefined,\n          backgroundColor: menuOpen ? palette.action.hover : undefined,\n          ...(state === \"collapse\" && {\n            px: 2.5,\n            justifyContent: \"center\",\n          }),\n        }}\n      >\n        {icon && (\n          <ListItemIcon sx={{ color, justifyContent: \"center\" }}>\n            {icon}\n          </ListItemIcon>\n        )}\n        <ListItemText\n          disableTypography\n          primary={text}\n          sx={{\n            color,\n            fontWeight,\n            opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n          }}\n        />\n        {menuOpen && state === \"open\" ? (\n          <ExpandMoreIcon\n            sx={[{ color, ml: 2, fontSize: 20 }, collapsedButtonSx]}\n          />\n        ) : (\n          <ChevronRightIcon\n            sx={[{ color, ml: 2, fontSize: 20 }, collapsedButtonSx]}\n          />\n        )}\n      </ListItemButton>\n      {state === \"open\" ? (\n        <Collapse\n          in={menuOpen}\n          timeout=\"auto\"\n          unmountOnExit\n          aria-label={`${text} collapse submenu`}\n        >\n          {submenu}\n        </Collapse>\n      ) : (\n        canOpenCollapsed && (\n          <Popover\n            open={menuOpen}\n            slotProps={{\n              paper: {\n                elevation: 0,\n                variant: \"outlined\",\n              },\n            }}\n            aria-label={`${text} popover submenu`}\n            anchorEl={anchorEl.current}\n            onClose={() => setMenuOpen(false)}\n            anchorOrigin={{\n              vertical: \"top\",\n              horizontal: \"right\",\n            }}\n          >\n            {submenu}\n          </Popover>\n        )\n      )}\n    </>\n  );\n};\n"],"names":["DrawerMenuItem","text","icon","selected","items","level","sx","state","size","useDrawer","anchorEl","useRef","palette","spacing","transitions","useTheme","menuOpen","setMenuOpen","useState","color","fontWeight","getDrawerItemColors","canOpenCollapsed","setCanOpenCollapsed","useEffect","submenu","List","item","jsx","DrawerItem","collapsedButtonSx","jsxs","Fragment","ListItemButton","o","ListItemIcon","ListItemText","ExpandMoreIcon","ChevronRightIcon","Collapse","Popover"],"mappings":"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"}