qaema-ui 0.0.61 → 0.0.63

package/dist/components/Sidemenu.js

@@ -1,7 +1,8 @@
-import { j as i } from "../_virtual/jsx-runtime.js";
+import { j as o } from "../_virtual/jsx-runtime.js";
 import { useState as m, useEffect as H } from "react";
-import { FaTimesCircle as O, FaSearch as R } from "../node_modules/react-icons/fa/index.js";
-import o, { useTheme as X } from "styled-components";
+import { FaTimesCircle as O } from "../node_modules/react-icons/fa/index.js";
+import { FiSearch as R } from "../node_modules/react-icons/fi/index.js";
+import n, { useTheme as X } from "styled-components";
 import { device as S } from "../constants/breakPoints.constant.js";
 import K from "../hooks/useZIndex.js";
 import { useQaemaCoreTranslation as M } from "../i18n/i18n.js";
@@ -12,7 +13,7 @@ import b from "./NavItem.js";
 import w from "./Typography.js";
 import Z from "../node_modules/react-bootstrap/esm/Button.js";
 import _ from "../node_modules/react-bootstrap/esm/Form.js";
-const v = o.div`
+const v = n.div`
   direction: ${({ theme: r }) => r == null ? void 0 : r.dir};
   position: fixed;
   top: 0;
@@ -43,16 +44,16 @@ const v = o.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-left: 0 !important;padding-right: ${r.spacing.xs};`;
 }}
-`, A = o.div`
+`, A = n.div`
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
-`, J = o.div`
+`, J = n.div`
   padding-right: ${({ theme: r }) => r.spacing.sm};
   padding-left: ${({ theme: r }) => r.spacing.sm};
   cursor: pointer;
-`, Q = o.div`
+`, Q = n.div`
   display: none;
 
   @media ${S.tablet} {
@@ -64,15 +65,15 @@ const v = o.div`
       height: 1.5rem;
     }
   }
-`, q = o.div`
+`, q = n.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
-`, G = o.div`
+`, G = n.div`
   justify-content: space-between;
   display: flex;
   flex-direction: column;
   height: 100%;
-`, Y = o.div`
+`, Y = n.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme: r }) => r.spacing.xxs};
@@ -80,7 +81,7 @@ const v = o.div`
   background-color: ${({ theme: r }) => r.colors.grey.n150};
   border: 1px solid transparent;
   border-radius: ${({ theme: r }) => r.borderRadius.lg};
-`, P = o(Z)`
+`, P = n(Z)`
   border: none;
   padding: 0;
   margin-top: ${({ theme: r }) => r.spacing.xxs};
@@ -90,16 +91,22 @@ const v = o.div`
   svg {
     background-color: ${({ theme: r }) => r.colors.grey.n150};
   }
-`, I = o(_.Control)`
+`, I = n(_.Control)`
   padding: ${({ theme: r }) => r.spacing.xxs};
   border: none;
   background-color: ${({ theme: r }) => r.colors.grey.n150};
   color: ${({ theme: r }) => r.colors.grey.n350};
+  font-size: ${({ theme: r }) => r.typography.sizes.s4};
 
   &:focus-visible {
     outline: none;
   }
-`, rr = o.div`
+
+  &::placeholder {
+    font-size: ${({ theme: r }) => r.typography.sizes.s4} !important;
+    color: ${({ theme: r }) => r.colors.grey.n350} !important;
+  }
+`, rr = n.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   button {
     width: 100%;
@@ -108,89 +115,89 @@ const v = o.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-right: 0 !important;padding-left: ${r.spacing.s};`;
 }}
-`, nr = o(w)`
+`, ir = n(w)`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
   margin-top: 0;
   margin-bottom: ${({ theme: r }) => r.spacing.xs};
-`, ir = o.div`
+`, or = n.div`
   padding: ${({ theme: r }) => r.spacing.m};
   text-align: center;
-`, or = o.div`
+`, nr = n.div`
   button {
     width: 100%;
     border-radius: ${({ theme: r }) => r.spacing.xxs};
   }
-`, sr = o(U)`
+`, sr = n(U)`
   margin-left: -${({ theme: r }) => r.spacing.xs};
   width: calc(100% + ${({ theme: r }) => r.spacing.xs});
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `margin-left: 0; margin-right: -${r.spacing.xs}; width: calc(100% + ${r.spacing.xs});`;
 }}
   margin-bottom: ${({ theme: r }) => r.spacing.sm};
