hplx-feature-library 1.0.115 → 1.0.117

package/dist/{AllInvestigationsTable-9PwU9Rw4.js → AllInvestigationsTable-CoU4O2pn.js}

@@ -1,5 +1,5 @@
-import { j as e, Y as L, P as B, M as R } from "./index-CuCeJNEo.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";
+import { j as e, Y as L, P as B, M as S } from "./index-CuCeJNEo.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";
 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: 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);
+  const { paginationProps: C, onPaginationClick: l, displayPaginationClassesToOverride: r } = M(), p = O(() => Math.ceil(C.totalRecords / C.pageSize), [C.pageSize, C.totalRecords]), h = (d) => {
+    let n = C.activePage;
+    d === k.PREV_PAGE && C.activePage > 1 ? n = n - 1 : d === k.NEXT_PAGE && C.activePage < p && (n = n + 1), l?.(n);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-justify-between hfl-items-center hfl-gap-2", children: [
     /* @__PURE__ */ e.jsxs(
       "h1",
       {
-        className: `${i ?? ""} hfl-text-Gray-500 hfl-font-inter hfl-leading-12 hfl-text-2 hfl-font-inter-0`,
+        className: `${r ?? ""} 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,9 +37,9 @@ const $ = A(void 0), M = () => {
         hierarchy: "Secondary-Grey",
         size: "sm",
         icon: "Only",
-        iconFile: `${i ?? ""} hx_left hfl-text-4 hfl-text-Gray-700`,
+        iconFile: `${r ?? ""} hx_left hfl-text-4 hfl-text-Gray-700`,
         onClick: () => {
-          o(k.PREV_PAGE);
+          h(k.PREV_PAGE);
         },
         textField: "",
         disabled: C.activePage === 1 || C.activePage === 0
@@ -52,9 +52,9 @@ const $ = A(void 0), M = () => {
         hierarchy: "Secondary-Grey",
         size: "sm",
         icon: "Only",
-        iconFile: `${i ?? ""} hx_right hfl-text-4 hfl-text-Gray-700`,
+        iconFile: `${r ?? ""} hx_right hfl-text-4 hfl-text-Gray-700`,
         onClick: () => {
-          o(k.NEXT_PAGE);
+          h(k.NEXT_PAGE);
         },
         textField: "",
         disabled: !C.currentPageRowCount || C.activePage === p
@@ -63,22 +63,22 @@ const $ = A(void 0), M = () => {
   ] });
 };
 function D(C) {
-  const { label: l, onCheck: i, isSelected: p, isDisabled: o } = C;
+  const { label: l, onCheck: r, isSelected: p, isDisabled: h } = 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 && p,
-        disabled: o,
-        onChange: () => !o && i(l),
+        checked: !h && p,
+        disabled: h,
+        onChange: () => !h && r(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"
       }
     ),
     /* @__PURE__ */ e.jsx(
       "h3",
       {
-        className: `hfl-overflow-hidden hfl-text-ellipsis hfl-whitespace-nowrap hfl-font-inter-0 hfl-text-[13px] ${o ? "hfl-text-Gray-400" : ""}`,
+        className: `hfl-overflow-hidden hfl-text-ellipsis hfl-whitespace-nowrap hfl-font-inter-0 hfl-text-[13px] ${h ? "hfl-text-Gray-400" : ""}`,
         children: l
       }
     )
@@ -87,83 +87,83 @@ function D(C) {
 const V = (C) => {
   const {
     options: l,
-    filterclassname: i,
+    filterclassname: r,
     filterButtonStyles: p = "",
-    clearFilterButtonStyles: o = "",
-    showApplyFilter: c = !1,
-    onApplyFilter: h,
+    clearFilterButtonStyles: h = "",
+    showApplyFilter: d = !1,
+    onApplyFilter: n,
     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) => {
+  } = C, [x, t] = N([]), [b, a] = N(0), i = F(null), f = F(null), o = F(null), m = F(null), [c, w] = N(!1), y = () => {
+    n && n(x), w(!1);
+  }, s = () => {
+    g && g(), w(!1);
+  }, v = (u) => {
     t(
-      (F) => F.map(
-        (_, T) => T === m ? { ..._, isSelected: !_.isSelected } : { ..._ }
+      (P) => P.map(
+        (_, T) => T === u ? { ..._, isSelected: !_.isSelected } : { ..._ }
       )
     );
   };
   return j(() => {
-    t(l), s(l.filter((m) => m.isSelected && !m.isDisabled).length);
+    t(l), a(l.filter((u) => u.isSelected && !u.isDisabled).length);
   }, [l]), j(() => {
-    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));
+    const u = (P) => {
+      P.target instanceof HTMLElement && f.current && !f.current.contains(P.target) && i.current && !i.current.contains(P.target) && (!o.current || o && o.current && !o.current.contains(P.target)) && (!m.current || m && m.current && !m.current.contains(P.target)) && (w(!1), t(l));
     };
-    return n ? document.addEventListener("mousedown", m) : document.removeEventListener("mousedown", m), () => {
-      document.removeEventListener("mousedown", m);
+    return c ? document.addEventListener("mousedown", u) : document.removeEventListener("mousedown", u), () => {
+      document.removeEventListener("mousedown", u);
     };
-  }, [n, d, u]), /* @__PURE__ */ e.jsxs("div", { className: "hfl-relative", style: { minWidth: "10rem" }, children: [
+  }, [c, f, w]), /* @__PURE__ */ e.jsxs("div", { className: "hfl-relative", style: { minWidth: "10rem" }, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: a,
+        ref: i,
         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: () => u(!n),
+        onClick: () => w(!c),
         children: [
-          /* @__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` })
+          /* @__PURE__ */ e.jsx("span", { className: "hfl-text-1 hfl-text-Gray-400", children: b > 0 ? `${b} Selected` : "Select Table Filter" }),
+          /* @__PURE__ */ e.jsx("i", { className: `${c ? "hx_up" : "hx_down"}  hfl-text-1 hfl-text-Gray-500` })
         ]
       }
     ),
