@konstructio/ui 0.1.2-alpha.7 → 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/index.d.ts

@@ -571,14 +571,16 @@ declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTa
     ariaLabel?: string;
     columns: ColumnDef<TData, string>[];
     data: TData[];
-    totalItems: number;
+    className?: string;
+    classNameHeaderActiveArrows?: string;
+    classNameHeaderArrows?: string;
+    classNameHeaderTable?: string;
+    classNameTable?: string;
+    classNameWrapperTable?: string;
     fetchData: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
         data: TData[];
         totalItemsCount: number;
     }>;
-    classNameHeaderTable?: string;
-    classNameHeaderArrows?: string;
-    classNameHeaderActiveArrows?: string;
 } & ({
     showPagination: true;
     showTotalItems?: boolean;
@@ -586,6 +588,7 @@ declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTa
     showDotPagination?: boolean;
     showFormPagination?: boolean;
     pageSizes?: number[] | string[];
+    totalItems: number;
 } | {
     showPagination?: false | undefined;
     showTotalItems?: never;
@@ -593,6 +596,7 @@ declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTa
     showDotPagination?: never;
     showFormPagination?: never;
     pageSizes?: never;
+    totalItems: never;
 }) & ({
     filterSearchPlaceholder?: string;
     multiSelectFilter?: MultiSelectFilter[];

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.6",
+  "version": "0.1.2-alpha.7",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.7",
+  "version": "0.1.2-alpha.8",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",