@kashifd/jwero-components 0.8.0 → 0.8.2

package/dist/index.es.js

@@ -46457,9 +46457,10 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
   enterDelay: s = 400,
   enterNextDelay: c = 200,
   sx: u,
-  childrenSx: g
+  childrenSx: g,
+  tooltipProps: m
 }) => {
-  const m = Ot(), b = a === "primary" ? m.colors.secondary : a === "secondary" ? "#ffffff" : m.colors.positive, w = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : m.colors.positive;
+  const b = Ot(), w = a === "primary" ? b.colors.secondary : a === "secondary" ? "#ffffff" : b.colors.positive, T = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : b.colors.positive;
   return /* @__PURE__ */ v.jsx(
     iv,
     {
@@ -46473,8 +46474,8 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
           sx: {
             fontSize: "0.875rem",
             fontWeight: 500,
-            backgroundColor: b,
-            color: w,
+            backgroundColor: w,
+            color: T,
             padding: "0.75rem",
             borderRadius: "0.5rem",
             boxShadow: a === "secondary" ? "0px 8px 16px -2px rgba(27, 33, 44, 0.12)" : null,
@@ -46483,10 +46484,11 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
         },
         arrow: {
           sx: {
-            color: b
+            color: w
           }
         }
       },
+      ...m,
       children: /* @__PURE__ */ v.jsx(Le, { sx: { ...g || {} }, children: e })
     }
   );
@@ -49190,44 +49192,47 @@ const OW = ({
   customTableHeader: s,
   onClick: c = () => {
   },
-  enableScrollButtons: u = !1,
-  pagination: g = {
+  onContextMenu: u = () => {
+  },
+  enableScrollButtons: g = !1,
+  pagination: m = {
     flag: !1,
     currentPage: 1,
     totalPages: 1
   },
-  rowsPerPageProps: m = {
+  rowsPerPageProps: b = {
     flag: !1,
     rowsPerPage: 10,
     rowsPerPageOptions: [10, 25, 50, 100],
     onChange: () => {
     }
   },
-  tableTitleNoLineBreak: b = !1,
-  sx: w
+  tableTitleNoLineBreak: w = !1,
+  sx: T
 }) => {
-  const T = [
+  const D = [
     { value: "title", label: "Title", align: "left" },
     { value: "event", label: "Event", align: "left" }
-  ], D = {
-    title: (I) => /* @__PURE__ */ v.jsx(nt, { children: "EXAMPLE TITLE" }),
-    event: (I) => /* @__PURE__ */ v.jsx(nt, { children: "EXAMPLE EVENT" })
+  ], I = {
+    title: (O) => /* @__PURE__ */ v.jsx(nt, { children: "EXAMPLE TITLE" }),
+    event: (O) => /* @__PURE__ */ v.jsx(nt, { children: "EXAMPLE EVENT" })
   };
-  return /* @__PURE__ */ v.jsxs(Le, { sx: { gap: "1rem", height: "100%", width: "100%", ...w }, children: [
+  return /* @__PURE__ */ v.jsxs(Le, { sx: { gap: "1rem", height: "100%", width: "100%", ...T }, children: [
     s,
     /* @__PURE__ */ v.jsx(
       lz,
       {
         tableSx: e,
         data: t,
-        tableHeaderList: r || T,
-        rowData: a || D,
+        tableHeaderList: r || D,
+        rowData: a || I,
         onClick: c,
-        enableScrollButtons: u,
-        tableTitleNoLineBreak: b
+        onContextMenu: u,
+        enableScrollButtons: g,
+        tableTitleNoLineBreak: w
       }
     ),
-    (g.flag || (m == null ? void 0 : m.flag)) && /* @__PURE__ */ v.jsxs(Le, { direction: "row", sx: { width: "100%" }, children: [
+    (m.flag || (b == null ? void 0 : b.flag)) && /* @__PURE__ */ v.jsxs(Le, { direction: "row", sx: { width: "100%" }, children: [
       /* @__PURE__ */ v.jsx(
         Le,
         {
@@ -49235,25 +49240,25 @@ const OW = ({
           alignItems: "center",
           justifyContent: "center",
           sx: { width: "100%" },
-          children: g.flag && /* @__PURE__ */ v.jsx(
+          children: m.flag && /* @__PURE__ */ v.jsx(
             cz,
             {
-              currentPage: g.currentPage,
-              totalPages: g.totalPages,
-              onChange: g.onChange,
+              currentPage: m.currentPage,
+              totalPages: m.totalPages,
+              onChange: m.onChange,
               sx: {
-                ml: m.flag ? "10%" : "0"
+                ml: b.flag ? "10%" : "0"
               }
             }
           )
         }
       ),
-      m.flag && /* @__PURE__ */ v.jsx(
+      b.flag && /* @__PURE__ */ v.jsx(
         dz,
         {
-          rowsPerPage: m.rowsPerPage,
-          rowsPerPageOptions: m.rowsPerPageOptions,
-          onChange: m.onChange,
+          rowsPerPage: b.rowsPerPage,
+          rowsPerPageOptions: b.rowsPerPageOptions,
+          onChange: b.onChange,
           sx: { ml: "1rem" }
         }
       )