@konstructio/ui 0.1.2-alpha.119 → 0.1.2-alpha.120

package/dist/components/VirtualizedTable/components/VirtualizedTableContent/VirtualizedTableContent.js

@@ -1,91 +1,91 @@
-import { t as a } from "../../../../utils-DnIJruo0.js";
-import { t as D } from "../../../../table.provider-CzfMGbe4.js";
-import { Body as rr } from "../Body/Body.js";
-import { Filter as er } from "../Filter/Filter.js";
-import { Header as lr } from "../Header/Header.js";
-import { Pagination as ar } from "../Pagination/Pagination.js";
-import { WrapperBody as tr } from "../WrapperBody/WrapperBody.js";
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-var pr = ({ id: i, ariaLabel: d, columns: f, data: p, totalItems: b = -1 / 0, className: u, classNameHeaderActiveArrows: v, classNameHeaderArrows: k, classNameHeaderTable: N, classNameTable: h, classNameWrapperTable: w, isLoading: l, emptyState: x, errorState: y, headerContent: A, classNameHeaderContent: B, classNameScrollContainer: o, getRowId: P, fetchData: j, queryOptions: z, showPagination: E, showTotalItems: s, showDropdownPagination: m, showDotPagination: c, showFormPagination: n, pageSizes: H, dropdownPaginationDirection: T, showFilter: V = !1, showFilterInput: W, filterSearchPlaceholder: g = "", filters: q, multiSelectFilter: C, filterActions: F, showResetButton: G = !0, resetButtonClassName: I, closeOnApply: J = !0, enableHoverRow: K, classNameHoverRow: M, enableExpandedRow: O, expandedState: Q, defaultExpanded: R, classNameExpandedRow: U, classNameExpandedCell: X, classNameExpandedContent: Y, classNameExpandedHeader: Z, classNameActiveExpandedRow: _, onExpandedChange: $, renderExpandedRow: L, keepExpandColumnVisible: S }) => {
-  const e = E || [
+import { t as p } from "../../../../utils-DnIJruo0.js";
+import { t as rr } from "../../../../table.provider-QUo2buYX.js";
+import { Body as er } from "../Body/Body.js";
+import { Filter as ar } from "../Filter/Filter.js";
+import { Header as tr } from "../Header/Header.js";
+import { Pagination as lr } from "../Pagination/Pagination.js";
+import { ScrollContainer as or } from "../ScrollContainer/ScrollContainer.js";
+import { WrapperBody as ir } from "../WrapperBody/WrapperBody.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var ur = ({ id: o, ariaLabel: d, columns: n, data: b, totalItems: h = -1 / 0, className: u, classNameHeaderActiveArrows: v, classNameHeaderArrows: N, classNameHeaderTable: k, classNameTable: x, classNameWrapperTable: y, isLoading: a, emptyState: A, errorState: B, headerContent: j, classNameHeaderContent: w, classNameScrollContainer: i, columnPinning: t, getRowId: C, fetchData: P, queryOptions: g, showPagination: z, showTotalItems: s, showDropdownPagination: m, showDotPagination: c, showFormPagination: f, pageSizes: E, dropdownPaginationDirection: H, showFilter: T = !1, showFilterInput: V, filterSearchPlaceholder: W = "", filters: q, multiSelectFilter: F, filterActions: G, showResetButton: I = !0, resetButtonClassName: J, closeOnApply: K = !0, enableHoverRow: M, classNameHoverRow: O, enableExpandedRow: Q, expandedState: R, defaultExpanded: S, classNameExpandedRow: U, classNameExpandedCell: X, classNameExpandedContent: Y, classNameExpandedHeader: Z, classNameActiveExpandedRow: _, onExpandedChange: $, renderExpandedRow: L, keepExpandColumnVisible: D }) => {
+  const e = z || [
     s,
     m,
     c,
-    n
+    f
   ].some(Boolean);
-  return /* @__PURE__ */ r(D, {
-    id: i,
-    columns: f,
-    data: p,
-    headerContent: A,
-    getRowId: P,
-    fetchData: j,
-    totalItems: b,
-    queryOptions: z,
+  return /* @__PURE__ */ r(rr, {
+    id: o,
+    columns: n,
+    data: b,
+    headerContent: j,
+    getRowId: C,
+    fetchData: P,
+    totalItems: h,
+    queryOptions: g,
     isPaginationEnabled: e,
-    enableExpandedRow: O,
-    expandedState: Q,
+    enableExpandedRow: Q,
+    expandedState: R,
     onExpandedChange: $,
-    defaultExpanded: R,
+    defaultExpanded: S,
     classNameExpandedRow: U,
     classNameExpandedCell: X,
     classNameExpandedContent: Y,
     classNameExpandedHeader: Z,
     classNameActiveExpandedRow: _,
-    enableHoverRow: K,
-    classNameHoverRow: M,
+    enableHoverRow: M,
+    classNameHoverRow: O,
     renderExpandedRow: L,
-    keepExpandColumnVisible: S,
-    children: /* @__PURE__ */ t("section", {
-      className: a("kvt", "w-full min-w-fit", u),
-      children: [V && /* @__PURE__ */ r(er, {
-        id: i,
-        actions: F,
+    keepExpandColumnVisible: D,
+    columnPinning: t,
+    children: /* @__PURE__ */ l("section", {
+      className: p("kvt", "w-full min-w-fit", u),
+      children: [T && /* @__PURE__ */ r(ar, {
+        id: o,
+        actions: G,
         filters: q,
-        multiSelectFilter: C,
-        placeholder: g,
-        showFilterInput: W,
-        showResetButton: G,
-        resetButtonClassName: I,
-        closeOnApply: J
-      }), /* @__PURE__ */ r("div", {
-        className: a("kvt-scroll", "w-full", o),
-        children: /* @__PURE__ */ t("div", {
-          className: "kvt-scroll-content w-full min-w-fit",
-          children: [/* @__PURE__ */ r(tr, {
-            showPagination: e,
-            classNameWrapperTable: w,
-            isLoading: l,
-            children: /* @__PURE__ */ t("table", {
-              className: a("kvt-table", "w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", h),
-              "aria-label": d,
-              children: [/* @__PURE__ */ r(lr, {
-                className: N,
-                classNameArrows: k,
-                classNameActiveArrows: v,
-                classNameHeaderContent: B
-              }), /* @__PURE__ */ r(rr, {
-                isLoading: l,
-                showPagination: e,
-                emptyState: x,
-                errorState: y
-              })]
-            })
-          }), e && /* @__PURE__ */ r(ar, {
-            showTotalItems: s,
-            showDropdownPagination: m,
-            showDotPagination: c,
-            showFormPagination: n,
-            pageSizes: H,
-            isLoading: l,
-            isListPortal: !!o,
-            dropdownPaginationDirection: T
-          })]
-        })
+        multiSelectFilter: F,
+        placeholder: W,
+        showFilterInput: V,
+        showResetButton: I,
+        resetButtonClassName: J,
+        closeOnApply: K
+      }), /* @__PURE__ */ l(or, {
+        className: i,
+        hasPinnedColumns: !!t?.left?.length || !!t?.right?.length,
+        children: [/* @__PURE__ */ r(ir, {
+          showPagination: e,
+          classNameWrapperTable: y,
+          isLoading: a,
+          children: /* @__PURE__ */ l("table", {
+            className: p("kvt-table", "w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", x),
+            "aria-label": d,
+            children: [/* @__PURE__ */ r(tr, {
+              className: k,
+              classNameArrows: N,
+              classNameActiveArrows: v,
+              classNameHeaderContent: w
+            }), /* @__PURE__ */ r(er, {
+              isLoading: a,
+              showPagination: e,
+              emptyState: A,
+              errorState: B
+            })]
+          })
+        }), e && /* @__PURE__ */ r(lr, {
+          showTotalItems: s,
+          showDropdownPagination: m,
+          showDotPagination: c,
+          showFormPagination: f,
+          pageSizes: E,
+          isLoading: a,
+          isListPortal: !!i,
+          dropdownPaginationDirection: H
+        })]
       })]
     })
   });
 };
 export {
-  pr as VirtualizedTableContent
+  ur as VirtualizedTableContent
 };

package/dist/components/VirtualizedTable/components/index.js

@@ -1,22 +1,24 @@
 import { Actions as o } from "./Actions/Actions.js";
 import { EmptyState as m } from "./EmptyState/EmptyState.js";
-import { EmptyResults as i } from "./EmptyResults/EmptyResults.js";
+import { EmptyResults as p } from "./EmptyResults/EmptyResults.js";
 import { ErrorState as f } from "./ErrorState/ErrorState.js";
 import { TruncateText as n } from "./TruncateText/TruncateText.js";
-import { Body as d } from "./Body/Body.js";
-import { Filter as E } from "./Filter/Filter.js";
-import { Header as l } from "./Header/Header.js";
-import { Pagination as x } from "./Pagination/Pagination.js";
-import { WrapperBody as S } from "./WrapperBody/WrapperBody.js";
+import { Body as y } from "./Body/Body.js";
+import { Filter as d } from "./Filter/Filter.js";
+import { Header as E } from "./Header/Header.js";
+import { Pagination as u } from "./Pagination/Pagination.js";
+import { ScrollContainer as B } from "./ScrollContainer/ScrollContainer.js";
+import { WrapperBody as g } from "./WrapperBody/WrapperBody.js";
 export {
   o as Actions,
-  d as Body,
-  i as EmptyResults,
+  y as Body,
+  p as EmptyResults,
   m as EmptyState,
   f as ErrorState,
-  E as Filter,
-  l as Header,
-  x as Pagination,
+  d as Filter,
+  E as Header,
+  u as Pagination,
+  B as ScrollContainer,
   n as TruncateText,
-  S as WrapperBody
+  g as WrapperBody
 };

package/dist/components/VirtualizedTable/constants/index.js

@@ -1,5 +1,7 @@
-import { DEFAULT_PAGE_SIZE as A, DEFAULT_PAGE_SIZES as _ } from "./pagination.js";
+import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as o } from "./pagination.js";
+import { HIDE_BELOW_CLASS as A } from "./responsive.js";
 export {
-  A as DEFAULT_PAGE_SIZE,
-  _ as DEFAULT_PAGE_SIZES
+  _ as DEFAULT_PAGE_SIZE,
+  o as DEFAULT_PAGE_SIZES,
+  A as HIDE_BELOW_CLASS
 };

package/dist/components/VirtualizedTable/constants/responsive.js

@@ -0,0 +1,10 @@
+var d = {
+  sm: "max-sm:hidden",
+  md: "max-md:hidden",
+  lg: "max-lg:hidden",
+  xl: "max-xl:hidden",
+  "2xl": "max-2xl:hidden"
+};
+export {
+  d as HIDE_BELOW_CLASS
+};

package/dist/components/VirtualizedTable/contexts/index.js

@@ -1,6 +1,6 @@
 import { TableContext as r } from "./table.context.js";
 import { useTableContext as e } from "./table.hook.js";
-import { t as a } from "../../../table.provider-CzfMGbe4.js";
+import { t as a } from "../../../table.provider-QUo2buYX.js";
 export {
   r as TableContext,
   a as TableProvider,

package/dist/components/VirtualizedTable/contexts/table.context.js

@@ -13,6 +13,10 @@ var r = e({
   pageSize: 10,
   totalPages: 1 / 0,
   isFirstLoad: !0,
+  pinnedWidths: {},
+  getPinnedHeaderRef() {
+    throw new Error("getPinnedHeaderRef function is not implemented");
+  },
   onSorting() {
     throw new Error("onSorting function is not implemented");
   },

package/dist/components/VirtualizedTable/contexts/table.provider.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../table.provider-CzfMGbe4.js";
+import { t as o } from "../../../table.provider-QUo2buYX.js";
 export {
   o as TableProvider
 };

package/dist/components/VirtualizedTable/utils/index.js

@@ -1,12 +1,16 @@
 import { getTableId as i } from "./get-table-id.js";
-import { getLoadedVirtualizedTableContent as a, isVirtualizedTableContentLoaded as o, loadVirtualizedTableContent as r, preloadVirtualizedTable as l, subscribeToVirtualizedTableContent as d } from "./load-content/load-content.js";
+import { getLoadedVirtualizedTableContent as o, isVirtualizedTableContentLoaded as a, loadVirtualizedTableContent as r, preloadVirtualizedTable as n, subscribeToVirtualizedTableContent as d } from "./load-content/load-content.js";
 import { isPaginationBarVisible as b } from "./pagination.js";
+import { getPinnedCellProps as s, getPinnedOffset as p, isPinnedBoundary as u } from "./pinned-columns/pinned-columns.js";
 export {
-  a as getLoadedVirtualizedTableContent,
+  o as getLoadedVirtualizedTableContent,
+  s as getPinnedCellProps,
+  p as getPinnedOffset,
   i as getTableId,
   b as isPaginationBarVisible,
-  o as isVirtualizedTableContentLoaded,
+  u as isPinnedBoundary,
+  a as isVirtualizedTableContentLoaded,
   r as loadVirtualizedTableContent,
-  l as preloadVirtualizedTable,
+  n as preloadVirtualizedTable,
   d as subscribeToVirtualizedTableContent
 };

package/dist/components/VirtualizedTable/utils/pinned-columns/index.js

@@ -0,0 +1,6 @@
+import { getPinnedCellProps as n, getPinnedOffset as i, isPinnedBoundary as o } from "./pinned-columns.js";
+export {
+  n as getPinnedCellProps,
+  i as getPinnedOffset,
+  o as isPinnedBoundary
+};

package/dist/components/VirtualizedTable/utils/pinned-columns/pinned-columns.js

@@ -0,0 +1,32 @@
+import { t as f } from "../../../../utils-DnIJruo0.js";
+var o = (t, e) => t.reduce((r, { id: i }) => r + (e[i] ?? 0), 0), a = (t, e, r) => {
+  const i = e.getIsPinned();
+  if (i === "left") {
+    const n = t.getLeftLeafColumns(), d = n.findIndex(({ id: s }) => s === e.id);
+    return o(n.slice(0, d), r);
+  }
+  if (i === "right") {
+    const n = t.getRightLeafColumns(), d = n.findIndex(({ id: s }) => s === e.id);
+    return o(n.slice(d + 1), r);
+  }
+  return 0;
+}, l = (t, e) => {
+  const r = e.getIsPinned();
+  return r === "left" ? t.getLeftLeafColumns().at(-1)?.id === e.id : r === "right" ? t.getRightLeafColumns()[0]?.id === e.id : !1;
+}, u = (t, e, r) => {
+  const i = e.getIsPinned();
+  if (!i) return {};
+  const n = a(t, e, r), d = l(t, e);
+  return i === "left" ? {
+    className: f("kvt-pinned kvt-pinned-left sticky", d && "[[data-kvt-overflow]_&]:border-r border-r-gray-200 dark:border-r-metal-700"),
+    style: { left: n }
+  } : {
+    className: f("kvt-pinned kvt-pinned-right sticky", d && "[[data-kvt-overflow]_&]:border-l border-l-gray-200 dark:border-l-metal-700"),
+    style: { right: n }
+  };
+};
+export {
+  u as getPinnedCellProps,
+  a as getPinnedOffset,
+  l as isPinnedBoundary
+};