@kashifd/jwero-components 0.8.6 → 0.8.7

package/dist/index.es.js

@@ -49092,48 +49092,38 @@ const MW = ({
     return ne(), window.addEventListener("resize", ne), window.addEventListener("scroll", ne, !0), () => {
       window.removeEventListener("resize", ne), window.removeEventListener("scroll", ne, !0);
     };
-  }, []), /* @__PURE__ */ v.jsxs(
-    Le,
-    {
-      className: "hide-scrollbar",
-      sx: { position: "relative", height: "100%", ...w },
-      children: [
-        /* @__PURE__ */ v.jsx(
-          cv,
-          {
-            ref: D,
-            component: eo,
-            sx: { boxShadow: "none", ...e },
-            children: /* @__PURE__ */ v.jsxs(sv, { stickyHeader: !0, children: [
-              /* @__PURE__ */ v.jsx(dv, { children: /* @__PURE__ */ v.jsx(yu, { children: Mr.isArrayWithValues(r) && r.map((ne) => /* @__PURE__ */ v.jsx(
-                xu,
+  }, []), /* @__PURE__ */ v.jsxs(Le, { sx: { position: "relative", height: "100%", ...w }, children: [
+    /* @__PURE__ */ v.jsx(
+      cv,
+      {
+        ref: D,
+        component: eo,
+        className: "hide-scrollbar",
+        sx: {
+          boxShadow: "none",
+          overflow: "auto",
+          height: "100%",
+          ...e
+        },
+        children: /* @__PURE__ */ v.jsxs(sv, { stickyHeader: !0, children: [
+          /* @__PURE__ */ v.jsx(dv, { children: /* @__PURE__ */ v.jsx(yu, { children: Mr.isArrayWithValues(r) && r.map((ne) => /* @__PURE__ */ v.jsx(
+            xu,
+            {
+              align: ne.align,
+              sortDirection: E === ne.value ? B : !1,
+              sx: {
+                backgroundColor: T.palette.background.paper,
+                border: 0,
+                padding: "1rem",
+                cursor: ne.sortable ? "pointer" : "default"
+              },
+              onClick: () => _(ne.value, ne.sortable),
+              children: ne.sortable ? /* @__PURE__ */ v.jsx(
+                uv,
                 {
-                  align: ne.align,
-                  sortDirection: E === ne.value ? B : !1,
-                  sx: {
-                    backgroundColor: T.palette.background.paper,
-                    border: 0,
-                    padding: "1rem",
-                    cursor: ne.sortable ? "pointer" : "default"
-                  },
-                  onClick: () => _(ne.value, ne.sortable),
-                  children: ne.sortable ? /* @__PURE__ */ v.jsx(
-                    uv,
-                    {
-                      active: E === ne.value,
-                      direction: E === ne.value ? B : "asc",
-                      children: /* @__PURE__ */ v.jsx(
-                        nt,
-                        {
-                          sx: {
-                            color: T.colors.text_secondary,
-                            whiteSpace: u ? "nowrap" : "normal"
-                          },
-                          children: ne.label
-                        }
-                      )
-                    }
-                  ) : /* @__PURE__ */ v.jsx(
+                  active: E === ne.value,
+                  direction: E === ne.value ? B : "asc",
+                  children: /* @__PURE__ */ v.jsx(
                     nt,
                     {
                       sx: {
@@ -49143,89 +49133,98 @@ const MW = ({
                       children: ne.label
                     }
                   )
-                },
-                ne.value
-              )) }) }),
-              /* @__PURE__ */ v.jsx(lv, { children: Mr.isArrayWithValues(ue) && ue.map((ne, re) => /* @__PURE__ */ v.jsx(
-                yu,
+                }
+              ) : /* @__PURE__ */ v.jsx(
+                nt,
                 {
-                  onClick: (te) => s(te, ne),
-                  onContextMenu: (te) => c(te, ne),
                   sx: {
-                    borderBottom: "1px solid #f5f6f7",
-                    cursor: "pointer",
-                    transition: "0.3s",
-                    "&:hover": {
-                      backgroundColor: T.palette.background.default
-                    }
+                    color: T.colors.text_secondary,
+                    whiteSpace: u ? "nowrap" : "normal"
                   },
-                  children: r.map((te) => /* @__PURE__ */ v.jsx(
-                    xu,
-                    {
-                      align: te.align,
-                      children: a[te.value](ne)
-                    },
-                    `${te.value}_${re}`
-                  ))
-                },
-                `${(ne.id ?? re).toString()}_${re}`
-              )) })
-            ] })
-          }
-        ),
-        j && b && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-          V && /* @__PURE__ */ v.jsx(
-            Jt,
-            {
-              disableRipple: !0,
-              sx: {
-                position: "absolute",
-                left: 15,
-                // top: "10%",
-                top: `${Z}px`,
-                // transform: "translateY(-50%)",
-                zIndex: 1,
-                backgroundColor: "white",
-                borderRadius: "50%",
-                padding: "0.35rem",
-                boxShadow: 2,
-                transition: "0.3s ease",
-                "&:hover": {
-                  backgroundColor: T.colors.surface2_lightgrey
+                  children: ne.label
                 }
-              },
-              onClick: $,
-              children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll left", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(XF, { sx: { color: "#000" } }) })
-            }
-          ),
-          F && /* @__PURE__ */ v.jsx(
-            Jt,
+              )
+            },
+            ne.value
+          )) }) }),
+          /* @__PURE__ */ v.jsx(lv, { children: Mr.isArrayWithValues(ue) && ue.map((ne, re) => /* @__PURE__ */ v.jsx(
+            yu,
             {
-              disableRipple: !0,
+              onClick: (te) => s(te, ne),
+              onContextMenu: (te) => c(te, ne),
               sx: {
-                position: "absolute",
-                right: 15,
-                // top: "50%",
-                top: `${Z}px`,
-                // transform: "translateY(-50%)",
-                zIndex: 1,
-                backgroundColor: "white",
-                borderRadius: "50%",
-                padding: "0.35rem",
-                boxShadow: 2,
-                transition: "0.3s ease",
+                borderBottom: "1px solid #f5f6f7",
+                cursor: "pointer",
+                transition: "0.3s",
                 "&:hover": {
-                  backgroundColor: T.colors.surface2_lightgrey
+                  backgroundColor: T.palette.background.default
                 }
               },
-              onClick: W,
-              children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll right", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(GF, { sx: { color: "#000" } }) })
-            }
-          )
+              children: r.map((te) => /* @__PURE__ */ v.jsx(
+                xu,
+                {
+                  align: te.align,
+                  children: a[te.value](ne)
+                },
+                `${te.value}_${re}`
+              ))
+            },
+            `${(ne.id ?? re).toString()}_${re}`
+          )) })
         ] })
-      ]
-    }
-  );
+      }
+    ),
+    j && b && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+      V && /* @__PURE__ */ v.jsx(
+        Jt,
+        {
+          disableRipple: !0,
+          sx: {
+            position: "absolute",
+            left: 15,
+            // top: "10%",
+            top: `${Z}px`,
+            // transform: "translateY(-50%)",
+            zIndex: 1,
+            backgroundColor: "white",
+            borderRadius: "50%",
+            padding: "0.35rem",
+            boxShadow: 2,
+            transition: "0.3s ease",
+            "&:hover": {
+              backgroundColor: T.colors.surface2_lightgrey
+            }
+          },
+          onClick: $,
+          children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll left", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(XF, { sx: { color: "#000" } }) })
+        }
+      ),
+      F && /* @__PURE__ */ v.jsx(
+        Jt,
+        {
+          disableRipple: !0,
+          sx: {
+            position: "absolute",
+            right: 15,
+            // top: "50%",
+            top: `${Z}px`,
+            // transform: "translateY(-50%)",
+            zIndex: 1,
+            backgroundColor: "white",
+            borderRadius: "50%",
+            padding: "0.35rem",
+            boxShadow: 2,
+            transition: "0.3s ease",
+            "&:hover": {
+              backgroundColor: T.colors.surface2_lightgrey
+            }
+          },
+          onClick: W,
+          children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll right", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(GF, { sx: { color: "#000" } }) })
+        }
+      )
+    ] })
+  ] });
 }, uz = ({
   currentPage: e,
   totalPages: t,