-`, mr = (r) => {
-  const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [d, N] = m(a), g = (n) => {
+`, jr = (r) => {
+  const { logoSrc: C, searchPlaceHolder: k, categories: p, linkComponent: f, open: z, setOpen: T, currentPath: u, extraSideMenuItems: l, onLogoClick: E } = r, a = X(), { t: D } = M(), L = K("sidemenu"), [c, B] = m(""), [t, F] = m(p), g = (i) => {
     const e = [];
-    a == null || a.forEach((t) => {
+    p == null || p.forEach((d) => {
       var h;
-      const s = (h = t == null ? void 0 : t.navItems) == null ? void 0 : h.filter((x) => {
+      const s = (h = d == null ? void 0 : d.navItems) == null ? void 0 : h.filter((x) => {
         var $, y;
-        return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(n == null ? void 0 : n.toLowerCase());
+        return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(i == null ? void 0 : i.toLowerCase());
       });
-      (s == null ? void 0 : s.length) > 0 && e.push({ ...t, navItems: s });
-    }), N(e);
-  }, W = (n) => {
-    n.key === "Enter" && g(c);
+      (s == null ? void 0 : s.length) > 0 && e.push({ ...d, navItems: s });
+    }), F(e);
+  }, N = (i) => {
+    i.key === "Enter" && g(c);
   };
   H(() => {
     c === "" && g(c);
   }, [c]);
-  const z = (n, e) => n ? e === n || (e == null ? void 0 : e.startsWith(n + "/")) : !1;
-  return /* @__PURE__ */ i.jsxs(v, { className: T ? "active" : "", $zIndex: B, children: [
-    /* @__PURE__ */ i.jsxs(A, { children: [
-      /* @__PURE__ */ i.jsx(J, { onClick: D, children: /* @__PURE__ */ i.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
-      /* @__PURE__ */ i.jsx(Q, { onClick: () => E(!1), children: /* @__PURE__ */ i.jsx(O, { color: p.colors.primary.purple.n450 }) })
+  const W = (i, e) => i ? e === i || (e == null ? void 0 : e.startsWith(i + "/")) : !1;
+  return /* @__PURE__ */ o.jsxs(v, { className: z ? "active" : "", $zIndex: L, children: [
+    /* @__PURE__ */ o.jsxs(A, { children: [
+      /* @__PURE__ */ o.jsx(J, { onClick: E, children: /* @__PURE__ */ o.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
+      /* @__PURE__ */ o.jsx(Q, { onClick: () => T(!1), children: /* @__PURE__ */ o.jsx(O, { color: a.colors.primary.purple.n450 }) })
     ] }),
-    /* @__PURE__ */ i.jsx(q, { children: /* @__PURE__ */ i.jsxs(Y, { children: [
-      /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ o.jsx(q, { children: /* @__PURE__ */ o.jsxs(Y, { children: [
+      /* @__PURE__ */ o.jsx(
         P,
         {
           onClick: () => {
             g(c);
           },
-          children: /* @__PURE__ */ i.jsx(R, { color: p.colors.grey.n350 })
+          children: /* @__PURE__ */ o.jsx(R, { color: a.colors.grey.n350, size: 20 })
         }
       ),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ o.jsx(
         I,
         {
           placeholder: k ?? "Search",
           value: c,
-          onChange: (n) => {
-            F(n.target.value);
+          onChange: (i) => {
+            B(i.target.value);
           },
-          onKeyDown: W
+          onKeyDown: N
         }
       )
     ] }) }),
-    /* @__PURE__ */ i.jsxs(G, { children: [
-      /* @__PURE__ */ i.jsxs("div", { children: [
-        (d == null ? void 0 : d.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
-        (d == null ? void 0 : d.length) > 0 && (d == null ? void 0 : d.map((n) => {
-          var e, t;
-          return ((e = n == null ? void 0 : n.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { className: n == null ? void 0 : n.code, children: [
-            /* @__PURE__ */ i.jsx(nr, { variant: "xsText", color: p.colors.grey.n300, children: n == null ? void 0 : n.title }),
-            (t = n == null ? void 0 : n.navItems) == null ? void 0 : t.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
-          ] }, n == null ? void 0 : n.title);
+    /* @__PURE__ */ o.jsxs(G, { children: [
+      /* @__PURE__ */ o.jsxs("div", { children: [
+        (t == null ? void 0 : t.length) === 0 && /* @__PURE__ */ o.jsx(or, { children: /* @__PURE__ */ o.jsx(w, { variant: "smText", children: D("NO_RESULTS_FOUND") }) }),
+        (t == null ? void 0 : t.length) > 0 && (t == null ? void 0 : t.map((i) => {
+          var e, d;
+          return ((e = i == null ? void 0 : i.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ o.jsxs(rr, { className: i == null ? void 0 : i.code, children: [
+            /* @__PURE__ */ o.jsx(ir, { variant: "xsText", color: a.colors.grey.n300, children: i == null ? void 0 : i.title }),
+            (d = i == null ? void 0 : i.navItems) == null ? void 0 : d.map((s) => /* @__PURE__ */ o.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(b, { item: { variant: "normal", active: W(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
+          ] }, i == null ? void 0 : i.title);
         }))
       ] }),
-      /* @__PURE__ */ i.jsxs(or, { children: [
-        (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ i.jsx(sr, { color: p.colors.grey.n150 }),
-        l == null ? void 0 : l.map((n) => /* @__PURE__ */ i.jsx(j, { to: (n == null ? void 0 : n.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: u === n.path, ...n } }) }, n == null ? void 0 : n.path))
+      /* @__PURE__ */ o.jsxs(nr, { children: [
+        (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ o.jsx(sr, { color: a.colors.grey.n150 }),
+        l == null ? void 0 : l.map((i) => /* @__PURE__ */ o.jsx(j, { to: (i == null ? void 0 : i.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(b, { item: { variant: "normal", active: u === i.path, ...i } }) }, i == null ? void 0 : i.path))
       ] })
     ] })
   ] });
 };
 export {
-  mr as default
+  jr as default
 };

package/dist/components/StatCard.js

@@ -49,7 +49,7 @@ const w = s.div`
   justify-content: start;
   font-family: 'Noto Sans Display', sans-serif;
   font-weight: 600;
-  font-size: ${({ theme: r }) => r.typography.sizes.s1};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
   line-height: 0.8125rem;
   color: ${({ theme: r, state: e }) => e === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
   svg {

package/dist/components/Table/Table.js

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

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

@@ -53,6 +53,8 @@ export declare const TablesWrapper: import("styled-components/dist/types").IStyl
 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"> & {
+export declare const ActionsTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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;
+}, {
+    $hasScrollbar?: boolean;
+}>> & string;