@kashifd/jwero-components 0.7.41 → 0.7.42

package/dist/index.es.js

@@ -58585,6 +58585,7 @@ const hz = ({ name: e, data: t, labels: r }) => {
   return /* @__PURE__ */ v.jsxs(
     Ve,
     {
+      className: "no-scrollbar",
       sx: {
         backgroundColor: w.colors.white,
         minWidth: "200px",
@@ -58607,48 +58608,55 @@ const hz = ({ name: e, data: t, labels: r }) => {
             children: /* @__PURE__ */ v.jsx(vt, { variant: "xxxlSemibold", ...r, children: e })
           }
         ),
-        /* @__PURE__ */ v.jsx(Ve, { sx: { gap: "1rem", height: "100%", overflowY: "auto", ...c }, children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
-          Mr,
+        /* @__PURE__ */ v.jsx(
+          Ve,
           {
-            title: S.access ? "" : `You don't have permission to edit ${S.label.toLowerCase() || ""}`,
-            children: /* @__PURE__ */ v.jsxs(
-              Ve,
+            className: "no-scrollbar",
+            sx: { gap: "1rem", height: "100%", overflowY: "auto", ...c },
+            children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
+              Mr,
               {
-                onClick: () => {
-                  b && b(S.value, S.access, S == null ? void 0 : S.navigate);
-                },
-                direction: "row",
-                alignItems: "center",
-                justifyContent: "space-between",
-                sx: {
-                  borderRadius: "0.5rem",
-                  padding: "0.75rem",
-                  backgroundColor: S.value === t ? w.colors.light_blue : w.palette.background.paper,
-                  color: S.value === t ? w.colors.secondary : w.colors.text_secondary,
-                  cursor: S.access ? "pointer" : "not-allowed",
-                  "&:hover": {
-                    backgroundColor: S.value === t ? w.colors.light_blue : w.colors.light_grey
-                  },
-                  ...m
-                },
-                children: [
-                  /* @__PURE__ */ v.jsx(vt, { variant: "xlMedium", ...a, children: S.label }),
-                  (S == null ? void 0 : S.count) && /* @__PURE__ */ v.jsx(
-                    af,
-                    {
-                      type: "single",
-                      count: S == null ? void 0 : S.count,
-                      sx: {
-                        backgroundColor: w.colors.secondary
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          `${S.value}_${O}`
-        )) })
+                title: S.access ? "" : `You don't have permission to edit ${S.label.toLowerCase() || ""}`,
+                children: /* @__PURE__ */ v.jsxs(
+                  Ve,
+                  {
+                    onClick: () => {
+                      b && b(S.value, S.access, S == null ? void 0 : S.navigate);
+                    },
+                    direction: "row",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    sx: {
+                      borderRadius: "0.5rem",
+                      padding: "0.75rem",
+                      backgroundColor: S.value === t ? w.colors.light_blue : w.palette.background.paper,
+                      color: S.value === t ? w.colors.secondary : w.colors.text_secondary,
+                      cursor: S.access ? "pointer" : "not-allowed",
+                      "&:hover": {
+                        backgroundColor: S.value === t ? w.colors.light_blue : w.colors.light_grey
+                      },
+                      ...m
+                    },
+                    children: [
+                      /* @__PURE__ */ v.jsx(vt, { variant: "xlMedium", ...a, children: S.label }),
+                      (S == null ? void 0 : S.count) && /* @__PURE__ */ v.jsx(
+                        af,
+                        {
+                          type: "single",
+                          count: S == null ? void 0 : S.count,
+                          sx: {
+                            backgroundColor: w.colors.secondary
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              `${S.value}_${O}`
+            ))
+          }
+        )
       ]
     }
   );