@konstructio/ui 0.1.2-alpha.114 → 0.1.2-alpha.116

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,38 +1,41 @@
-import { t as o } from "../../utils-DnIJruo0.js";
-import { Actions as a } from "./components/Actions/Actions.js";
-import { sendResetFiltersEvent as i } from "./events/filters/filters.js";
-import { sendRefreshEvent as m } from "./events/refresh/refresh.js";
-import { sendCollapseRowEvent as n, sendExpandRowEvent as s, sendToggleRowEvent as l } from "./events/row/row.js";
-import { EmptyState as p } from "./components/EmptyState/EmptyState.js";
-import { EmptyResults as f } from "./components/EmptyResults/EmptyResults.js";
-import { ErrorState as u } from "./components/ErrorState/ErrorState.js";
-import { TruncateText as d } from "./components/TruncateText/TruncateText.js";
-import { Suspense as E, lazy as c } from "react";
+import { i as a, t as i } from "../../utils-DnIJruo0.js";
+import { Actions as m } from "./components/Actions/Actions.js";
+import { sendResetFiltersEvent as n } from "./events/filters/filters.js";
+import { sendRefreshEvent as l } from "./events/refresh/refresh.js";
+import { sendCollapseRowEvent as s, sendExpandRowEvent as p, sendToggleRowEvent as f } from "./events/row/row.js";
+import { EmptyState as d } from "./components/EmptyState/EmptyState.js";
+import { EmptyResults as u } from "./components/EmptyResults/EmptyResults.js";
+import { ErrorState as c } from "./components/ErrorState/ErrorState.js";
+import { TruncateText as E } from "./components/TruncateText/TruncateText.js";
+import { loadVirtualizedTableContent as o } from "./utils/load-content/load-content.js";
+import { Suspense as v, lazy as T } from "react";
 import { jsx as r } from "react/jsx-runtime";
-var v = c(() => import("./components/VirtualizedTableContent/VirtualizedTableContent.js").then((e) => ({ default: e.VirtualizedTableContent }))), T = (e) => /* @__PURE__ */ r(E, {
+a && o().catch(() => {
+});
+var b = T(() => o().then((e) => ({ default: e.VirtualizedTableContent }))), y = (e) => /* @__PURE__ */ r(v, {
   fallback: /* @__PURE__ */ r("section", {
-    className: o("kvt", "w-full min-w-fit", e.className),
+    className: i("kvt", "w-full min-w-fit", e.className),
     "aria-busy": "true"
   }),
-  children: /* @__PURE__ */ r(v, { ...e })
-}), t = T;
+  children: /* @__PURE__ */ r(b, { ...e })
+}), t = y;
 t.displayName = "KonstructVirtualizedTable";
-t.TruncateText = d;
-t.EmptyState = p;
-t.EmptyResults = f;
-t.ErrorState = u;
-t.Actions = a;
+t.TruncateText = E;
+t.EmptyState = d;
+t.EmptyResults = u;
+t.ErrorState = c;
+t.Actions = m;
 t.Events = {
-  sendExpandRowEvent: s,
-  sendCollapseRowEvent: n,
-  sendToggleRowEvent: l,
-  sendResetFiltersEvent: i,
-  sendRefreshEvent: m
+  sendExpandRowEvent: p,
+  sendCollapseRowEvent: s,
+  sendToggleRowEvent: f,
+  sendResetFiltersEvent: n,
+  sendRefreshEvent: l
 };
 export {
-  f as EmptyResults,
-  p as EmptyState,
-  u as ErrorState,
-  d as TruncateText,
+  u as EmptyResults,
+  d as EmptyState,
+  c as ErrorState,
+  E as TruncateText,
   t as VirtualizedTable
 };

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,7 +1,7 @@
 import { t } from "../../../../utils-DnIJruo0.js";
 import { useTableContext as I } from "../../contexts/table.hook.js";
 import { isPaginationBarVisible as T } from "../../utils/pagination.js";
-import { n as q } from "../../../../table.provider-CW1fpZcF.js";
+import { n as q } from "../../../../table.provider-CzfMGbe4.js";
 import { Skeleton as G } from "../Skeleton/Skeleton.js";
 import { ExpandableRow as J } from "../ExpandableRow/ExpandableRow.js";
 import { Fragment as K } from "react";

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,6 +1,6 @@
 import { t } from "../../../../utils-DnIJruo0.js";
 import { useTableContext as g } from "../../contexts/table.hook.js";
-import { n as k } from "../../../../table.provider-CW1fpZcF.js";
+import { n as k } from "../../../../table.provider-CzfMGbe4.js";
 import u from "../../assets/chevron-up.js";
 import C from "../../assets/chevron-down.js";
 import { jsx as r, jsxs as o } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 import { t as a } from "../../../../utils-DnIJruo0.js";
