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

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

@@ -0,0 +1,91 @@
+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,
+    f
+  ].some(Boolean);
+  return /* @__PURE__ */ r(rr, {
+    id: o,
+    columns: n,
+    data: b,
+    headerContent: j,
+    getRowId: C,
+    fetchData: P,
+    totalItems: h,
+    queryOptions: g,
+    isPaginationEnabled: e,
+    enableExpandedRow: Q,
+    expandedState: R,
+    onExpandedChange: $,
+    defaultExpanded: S,
+    classNameExpandedRow: U,
+    classNameExpandedCell: X,
+    classNameExpandedContent: Y,
+    classNameExpandedHeader: Z,
+    classNameActiveExpandedRow: _,
+    enableHoverRow: M,
+    classNameHoverRow: O,
+    renderExpandedRow: L,
+    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: 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 {
+  ur as VirtualizedTableContent
+};

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.js

@@ -0,0 +1,14 @@
+import { t as n } from "../../../../utils-DnIJruo0.js";
+import { useTableContext as d } from "../../contexts/table.hook.js";
+import { isPaginationBarVisible as m } from "../../utils/pagination.js";
+import { jsx as s } from "react/jsx-runtime";
+var u = ({ children: o, classNameWrapperTable: r, isLoading: t, showPagination: e }) => {
+  const { tableLoading: a, totalItems: i = -1 / 0 } = d();
+  return /* @__PURE__ */ s("div", {
+    className: n("kvt-wrapper", "shadow rounded-t-lg overflow-hidden", { "rounded-lg": !e || !m(i) || a || t }, r),
+    children: o
+  });
+};
+export {
+  u as WrapperBody
+};

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

@@ -1,14 +1,24 @@
-import { Actions as e } from "./Actions/Actions.js";
-import { Body as x } from "./Body/Body.js";
-import { Filter as m } from "./Filter/Filter.js";
-import { Header as a } from "./Header/Header.js";
-import { Pagination as n } from "./Pagination/Pagination.js";
-import { TruncateText as d } from "./TruncateText/TruncateText.js";
+import { Actions as o } from "./Actions/Actions.js";
+import { EmptyState as m } from "./EmptyState/EmptyState.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 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 {
-  e as Actions,
-  x as Body,
-  m as Filter,
-  a as Header,
-  n as Pagination,
-  d as TruncateText
+  o as Actions,
+  y as Body,
+  p as EmptyResults,
+  m as EmptyState,
+  f as ErrorState,
+  d as Filter,
+  E as Header,
+  u as Pagination,
+  B as ScrollContainer,
+  n as TruncateText,
+  g as WrapperBody
 };

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

@@ -1,5 +1,7 @@
-import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as S } 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 {
   _ as DEFAULT_PAGE_SIZE,
-  S as DEFAULT_PAGE_SIZES
+  o as DEFAULT_PAGE_SIZES,
+  A as HIDE_BELOW_CLASS
 };

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

