qaema-ui 0.0.26 → 0.0.28

package/dist/components/DropDownWithTable/Table/Table.js

@@ -1,25 +1,25 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { useState as v, useEffect as L, useMemo as N } from "react";
-import { useTranslation as Q } from "react-i18next";
-import U from "../../Spinner.js";
-import X from "../../Pagination.js";
-import Y from "../../Typography.js";
-import O, { CheckboxCell as Z } from "./components/CellComponents.js";
+import { useState as v, useEffect as L, useMemo as Q } from "react";
+import { useTranslation as U } from "react-i18next";
+import X from "../../Spinner.js";
+import Y from "../../Pagination.js";
+import Z from "../../Typography.js";
+import O, { CheckboxCell as H } from "./components/CellComponents.js";
 import z from "./components/TableHead.js";
-import { TableContainer as H, LoadingOverlay as D, TablesWrapper as k, DataScrollBox as F, StyledTable as R, TableBody as W, EmptyState as w, TableRow as y, TableCellContainer as b, ActionsTable as ee, TableFooter as te } from "./Table.styles.js";
-function me({
+import { TableContainer as D, LoadingOverlay as k, TablesWrapper as F, DataScrollBox as R, StyledTable as w, TableBody as W, EmptyState as ee, TableRow as y, TableCellContainer as b, ActionsTable as te, TableFooter as ne } from "./Table.styles.js";
+function xe({
   columns: T,
-  data: i,
-  keyField: r,
-  selectable: u = !1,
+  data: n,
+  keyField: l,
+  selectable: j = !1,
   onRowSelect: m,
   rowActions: x,
   stickyHeader: $ = !1,
   loading: f = !1,
   emptyStateMessage: I,
-  pagination: n,
-  onRowClick: a,
-  rowClassName: j,
+  pagination: s,
+  onRowClick: u,
+  rowClassName: p,
   isRowDisabled: d,
   breakpoint: _ = "md",
   alignHeader: C = "start",
@@ -27,7 +27,7 @@ function me({
   isTableHeadVisible: K = !1,
   isRowSelected: S
 }) {
-  const [h, p] = v([]), [B, g] = v(_), [M, A] = v(null), { t: V } = Q();
+  const [h, g] = v([]), [B, P] = v(_), [M, A] = v(null), { t: N } = U();
   L(() => {
     const e = () => {
       A(null);
@@ -37,63 +37,63 @@ function me({
     };
   }, []), L(() => {
     const e = () => {
-      const l = window.innerWidth;
-      l < 576 ? g("sm") : l < 992 ? g("md") : g("lg");
+      const i = window.innerWidth;
+      i < 576 ? P("sm") : i < 992 ? P("md") : P("lg");
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const P = N(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), q = () => {
-    h.length === i.length ? p([]) : p([...i]), m && m(h.length === i.length ? [] : [...i]);
+  const a = Q(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), V = () => {
+    h.length === n.length ? g([]) : g([...n]), m && m(h.length === n.length ? [] : [...n]);
+  }, q = (e) => {
+    const i = h.filter((r) => e[l] === r[l]);
+    return i && i.length > 0;
   }, G = (e) => {
-    const l = h.filter((s) => e[r] === s[r]);
-    return l && l.length > 0;
-  }, J = (e) => {
-    const l = h.some((o) => o[r] === e[r]);
-    let s;
-    l ? s = h.filter((o) => o[r] !== e[r]) : s = [...h, e], p(s), m && m(s);
+    const i = h.some((o) => o[l] === e[l]);
+    let r;
+    i ? r = h.filter((o) => o[l] !== e[l]) : r = [...h, e], g(r), m && m(r);
   };
-  return /* @__PURE__ */ t.jsxs(H, { children: [
-    f && /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsx(U, { size: "3rem" }) }),
-    /* @__PURE__ */ t.jsxs(k, { children: [
-      /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsxs(R, { children: [
+  return /* @__PURE__ */ t.jsxs(D, { children: [
+    f && /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(X, { size: "3rem" }) }),
+    /* @__PURE__ */ t.jsxs(F, { children: [
+      /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsxs(w, { children: [
         K && /* @__PURE__ */ t.jsx(
           z,
           {
-            data: i,
-            handleSelectAll: q,
+            data: n,
+            handleSelectAll: V,
             selectedRows: h,
-            visibleColumns: P,
+            visibleColumns: a,
             alignHeader: C,
             rowActions: void 0,
             stickyHeader: $,
-            selectable: u,
+            selectable: j,
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (u ? 1 : 0) + P.length, children: /* @__PURE__ */ t.jsx(w, { children: /* @__PURE__ */ t.jsx(Y, { variant: "mdText", children: I ?? V("NO_DATA_AVAILABLE") }) }) }) }) : i.map((e, l) => {
-          const s = (d == null ? void 0 : d(e)) ?? !1, o = S ? S(e) : h.some((c) => c[r] === e[r]), E = e[r];
+        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (j ? 1 : 0) + a.length, children: /* @__PURE__ */ t.jsx(ee, { children: /* @__PURE__ */ t.jsx(Z, { variant: "mdText", children: I ?? N("NO_DATA_AVAILABLE") }) }) }) }) : n == null ? void 0 : n.map((e, i) => {
+          const r = (d == null ? void 0 : d(e)) ?? !1, o = S ? S(e) : h.some((c) => c[l] === e[l]), E = e[l], J = (p == null ? void 0 : p(e, i)) ?? "";
           return /* @__PURE__ */ t.jsxs(
             y,
             {
               $selected: o,
-              $disabled: s,
-              $clickable: !!a && !s,
-              onClick: () => !s && (a == null ? void 0 : a(e)),
-              className: (j == null ? void 0 : j(e, l)) ?? "",
+              $disabled: r,
+              $clickable: !!u && !r,
+              onClick: () => !r && (u == null ? void 0 : u(e)),
+              className: J,
               children: [
-                u && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
-                  Z,
+                j && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
+                  H,
                   {
                     checkBoxOptions: {
-                      checked: G(e),
+                      checked: q(e),
                       $variant: "primary",
-                      $disabled: s,
+                      $disabled: r,
                       $size: "sm",
-                      onChange: () => !s && J(e)
+                      onChange: () => !r && G(e)
                     }
                   }
                 ) }),
-                P.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
+                a.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
                   O,
                   {
                     column: c,
@@ -111,11 +111,11 @@ function me({
           );
         }) })
       ] }) }),
-      x && x.length > 0 && /* @__PURE__ */ t.jsxs(ee, { children: [
+      x && x.length > 0 && /* @__PURE__ */ t.jsxs(te, { children: [
         /* @__PURE__ */ t.jsx(
           z,
           {
-            data: i,
+            data: n,
             handleSelectAll: () => {
             },
             selectedRows: h,
@@ -127,43 +127,43 @@ function me({
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : i.map((e) => {
-          const l = (d == null ? void 0 : d(e)) ?? !1;
-          return /* @__PURE__ */ t.jsx(y, { $disabled: l, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : n == null ? void 0 : n.map((e) => {
+          const i = (d == null ? void 0 : d(e)) ?? !1;
+          return /* @__PURE__ */ t.jsx(y, { $disabled: i, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
             O,
             {
               row: e,
               type: "icon",
               iconOptions: {
-                keyField: r,
+                keyField: l,
                 rowActions: x,
                 activeDropdown: M,
                 setActiveDropdown: A
               }
             }
-          ) }) }, `action-${e[r]}`);
+          ) }) }, `action-${e[l]}`);
         }) })
       ] })
     ] }),
-    n && n.enabled && /* @__PURE__ */ t.jsx(te, { children: /* @__PURE__ */ t.jsx(
-      X,
+    s && s.enabled && /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx(
+      Y,
       {
-        currentPage: n.currentPage,
-        totalPages: n.totalPages,
-        onChange: n.onPageChange,
+        currentPage: s.currentPage,
+        totalPages: s.totalPages,
+        onChange: s.onPageChange,
         disabled: f,
-        hidePrevButton: n.hidePrevButton,
-        hideNextButton: n.hideNextButton,
-        siblingCount: n.siblingCount,
-        boundaryCount: n.boundaryCount,
-        itemsPerPage: n.pageSize,
-        totalItems: n.totalItems,
-        itemsPerPageOptions: n.itemsPerPageOptions,
-        onItemsPerPageChange: n.onItemsPerPageChange
+        hidePrevButton: s.hidePrevButton,
+        hideNextButton: s.hideNextButton,
+        siblingCount: s.siblingCount,
+        boundaryCount: s.boundaryCount,
+        itemsPerPage: s.pageSize,
+        totalItems: s.totalItems,
+        itemsPerPageOptions: s.itemsPerPageOptions,
+        onItemsPerPageChange: s.onItemsPerPageChange
       }
     ) })
   ] });
 }
 export {
-  me as default
+  xe as default
 };

package/dist/components/DropDownWithTable/Table/Table.styles.d.ts

@@ -1,23 +1,23 @@
-import { ColumnAlignment } from './Table.types';
-export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DropdownMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import type { ColumnAlignment } from './Table.types';
+export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isOpen: boolean;
 }>> & string;
-export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled?: boolean;
 }>> & string;
-export declare const TableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
-export declare const TableScrollContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const TableScrollContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
-export declare const StyledTableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+export declare const StyledTableHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
     $sticky?: boolean;
 }>> & string;
-export declare const TableHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
-export declare const TableHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+export declare const TableHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const TableHeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
     $align?: ColumnAlignment;
     $sortable?: boolean;
     $width?: string;
@@ -27,32 +27,32 @@ export declare const TableHeaderCell: import('styled-components/dist/types').ISt
     $isLastColumn?: boolean;
     $isActionCell?: boolean;
 }>> & string;
-export declare const TableBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const TableRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+export declare const TableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     $selected?: boolean;
     $disabled?: boolean;
     $clickable?: boolean;
 }>> & string;
-export declare const TableCellContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+export declare const TableCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
     $align?: ColumnAlignment;
     $isFirstColumn?: boolean;
     $isLastColumn?: boolean;
     $isActionCell?: boolean;
 }>> & string;
-export declare const SortIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TableFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EmptyState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LoadingOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const SortIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TableFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EmptyState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $variant: "primary" | "success" | "warning" | "error" | "neutral";
 }>> & string;
-export declare const StatusIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $status: "success" | "warning" | "error" | "neutral";
 }>> & string;
-export declare const TablesWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataScrollBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+export declare const TablesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DataScrollBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
-export declare const ActionsTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLTableElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLTableElement> | null | undefined;
+export declare const ActionsTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableElement> | null | undefined;
 }, never>> & string;

package/dist/components/DropDownWithTable/Table/components/CellComponents.d.ts

@@ -1,8 +1,8 @@
-import { Dispatch, SetStateAction } from 'react';
-import { BadgeProps } from '../../../Badge';
-import { CheckboxProps } from '../../../Checkbox';
-import { RadioButtonProps } from '../../../Radio';
-import { AmountCellData, CellAlignment, CellData, CellType, RowAction, TableColumn, TransactionCellData } from '../Table.types';
+import type { Dispatch, SetStateAction } from 'react';
+import type { BadgeProps } from '@components/Badge';
+import { type CheckboxProps } from '@components/Checkbox';
+import { type RadioButtonProps } from '@components/Radio';
+import type { AmountCellData, CellAlignment, CellData, CellType, RowAction, TableColumn, TransactionCellData } from '../Table.types';
 export interface BaseCellProps {
     align?: CellAlignment;
     isDisabled?: boolean;
@@ -96,7 +96,7 @@ export declare const TransactionCell: React.FC<TransactionCellProps>;
 export declare const CheckboxCell: React.FC<CheckboxCellProps>;
 export declare const RadioButtonCell: React.FC<RadioButtonCellProps>;
 export declare const BadgeCell: React.FC<BadgeCellProps>;
-export declare const CustomCell: <T>({ column, row, rowIndex }: CustomCellProps<T>) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const CustomCell: <T>({ column, row, rowIndex }: CustomCellProps<T>) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export declare const IconCell: <T>({ row, keyField, rowActions, activeDropdown, setActiveDropdown, setConfirmationPopupOpen, }: IconCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface CellFactoryProps<T = unknown> {
     column?: TableColumn<T>;

package/dist/components/DropDownWithTable/Table/components/CellComponents.js

@@ -1,118 +1,118 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.js";
-import { FaEllipsisH as p, FaEdit as f } from "../../../../node_modules/react-icons/fa/index.js";
-import { FaPrint as u, FaCopy as j, FaTrash as C, FaEye as h } from "../../../../node_modules/react-icons/fa6/index.js";
-import g from "styled-components";
-import b from "../../../AmountItem.js";
-import y from "../../../Badge.js";
-import F from "../../../Checkbox.js";
-import d from "../../../InfoItem.js";
-import I from "../../../Radio.js";
-import $ from "../../../StatIndicator.js";
-import { DropdownContainer as v, DropdownButton as k, DropdownMenu as T, DropdownItem as B } from "../Table.styles.js";
-const i = g.div`
+import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { FaEllipsisH as j, FaEdit as $ } from "../../../../node_modules/react-icons/fa/index.js";
+import { FaPrint as m, FaCopy as u, FaTrash as p, FaEye as f } from "../../../../node_modules/react-icons/fa6/index.js";
+import C from "styled-components";
+import W from "../../../AmountItem.js";
+import g from "../../../Badge.js";
+import b from "../../../Checkbox.js";
+import c from "../../../InfoItem.js";
+import y from "../../../Radio.js";
+import F from "../../../StatIndicator.js";
+import { DropdownContainer as I, DropdownButton as v, DropdownMenu as k, DropdownItem as T } from "../Table.styles.js";
+const a = C.div`
   display: flex;
   align-items: center;
   direction: inherit;
   gap: 8px;
-  width: ${({ width: e }) => e};
-  max-width: ${({ maxWidth: e }) => e};
-  min-width: ${({ minWidth: e }) => e};
-`, E = {
-  view: /* @__PURE__ */ r.jsx(h, {}),
-  edit: /* @__PURE__ */ r.jsx(f, {}),
-  delete: /* @__PURE__ */ r.jsx(C, {}),
-  copy: /* @__PURE__ */ r.jsx(j, {}),
-  duplicate: /* @__PURE__ */ r.jsx(j, {}),
-  approve: /* @__PURE__ */ r.jsx(u, {}),
-  print: /* @__PURE__ */ r.jsx(u, {})
-}, R = (e) => E[e.toLowerCase()] ?? null, D = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), L = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), M = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), S = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), V = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(b, { data: e, type: t, width: s }) }), H = ({ data: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx($, { value: e.value, direction: e.transactionType }) }), K = ({ checkBoxOptions: e, width: t, maxWidth: s, minWidth: n }) => {
-  const o = e ? { ...e, name: e.name ?? "" } : void 0;
-  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(F, { ...o }) });
-}, P = ({ radioButtonOptions: e, width: t, maxWidth: s, minWidth: n }) => {
-  const o = e ? { ...e, name: e.name ?? "" } : void 0;
-  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(I, { ...o }) });
-}, U = ({ badgeOptions: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(y, { ...e }) }), q = ({ column: e, row: t, rowIndex: s }) => {
+  width: ${({ $width: e }) => e};
+  max-width: ${({ $maxWidth: e }) => e};
+  min-width: ${({ $minWidth: e }) => e};
+`, w = {
+  view: /* @__PURE__ */ t.jsx(f, {}),
+  edit: /* @__PURE__ */ t.jsx($, {}),
+  delete: /* @__PURE__ */ t.jsx(p, {}),
+  copy: /* @__PURE__ */ t.jsx(u, {}),
+  duplicate: /* @__PURE__ */ t.jsx(u, {}),
+  approve: /* @__PURE__ */ t.jsx(m, {}),
+  print: /* @__PURE__ */ t.jsx(m, {})
+}, B = (e) => w[e.toLowerCase()] ?? null, E = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), R = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), D = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), L = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(c, { data: e, type: n, width: r }) }), M = ({ data: e, type: n, width: r, maxWidth: s, minWidth: l }) => /* @__PURE__ */ t.jsx(a, { $width: r, $maxWidth: s, $minWidth: l, children: e && /* @__PURE__ */ t.jsx(W, { data: e, type: n, width: r }) }), S = ({ data: e, width: n, maxWidth: r, minWidth: s }) => /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(F, { value: e.value, direction: e.transactionType }) }), V = ({ checkBoxOptions: e, width: n, maxWidth: r, minWidth: s }) => {
+  const l = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(b, { ...l }) });
+}, H = ({ radioButtonOptions: e, width: n, maxWidth: r, minWidth: s }) => {
+  const l = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(y, { ...l }) });
+}, K = ({ badgeOptions: e, width: n, maxWidth: r, minWidth: s }) => /* @__PURE__ */ t.jsx(a, { $width: n, $maxWidth: r, $minWidth: s, children: /* @__PURE__ */ t.jsx(g, { ...e }) }), P = ({ column: e, row: n, rowIndex: r }) => {
   if (e.renderCell) {
-    const n = typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor];
-    return e.renderCell(n, t, s);
+    const s = typeof e.accessor == "function" ? e.accessor(n) : n[e.accessor];
+    return e.renderCell(s, n, r);
   }