-import { t as D } from "../../../../table.provider-CW1fpZcF.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";

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-CW1fpZcF.js";
+import { t as a } from "../../../table.provider-CzfMGbe4.js";
 export {
   r as TableContext,
   a as TableProvider,

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

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

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/index.js

@@ -1,6 +1,11 @@
-import { isPaginationBarVisible as o } from "./pagination.js";
-import { getTableId as t } from "./get-table-id.js";
+import { getTableId as i } from "./get-table-id.js";
+import { isVirtualizedTableContentLoaded as a, loadVirtualizedTableContent as o, preloadVirtualizedTable as r, subscribeToVirtualizedTableContent as l } from "./load-content/load-content.js";
+import { isPaginationBarVisible as b } from "./pagination.js";
 export {
-  t as getTableId,
-  o as isPaginationBarVisible
+  i as getTableId,
+  b as isPaginationBarVisible,
+  a as isVirtualizedTableContentLoaded,
+  o as loadVirtualizedTableContent,
+  r as preloadVirtualizedTable,
+  l as subscribeToVirtualizedTableContent
 };

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

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

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

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

package/dist/components/index.js

@@ -9,16 +9,16 @@ import { AlertDialog as g } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
 import { Avatar as C } from "./Avatar/Avatar.js";
 import { AvatarGroup as A } from "./AvatarGroup/AvatarGroup.js";
-import { t as E } from "../Loading-u8hXrFJR.js";
-import { Badge as I } from "./Badge/Badge.js";
-import { Tooltip as b } from "./Tooltip/Tooltip.js";
+import { t as b } from "../Loading-u8hXrFJR.js";
+import { Badge as E } from "./Badge/Badge.js";
+import { Tooltip as I } from "./Tooltip/Tooltip.js";
 import { BadgeGroup as B } from "./BadgeGroup/BadgeGroup.js";
 import { Typography as h } from "./Typography/Typography.js";
 import { ButtonGroup as x } from "./ButtonGroup/ButtonGroup.js";
 import { Card as _ } from "./Card/Card.js";
-import { CheckboxCard as G } from "./CheckboxCard/CheckboxCard.js";
-import { Collapse as O } from "./Collapse/Collapse.js";
-import { CopyButton as U } from "./CopyButton/CopyButton.js";
+import { CheckboxCard as y } from "./CheckboxCard/CheckboxCard.js";
+import { Collapse as M } from "./Collapse/Collapse.js";
+import { CopyButton as z } from "./CopyButton/CopyButton.js";
 import { t as W } from "../Modal-CysTe3zL.js";
 import { ConfirmDialog as j } from "./ConfirmDialog/ConfirmDialog.js";
 import { DatePicker as H } from "./Datepicker/DatePicker.js";
@@ -36,16 +36,16 @@ import { TextMultiSelect as gr } from "./Filter/components/TextMultiSelect/TextM
 import { TimeFilterDropdown as Dr } from "./Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
 import { Filter as Cr } from "./Filter/Filter.js";
 import { t as Ar } from "../ImageUpload-BNZjCUTX.js";
-import { LineChart as Er } from "./LineChart/LineChart.js";
-import { OtpInput as Ir } from "./OtpInput/OtpInput.js";
-import { PasswordRules as br } from "./PasswordRules/PasswordRules.js";
+import { LineChart as br } from "./LineChart/LineChart.js";
+import { OtpInput as Er } from "./OtpInput/OtpInput.js";
+import { PasswordRules as Ir } from "./PasswordRules/PasswordRules.js";
 import { t as Br } from "../components-B_SWqhCL.js";
 import { PhoneNumberInput as hr } from "./PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as xr } from "./PieChart/PieChart.js";
 import { ProgressBar as _r } from "./ProgressBar/ProgressBar.js";
-import { RadioCard as Gr } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as Or } from "./RadioCardGroup/RadioCardGroup.js";
-import { Range as Ur } from "./Range/Range.js";
+import { RadioCard as yr } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as Mr } from "./RadioCardGroup/RadioCardGroup.js";
+import { Range as zr } from "./Range/Range.js";
 import { Select as Wr } from "./Select/Select.js";
 import { CollapseTrigger as jr } from "./Sidebar/components/CollapseTrigger/CollapseTrigger.js";
 import { Footer as Hr } from "./Sidebar/components/Footer/Footer.js";
