@kashifd/jwero-components 0.7.43 → 0.7.44

package/dist/index.es.js

@@ -48528,9 +48528,10 @@ const fW = ({
   rowData: a,
   onClick: s = () => {
   },
-  enableScrollButtons: c = !1
+  enableScrollButtons: c = !1,
+  tableTitleNoLineBreak: d = !1
 }) => {
-  const d = jt();
+  const g = jt();
   return /* @__PURE__ */ v.jsx(v.Fragment, { children: /* @__PURE__ */ v.jsx(
     iv,
     {
@@ -48540,50 +48541,53 @@ const fW = ({
         ...e
       },
       children: /* @__PURE__ */ v.jsxs(ov, { stickyHeader: !0, children: [
-        /* @__PURE__ */ v.jsx(sv, { children: /* @__PURE__ */ v.jsx(xd, { sx: { border: 0 }, children: Gr.isArrayWithValues(r) && r.map((g) => /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ v.jsx(sv, { children: /* @__PURE__ */ v.jsx(xd, { sx: { border: 0 }, children: Gr.isArrayWithValues(r) && r.map((m) => /* @__PURE__ */ v.jsx(
           bd,
           {
             sx: {
-              backgroundColor: d.palette.background.paper,
+              backgroundColor: g.palette.background.paper,
               border: 0,
               padding: "1rem 1rem 0.5rem 1rem"
             },
-            align: g.align,
+            align: m.align,
             children: /* @__PURE__ */ v.jsx(
               vt,
               {
-                sx: { color: d.colors.text_secondary },
-                children: g.label
+                sx: {
+                  color: g.colors.text_secondary,
+                  whiteSpace: d ? "nowrap" : "normal"
+                },
+                children: m.label
               }
             )
           },
-          g.value
+          m.value
         )) }) }),
-        /* @__PURE__ */ v.jsx(av, { children: Gr.isArrayWithValues(t) && t.map((g, m) => /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ v.jsx(av, { children: Gr.isArrayWithValues(t) && t.map((m, b) => /* @__PURE__ */ v.jsx(
           xd,
           {
-            onClick: (b) => s(b, g),
+            onClick: (w) => s(w, m),
             sx: {
               "&:last-child td, &:last-child th": { border: 0 },
               borderBottom: '1px solid "#f5f6f7"',
               cursor: "pointer",
               transition: "0.3s ease",
               "&:hover": {
-                backgroundColor: d.palette.background.default
+                backgroundColor: g.palette.background.default
               }
             },
-            children: r.map((b) => /* @__PURE__ */ v.jsx(
+            children: r.map((w) => /* @__PURE__ */ v.jsx(
               bd,
               {
                 component: "th",
                 scope: "row",
-                align: b.align,
-                children: a == null ? void 0 : a[b == null ? void 0 : b.value](g)
+                align: w.align,
+                children: a == null ? void 0 : a[w == null ? void 0 : w.value](m)
               },
-              b.value
+              w.value
             ))
           },
-          `${g.id}_${m}`
+          `${m.id}_${b}`
         )) })
       ] })
     }
@@ -48669,26 +48673,28 @@ const fW = ({
     onChange: () => {
     }
   },
-  sx: b
+  tableTitleNoLineBreak: b = !1,
+  sx: w
 }) => {
-  const w = [
+  const S = [
     { value: "title", label: "Title", align: "left" },
     { value: "event", label: "Event", align: "left" }
-  ], S = {
-    title: (O) => /* @__PURE__ */ v.jsx(vt, { children: "EXAMPLE TITLE" }),
-    event: (O) => /* @__PURE__ */ v.jsx(vt, { children: "EXAMPLE EVENT" })
+  ], O = {
+    title: (P) => /* @__PURE__ */ v.jsx(vt, { children: "EXAMPLE TITLE" }),
+    event: (P) => /* @__PURE__ */ v.jsx(vt, { children: "EXAMPLE EVENT" })
   };
-  return /* @__PURE__ */ v.jsxs(Ve, { sx: { gap: "1rem", height: "100%", width: "100%", ...b }, children: [
+  return /* @__PURE__ */ v.jsxs(Ve, { sx: { gap: "1rem", height: "100%", width: "100%", ...w }, children: [
     s,
     /* @__PURE__ */ v.jsx(
       YF,
       {
         tableSx: e,
         data: t,
-        tableHeaderList: r || w,
-        rowData: a || S,
+        tableHeaderList: r || S,
+        rowData: a || O,
         onClick: c,
-        enableScrollButtons: d
+        enableScrollButtons: d,
+        tableTitleNoLineBreak: b
       }
     ),
     (g.flag || (m == null ? void 0 : m.flag)) && /* @__PURE__ */ v.jsxs(Ve, { direction: "row", sx: { width: "100%" }, children: [