hplx-feature-library 1.0.105 → 1.0.107

package/dist/{AllInvestigationsTable-DYTMjKMc.js → AllInvestigationsTable-3fQMz9Fv.js}

@@ -1,5 +1,5 @@
-import { j as e, Y as L, P as S, M as E } from "./index-Bs8a30WQ.js";
-import { createContext as A, useContext as G, useMemo as O, useState as N, useRef as F, useEffect as j, useCallback as R } from "react";
+import { j as e, Y as L, P as B, M as R } from "./index-Bs8a30WQ.js";
+import { createContext as A, useContext as G, useMemo as O, useState as N, useRef as P, useEffect as j, useCallback as S } from "react";
 const $ = A(void 0), M = () => {
   const C = G($);
   if (!C)
@@ -12,15 +12,15 @@ const $ = A(void 0), M = () => {
   Left: "left",
   Right: "right"
 }, z = () => {
-  const { paginationProps: C, onPaginationClick: l, displayPaginationClassesToOverride: n } = M(), x = O(() => Math.ceil(C.totalRecords / C.pageSize), [C.pageSize, C.totalRecords]), o = (c) => {
-    let d = C.activePage;
-    c === k.PREV_PAGE && C.activePage > 1 ? d = d - 1 : c === k.NEXT_PAGE && C.activePage < x && (d = d + 1), l?.(d);
+  const { paginationProps: C, onPaginationClick: l, displayPaginationClassesToOverride: i } = M(), p = O(() => Math.ceil(C.totalRecords / C.pageSize), [C.pageSize, C.totalRecords]), o = (c) => {
+    let h = C.activePage;
+    c === k.PREV_PAGE && C.activePage > 1 ? h = h - 1 : c === k.NEXT_PAGE && C.activePage < p && (h = h + 1), l?.(h);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-justify-between hfl-items-center hfl-gap-2", children: [
     /* @__PURE__ */ e.jsxs(
       "h1",
       {
-        className: `${n ?? ""} hfl-text-Gray-500 hfl-font-inter hfl-leading-12 hfl-text-2 hfl-font-inter-0`,
+        className: `${i ?? ""} hfl-text-Gray-500 hfl-font-inter hfl-leading-12 hfl-text-2 hfl-font-inter-0`,
         children: [
           `${C.pageSize * (C.activePage - 1) + 1}`,
           "-",
@@ -37,7 +37,7 @@ const $ = A(void 0), M = () => {
         hierarchy: "Secondary-Grey",
         size: "sm",
         icon: "Only",
-        iconFile: `${n ?? ""} hx_left hfl-text-4 hfl-text-Gray-700`,
+        iconFile: `${i ?? ""} hx_left hfl-text-4 hfl-text-Gray-700`,
         onClick: () => {
           o(k.PREV_PAGE);
         },
@@ -52,26 +52,26 @@ const $ = A(void 0), M = () => {
         hierarchy: "Secondary-Grey",
         size: "sm",
         icon: "Only",
-        iconFile: `${n ?? ""} hx_right hfl-text-4 hfl-text-Gray-700`,
+        iconFile: `${i ?? ""} hx_right hfl-text-4 hfl-text-Gray-700`,
         onClick: () => {
           o(k.NEXT_PAGE);
         },
         textField: "",
-        disabled: !C.currentPageRowCount || C.activePage === x
+        disabled: !C.currentPageRowCount || C.activePage === p
       }
     )
   ] });
 };
-function B(C) {
-  const { label: l, onCheck: n, isSelected: x, isDisabled: o } = C;
+function D(C) {
+  const { label: l, onCheck: i, isSelected: p, isDisabled: o } = C;
   return /* @__PURE__ */ e.jsxs("li", { className: "hfl-flex hfl-items-center hfl-w-full hfl-py-2", children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        checked: !o && x,
+        checked: !o && p,
         disabled: o,
-        onChange: () => !o && n(l),
+        onChange: () => !o && i(l),
         className: "hfl-appearance-none hfl-mr-1 hfl-min-w-[16px] hfl-min-h-[16px] hfl-border-1 hfl-border-Gray-300 hfl-bg-white hfl-rounded-md hfl-checked:bg-blue-800 hfl-checked:border-transparent  checked:hfl-bg-Blue-600 disabled:hfl-text-Gray-200 disabled:hfl-bg-Gray-200"
       }
     ),
@@ -87,64 +87,64 @@ function B(C) {
 const V = (C) => {
   const {
     options: l,
-    filterclassname: n,
-    filterButtonStyles: x = "",
+    filterclassname: i,
+    filterButtonStyles: p = "",
     clearFilterButtonStyles: o = "",
     showApplyFilter: c = !1,
-    onApplyFilter: d,
-    onClearFilter: m
-  } = C, [u, t] = N([]), [w, s] = N(0), a = F(null), h = F(null), f = F(null), p = F(null), [i, r] = N(!1), P = () => {
-    d && d(u), r(!1);
-  }, b = () => {
-    m && m(), r(!1);
-  }, y = (g) => {
+    onApplyFilter: h,
+    onClearFilter: g
+  } = C, [x, t] = N([]), [y, s] = N(0), a = P(null), d = P(null), r = P(null), b = P(null), [n, u] = N(!1), f = () => {
+    h && h(x), u(!1);
+  }, w = () => {
+    g && g(), u(!1);
+  }, v = (m) => {
     t(
-      (v) => v.map(
-        (_, T) => T === g ? { ..._, isSelected: !_.isSelected } : { ..._ }
+      (F) => F.map(
+        (_, T) => T === m ? { ..._, isSelected: !_.isSelected } : { ..._ }
       )
     );
   };
   return j(() => {
-    t(l), s(l.filter((g) => g.isSelected && !g.isDisabled).length);
+    t(l), s(l.filter((m) => m.isSelected && !m.isDisabled).length);
   }, [l]), j(() => {
-    const g = (v) => {
-      v.target instanceof HTMLElement && h.current && !h.current.contains(v.target) && a.current && !a.current.contains(v.target) && (!f.current || f && f.current && !f.current.contains(v.target)) && (!p.current || p && p.current && !p.current.contains(v.target)) && (r(!1), t(l));
+    const m = (F) => {
+      F.target instanceof HTMLElement && d.current && !d.current.contains(F.target) && a.current && !a.current.contains(F.target) && (!r.current || r && r.current && !r.current.contains(F.target)) && (!b.current || b && b.current && !b.current.contains(F.target)) && (u(!1), t(l));
     };
-    return i ? document.addEventListener("mousedown", g) : document.removeEventListener("mousedown", g), () => {
-      document.removeEventListener("mousedown", g);
+    return n ? document.addEventListener("mousedown", m) : document.removeEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
     };
-  }, [i, h, r]), /* @__PURE__ */ e.jsxs("div", { className: "hfl-relative", style: { minWidth: "10rem" }, children: [
+  }, [n, d, u]), /* @__PURE__ */ e.jsxs("div", { className: "hfl-relative", style: { minWidth: "10rem" }, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: a,
         className: "hfl-flex hfl-items-center hfl-gap-4 hfl-cursor-pointer hfl-justify-between hfl-border hfl-px-2 hfl-py-1.5 hfl-rounded-md hfl-border-Gray-200",
-        onClick: () => r(!i),
+        onClick: () => u(!n),
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "hfl-text-1 hfl-text-Gray-400", children: w > 0 ? `${w} Selected` : "Select Table Filter" }),
-          /* @__PURE__ */ e.jsx("i", { className: `${i ? "hx_up" : "hx_down"}  hfl-text-1 hfl-text-Gray-500` })
+          /* @__PURE__ */ e.jsx("span", { className: "hfl-text-1 hfl-text-Gray-400", children: y > 0 ? `${y} Selected` : "Select Table Filter" }),
+          /* @__PURE__ */ e.jsx("i", { className: `${n ? "hx_up" : "hx_down"}  hfl-text-1 hfl-text-Gray-500` })
         ]
       }
     ),
-    i && /* @__PURE__ */ e.jsxs(
+    n && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `hfl-absolute hfl-z-50 hfl-rounded-lg hfl-bg-White hfl-shadow-4xl hfl-border-1 ${n}`,
+        className: `hfl-absolute hfl-z-50 hfl-rounded-lg hfl-bg-White hfl-shadow-4xl hfl-border-1 ${i}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "ul",
             {
-              ref: h,
+              ref: d,
               className: "hfl-pb-1 hfl-px-3 hfl-py-2 hfl-max-h-[200px] hfl-rounded-lg hfl-overflow-y-scroll hfl-overflow-x-hidden ",
-              children: u.map((g, v) => /* @__PURE__ */ e.jsx(
-                B,
+              children: x.map((m, F) => /* @__PURE__ */ e.jsx(
+                D,
                 {
-                  isSelected: g.isSelected,
-                  isDisabled: g.isDisabled ?? !1,
-                  label: g.name,
-                  onCheck: () => y(v)
+                  isSelected: m.isSelected,
+                  isDisabled: m.isDisabled ?? !1,
+                  label: m.name,
+                  onCheck: () => v(F)
                 },
-                `dropdown-option-${g.name}`
+                `dropdown-option-${m.name}`
               ))
             }
           ),
@@ -152,18 +152,18 @@ const V = (C) => {
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: P,
-                className: `hfl-my-2 hfl-whitespace-nowrap hfl-text-White hfl-text-[13px] hfl-bg-Blue-600 hfl-cursor-pointer hover:hfl-bg-Blue-50 hover:hfl-border hover:hfl-border-Blue-300 hover:hfl-text-Blue-600 hfl-py-2 hfl-px-4 hfl-rounded-lg hfl-border-1 hfl-font-inter-0 ${x}`,
-                ref: f,
+                onClick: f,
+                className: `hfl-my-2 hfl-whitespace-nowrap hfl-text-White hfl-text-[13px] hfl-bg-Blue-600 hfl-cursor-pointer hover:hfl-bg-Blue-50 hover:hfl-border hover:hfl-border-Blue-300 hover:hfl-text-Blue-600 hfl-py-2 hfl-px-4 hfl-rounded-lg hfl-border-1 hfl-font-inter-0 ${p}`,
+                ref: r,
                 children: "Apply Filter"
               }
             ),
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: b,
+                onClick: w,
                 className: `hfl-my-2 hfl-whitespace-nowrap hfl-text-LightBlack-1 hfl-text-[13px] hfl-bg-White hfl-cursor-pointer hfl-py-2 hfl-px-4 hfl-rounded-lg hfl-border-1 hfl-border-gray-200 hfl-font-inter-0 ${o}`,
-                ref: p,
+                ref: b,
                 children: "Clear Filter"
               }
             )
@@ -176,30 +176,30 @@ const V = (C) => {
 function Q(C) {
   const {
     title: l,
-    description: n,
-    onPageRefresh: x,
+    description: i,
+    onPageRefresh: p,
     buttonClassName: o,
     titleClassName: c,
-    descriptionClassName: d,
-    containerClassName: m,
-    imageClassName: u
+    descriptionClassName: h,
+    containerClassName: g,
+    imageClassName: x
   } = C;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `hfl-flex hfl-justify-center hfl-items-center xs:hfl-py-2 xs:hfl-px-8 sm:hfl-py-4 sm:hfl-px-16  hfl-border-t-1 hfl-border-Gray-300 ${m}`,
+      className: `hfl-flex hfl-justify-center hfl-items-center xs:hfl-py-2 xs:hfl-px-8 sm:hfl-py-4 sm:hfl-px-16  hfl-border-t-1 hfl-border-Gray-300 ${g}`,
       children: [
-        /* @__PURE__ */ e.jsx("img", { src: W, className: u || "", alt: "No records found image" }),
+        /* @__PURE__ */ e.jsx("img", { src: W, className: x || "", alt: "No records found image" }),
         /* @__PURE__ */ e.jsxs("div", { className: "xs:hfl-ml-8 sm:hfl-ml-12 ", children: [
-          /* @__PURE__ */ e.jsx(S, { variant: "Bold", type: "Display xs", className: `hfl-mb-1 ${c}`, children: l }),
-          /* @__PURE__ */ e.jsx(S, { variant: "Medium", type: "Text md", className: `hfl-mb-1 ${d}`, children: n }),
+          /* @__PURE__ */ e.jsx(B, { variant: "Bold", type: "Display xs", className: `hfl-mb-1 ${c}`, children: l }),
+          /* @__PURE__ */ e.jsx(B, { variant: "Medium", type: "Text md", className: `hfl-mb-1 ${h}`, children: i }),
           /* @__PURE__ */ e.jsx(
             L,
             {
               hierarchy: "Primary",
               size: "sm",
               className: o,
-              onClick: x,
+              onClick: p,
               icon: "Left",
               iconFile: "hx_rewind",
               textField: "Refresh"
@@ -210,7 +210,7 @@ function Q(C) {
     }
   );
 }
-const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx(
+const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     style: {
@@ -219,29 +219,29 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
       maxWidth: l?.width ? "" : "100px",
       wordBreak: "break-word"
     },
-    className: `hfl-flex hfl-items-center hfl-px-4 hfl-text-left hfl-min-w-100 ${l?.pinned === "left" ? "hfl-z-10" : ""} ${n ? `${l?.headerCellClasses ?? ""} hfl-py-2 hfl-justify-between hfl-relative` : `${l?.cellClasses ?? ""} hfl-min-h-40 hfl-py-1`}`,
+    className: `hfl-flex hfl-items-center hfl-px-4 hfl-text-left hfl-min-w-100 ${l?.pinned === "left" ? "hfl-z-10" : ""} ${i ? `${l?.headerCellClasses ?? ""} hfl-py-2 hfl-justify-between hfl-relative` : `${l?.cellClasses ?? ""} hfl-min-h-[40px] hfl-py-1`}`,
     children: C
   }
-), H = ({ children: C, isHeaderRow: l, classes: n }) => /* @__PURE__ */ e.jsx(
+), E = ({ children: C, isHeaderRow: l, classes: i }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: `hfl-flex hfl-justify-start hfl-items-stretch ${n ?? ""} ${l ? "hfl-bg-White" : "hfl-bg-White odd:hfl-bg-Gray-50"}`,
+    className: `hfl-flex hfl-justify-start hfl-items-stretch ${i ?? ""} ${l ? "hfl-bg-White" : "hfl-bg-White odd:hfl-bg-Gray-50"}`,
     children: C
   }
 ), U = () => {
   const {
     rowsData: C,
     leftPinnedColumns: l,
-    rightPinnedColumns: n,
-    nonPinnedColumns: x,
+    rightPinnedColumns: i,
+    nonPinnedColumns: p,
     tableBodyClassesToOverride: o,
     rowClassesForSpecificIndex: c,
-    tableBodyParentDivRef: d
-  } = M(), m = (s, a, h) => {
-    const f = a[s?.field];
-    return s?.valueFormatter ? s?.valueFormatter(f, a, s, h) : f;
-  }, u = (s, a, h, f) => /* @__PURE__ */ e.jsx(D, { column: s, colIndex: f, rowIndex: h, children: s?.renderCell ? s?.renderCell(m(s, a, h), a, s, h) : m(s, a, h) }, `${h}-${f}`), t = (s, a, h, f) => /* @__PURE__ */ e.jsx("div", { style: { height: "inherit" }, className: f, children: s.map((p, i) => u(p, a, h, i)) }), w = (s, a) => /* @__PURE__ */ e.jsxs(
-    H,
+    tableBodyParentDivRef: h
+  } = M(), g = (s, a, d) => {
+    const r = a[s?.field];
+    return s?.valueFormatter ? s?.valueFormatter(r, a, s, d) : r;
+  }, x = (s, a, d, r) => /* @__PURE__ */ e.jsx(H, { column: s, colIndex: r, rowIndex: d, children: s?.renderCell ? s?.renderCell(g(s, a, d), a, s, d) : g(s, a, d) }, `${d}-${r}`), t = (s, a, d, r) => /* @__PURE__ */ e.jsx("div", { style: { height: "inherit" }, className: r, children: s.map((b, n) => x(b, a, d, n)) }), y = (s, a) => /* @__PURE__ */ e.jsxs(
+    E,
     {
       classes: `hfl-text-LightBlack-1 hfl-text-1 hfl-leading-12 hfl-font-inter-0 ${c.index === a ? c.rowClasses : ""}`,
       isHeaderRow: !1,
@@ -252,9 +252,9 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
           a,
           "hfl-flex  hfl-sticky hfl-left-0 hfl-z-10 hfl-bg-inherit hfl-shadow-lg hfl-shadow-Gray-300"
         ),
-        t(x, s, a, "hfl-flex hfl-h-inherit hfl-w-full"),
+        t(p, s, a, "hfl-flex hfl-h-inherit hfl-w-full"),
         t(
-          n,
+          i,
           s,
           a,
           "hfl-flex hfl-h-inherit hfl-sticky hfl-right-0 hfl-z-10 hfl-bg-inherit hfl-shadow-lg hfl-shadow-Gray-300"
@@ -263,43 +263,43 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
     },
     "tr" + a
   );
-  return /* @__PURE__ */ e.jsx("div", { ref: d, className: `${o ?? ""} hfl-max-h-500`, children: C.map((s, a) => w(s, a)) });
-}, X = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2010.6667C9.27614%2010.6667%209.5%2010.8905%209.5%2011.1667C9.5%2011.4428%209.27614%2011.6667%209%2011.6667H7C6.72386%2011.6667%206.5%2011.4428%206.5%2011.1667C6.5%2010.8905%206.72386%2010.6667%207%2010.6667H9ZM11%207.33333C11.2761%207.33333%2011.5%207.55719%2011.5%207.83333C11.5%208.10948%2011.2761%208.33333%2011%208.33333H5C4.72386%208.33333%204.5%208.10948%204.5%207.83333C4.5%207.55719%204.72386%207.33333%205%207.33333H11ZM13%204C13.2761%204%2013.5%204.22386%2013.5%204.5C13.5%204.77614%2013.2761%205%2013%205H3C2.72386%205%202.5%204.77614%202.5%204.5C2.5%204.22386%202.72386%204%203%204H13Z'%20fill='%23667085'/%3e%3c/svg%3e", I = (C) => {
+  return /* @__PURE__ */ e.jsx("div", { ref: h, className: `${o ?? ""} hfl-max-h-500`, children: C.map((s, a) => y(s, a)) });
+}, I = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2010.6667C9.27614%2010.6667%209.5%2010.8905%209.5%2011.1667C9.5%2011.4428%209.27614%2011.6667%209%2011.6667H7C6.72386%2011.6667%206.5%2011.4428%206.5%2011.1667C6.5%2010.8905%206.72386%2010.6667%207%2010.6667H9ZM11%207.33333C11.2761%207.33333%2011.5%207.55719%2011.5%207.83333C11.5%208.10948%2011.2761%208.33333%2011%208.33333H5C4.72386%208.33333%204.5%208.10948%204.5%207.83333C4.5%207.55719%204.72386%207.33333%205%207.33333H11ZM13%204C13.2761%204%2013.5%204.22386%2013.5%204.5C13.5%204.77614%2013.2761%205%2013%205H3C2.72386%205%202.5%204.77614%202.5%204.5C2.5%204.22386%202.72386%204%203%204H13Z'%20fill='%23667085'/%3e%3c/svg%3e", X = (C) => {
   const {
     options: l,
-    onCheck: n,
-    filterclassname: x,
+    onCheck: i,
+    filterclassname: p,
     filterButtonStyles: o = "",
     showApplyFilter: c = !1,
-    onApplyFilter: d,
-    field: m,
-    resetDropDownData: u,
+    onApplyFilter: h,
+    field: g,
+    resetDropDownData: x,
     showSearch: t,
-    searchQuery: w,
+    searchQuery: y,
     setSearchQuery: s,
     dropdownCloseEventOnClickOutside: a
-  } = C, h = F(null), f = F(null), p = F(null), { showDropdown: i, setShowDropdown: r } = M(), P = () => {
-    d && d(m), r(null);
+  } = C, d = P(null), r = P(null), b = P(null), { showDropdown: n, setShowDropdown: u } = M(), f = () => {
+    h && h(g), u(null);
   };
   return j(() => {
-    const b = (y) => {
-      if (y.target instanceof HTMLElement) {
-        const g = document.getElementById(`filter-button-${i}`);
-        h.current && !h.current.contains(y.target) && g && !g.contains(y.target) && p && !p.current?.contains(y.target) && (!f.current || f && f.current && !f.current.contains(y.target)) && (c && u && u(m), r(null), a?.());
+    const w = (v) => {
+      if (v.target instanceof HTMLElement) {
+        const m = document.getElementById(`filter-button-${n}`);
+        d.current && !d.current.contains(v.target) && m && !m.contains(v.target) && b && !b.current?.contains(v.target) && (!r.current || r && r.current && !r.current.contains(v.target)) && (c && x && x(g), u(null), a?.());
       }
     };
-    return i ? document.addEventListener("mousedown", b) : document.removeEventListener("mousedown", b), () => {
-      document.removeEventListener("mousedown", b);
+    return n ? document.addEventListener("mousedown", w) : document.removeEventListener("mousedown", w), () => {
+      document.removeEventListener("mousedown", w);
     };
-  }, [i, h, r]), /* @__PURE__ */ e.jsxs(
+  }, [n, d, u]), /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `hfl-px-3 hfl-z-[10000000] hfl-py-2 hfl-top-[48px] hfl-left-[20px] hfl-rounded-lg hfl-bg-White hfl-absolute  hfl-shadow-4xl hfl-border-1 ${x}`,
+      className: `hfl-px-3 hfl-z-[10000000] hfl-py-2 hfl-top-[48px] hfl-left-[20px] hfl-rounded-lg hfl-bg-White hfl-absolute  hfl-shadow-4xl hfl-border-1 ${p}`,
       children: [
         t && /* @__PURE__ */ e.jsxs(
           "div",
           {
-            ref: p,
+            ref: b,
             className: "hfl-flex hfl-items-center hfl-w-full hfl-px-2 hfl-py-1 hfl-border hfl-rounded-lg",
             children: [
               /* @__PURE__ */ e.jsx("i", { className: "hx_search" }),
@@ -307,11 +307,11 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
                 "input",
                 {
                   type: "string",
-                  value: w,
+                  value: y,
                   className: "hfl-p-1 hfl-w-full focus-visible:hfl-outline-none",
                   placeholder: "Search Service",
-                  onChange: (b) => {
-                    s?.(b.target.value);
+                  onChange: (w) => {
+                    s?.(w.target.value);
                   }
                 }
               )
@@ -321,26 +321,26 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
         /* @__PURE__ */ e.jsx(
           "ul",
           {
-            ref: h,
+            ref: d,
             className: "hfl-pb-1 hfl-w-[150px] hfl-max-h-[200px] hfl-rounded-lg hfl-overflow-y-scroll hfl-overflow-x-hidden ",
-            children: l.map((b) => /* @__PURE__ */ e.jsx(
-              B,
+            children: l.map((w) => /* @__PURE__ */ e.jsx(
+              D,
               {
-                isSelected: b.isSelected,
+                isSelected: w.isSelected,
                 isDisabled: !1,
-                label: b.name,
-                onCheck: n
+                label: w.name,
+                onCheck: i
               },
-              `dropdown-option-${b.name}`
+              `dropdown-option-${w.name}`
             ))
           }
         ),
         c && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: P,
+            onClick: f,
             className: `hfl-text-Blue-950 hfl-text-[13px] hfl-mt-1 hfl-pb-0.5 hfl-rounded-lg hfl-border-0 hfl-font-inter-0 ${o}`,
-            ref: f,
+            ref: r,
             children: "Apply Filter"
           }
         )
@@ -351,22 +351,22 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
   const {
     leftPinnedColumns: C,
     rightPinnedColumns: l,
-    nonPinnedColumns: n,
-    headerRowClasses: x,
+    nonPinnedColumns: i,
+    headerRowClasses: p,
     hideHeader: o,
     showDropdown: c,
-    setShowDropdown: d
-  } = M(), m = R(
-    (t, w) => /* @__PURE__ */ e.jsxs(D, { column: t, isHeaderCell: !0, colIndex: w, children: [
+    setShowDropdown: h
+  } = M(), g = S(
+    (t, y) => /* @__PURE__ */ e.jsxs(H, { column: t, isHeaderCell: !0, colIndex: y, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-gap-0 hfl-flex-row hfl-items-center", children: [
         t?.enableColumnCheckbox && /* @__PURE__ */ e.jsx(
-          E,
+          R,
           {
             size: "md",
             checkBoxInnerDivClasses: "!hfl-w-4 !hfl-h-4 !hfl-mr-1 !hfl-text-Blue-600 !hfl-border-Blue-600 !hfl-bg-Blue-50 hover:hfl-bg-Blue-50 hover:hfl-border-Blue-600",
             text: "",
             onClick: () => {
-              t?.onColumnCheckboxClick?.(t?.isCheckBoxMarked || !1);
+              t?.onColumnCheckboxClick?.(!t?.isCheckBoxMarked);
             },
             id: `checkbox-${t?.field}`,
             isMarked: t?.isCheckBoxMarked || !1,
@@ -379,13 +379,13 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
         "img",
         {
           alt: "filter-icon",
-          src: X,
-          onClick: () => c === t?.field ? d(null) : d(t?.field),
+          src: I,
+          onClick: () => c === t?.field ? h(null) : h(t?.field),
           id: `filter-button-${t?.field}`
         }
       ),
       c === t?.field && /* @__PURE__ */ e.jsx(
-        I,
+        X,
         {
           options: t?.filterValues ?? [],
           onCheck: t?.onFilterCheck ?? (() => {
@@ -402,24 +402,24 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
           dropdownCloseEventOnClickOutside: t?.dropdownCloseEventOnClickOutside
         }
       )
-    ] }, `th-${w}`),
-    [d, c]
-  ), u = R(
-    (t, w) => /* @__PURE__ */ e.jsx("div", { className: w, children: t.map((s, a) => m(s, a)) }),
-    [m]
+    ] }, `th-${y}`),
+    [h, c]
+  ), x = S(
+    (t, y) => /* @__PURE__ */ e.jsx("div", { className: y, children: t.map((s, a) => g(s, a)) }),
+    [g]
   );
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: !o && /* @__PURE__ */ e.jsxs(
-    H,
+    E,
     {
       isHeaderRow: !0,
-      classes: `${x ?? ""} hfl-sticky hfl-top-0 hfl-left-0 hfl-z-20 hfl-text-LightBlack-1 hfl-text-1 hfl-leading-12 hfl-font-inter-2 hfl-border-b hfl-border-t hfl-border-Gray-200`,
+      classes: `${p ?? ""} hfl-sticky hfl-top-0 hfl-left-0 hfl-z-20 hfl-text-LightBlack-1 hfl-text-1 hfl-leading-12 hfl-font-inter-2 hfl-border-b hfl-border-t hfl-border-Gray-200`,
       children: [
-        u(
+        x(
           C,
           "hfl-flex hfl-sticky hfl-left-0 hfl-z-10 hfl-bg-inherit hfl-shadow-md hfl-shadow-Gray-200"
         ),
-        u(n, "hfl-flex hfl-h-inherit hfl-w-full"),
-        u(
+        x(i, "hfl-flex hfl-h-inherit hfl-w-full"),
+        x(
           l,
           "hfl-flex hfl-sticky hfl-right-0 hfl-z-10 hfl-bg-inherit hfl-shadow-md hfl-shadow-Gray-200"
         )
@@ -448,40 +448,40 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
 }, J = ({
   children: C,
   initialColumns: l,
-  rowData: n,
-  headerRowClasses: x,
+  rowData: i,
+  headerRowClasses: p,
   rowClassesForSpecificIndex: o,
   tableBodyClassesToOverride: c,
-  hideHeader: d,
-  paginationProps: m,
-  onPaginationClick: u,
+  hideHeader: h,
+  paginationProps: g,
+  onPaginationClick: x,
   displayPaginationClassesToOverride: t,
-  displayNoDataFoundProps: w,
+  displayNoDataFoundProps: y,
   enableTableFilter: s,
   tableBodyParentDivRef: a
 }) => {
-  const [h, f] = N(null), p = {
-    rowsData: n,
+  const [d, r] = N(null), b = {
+    rowsData: i,
     allColumns: l,
-    leftPinnedColumns: l.filter((i) => i.pinned === Z.Left),
-    rightPinnedColumns: l.filter((i) => i.pinned === Z.Right),
+    leftPinnedColumns: l.filter((n) => n.pinned === Z.Left),
+    rightPinnedColumns: l.filter((n) => n.pinned === Z.Right),
     nonPinnedColumns: l.filter(
-      (i) => i.pinned !== Z.Right && i.pinned !== Z.Left
+      (n) => n.pinned !== Z.Right && n.pinned !== Z.Left
     ),
-    paginationProps: m,
-    onPaginationClick: u,
-    headerRowClasses: x,
+    paginationProps: g,
+    onPaginationClick: x,
+    headerRowClasses: p,
     rowClassesForSpecificIndex: o,
     tableBodyClassesToOverride: c,
-    hideHeader: d,
-    showDropdown: h,
-    setShowDropdown: f,
+    hideHeader: h,
+    showDropdown: d,
+    setShowDropdown: r,
     displayPaginationClassesToOverride: t,
-    displayNoDataFoundProps: w,
+    displayNoDataFoundProps: y,
     enableTableFilter: s,
     tableBodyParentDivRef: a
   };
-  return /* @__PURE__ */ e.jsx($.Provider, { value: p, children: C });
+  return /* @__PURE__ */ e.jsx($.Provider, { value: b, children: C });
 }, K = (C) => {
   const l = {
     activePage: C.paginationProps?.activePage ?? 0,
@@ -556,46 +556,46 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
 }, l2 = ({
   data: C = [],
   testDetails: l = [],
-  enableColumnCheckbox: n = !1,
-  tableHeaderRowClasses: x,
+  enableCheckboxesToSelect: i = !1,
+  tableHeaderRowClasses: p,
   investigationCheckBoxMap: o,
-  onColumnCheckboxClickHandler: c
+  onColumnCheckboxClickHandler: c,
+  onRowCheckboxClickHandler: h
 }) => {
-  const [d, m] = N([]), [u, t] = N([]), [w, s] = N([]), a = F(null);
+  const [g, x] = N([]), [t, y] = N([]), [s, a] = N([]), d = P(null);
   j(() => {
     if (!C.length) return;
-    const f = [...new Set(C.map((r) => r.test_date))];
-    t(f);
-    const p = /* @__PURE__ */ new Map();
-    C?.forEach((r) => {
-      const P = l.find((y) => y?.test_id?.toString() === r?.test_id?.toString());
-      p.has(r.test_id) || p.set(r.test_id, {
-        created_on: r.created_on,
-        out_of_range: r.out_of_range,
-        test_date: r.test_date,
-        test_id: r.test_id,
-        test_name: P?.test_names || r.test_name,
-        test_value: r.test_value,
-        test_unit: P?.test_units || r.test_unit
+    const b = [...new Set(C.map((f) => f.test_date))];
+    y(b);
+    const n = /* @__PURE__ */ new Map();
+    C?.forEach((f) => {
+      const w = l.find((m) => m?.test_id?.toString() === f?.test_id?.toString());
+      n.has(f.test_id) || n.set(f.test_id, {
+        created_on: f.created_on,
+        out_of_range: f.out_of_range,
+        test_date: f.test_date,
+        test_id: f.test_id,
+        test_name: w?.test_names || f.test_name,
+        test_value: f.test_value,
+        test_unit: w?.test_units || f.test_unit
       });
-      const b = p.get(r.test_id);
-      b[r.test_date] = r.test_value;
+      const v = n.get(f.test_id);
+      v[f.test_date] = f.test_value;
     });
-    const i = Array.from(p.values());
-    m(i);
+    const u = Array.from(n.values());
+    x(u);
   }, [C, l]);
-  const h = "hfl-text-1";
+  const r = "hfl-text-1";
   return j(() => {
-    console.log(n);
-    const f = [
+    const b = [
       {
         field: "#",
         fieldHeaderName: "No.",
-        renderCell: (i, r, P, b) => /* @__PURE__ */ e.jsx(e.Fragment, { children: b + 1 }),
         pinned: "left",
         width: "60px",
         minWidth: "60px",
-        cellClasses: `${h}`
+        cellClasses: `${r}`,
+        renderCell: (u, f, w, v) => /* @__PURE__ */ e.jsx(e.Fragment, { children: v + 1 })
       },
       {
         field: "test_name",
@@ -603,12 +603,29 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
         pinned: "left",
         width: "250px",
         minWidth: "250px",
-        cellClasses: `${h}`,
-        enableColumnCheckbox: n,
-        isCheckboxMarked: o.get("test_name"),
-        onColumnCheckboxClick: (i) => {
-          c("test_name", i);
-        }
+        cellClasses: `${r}`,
+        enableColumnCheckbox: i,
+        isCheckBoxMarked: o.get("test_name"),
+        onColumnCheckboxClick: (u) => {
+          c("test_name", u);
+        },
+        renderCell: (u, f) => /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-items-center", children: [
+          i && /* @__PURE__ */ e.jsx(
+            R,
+            {
+              size: "md",
+              checkBoxInnerDivClasses: "!hfl-w-4 !hfl-h-4 !hfl-mr-1 !hfl-text-Blue-600 !hfl-border-Blue-600 !hfl-bg-Blue-50 hover:hfl-bg-Blue-50 hover:hfl-border-Blue-600",
+              text: "",
+              onClick: (w) => {
+                h?.(), console.log("id", w);
+              },
+              id: `checkbox-test-${f.test_id}`,
+              isMarked: !0,
+              checkboxClasses: "hfl-gap-0"
+            }
+          ),
+          u
+        ] })
       },
       {
         field: "test_unit",
@@ -616,29 +633,35 @@ const D = ({ children: C, column: l, isHeaderCell: n }) => /* @__PURE__ */ e.jsx
         pinned: "left",
         width: "80px",
         minWidth: "80px",
-        cellClasses: `${h}`
+        cellClasses: `${r}`
       }
-    ], p = u.map((i) => ({
-      field: i,
-      fieldHeaderName: i,
+    ], n = t.map((u) => ({
+      field: u,
+      fieldHeaderName: u,
       width: "150px",
       minWidth: "150px",
-      cellClasses: `${h}`,
-      enableColumnCheckbox: n,
-      isCheckboxMarked: o.get(i),
-      onColumnCheckboxClick: (r) => {
-        c(i, r);
+      cellClasses: `${r}`,
+      enableColumnCheckbox: i,
+      isCheckBoxMarked: o.get(u),
+      onColumnCheckboxClick: (f) => {
+        c(u, f);
       }
     }));
-    s([...f, ...p]), console.log("while updating", [...f, ...p]);
-  }, [u, n, o, c]), /* @__PURE__ */ e.jsx(
+    a([...b, ...n]);
+  }, [
+    t,
+    i,
+    o,
+    c,
+    h
+  ]), /* @__PURE__ */ e.jsx(
     K,
     {
-      headerRowClasses: `hfl-bg-Blue_gray-50 hfl-text-Indigo-500 hfl-text-1 hfl-border ${x}`,
-      tableRef: a,
-      columns: w,
+      headerRowClasses: `hfl-bg-Blue_gray-50 hfl-text-Indigo-500 hfl-text-1 hfl-border ${p}`,
+      tableRef: d,
+      columns: s,
       tableName: "Investigations",
-      rows: d
+      rows: g
     }
   );
 };