@@ -59,15 +59,15 @@ import { Sidebar as ao } from "./Sidebar/Sidebar.js";
 import { Skeleton as no } from "./Skeleton/Skeleton.js";
 import { Slider as lo } from "./Slider/Slider.js";
 import { t as uo } from "../Spinner-CTonkSzG.js";
-import { horizontalConnectorWrapperVariants as So, stepConnectorVariants as Do, stepContentVariants as co, stepDescriptionVariants as Co, stepIndicatorVariants as Ro, stepItemVariants as Ao, stepLabelVariants as vo, stepListVariants as Eo, stepVariants as wo, stepperVariants as Io } from "./Stepper/Stepper.variants.js";
-import { Stepper as bo } from "./Stepper/Stepper.js";
+import { horizontalConnectorWrapperVariants as So, stepConnectorVariants as Do, stepContentVariants as co, stepDescriptionVariants as Co, stepIndicatorVariants as Ro, stepItemVariants as Ao, stepLabelVariants as Vo, stepListVariants as bo, stepVariants as vo, stepperVariants as Eo } from "./Stepper/Stepper.variants.js";
+import { Stepper as Io } from "./Stepper/Stepper.js";
 import { t as Bo } from "../Switch-5cdUxbhX.js";
 import { Table as ho } from "./Table/Table.js";
 import { Content as xo } from "./Tabs/components/Content.js";
 import { List as _o } from "./Tabs/components/List.js";
-import { Trigger as Go } from "./Tabs/components/Trigger.js";
-import { Tabs as Oo } from "./Tabs/Tabs.js";
-import { Tag as Uo } from "./Tag/Tag.js";
+import { Trigger as yo } from "./Tabs/components/Trigger.js";
+import { Tabs as Mo } from "./Tabs/Tabs.js";
+import { Tag as zo } from "./Tag/Tag.js";
 import { TagSelect as Wo } from "./TagSelect/TagSelect.js";
 import { TagsInput as jo } from "./TagsInput/TagsInput.js";
 import { TextArea as Ho } from "./TextArea/TextArea.js";
@@ -82,17 +82,19 @@ import { sendResetFiltersEvent as dt } from "./VirtualizedTable/events/filters/f
 import { sendRefreshEvent as ut } from "./VirtualizedTable/events/refresh/refresh.js";
 import { sendCollapseRowEvent as St, sendExpandRowEvent as Dt, sendToggleRowEvent as ct } from "./VirtualizedTable/events/row/row.js";
 import { EmptyState as Rt } from "./VirtualizedTable/components/EmptyState/EmptyState.js";