-    n && /* @__PURE__ */ e.jsxs(
+    c && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `hfl-absolute hfl-z-50 hfl-rounded-lg hfl-bg-White hfl-shadow-4xl hfl-border-1 ${i}`,
+        className: `hfl-absolute hfl-z-50 hfl-rounded-lg hfl-bg-White hfl-shadow-4xl hfl-border-1 ${r}`,
         children: [
           /* @__PURE__ */ e.jsx(
             "ul",
             {
-              ref: d,
+              ref: f,
               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: x.map((m, F) => /* @__PURE__ */ e.jsx(
+              children: x.map((u, P) => /* @__PURE__ */ e.jsx(
                 D,
                 {
-                  isSelected: m.isSelected,
-                  isDisabled: m.isDisabled ?? !1,
-                  label: m.name,
-                  onCheck: () => v(F)
+                  isSelected: u.isSelected,
+                  isDisabled: u.isDisabled ?? !1,
+                  label: u.name,
+                  onCheck: () => v(P)
                 },
-                `dropdown-option-${m.name}`
+                `dropdown-option-${u.name}`
               ))
             }
           ),
-          c && /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-bg-White hfl-px-2 hfl-border-t hfl-gap-3 hfl-border-Gray-200", children: [
+          d && /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-bg-White hfl-px-2 hfl-border-t hfl-gap-3 hfl-border-Gray-200", children: [
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: f,
+                onClick: y,
                 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,
+                ref: o,
                 children: "Apply Filter"
               }
             ),
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                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: b,
+                onClick: s,
+                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 ${h}`,
+                ref: m,
                 children: "Clear Filter"
               }
             )
@@ -176,11 +176,11 @@ const V = (C) => {
 function Q(C) {
   const {
     title: l,
-    description: i,
+    description: r,
     onPageRefresh: p,
-    buttonClassName: o,
-    titleClassName: c,
-    descriptionClassName: h,
+    buttonClassName: h,
+    titleClassName: d,
+    descriptionClassName: n,
     containerClassName: g,
     imageClassName: x
   } = C;
@@ -191,14 +191,14 @@ function Q(C) {
       children: [
         /* @__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(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(B, { variant: "Bold", type: "Display xs", className: `hfl-mb-1 ${d}`, children: l }),
+          /* @__PURE__ */ e.jsx(B, { variant: "Medium", type: "Text md", className: `hfl-mb-1 ${n}`, children: r }),
           /* @__PURE__ */ e.jsx(
             L,
             {
               hierarchy: "Primary",
               size: "sm",
-              className: o,
+              className: h,
               onClick: p,
               icon: "Left",
               iconFile: "hx_rewind",
@@ -210,7 +210,7 @@ function Q(C) {
     }
   );
 }
-const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx(
+const H = ({ children: C, column: l, isHeaderCell: r }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     style: {
@@ -219,79 +219,79 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__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" : ""} ${i ? `${l?.headerCellClasses ?? ""} hfl-py-2 hfl-justify-between hfl-relative` : `${l?.cellClasses ?? ""} hfl-min-h-[40px] 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" : ""} ${r ? `${l?.headerCellClasses ?? ""} hfl-py-2 hfl-justify-between hfl-relative` : `${l?.cellClasses ?? ""} hfl-min-h-[40px] hfl-py-1`}`,
     children: C
   }
-), E = ({ children: C, isHeaderRow: l, classes: i }) => /* @__PURE__ */ e.jsx(
+), E = ({ children: C, isHeaderRow: l, classes: r }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: `hfl-flex hfl-justify-start hfl-items-stretch ${i ?? ""} ${l ? "hfl-bg-White" : "hfl-bg-White odd:hfl-bg-Gray-50"}`,
+    className: `hfl-flex hfl-justify-start hfl-items-stretch ${r ?? ""} ${l ? "hfl-bg-White" : "hfl-bg-White odd:hfl-bg-Gray-50"}`,
     children: C
   }
 ), U = () => {
   const {
     rowsData: C,
     leftPinnedColumns: l,
-    rightPinnedColumns: i,
+    rightPinnedColumns: r,
     nonPinnedColumns: p,
-    tableBodyClassesToOverride: o,
-    rowClassesForSpecificIndex: c,
-    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(
+    tableBodyClassesToOverride: h,
+    rowClassesForSpecificIndex: d,
+    tableBodyParentDivRef: n
+  } = M(), g = (a, i, f) => {
+    const o = i[a?.field];
+    return a?.valueFormatter ? a?.valueFormatter(o, i, a, f) : o;
+  }, x = (a, i, f, o) => /* @__PURE__ */ e.jsx(H, { column: a, colIndex: o, rowIndex: f, children: a?.renderCell ? a?.renderCell(g(a, i, f), i, a, f) : g(a, i, f) }, `${f}-${o}`), t = (a, i, f, o) => /* @__PURE__ */ e.jsx("div", { style: { height: "inherit" }, className: o, children: a.map((m, c) => x(m, i, f, c)) }), b = (a, i) => /* @__PURE__ */ e.jsxs(
     E,
     {
-      classes: `hfl-text-LightBlack-1 hfl-text-1 hfl-leading-12 hfl-font-inter-0 ${c.index === a ? c.rowClasses : ""}`,
+      classes: `hfl-text-LightBlack-1 hfl-text-1 hfl-leading-12 hfl-font-inter-0 ${d.index === i ? d.rowClasses : ""}`,
       isHeaderRow: !1,
       children: [
         t(
           l,
-          s,
           a,
+          i,
           "hfl-flex  hfl-sticky hfl-left-0 hfl-z-10 hfl-bg-inherit hfl-shadow-lg hfl-shadow-Gray-300"
         ),
-        t(p, s, a, "hfl-flex hfl-h-inherit hfl-w-full"),
+        t(p, a, i, "hfl-flex hfl-h-inherit hfl-w-full"),
         t(
-          i,
-          s,
+          r,
           a,
+          i,
           "hfl-flex hfl-h-inherit hfl-sticky hfl-right-0 hfl-z-10 hfl-bg-inherit hfl-shadow-lg hfl-shadow-Gray-300"
         )
       ]
     },
-    "tr" + a
+    "tr" + i
   );
-  return /* @__PURE__ */ e.jsx("div", { ref: h, className: `${o ?? ""} hfl-max-h-500`, children: C.map((s, a) => y(s, a)) });
+  return /* @__PURE__ */ e.jsx("div", { ref: n, className: `${h ?? ""} hfl-max-h-500`, children: C.map((a, i) => b(a, i)) });
 }, 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: i,
+    onCheck: r,
     filterclassname: p,
-    filterButtonStyles: o = "",
-    showApplyFilter: c = !1,
-    onApplyFilter: h,
+    filterButtonStyles: h = "",
+    showApplyFilter: d = !1,
+    onApplyFilter: n,
     field: g,
     resetDropDownData: x,
     showSearch: t,
-    searchQuery: y,
-    setSearchQuery: s,
-    dropdownCloseEventOnClickOutside: a
-  } = C, d = P(null), r = P(null), b = P(null), { showDropdown: n, setShowDropdown: u } = M(), f = () => {
-    h && h(g), u(null);
+    searchQuery: b,
+    setSearchQuery: a,
+    dropdownCloseEventOnClickOutside: i
+  } = C, f = F(null), o = F(null), m = F(null), { showDropdown: c, setShowDropdown: w } = M(), y = () => {
+    n && n(g), w(null);
   };
   return j(() => {
-    const w = (v) => {
+    const s = (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?.());
+        const u = document.getElementById(`filter-button-${c}`);
+        f.current && !f.current.contains(v.target) && u && !u.contains(v.target) && m && !m.current?.contains(v.target) && (!o.current || o && o.current && !o.current.contains(v.target)) && (d && x && x(g), w(null), i?.());
       }
     };
-    return n ? document.addEventListener("mousedown", w) : document.removeEventListener("mousedown", w), () => {
-      document.removeEventListener("mousedown", w);
+    return c ? document.addEventListener("mousedown", s) : document.removeEventListener("mousedown", s), () => {
+      document.removeEventListener("mousedown", s);
     };
-  }, [n, d, u]), /* @__PURE__ */ e.jsxs(
+  }, [c, f, w]), /* @__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 ${p}`,
@@ -299,7 +299,7 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
         t && /* @__PURE__ */ e.jsxs(
           "div",
           {
-            ref: b,
+            ref: m,
             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 H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
                 "input",
                 {
                   type: "string",
-                  value: y,
+                  value: b,
                   className: "hfl-p-1 hfl-w-full focus-visible:hfl-outline-none",
                   placeholder: "Search Service",
-                  onChange: (w) => {
-                    s?.(w.target.value);
+                  onChange: (s) => {
+                    a?.(s.target.value);
                   }
                 }
               )
@@ -321,26 +321,26 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
         /* @__PURE__ */ e.jsx(
           "ul",
           {
-            ref: d,
+            ref: f,
             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((w) => /* @__PURE__ */ e.jsx(
+            children: l.map((s) => /* @__PURE__ */ e.jsx(
               D,
               {
-                isSelected: w.isSelected,
+                isSelected: s.isSelected,
                 isDisabled: !1,
-                label: w.name,
-                onCheck: i
+                label: s.name,
+                onCheck: r
               },
-              `dropdown-option-${w.name}`
+              `dropdown-option-${s.name}`
             ))
           }
         ),
-        c && /* @__PURE__ */ e.jsx(
+        d && /* @__PURE__ */ e.jsx(
           "button",
           {
-            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: r,
+            onClick: y,
+            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 ${h}`,
+            ref: o,
             children: "Apply Filter"
           }
         )
@@ -351,16 +351,16 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
   const {
     leftPinnedColumns: C,
     rightPinnedColumns: l,
-    nonPinnedColumns: i,
+    nonPinnedColumns: r,
     headerRowClasses: p,
-    hideHeader: o,
-    showDropdown: c,
-    setShowDropdown: h
-  } = M(), g = S(
-    (t, y) => /* @__PURE__ */ e.jsxs(H, { column: t, isHeaderCell: !0, colIndex: y, children: [
+    hideHeader: h,
+    showDropdown: d,
+    setShowDropdown: n
+  } = M(), g = R(
+    (t, b) => /* @__PURE__ */ e.jsxs(H, { column: t, isHeaderCell: !0, colIndex: b, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-gap-0 hfl-flex-row hfl-items-center", children: [
         t?.enableColumnCheckbox && /* @__PURE__ */ e.jsx(
-          R,
+          S,
           {
             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",
@@ -380,11 +380,11 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
         {
           alt: "filter-icon",
           src: I,
-          onClick: () => c === t?.field ? h(null) : h(t?.field),
+          onClick: () => d === t?.field ? n(null) : n(t?.field),
           id: `filter-button-${t?.field}`
         }
       ),
-      c === t?.field && /* @__PURE__ */ e.jsx(
+      d === t?.field && /* @__PURE__ */ e.jsx(
         X,
         {
           options: t?.filterValues ?? [],
@@ -402,13 +402,13 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
           dropdownCloseEventOnClickOutside: t?.dropdownCloseEventOnClickOutside
         }
       )
-    ] }, `th-${y}`),
-    [h, c]
-  ), x = S(
-    (t, y) => /* @__PURE__ */ e.jsx("div", { className: y, children: t.map((s, a) => g(s, a)) }),
+    ] }, `th-${b}`),
+    [n, d]
+  ), x = R(
+    (t, b) => /* @__PURE__ */ e.jsx("div", { className: b, children: t.map((a, i) => g(a, i)) }),
     [g]
   );
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: !o && /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: !h && /* @__PURE__ */ e.jsxs(
     E,
     {
       isHeaderRow: !0,
@@ -418,7 +418,7 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
           C,
           "hfl-flex hfl-sticky hfl-left-0 hfl-z-10 hfl-bg-inherit hfl-shadow-md hfl-shadow-Gray-200"
         ),
-        x(i, "hfl-flex hfl-h-inherit hfl-w-full"),
+        x(r, "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 H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
 }, J = ({
   children: C,
   initialColumns: l,
-  rowData: i,
+  rowData: r,
   headerRowClasses: p,
-  rowClassesForSpecificIndex: o,
-  tableBodyClassesToOverride: c,
-  hideHeader: h,
+  rowClassesForSpecificIndex: h,
+  tableBodyClassesToOverride: d,
+  hideHeader: n,
   paginationProps: g,
   onPaginationClick: x,
   displayPaginationClassesToOverride: t,
-  displayNoDataFoundProps: y,
-  enableTableFilter: s,
-  tableBodyParentDivRef: a
+  displayNoDataFoundProps: b,
+  enableTableFilter: a,
+  tableBodyParentDivRef: i
 }) => {
-  const [d, r] = N(null), b = {
-    rowsData: i,
+  const [f, o] = N(null), m = {
+    rowsData: r,
     allColumns: l,
-    leftPinnedColumns: l.filter((n) => n.pinned === Z.Left),
-    rightPinnedColumns: l.filter((n) => n.pinned === Z.Right),
+    leftPinnedColumns: l.filter((c) => c.pinned === Z.Left),
+    rightPinnedColumns: l.filter((c) => c.pinned === Z.Right),
     nonPinnedColumns: l.filter(
-      (n) => n.pinned !== Z.Right && n.pinned !== Z.Left
+      (c) => c.pinned !== Z.Right && c.pinned !== Z.Left
     ),
     paginationProps: g,
     onPaginationClick: x,
     headerRowClasses: p,
-    rowClassesForSpecificIndex: o,
-    tableBodyClassesToOverride: c,
-    hideHeader: h,
-    showDropdown: d,
-    setShowDropdown: r,
+    rowClassesForSpecificIndex: h,
+    tableBodyClassesToOverride: d,
+    hideHeader: n,
+    showDropdown: f,
+    setShowDropdown: o,
     displayPaginationClassesToOverride: t,
-    displayNoDataFoundProps: y,
-    enableTableFilter: s,
-    tableBodyParentDivRef: a
+    displayNoDataFoundProps: b,
+    enableTableFilter: a,
+    tableBodyParentDivRef: i
   };
-  return /* @__PURE__ */ e.jsx($.Provider, { value: b, children: C });
+  return /* @__PURE__ */ e.jsx($.Provider, { value: m, children: C });
 }, K = (C) => {
   const l = {
     activePage: C.paginationProps?.activePage ?? 0,
@@ -556,46 +556,50 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
 }, l2 = ({
   data: C = [],
   testDetails: l = [],
-  enableCheckboxesToSelect: i = !1,
+  enableCheckboxesToSelect: r = !1,
   tableHeaderRowClasses: p,
-  investigationCheckBoxMap: o,
-  onColumnCheckboxClickHandler: c,
-  onRowCheckboxClickHandler: h
+  investigationCheckBoxMap: h,
+  onColumnCheckboxClickHandler: d,
+  onRowCheckboxClickHandler: n,
+  onRefresh: g
 }) => {
-  const [g, x] = N([]), [t, y] = N([]), [s, a] = N([]), d = P(null);
+  const [x, t] = N([]), [b, a] = N([]), [i, f] = N([]), o = F(null);
   j(() => {
-    if (!C.length) return;
-    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
+    if (!C.length) {
+      t([]);
+      return;
+    }
+    const c = [...new Set(C.map((s) => s.test_date))];
+    a(c);
+    const w = /* @__PURE__ */ new Map();
+    C?.forEach((s) => {
+      const v = l.find((P) => P?.test_id?.toString() === s?.test_id?.toString());
+      w.has(s.test_id) || w.set(s.test_id, {
+        created_on: s.created_on,
+        out_of_range: s.out_of_range,
+        test_date: s.test_date,
+        test_id: s.test_id,
+        test_name: v?.test_names || s.test_name,
+        test_value: s.test_value,
+        test_unit: v?.test_units || s.test_unit
       });
-      const v = n.get(f.test_id);
-      v[f.test_date] = f.test_value;
+      const u = w.get(s.test_id);
+      u[s.test_date] = s.test_value;
     });
-    const u = Array.from(n.values());
-    x(u);
+    const y = Array.from(w.values());
+    t(y);
   }, [C, l]);
-  const r = "hfl-text-1";
+  const m = "hfl-text-1";
   return j(() => {
-    const b = [
+    const c = [
       {
         field: "#",
         fieldHeaderName: "No.",
         pinned: "left",
         width: "60px",
         minWidth: "60px",
-        cellClasses: `${r}`,
-        renderCell: (u, f, w, v) => /* @__PURE__ */ e.jsx(e.Fragment, { children: v + 1 })
+        cellClasses: `${m}`,
+        renderCell: (y, s, v, u) => /* @__PURE__ */ e.jsx(e.Fragment, { children: u + 1 })
       },
       {
         field: "test_name",
@@ -603,28 +607,28 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
         pinned: "left",
         width: "250px",
         minWidth: "250px",
-        cellClasses: `${r}`,
-        enableColumnCheckbox: i,
-        isCheckBoxMarked: o.get("test_name"),
-        onColumnCheckboxClick: (u) => {
-          c("test_name", u);
+        cellClasses: `${m}`,
+        enableColumnCheckbox: r,
+        isCheckBoxMarked: h.get("test_name"),
+        onColumnCheckboxClick: (y) => {
+          d("test_name", y);
         },
-        renderCell: (u, f) => /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-items-center", children: [
-          i && /* @__PURE__ */ e.jsx(
-            R,
+        renderCell: (y, s) => /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-items-center", children: [
+          r && /* @__PURE__ */ e.jsx(
+            S,
             {
               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);
+              onClick: (v) => {
+                n?.(), console.log("id", v);
               },
-              id: `checkbox-test-${f.test_id}`,
+              id: `checkbox-test-${s.test_id}`,
               isMarked: !0,
               checkboxClasses: "hfl-gap-0"
             }
           ),
-          u
+          y
         ] })
       },
       {
@@ -633,35 +637,40 @@ const H = ({ children: C, column: l, isHeaderCell: i }) => /* @__PURE__ */ e.jsx
         pinned: "left",
         width: "80px",
         minWidth: "80px",
-        cellClasses: `${r}`
+        cellClasses: `${m}`
       }
-    ], n = t.map((u) => ({
-      field: u,
-      fieldHeaderName: u,
+    ], w = b.map((y) => ({
+      field: y,
+      fieldHeaderName: y,
       width: "150px",
       minWidth: "150px",
-      cellClasses: `${r}`,
-      enableColumnCheckbox: i,
-      isCheckBoxMarked: o.get(u),
-      onColumnCheckboxClick: (f) => {
-        c(u, f);
+      cellClasses: `${m}`,
+      enableColumnCheckbox: r,
+      isCheckBoxMarked: h.get(y),
+      onColumnCheckboxClick: (s) => {
+        d(y, s);
       }
     }));
-    a([...b, ...n]);
+    f([...c, ...w]);
   }, [
-    t,
-    i,
-    o,
-    c,
-    h
+    b,
+    r,
+    h,
+    d,
+    n
   ]), /* @__PURE__ */ e.jsx(
     K,
     {
       headerRowClasses: `hfl-bg-Blue_gray-50 hfl-text-Indigo-500 hfl-text-1 hfl-border ${p}`,
-      tableRef: d,
-      columns: s,
+      tableRef: o,
+      columns: i,
       tableName: "Investigations",
-      rows: g
+      rows: x,
+      displayNoDataFoundProps: {
+        title: "No Investigation Available",
+        description: "Please create a new investigation or refresh",
+        onPageReload: g
+      }
     }
   );
 };