-  return /* @__PURE__ */ r.jsx(r.Fragment, {});
-}, z = ({
+  return /* @__PURE__ */ t.jsx(t.Fragment, {});
+}, U = ({
   row: e,
-  keyField: t,
-  rowActions: s,
-  activeDropdown: n,
-  setActiveDropdown: o,
-  setConfirmationPopupOpen: c
+  keyField: n,
+  rowActions: r,
+  activeDropdown: s,
+  setActiveDropdown: l,
+  setConfirmationPopupOpen: d
 }) => {
-  const a = e ? e[t] : void 0;
-  return /* @__PURE__ */ r.jsxs(v, { onClick: (l) => l.stopPropagation(), children: [
-    /* @__PURE__ */ r.jsx(
-      k,
+  const o = e ? e[n] : void 0;
+  return /* @__PURE__ */ t.jsxs(I, { onClick: (i) => i.stopPropagation(), children: [
+    /* @__PURE__ */ t.jsx(
+      v,
       {
-        onClick: (l) => {
-          l.stopPropagation(), o(n === a ? null : a);
+        onClick: (i) => {
+          i.stopPropagation(), l(s === o ? null : o);
         },
-        children: /* @__PURE__ */ r.jsx(p, {})
+        children: /* @__PURE__ */ t.jsx(j, {})
       }
     ),
-    /* @__PURE__ */ r.jsx(T, { $isOpen: n === a, children: s == null ? void 0 : s.filter((l) => typeof l.hidden == "function" ? !l.hidden(e) : !l.hidden).map((l) => {
-      if (!l) return null;
-      const x = typeof l.disabled == "function" ? l.disabled(e) : l.disabled;
-      return /* @__PURE__ */ r.jsxs(
-        B,
+    /* @__PURE__ */ t.jsx(k, { $isOpen: s === o, children: r == null ? void 0 : r.filter((i) => typeof i.hidden == "function" ? !i.hidden(e) : !i.hidden).map((i) => {
+      if (!i) return null;
+      const x = typeof i.disabled == "function" ? i.disabled(e) : i.disabled;
+      return /* @__PURE__ */ t.jsxs(
+        T,
         {
           $disabled: x,
-          onClick: (m) => {
-            m.stopPropagation(), o(null), x || l.onClick(e), (l.action.toLowerCase() === "delete" || l.action.includes("delet")) && (c == null || c(!0));
+          onClick: (h) => {
+            h.stopPropagation(), l(null), x || i.onClick(e), (i.action.toLowerCase() === "delete" || i.action.includes("delet")) && (d == null || d(!0));
           },
           children: [
-            R(l.action) ?? l.icon,
-            l.label
+            B(i.action) ?? i.icon,
+            i.label
           ]
         },
-        `action-${String(e[t])}-${l.action}`
+        `action-${String(e[n])}-${i.action}`
       );
     }) })
   ] });
-}, w = (e) => {
-  const { type: t, column: s, row: n, iconOptions: o, ...c } = e, a = s ? n[s.accessor] : {};
-  switch (t) {
+}, O = (e) => {
+  const { type: n, column: r, row: s, iconOptions: l, ...d } = e, o = r ? s[r.accessor] : {};
+  switch (n) {
     case "user":
-      return /* @__PURE__ */ r.jsx(L, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(R, { ...d, data: o, type: n });
     case "flag":
-      return /* @__PURE__ */ r.jsx(M, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(D, { ...d, data: o, type: n });
     case "product":
-      return /* @__PURE__ */ r.jsx(D, { ...c, data: a, type: t });
+      return /* @__PURE__ */ t.jsx(E, { ...d, data: o, type: n });
     case "amount":
-      return /* @__PURE__ */ r.jsx(V, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(M, { ...d, data: o });
     case "transaction":
-      return /* @__PURE__ */ r.jsx(H, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(S, { ...d, data: o });
     case "checkbox":
-      return /* @__PURE__ */ r.jsx(K, { ...c });
+      return /* @__PURE__ */ t.jsx(V, { ...d });
     case "radioButton":
-      return /* @__PURE__ */ r.jsx(P, { ...c });
+      return /* @__PURE__ */ t.jsx(H, { ...d });
     case "badge":
-      return /* @__PURE__ */ r.jsx(U, { badgeOptions: a });
+      return /* @__PURE__ */ t.jsx(K, { badgeOptions: o });
     case "icon":
-      return /* @__PURE__ */ r.jsx(z, { row: n, ...o, ...c });
+      return /* @__PURE__ */ t.jsx(U, { row: s, ...l, ...d });
     case "custom":
-      return /* @__PURE__ */ r.jsx(q, { column: s, row: n, ...c });
+      return /* @__PURE__ */ t.jsx(P, { column: r, row: s, ...d });
     default:
-      return /* @__PURE__ */ r.jsx(S, { ...c, data: a });
+      return /* @__PURE__ */ t.jsx(L, { ...d, data: o });
   }
 };
 export {
-  V as AmountCell,
-  U as BadgeCell,
-  K as CheckboxCell,
-  q as CustomCell,
-  M as FlagCell,
-  z as IconCell,
-  D as ProductCell,
-  P as RadioButtonCell,
-  S as TextCell,
-  H as TransactionCell,
-  L as UserCell,
-  w as default
+  M as AmountCell,
+  K as BadgeCell,
+  V as CheckboxCell,
+  P as CustomCell,
+  D as FlagCell,
+  U as IconCell,
+  E as ProductCell,
+  H as RadioButtonCell,
+  L as TextCell,
+  S as TransactionCell,
+  R as UserCell,
+  O as default
 };

package/dist/components/DropDownWithTable/Table/components/TableHead.d.ts

@@ -1,4 +1,4 @@
-import { ColumnAlignment, RowAction } from '../Table.types';
+import type { ColumnAlignment, RowAction } from '../Table.types';
 export interface TableHeadProps {
     data: any[];
     handleSelectAll: () => void;

package/dist/components/FileDownloadCard.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import type React from 'react';
 export type FileDownloadCardProps = {
     title: string;
     description?: string;