-import { EmptyResults as vt } from "./VirtualizedTable/components/EmptyResults/EmptyResults.js";
-import { ErrorState as wt } from "./VirtualizedTable/components/ErrorState/ErrorState.js";
-import { TruncateText as Vt } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as Lt } from "./VirtualizedTable/VirtualizedTable.js";
+import { EmptyResults as Vt } from "./VirtualizedTable/components/EmptyResults/EmptyResults.js";
+import { ErrorState as vt } from "./VirtualizedTable/components/ErrorState/ErrorState.js";
+import { TruncateText as wt } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { preloadVirtualizedTable as Lt } from "./VirtualizedTable/utils/load-content/load-content.js";
+import { VirtualizedTable as Ft } from "./VirtualizedTable/VirtualizedTable.js";
+import { useVirtualizedTableReady as Pt } from "./VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
 export {
   l as Alert,
   g as AlertDialog,
   D as Autocomplete,
   C as Avatar,
   A as AvatarGroup,
-  I as Badge,
+  E as Badge,
   B as BadgeGroup,
   ar as BadgeMultiSelect,
   p as Breadcrumb,
@@ -100,12 +102,12 @@ export {
   x as ButtonGroup,
   _ as Card,
   o as Checkbox,
-  G as CheckboxCard,
-  O as Collapse,
+  y as CheckboxCard,
+  M as Collapse,
   jr as CollapseTrigger,
   j as ConfirmDialog,
   xo as Content,
-  U as CopyButton,
+  z as CopyButton,
   n as Counter,
   nr as CustomDateRangeFilterDropdown,
   Ko as DEFAULT_MAX_VISIBLE_TOASTS,
@@ -119,17 +121,17 @@ export {
   pr as Drawer,
   Wr as Dropdown,
   m as DropdownButton,
-  vt as EmptyResults,
+  Vt as EmptyResults,
   Rt as EmptyState,
-  wt as ErrorState,
+  vt as ErrorState,
   Cr as Filter,
   Hr as Footer,
   Ar as ImageUpload,
   a as Input,
   Kr as Label,
-  Er as LineChart,
+  br as LineChart,
   _o as List,
-  E as Loading,
+  b as Loading,
   Yr as Logo,
   W as Modal,
   Br as MultiSelectDropdown,
@@ -138,26 +140,26 @@ export {
   oo as NavigationOption,
   mo as NavigationSeparator,
   n as NumberInput,
-  Ir as OtpInput,
-  br as PasswordRules,
+  Er as OtpInput,
+  Ir as PasswordRules,
   hr as PhoneNumberInput,
   xr as PieChart,
   _r as ProgressBar,
   K as Radio,
-  Gr as RadioCard,
-  Or as RadioCardGroup,
+  yr as RadioCard,
+  Mr as RadioCardGroup,
   Y as RadioGroup,
-  Ur as Range,
+  zr as Range,
   Wr as Select,
   ao as Sidebar,
   no as Skeleton,
   lo as Slider,
   uo as Spinner,
-  bo as Stepper,
+  Io as Stepper,
   Bo as Switch,
   ho as Table,
-  Oo as Tabs,
-  Uo as Tag,
+  Mo as Tabs,
+  zo as Tag,
   Wo as TagSelect,
   jo as TagsInput,
   Ho as TextArea,
@@ -166,14 +168,15 @@ export {
   $ as TimePicker,
   et as Toast,
   ft as ToastProvider,
-  b as Tooltip,
-  Go as Trigger,
-  Vt as TruncateText,
+  I as Tooltip,
+  yo as Trigger,
+  wt as TruncateText,
   h as Typography,
-  Lt as VirtualizedTable,
+  Ft as VirtualizedTable,
   st as VirtualizedTableEvent,
   $o as createToastStore,
   So as horizontalConnectorWrapperVariants,
+  Lt as preloadVirtualizedTable,
   St as sendCollapseRowEvent,
   Dt as sendExpandRowEvent,
   ut as sendRefreshEvent,
@@ -184,11 +187,12 @@ export {
   Co as stepDescriptionVariants,
   Ro as stepIndicatorVariants,
   Ao as stepItemVariants,
-  vo as stepLabelVariants,
-  Eo as stepListVariants,
-  wo as stepVariants,
-  Io as stepperVariants,
+  Vo as stepLabelVariants,
+  bo as stepListVariants,
+  vo as stepVariants,
+  Eo as stepperVariants,
   it as useToast,
   ot as useToastStore,
-  tt as useToastStoreApi
+  tt as useToastStoreApi,
+  Pt as useVirtualizedTableReady
 };

package/dist/index.js

@@ -7,18 +7,18 @@ import { a as l, t as d } from "./utils-DnIJruo0.js";
 import { Alert as T } from "./components/Alert/Alert.js";
 import { Button as C } from "./components/Button/Button.js";
 import { AlertDialog as c } from "./components/AlertDialog/AlertDialog.js";
-import { useClickOutside as v } from "./hooks/useClickOutside.js";
+import { useClickOutside as R } from "./hooks/useClickOutside.js";
 import { useIsHydrated as A } from "./hooks/useIsHydrated/useIsHydrated.js";
-import { useMediaQuery as I } from "./hooks/useMediaQuery.js";
-import { useToggle as V } from "./hooks/useToggle.js";
+import { useMediaQuery as b } from "./hooks/useMediaQuery.js";
+import { useToggle as I } from "./hooks/useToggle.js";
 import { Autocomplete as h } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as B } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as P } from "./components/AvatarGroup/AvatarGroup.js";
-import { t as k } from "./Loading-u8hXrFJR.js";
+import { t as y } from "./Loading-u8hXrFJR.js";
 import { Badge as M } from "./components/Badge/Badge.js";
 import { Tooltip as O } from "./components/Tooltip/Tooltip.js";
 import { BadgeGroup as G } from "./components/BadgeGroup/BadgeGroup.js";
-import { Typography as z } from "./components/Typography/Typography.js";
+import { Typography as U } from "./components/Typography/Typography.js";
 import { ButtonGroup as Q } from "./components/ButtonGroup/ButtonGroup.js";
 import { Card as X } from "./components/Card/Card.js";
 import { CheckboxCard as q } from "./components/CheckboxCard/CheckboxCard.js";
@@ -34,18 +34,18 @@ import { DateRangePicker as dr } from "./components/DateRangePicker/DateRangePic
 import { Divider as Tr } from "./components/Divider/Divider.js";
 import { Drawer as Cr } from "./components/Drawer/Drawer.js";
 import { BadgeMultiSelect as cr } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
-import { CustomDateRangeFilterDropdown as vr } from "./components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
+import { CustomDateRangeFilterDropdown as Rr } from "./components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
 import { DateFilterDropdown as Ar } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as Ir } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { TextMultiSelect as Vr } from "./components/Filter/components/TextMultiSelect/TextMultiSelect.js";
+import { DateRangeFilterDropdown as br } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { TextMultiSelect as Ir } from "./components/Filter/components/TextMultiSelect/TextMultiSelect.js";
 import { TimeFilterDropdown as hr } from "./components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
 import { Filter as Br } from "./components/Filter/Filter.js";
 import { t as Pr } from "./ImageUpload-BNZjCUTX.js";
-import { LineChart as kr } from "./components/LineChart/LineChart.js";
+import { LineChart as yr } from "./components/LineChart/LineChart.js";
 import { OtpInput as Mr } from "./components/OtpInput/OtpInput.js";
 import { PasswordRules as Or } from "./components/PasswordRules/PasswordRules.js";
 import { t as Gr } from "./components-B_SWqhCL.js";
-import { PhoneNumberInput as zr } from "./components/PhoneNumberInput/PhoneNumberInput.js";
+import { PhoneNumberInput as Ur } from "./components/PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as Qr } from "./components/PieChart/PieChart.js";
 import { ProgressBar as Xr } from "./components/ProgressBar/ProgressBar.js";
 import { RadioCard as qr } from "./components/RadioCard/RadioCard.js";
@@ -61,13 +61,13 @@ import { NavigationOption as uo } from "./components/Sidebar/components/Navigati
 import { NavigationSeparator as go } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 import { Navigation as So } from "./components/Sidebar/components/Navigation/Navigation.js";
 import { Sidebar as Do } from "./components/Sidebar/Sidebar.js";
-import { Skeleton as Ro } from "./components/Skeleton/Skeleton.js";
-import { Slider as Eo } from "./components/Slider/Slider.js";
-import { t as wo } from "./Spinner-CTonkSzG.js";
-import { horizontalConnectorWrapperVariants as bo, stepConnectorVariants as ho, stepContentVariants as Lo, stepDescriptionVariants as Bo, stepIndicatorVariants as Fo, stepItemVariants as Po, stepLabelVariants as xo, stepListVariants as ko, stepVariants as yo, stepperVariants as Mo } from "./components/Stepper/Stepper.variants.js";
+import { Skeleton as vo } from "./components/Skeleton/Skeleton.js";
+import { Slider as Vo } from "./components/Slider/Slider.js";
+import { t as Eo } from "./Spinner-CTonkSzG.js";
+import { horizontalConnectorWrapperVariants as wo, stepConnectorVariants as ho, stepContentVariants as Lo, stepDescriptionVariants as Bo, stepIndicatorVariants as Fo, stepItemVariants as Po, stepLabelVariants as xo, stepListVariants as yo, stepVariants as ko, stepperVariants as Mo } from "./components/Stepper/Stepper.variants.js";
 import { Stepper as Oo } from "./components/Stepper/Stepper.js";
 import { t as Go } from "./Switch-5cdUxbhX.js";
-import { Table as zo } from "./components/Table/Table.js";
+import { Table as Uo } from "./components/Table/Table.js";
 import { Content as Qo } from "./components/Tabs/components/Content.js";
 import { List as Xo } from "./components/Tabs/components/List.js";
 import { Trigger as qo } from "./components/Tabs/components/Trigger.js";
@@ -82,18 +82,20 @@ import { useToastStore as dt, useToastStoreApi as ut } from "./components/Toast/
 import { useToast as gt } from "./components/Toast/hooks/useToast/useToast.js";
 import { Toast as St } from "./components/Toast/Toast.js";
 import { ToastProvider as Dt } from "./components/Toast/ToastProvider.js";
-import { t as Rt } from "./events.types-BG1Uh8i6.js";
-import { sendResetFiltersEvent as Et } from "./components/VirtualizedTable/events/filters/filters.js";
-import { sendRefreshEvent as wt } from "./components/VirtualizedTable/events/refresh/refresh.js";
-import { sendCollapseRowEvent as bt, sendExpandRowEvent as ht, sendToggleRowEvent as Lt } from "./components/VirtualizedTable/events/row/row.js";
+import { t as vt } from "./events.types-BG1Uh8i6.js";
+import { sendResetFiltersEvent as Vt } from "./components/VirtualizedTable/events/filters/filters.js";
+import { sendRefreshEvent as Et } from "./components/VirtualizedTable/events/refresh/refresh.js";
+import { sendCollapseRowEvent as wt, sendExpandRowEvent as ht, sendToggleRowEvent as Lt } from "./components/VirtualizedTable/events/row/row.js";
 import { EmptyState as Ft } from "./components/VirtualizedTable/components/EmptyState/EmptyState.js";
 import { EmptyResults as xt } from "./components/VirtualizedTable/components/EmptyResults/EmptyResults.js";
-import { ErrorState as yt } from "./components/VirtualizedTable/components/ErrorState/ErrorState.js";
+import { ErrorState as kt } from "./components/VirtualizedTable/components/ErrorState/ErrorState.js";
 import { TruncateText as Nt } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as _t } from "./components/VirtualizedTable/VirtualizedTable.js";
-import { ThemeContext as Ut } from "./contexts/theme.context.js";
-import { useTheme as Ht } from "./contexts/theme.hook.js";
-import { t as Wt } from "./theme.provider-CvL6sqHq.js";
+import { preloadVirtualizedTable as _t } from "./components/VirtualizedTable/utils/load-content/load-content.js";
+import { VirtualizedTable as zt } from "./components/VirtualizedTable/VirtualizedTable.js";
+import { useVirtualizedTableReady as Ht } from "./components/VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
+import { ThemeContext as Wt } from "./contexts/theme.context.js";
+import { useTheme as jt } from "./contexts/theme.hook.js";
+import { t as Jt } from "./theme.provider-CvL6sqHq.js";
 import "./contexts/index.js";
 export {
   T as Alert,
@@ -116,13 +118,13 @@ export {
   Qo as Content,
   Z as CopyButton,
   s as Counter,
-  vr as CustomDateRangeFilterDropdown,
+  Rr as CustomDateRangeFilterDropdown,
   et as DEFAULT_MAX_VISIBLE_TOASTS,
   at as DEFAULT_TOAST_DURATION,
   ft as DEFAULT_TOAST_LIMIT,
   Ar as DateFilterDropdown,
   ir as DatePicker,
-  Ir as DateRangeFilterDropdown,
+  br as DateRangeFilterDropdown,
   dr as DateRangePicker,
   Tr as Divider,
   Cr as Drawer,
@@ -130,15 +132,15 @@ export {
   m as DropdownButton,
   xt as EmptyResults,
   Ft as EmptyState,
-  yt as ErrorState,
+  kt as ErrorState,
   Br as Filter,
   io as Footer,
   Pr as ImageUpload,
   a as Input,
   eo as Label,
-  kr as LineChart,
+  yr as LineChart,
   Xo as List,
-  k as Loading,
+  y as Loading,
   fo as Logo,
   rr as Modal,
   Gr as MultiSelectDropdown,
@@ -149,7 +151,7 @@ export {
   s as NumberInput,
   Mr as OtpInput,
   Or as PasswordRules,
-  zr as PhoneNumberInput,
+  Ur as PhoneNumberInput,
   Qr as PieChart,
   Xr as ProgressBar,
   er as Radio,
@@ -159,20 +161,20 @@ export {
   Zr as Range,
   ro as Select,
   Do as Sidebar,
-  Ro as Skeleton,
-  Eo as Slider,
-  wo as Spinner,
+  vo as Skeleton,
+  Vo as Slider,
+  Eo as Spinner,
   Oo as Stepper,
   Go as Switch,
-  zo as Table,
+  Uo as Table,
   Ko as Tabs,
   Zo as Tag,
   rt as TagSelect,
   tt as TagsInput,
   it as TextArea,
-  Vr as TextMultiSelect,
-  Ut as ThemeContext,
-  Wt as ThemeProvider,
+  Ir as TextMultiSelect,
+  Wt as ThemeContext,
+  Jt as ThemeProvider,
   hr as TimeFilterDropdown,
   nr as TimePicker,
   St as Toast,
@@ -180,17 +182,18 @@ export {
   O as Tooltip,
   qo as Trigger,
   Nt as TruncateText,
-  z as Typography,
-  _t as VirtualizedTable,
-  Rt as VirtualizedTableEvent,
+  U as Typography,
+  zt as VirtualizedTable,
+  vt as VirtualizedTableEvent,
   d as cn,
   nt as createToastStore,
-  bo as horizontalConnectorWrapperVariants,
+  wo as horizontalConnectorWrapperVariants,
+  _t as preloadVirtualizedTable,
   l as resolveColor,
-  bt as sendCollapseRowEvent,
+  wt as sendCollapseRowEvent,
   ht as sendExpandRowEvent,
-  wt as sendRefreshEvent,
-  Et as sendResetFiltersEvent,
+  Et as sendRefreshEvent,
+  Vt as sendResetFiltersEvent,
   Lt as sendToggleRowEvent,
   ho as stepConnectorVariants,
   Lo as stepContentVariants,
@@ -198,15 +201,16 @@ export {
   Fo as stepIndicatorVariants,
   Po as stepItemVariants,
   xo as stepLabelVariants,
-  ko as stepListVariants,
-  yo as stepVariants,
+  yo as stepListVariants,
+  ko as stepVariants,
   Mo as stepperVariants,
-  v as useClickOutside,
+  R as useClickOutside,
   A as useIsHydrated,
-  I as useMediaQuery,
-  Ht as useTheme,
+  b as useMediaQuery,
+  jt as useTheme,
   gt as useToast,
   dt as useToastStore,
   ut as useToastStoreApi,
-  V as useToggle
+  I as useToggle,
+  Ht as useVirtualizedTableReady
 };

package/dist/lib/components/VirtualizedTable/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useVirtualizedTableReady';

package/dist/lib/components/VirtualizedTable/hooks/useVirtualizedTableReady/index.d.ts

@@ -0,0 +1 @@
+export * from './useVirtualizedTableReady';

package/dist/lib/components/VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.d.ts

@@ -0,0 +1 @@
+export declare const useVirtualizedTableReady: () => boolean;

package/dist/lib/components/VirtualizedTable/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './get-table-id';
+export * from './load-content';
 export * from './pagination';

package/dist/lib/components/VirtualizedTable/utils/load-content/index.d.ts

@@ -0,0 +1 @@
+export * from './load-content';

package/dist/lib/components/VirtualizedTable/utils/load-content/load-content.d.ts

@@ -0,0 +1,7 @@
+type ContentModule = typeof import('../../components/VirtualizedTableContent/VirtualizedTableContent');
+type Listener = () => void;
+export declare const loadVirtualizedTableContent: () => Promise<ContentModule>;
+export declare const isVirtualizedTableContentLoaded: () => boolean;
+export declare const subscribeToVirtualizedTableContent: (listener: Listener) => (() => void);
+export declare const preloadVirtualizedTable: () => Promise<void>;
+export {};

package/dist/lib/components/index.d.ts

@@ -65,6 +65,8 @@ export type { ToastActions, ToastStore, ToastStoreOptions, ToastStoreState, } fr
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
+export * from './VirtualizedTable/hooks';
+export { preloadVirtualizedTable } from './VirtualizedTable/utils/load-content';
 export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, sendRefreshEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail, VirtualizedTableRefreshEventDetail, } from './VirtualizedTable/events';
 export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, CustomDateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';

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.113",
+  "version": "0.1.2-alpha.115",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/{table.provider-CW1fpZcF.js → table.provider-CzfMGbe4.js}

@@ -6,7 +6,7 @@ import { TableContext as qt } from "./components/VirtualizedTable/contexts/table
 import { t as fe } from "./events.types-BG1Uh8i6.js";
 import { getTableId as Pe } from "./components/VirtualizedTable/utils/get-table-id.js";
 import * as De from "react";
-import { useCallback as z, useEffect as k, useMemo as U, useRef as b, useState as I } from "react";
+import { useCallback as z, useEffect as j, useMemo as U, useRef as b, useState as I } from "react";
 import { jsx as ce } from "react/jsx-runtime";
 import { useQuery as Nt } from "@tanstack/react-query";
 function T(e, o) {
@@ -764,8 +764,8 @@ var Se = {
             var L, P;
             const V = o.options.columnResizeDirection === "rtl" ? -1 : 1, K = (w - ((L = _?.startOffset) != null ? L : 0)) * V, X = Math.max(K / ((P = _?.startSize) != null ? P : 0), -0.999999);
             return _.columnSizingStart.forEach((ve) => {
-              let [Re, j] = ve;
-              a[Re] = Math.round(Math.max(j + j * X, 0) * 100) / 100;
+              let [Re, k] = ve;
+              a[Re] = Math.round(Math.max(k + k * X, 0) * 100) / 100;
             }), {
               ..._,
               deltaOffset: K,
@@ -1668,9 +1668,9 @@ var tt = [
   const o = e();
   return o === void 0 || o === "all" ? o : [.../* @__PURE__ */ new Set([...o, ...tt])];
 } : [.../* @__PURE__ */ new Set([...e, ...tt])], Yn = ({ children: e, classNameExpandedCell: o, classNameExpandedContent: t, classNameExpandedRow: n, classNameExpandedHeader: r, classNameActiveExpandedRow: i, classNameHoverRow: l, columns: s = [], data: u = [], defaultExpanded: a, enableExpandedRow: d, enableHoverRow: g, expandedState: f, headerContent: c, id: p, isPaginationEnabled: v, queryOptions: $ = {}, totalItems: h, getRowId: w, fetchData: _, onExpandedChange: L, renderExpandedRow: P, keepExpandColumnVisible: V }) => {
-  const [K, X] = I([]), [ve, Re] = I(!!_), [j, W] = I(0), [ne, dt] = I(), [oe, ft] = I(10), [ct, pt] = I(h), je = _ ? ct : h, St = Math.ceil(je / oe), [re, mt] = I({}), [ie, Ct] = I({}), [le, vt] = I({}), [se, Rt] = I({}), ht = () => {
+  const [K, X] = I([]), [ve, Re] = I(!!_), [k, W] = I(0), [ne, dt] = I(), [oe, ft] = I(10), [ct, pt] = I(h), je = _ ? ct : h, St = Math.ceil(je / oe), [re, mt] = I({}), [ie, Ct] = I({}), [le, vt] = I({}), [se, Rt] = I({}), ht = () => {
     const S = typeof p == "string" || typeof p == "number" ? [p] : [...p];
-    return v && S.push(j, oe), ne && S.push(ne), Object.entries(re).forEach(([R, F]) => {
+    return v && S.push(k, oe), ne && S.push(ne), Object.entries(re).forEach(([R, F]) => {
       S.push(`${R}:${F.join(",")}`);
     }), Object.entries(ie).forEach(([R, F]) => {
       F && S.push(`${R}:${F}`);
@@ -1692,11 +1692,11 @@ var tt = [
     },
     initialData: () => {
       if (!(Ke.current || u.length === 0))
-        return Ke.current = !0, u;
+        return u;
     },
     queryFn: async ({ signal: S }) => {
       const { data: R, totalItemsCount: F } = await _({
-        page: Math.max(j + 1, 1),
+        page: Math.max(k + 1, 1),
         pageSize: oe,
         termOfSearch: ne,
         ...Object.keys(re).length > 0 ? re : {},
@@ -1706,10 +1706,14 @@ var tt = [
       }, S);
       return Ue.current = { totalItemsCount: F }, R;
     }
-  }), [_t, Xe] = I(!1), he = b(0), We = b(!0), Qe = b(G.refetch);
+  });
+  j(() => {
+    Ke.current = !0;
+  }, []);
+  const [_t, Xe] = I(!1), he = b(0), We = b(!0), Qe = b(G.refetch);
   Qe.current = G.refetch;
   const Q = _ ? G.data ?? Gn : u, Ft = _ ? G.isLoading : !1, $t = _ ? G.isFetching : !1, Mt = _ ? G.error : null, Ye = !!c;
-  k(() => {
+  j(() => {
     if (!_ || G.dataUpdatedAt === 0) return;
     Re(!1);
     const { totalItemsCount: S } = Ue.current;
@@ -1752,7 +1756,7 @@ var tt = [
     we,
     L
   ]);
-  k(() => {
+  j(() => {
     if (!d) return;
     const S = Pe(p), R = new AbortController(), F = (Z) => {
       const { detail: O } = Z, { rowId: y } = O;
@@ -1780,9 +1784,9 @@ var tt = [
     d,
     p,
     Y
-  ]), k(() => () => {
+  ]), j(() => () => {
     We.current = !1;
-  }, []), k(() => {
+  }, []), j(() => {
     if (!_) return;
     const S = Pe(p), R = new AbortController(), F = (E) => {
       const { detail: ge } = E;
@@ -1793,14 +1797,14 @@ var tt = [
     return document.addEventListener(fe.REFRESH, F, { signal: R.signal }), () => R.abort();
   }, [_, p]);
   const _e = U(() => Q.some((S) => !!S.meta?.expandedRow), [Q]), ue = U(() => Q.map((S, R) => w ? w(S, R) : String(R)), [Q, w]), Ht = U(() => typeof q == "boolean" ? q : ue.some((S) => !!q[S]), [q, ue]), Gt = U(() => typeof V == "boolean" ? V : typeof V == "object" ? ue.some((S) => !!V[S]) : !1, [V, ue]), Fe = _e || P && (Ht || Gt), [N, Ze] = I(!!Fe);
-  k(() => {
+  j(() => {
     if (Fe) {
       const S = requestAnimationFrame(() => Ze(!0));
       return () => cancelAnimationFrame(S);
     } else Ze(!1);
   }, [Fe]);
   const [ae, Je] = I(!N);
-  k(() => {
+  j(() => {
     if (N) Je(!1);
     else {
       const S = setTimeout(() => Je(!0), 300);
@@ -1865,7 +1869,7 @@ var tt = [
       dateFilters: ie,
       dateRangeFilters: le,
       timeFilters: se,
-      page: j,
+      page: k,
       pageSize: oe,
       sortedData: K,
       table: zt,

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.114",
+  "version": "0.1.2-alpha.116",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",