@@ -1,4 +1,9 @@
-const E = 10, A = [10, 20, 50, 100];
+var E = 10, A = [
+  10,
+  20,
+  50,
+  100
+];
 export {
   E as DEFAULT_PAGE_SIZE,
   A as DEFAULT_PAGE_SIZES

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,8 +1,8 @@
 import { TableContext as r } from "./table.context.js";
-import { useTableContext as x } from "./table.hook.js";
-import { TableProvider as b } from "./table.provider.js";
+import { useTableContext as e } from "./table.hook.js";
+import { t as a } from "../../../table.provider-QUo2buYX.js";
 export {
   r as TableContext,
-  b as TableProvider,
-  x as useTableContext
+  a as TableProvider,
+  e as useTableContext
 };

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

@@ -1,15 +1,22 @@
+import "../constants/pagination.js";
 import { createContext as e } from "react";
-import { DEFAULT_PAGE_SIZE as t } from "../constants/pagination.js";
-const r = e({
+var r = e({
   sortedData: [],
   table: {},
+  tableId: "",
   tableFetching: !1,
   tableLoading: !1,
+  tableError: null,
   totalItems: -1 / 0,
   termOfSearch: "",
   page: 0,
-  pageSize: t,
+  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");
   },
@@ -19,6 +26,15 @@ const r = e({
   onSelectMultiselect() {
     throw new Error("onSelectMultiselect function is not implemented");
   },
+  onSelectDateFilter() {
+    throw new Error("onSelectDateFilter function is not implemented");
+  },
+  onSelectDateRangeFilter() {
+    throw new Error("onSelectDateRangeFilter function is not implemented");
+  },
+  onSelectTimeFilter() {
+    throw new Error("onSelectTimeFilter function is not implemented");
+  },
   handlePage() {
     throw new Error("handlePage function is not implemented");
   },

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

@@ -1,11 +1,10 @@
-import { useContext as e } from "react";
-import { TableContext as o } from "./table.context.js";
-const s = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error("useTableContext must be used within a TableProvider");
-  return t;
+import { TableContext as t } from "./table.context.js";
+import { useContext as o } from "react";
+var a = () => {
+  const e = o(t);
+  if (!e) throw new Error("useTableContext must be used within a TableProvider");
+  return e;
 };
 export {
-  s as useTableContext
+  a as useTableContext
 };

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

@@ -1,82 +1,4 @@
-import { jsx as z } from "react/jsx-runtime";
-import { useQuery as E } from "@tanstack/react-query";
-import { u as _, g as j, a as k } from "../../../index-Dx2grAuN.js";
-import { useState as t, useMemo as q, useCallback as n } from "react";
-import { TableContext as A } from "./table.context.js";
-import { DEFAULT_PAGE_SIZE as K } from "../constants/pagination.js";
-const Z = ({
-  children: d,
-  id: u,
-  data: S = [],
-  columns: f = [],
-  totalItems: h,
-  fetchData: p
-}) => {
-  const [i, g] = t([]), [r, m] = t(0), [c, M] = t(), [o, C] = t(K), [l, b] = t(h), P = q(
-    () => Math.ceil(l / o),
-    [l, o]
-  ), [a, w] = t({}), { data: y, isLoading: O, isFetching: T } = E({
-    queryKey: [
-      u,
-      r,
-      o,
-      c,
-      JSON.stringify(a)
-    ],
-    refetchOnMount: !1,
-    refetchOnWindowFocus: !1,
-    initialData: S,
-    queryFn: () => p({
-      page: Math.max(r + 1, 1),
-      pageSize: o,
-      termOfSearch: c,
-      ...Object.keys(a).length > 0 ? a : {}
-    }).then(({ data: e, totalItemsCount: s }) => (s && b(s), e))
-  }), F = n((e) => {
-    M(e), m(0);
-  }, []), R = n((e, s) => {
-    const L = e.toLowerCase().replace(/\s+/g, "_");
-    w((v) => ({
-      ...v,
-      [L]: s
-    }));
-  }, []), x = n((e) => m(e), []), D = n(
-    (e) => C(e),
-    []
-  ), I = _({
-    data: y,
-    columns: f,
-    state: {
-      sorting: i
-    },
-    onSortingChange: g,
-    getCoreRowModel: k(),
-    getSortedRowModel: j()
-  });
-  return /* @__PURE__ */ z(
-    A.Provider,
-    {
-      value: {
-        sortedData: i,
-        table: I,
-        tableFetching: T,
-        tableLoading: O,
-        totalItems: l,
-        termOfSearch: c,
-        page: r,
-        multiselectSelected: a,
-        pageSize: o,
-        totalPages: P,
-        handlePage: x,
-        onPageSize: D,
-        onChangeTermOfSearch: F,
-        onSorting: g,
-        onSelectMultiselect: R
-      },
-      children: d
-    }
-  );
-};
+import { t as o } from "../../../table.provider-QUo2buYX.js";
 export {
-  Z as TableProvider
+  o as TableProvider
 };

package/dist/components/VirtualizedTable/events/filters/filters.js

@@ -0,0 +1,7 @@
+import { t } from "../../../../events.types-BG1Uh8i6.js";
+var E = (e) => {
+  document.dispatchEvent(new CustomEvent(t.RESET_FILTERS, { detail: { tableId: e } }));
+};
+export {
+  E as sendResetFiltersEvent
+};

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

@@ -0,0 +1,12 @@
+import { t } from "../../../events.types-BG1Uh8i6.js";
+import { sendResetFiltersEvent as n } from "./filters/filters.js";
+import { sendRefreshEvent as s } from "./refresh/refresh.js";
+import { sendCollapseRowEvent as d, sendExpandRowEvent as i, sendToggleRowEvent as p } from "./row/row.js";
+export {
+  t as VirtualizedTableEvent,
+  d as sendCollapseRowEvent,
+  i as sendExpandRowEvent,
+  s as sendRefreshEvent,
+  n as sendResetFiltersEvent,
+  p as sendToggleRowEvent
+};

package/dist/components/VirtualizedTable/events/refresh/refresh.js

@@ -0,0 +1,7 @@
+import { t } from "../../../../events.types-BG1Uh8i6.js";
+var a = (e) => {
+  document.dispatchEvent(new CustomEvent(t.REFRESH, { detail: { tableId: e } }));
+};
+export {
+  a as sendRefreshEvent
+};

package/dist/components/VirtualizedTable/events/row/row.js

@@ -0,0 +1,22 @@
+import { t as n } from "../../../../events.types-BG1Uh8i6.js";
+var d = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.EXPAND_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+}, o = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.COLLAPSE_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+}, E = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.TOGGLE_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+};
+export {
+  o as sendCollapseRowEvent,
+  d as sendExpandRowEvent,
+  E as sendToggleRowEvent
+};

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

@@ -0,0 +1,4 @@
+import { useVirtualizedTableReady as r } from "./useVirtualizedTableReady/useVirtualizedTableReady.js";
+export {
+  r as useVirtualizedTableReady
+};

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

@@ -0,0 +1,4 @@
+import { useVirtualizedTableReady as r } from "./useVirtualizedTableReady.js";
+export {
+  r as useVirtualizedTableReady
+};

package/dist/components/VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js

@@ -0,0 +1,12 @@
+import { isVirtualizedTableContentLoaded as t, loadVirtualizedTableContent as r, subscribeToVirtualizedTableContent as a } from "../../utils/load-content/load-content.js";
+import { useEffect as i, useSyncExternalStore as o } from "react";
+var n = () => !1, s = () => {
+  const e = o(a, t, n);
+  return i(() => {
+    e || r().catch(() => {
+    });
+  }, [e]), e;
+};
+export {
+  s as useVirtualizedTableReady
+};

package/dist/components/VirtualizedTable/utils/get-table-id.js

@@ -0,0 +1,4 @@
+var a = (r) => Array.isArray(r) ? r.join(",") : String(r);
+export {
+  a as getTableId
+};

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

@@ -0,0 +1,16 @@
+import { getTableId as i } from "./get-table-id.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 {
+  o as getLoadedVirtualizedTableContent,
+  s as getPinnedCellProps,
+  p as getPinnedOffset,
+  i as getTableId,
+  b as isPaginationBarVisible,
+  u as isPinnedBoundary,
+  a as isVirtualizedTableContentLoaded,
+  r as loadVirtualizedTableContent,
+  n as preloadVirtualizedTable,
+  d as subscribeToVirtualizedTableContent
+};

package/dist/components/VirtualizedTable/utils/load-content/index.js

@@ -0,0 +1,8 @@
+import { getLoadedVirtualizedTableContent as t, isVirtualizedTableContentLoaded as a, loadVirtualizedTableContent as i, preloadVirtualizedTable as l, subscribeToVirtualizedTableContent as o } from "./load-content.js";
+export {
+  t as getLoadedVirtualizedTableContent,
+  a as isVirtualizedTableContentLoaded,
+  i as loadVirtualizedTableContent,
+  l as preloadVirtualizedTable,
+  o as subscribeToVirtualizedTableContent
+};

package/dist/components/VirtualizedTable/utils/load-content/load-content.js

@@ -0,0 +1,15 @@
+var r, a, t = /* @__PURE__ */ new Set(), n = () => (r || (r = import("../../components/VirtualizedTableContent/VirtualizedTableContent.js").then((e) => (a = e, t.forEach((d) => {
+  d();
+}), e)).catch((e) => {
+  throw r = void 0, e;
+})), r), o = () => a !== void 0, i = () => a, l = (e) => (t.add(e), () => {
+  t.delete(e);
+}), u = () => n().then(() => {
+});
+export {
+  i as getLoadedVirtualizedTableContent,
+  o as isVirtualizedTableContentLoaded,
+  n as loadVirtualizedTableContent,
+  u as preloadVirtualizedTable,
+  l as subscribeToVirtualizedTableContent
+};

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

@@ -0,0 +1,5 @@
+import "../constants/pagination.js";
+var o = (r) => r > 10;
+export {
+  o as isPaginationBarVisible
+};

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
+};