@konstructio/ui 0.1.2-alpha.6 → 0.1.2-alpha.8

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,38 +1,41 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useMemo as V } from "react";
-import { cn as g } from "../../utils/index.js";
-import { TableProvider as j } from "./contexts/table.provider.js";
-import { Filter as w } from "./components/Filter/Filter.js";
-import { Header as y } from "./components/Header/Header.js";
-import { Body as B } from "./components/Body/Body.js";
-import { Pagination as H } from "./components/Pagination/Pagination.js";
-import { TruncateText as K } from "./components/TruncateText/TruncateText.js";
-import { Actions as M } from "./components/Actions/Actions.js";
-const P = ({
-  id: s,
-  ariaLabel: c,
-  columns: d,
-  data: n,
-  totalItems: f,
-  classNameHeaderTable: p,
-  classNameHeaderArrows: u,
+import { useMemo as y } from "react";
+import { cn as s } from "../../utils/index.js";
+import { TableProvider as B } from "./contexts/table.provider.js";
+import { Filter as H } from "./components/Filter/Filter.js";
+import { Header as K } from "./components/Header/Header.js";
+import { Body as M } from "./components/Body/Body.js";
+import { Pagination as P } from "./components/Pagination/Pagination.js";
+import { TruncateText as k } from "./components/TruncateText/TruncateText.js";
+import { Actions as q } from "./components/Actions/Actions.js";
+const C = ({
+  id: c,
+  ariaLabel: d,
+  columns: n,
+  data: f,
+  totalItems: p,
+  className: u,
   classNameHeaderActiveArrows: b,
-  fetchData: T,
+  classNameHeaderArrows: T,
+  classNameHeaderTable: N,
+  classNameTable: h,
+  classNameWrapperTable: x,
+  fetchData: A,
   // Pagination
-  showPagination: N,
+  showPagination: v,
   showTotalItems: o,
   showDropdownPagination: l,
   showDotPagination: a,
   showFormPagination: i,
-  pageSizes: h,
+  pageSizes: z,
   // Filter
-  showFilter: x = !1,
-  showFilterInput: A,
-  filterSearchPlaceholder: v = "",
-  multiSelectFilter: z
+  showFilter: V = !1,
+  showFilterInput: g,
+  filterSearchPlaceholder: j = "",
+  multiSelectFilter: w
 }) => {
-  const t = V(
-    () => N || [
+  const t = y(
+    () => v || [
       o,
       l,
       a,
@@ -41,59 +44,70 @@ const P = ({
     []
   );
   return /* @__PURE__ */ r(
-    j,
+    B,
     {
-      id: s,
-      columns: d,
-      data: n,
-      fetchData: T,
-      totalItems: f,
-      children: /* @__PURE__ */ m("section", { children: [
-        x && /* @__PURE__ */ r(
-          w,
+      id: c,
+      columns: n,
+      data: f,
+      fetchData: A,
+      totalItems: p,
+      children: /* @__PURE__ */ m("section", { className: u, children: [
+        V && /* @__PURE__ */ r(
+          H,
           {
-            placeholder: v,
-            multiSelectFilter: z,
-            showFilterInput: A
+            placeholder: j,
+            multiSelectFilter: w,
+            showFilterInput: g
           }
         ),
         /* @__PURE__ */ r(
           "div",
           {
-            className: g("shadow rounded-t-lg", {
-              "overflow-hidden rounded-lg": !t
-            }),
-            children: /* @__PURE__ */ m("table", { className: "w-full border-collapse", "aria-label": c, children: [
-              /* @__PURE__ */ r(
-                y,
-                {
-                  className: p,
-                  classNameArrows: u,
-                  classNameActiveArrows: b
-                }
-              ),
-              /* @__PURE__ */ r(B, {})
-            ] })
+            className: s(
+              "shadow rounded-t-lg",
+              {
+                "overflow-hidden rounded-lg": !t
+              },
+              x
+            ),
+            children: /* @__PURE__ */ m(
+              "table",
+              {
+                className: s("w-full border-collapse", h),
+                "aria-label": d,
+                children: [
+                  /* @__PURE__ */ r(
+                    K,
+                    {
+                      className: N,
+                      classNameArrows: T,
+                      classNameActiveArrows: b
+                    }
+                  ),
+                  /* @__PURE__ */ r(M, {})
+                ]
+              }
+            )
           }
         ),
         t && /* @__PURE__ */ r(
-          H,
+          P,
           {
             showTotalItems: o,
             showDropdownPagination: l,
             showDotPagination: a,
             showFormPagination: i,
-            pageSizes: h
+            pageSizes: z
           }
         )
       ] })
     }
   );
-}, e = P;
+}, e = C;
 e.displayName = "KonstructVirtualizedTable";
-e.TruncateText = K;
-e.Actions = M;
+e.TruncateText = k;
+e.Actions = q;
 export {
-  K as TruncateText,
+  k as TruncateText,
   e as VirtualizedTable
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -3,13 +3,14 @@ import * as g from "react";
 import { useLayoutEffect as Vt, useRef as zt, useState as jt, useCallback as Yt, useEffect as ze } from "react";
 import { c as ot, u as je, a as Xt, b as J } from "../../../../index-BfXxHr_2.js";
 import { u as ge, b as Gt } from "../../../../index-DQH6odE9.js";
-import { D as qt } from "../../../../index-Cd2vhaop.js";
+import { D as qt } from "../../../../index-CffpTFMi.js";
 import { u as Ut } from "../../../../index-bwWKd82e.js";
-import { r as Kt, P as we } from "../../../../index-BITvcJAz.js";
+import * as Kt from "react-dom";
+import { P as we } from "../../../../index-BVRIAMfe.js";
 import { u as Zt } from "../../../../index-0ioNhtNM.js";
 import { u as Jt } from "../../../../index-BAEWsOG1.js";
 import { P as Qt } from "../../../../index-C1g_chDT.js";
-import { R as en } from "../../../../index-DBbEcSUG.js";
+import { R as en } from "../../../../index-sp5ZfG6g.js";
 import { d as tn } from "../../../../debounce-BFejQm9P.js";
 const nn = ["top", "right", "bottom", "left"], U = Math.min, F = Math.max, de = Math.round, fe = Math.floor, j = (e) => ({
   x: e,