@uva-glass/component-library 3.55.9 → 3.56.0

package/dist/components/DataTable/hooks/useVirtualScroll.d.ts

@@ -0,0 +1,14 @@
+import { UIEvent } from 'react';
+interface UseVirtualScrollProps {
+    rowHeight: number;
+    buffer?: number;
+    totalItems: number;
+}
+export declare function useVirtualScroll({ rowHeight, buffer, totalItems }: UseVirtualScrollProps): {
+    visibleItems: number[];
+    totalHeight: number;
+    offsetTop: number;
+    onScroll: (event: UIEvent<HTMLElement>) => void;
+    setContainerHeight: import('react').Dispatch<import('react').SetStateAction<number>>;
+};
+export {};

package/dist/components/DataTable/hooks/useVirtualScroll.js

@@ -0,0 +1,35 @@
+import { useCallback as e, useMemo as t, useState as n } from "react";
+//#region src/components/DataTable/hooks/useVirtualScroll.tsx
+var r = 2;
+function i({ rowHeight: i, buffer: a = r, totalItems: o }) {
+	let [s, c] = n(0), [l, u] = n(0), { startIndex: d, endIndex: f } = t(() => {
+		if (i <= 0) return {
+			startIndex: 0,
+			endIndex: o - 1
+		};
+		let e = Math.ceil(l / i), t = Math.max(0, Math.floor(s / i) - a);
+		return {
+			startIndex: t,
+			endIndex: Math.min(o - 1, t + e + a * r)
+		};
+	}, [
+		s,
+		i,
+		o,
+		l,
+		a
+	]), p = o * i, m = d * i;
+	return {
+		visibleItems: t(() => Array.from({ length: f - d + 1 }, (e, t) => d + t), [d, f]),
+		totalHeight: p,
+		offsetTop: m,
+		onScroll: e((e) => {
+			c(e.currentTarget.scrollTop);
+		}, []),
+		setContainerHeight: u
+	};
+}
+//#endregion
+export { i as useVirtualScroll };
+
+//# sourceMappingURL=useVirtualScroll.js.map

package/dist/components/DataTable/hooks/useVirtualScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScroll.js","names":[],"sources":["../../../../src/components/DataTable/hooks/useVirtualScroll.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\r\n\r\nimport type { UIEvent } from 'react';\r\n\r\nconst DOUBLE = 2;\r\n\r\ninterface UseVirtualScrollProps {\r\n  rowHeight: number;\r\n  buffer?: number;\r\n  totalItems: number;\r\n}\r\n\r\nexport function useVirtualScroll({ rowHeight, buffer = DOUBLE, totalItems }: UseVirtualScrollProps) {\r\n  const [scrollTop, setScrollTop] = useState(0);\r\n  const [containerHeight, setContainerHeight] = useState(0);\r\n\r\n  const { startIndex, endIndex } = useMemo(() => {\r\n    if (rowHeight <= 0) {\r\n      return { startIndex: 0, endIndex: totalItems - 1 };\r\n    }\r\n\r\n    const visibleItemsCount = Math.ceil(containerHeight / rowHeight);\r\n    const start = Math.max(0, Math.floor(scrollTop / rowHeight) - buffer);\r\n    const end = Math.min(totalItems - 1, start + visibleItemsCount + buffer * DOUBLE);\r\n    return { startIndex: start, endIndex: end };\r\n  }, [scrollTop, rowHeight, totalItems, containerHeight, buffer]);\r\n\r\n  const totalHeight = totalItems * rowHeight;\r\n\r\n  const offsetTop = startIndex * rowHeight;\r\n\r\n  const visibleItems = useMemo(\r\n    () => Array.from({ length: endIndex - startIndex + 1 }, (_, counter) => startIndex + counter),\r\n    [startIndex, endIndex]\r\n  );\r\n\r\n  const onScroll = useCallback((event: UIEvent<HTMLElement>) => {\r\n    setScrollTop(event.currentTarget.scrollTop);\r\n  }, []);\r\n\r\n  return {\r\n    visibleItems,\r\n    totalHeight,\r\n    offsetTop,\r\n    onScroll,\r\n    setContainerHeight,\r\n  };\r\n}\r\n"],"mappings":";;AAIA,IAAM,IAAS;AAQf,SAAgB,EAAiB,EAAE,cAAW,YAAS,GAAQ,iBAAqC;CAClG,IAAM,CAAC,GAAW,KAAgB,EAAS,CAAC,GACtC,CAAC,GAAiB,KAAsB,EAAS,CAAC,GAElD,EAAE,eAAY,gBAAa,QAAc;EAC7C,IAAI,KAAa,GACf,OAAO;GAAE,YAAY;GAAG,UAAU,IAAa;EAAE;EAGnD,IAAM,IAAoB,KAAK,KAAK,IAAkB,CAAS,GACzD,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,IAAY,CAAS,IAAI,CAAM;EAEpE,OAAO;GAAE,YAAY;GAAO,UADhB,KAAK,IAAI,IAAa,GAAG,IAAQ,IAAoB,IAAS,CACpC;EAAI;CAC5C,GAAG;EAAC;EAAW;EAAW;EAAY;EAAiB;CAAM,CAAC,GAExD,IAAc,IAAa,GAE3B,IAAY,IAAa;CAW/B,OAAO;EACL,cAVmB,QACb,MAAM,KAAK,EAAE,QAAQ,IAAW,IAAa,EAAE,IAAI,GAAG,MAAY,IAAa,CAAO,GAC5F,CAAC,GAAY,CAAQ,CAQrB;EACA;EACA;EACA,UARe,GAAa,MAAgC;GAC5D,EAAa,EAAM,cAAc,SAAS;EAC5C,GAAG,CAAC,CAMF;EACA;CACF;AACF"}

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

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

package/dist/components/DataTable/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../DataTable-C46IkAmF.js";
+export { e as DataTable };

package/dist/components/DataTable/mockDataTableData.d.ts

@@ -0,0 +1,39 @@
+export const MOCK_DATA: ({
+    id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    street: string;
+    street_number: string;
+    zipcode: string;
+    city: string;
+    country: string;
+    country_code: string;
+    trade: string;
+    language: string;
+    birthdate: string;
+    quote: string;
+    university: string;
+    appname: string;
+    appversion: string;
+    website: string;
+} | {
+    id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    street: string;
+    street_number: string;
+    zipcode: null;
+    city: string;
+    country: string;
+    country_code: string;
+    trade: string;
+    language: string;
+    birthdate: string;
+    quote: string;
+    university: string;
+    appname: string;
+    appversion: string;
+    website: string;
+})[];

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../FeedbackBar-DRbJVniP.js";
 import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Label/Label.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../Label-D0ACrYG3.js";
 import { i as t, n } from "../../react.esm-GvSawg5E.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../MultiSelectBox-BmBxa6PH.js";
 import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";

package/dist/components/Notification/Notification.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../Notification-BAqCenxt.js";
 import { i as t, n } from "../../react.esm-GvSawg5E.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/RadioGroup/Radiogroup.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../RadioGroup-DhnnBRJu.js";
 import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../StatusBage-CfEIuIPa.js";
 import { i as t, n } from "../../react.esm-GvSawg5E.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/TextArea/TextArea.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../TextArea-GR2ZWwLh.js";
 import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
 import { t as i } from "../../esm-BJhEQquH.js";

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,4 +1,4 @@
-import "../../dist-Cxk2-lJw.js";
+import "../../dist-Dlg0QxSO.js";
 import { t as e } from "../../VarIndicator-DoMWwSUm.js";
 import { a as t, i as n, n as r } from "../../react.esm-GvSawg5E.js";
 import { t as i } from "../../esm-BJhEQquH.js";

package/dist/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './CheckboxTree';
 export * from './Chip';
 export * from './ControlsButton';
 export * from './CopyableText';
+export * from './DataTable';
 export * from './Drawer';
 export * from './EmptyStateDataDisplay';
 export * from './ExpandableInfoPanel';

package/dist/components/index.js

@@ -19,45 +19,46 @@ import { t as _ } from "../ControlsButton-9uR_zW_F.js";
 import { d as v, f as y, h as b, m as x, n as S, t as C, u as w } from "../components-D6_Sx8Hs.js";
 import { t as T } from "../Chip-9XnXFhoJ.js";
 import { t as E } from "../CopyableText-hSqhyUWx.js";
-import { t as D } from "../Drawer-BbVJqFQI.js";
-import { t as O } from "../OverlayCloseButton-j-7mC4Zz.js";
-import { t as k } from "../EmptyStateDataDisplay-IT2P3ius.js";
-import { t as A } from "../ExpandableInfoPanel-DMfcJFP3.js";
-import { t as j } from "../FeedbackBar-DRbJVniP.js";
-import { t as M } from "../Repeater-Bnoqqz0X.js";
-import { t as N } from "../FieldHint-FEBzgLI_.js";
-import { t as P } from "../Spinner-BmPjd2Bv.js";
-import { t as F } from "../Fieldset-D01_rj_p.js";
-import { t as I } from "../FormField-CcV84TfI.js";
-import { GridRow as L } from "./GridRow/GridRow.js";
-import { t as R } from "../HorizontalList-CLlRGWZX.js";
-import { t as z } from "../IconButton-CSNMVEG1.js";
-import { t as B } from "../InfoBanner-DqBWtCVE.js";
-import { t as V } from "../InfoMessage-COywXu4O.js";
-import { t as H } from "../Input-BzKvzbzP.js";
-import { t as U } from "../InputField-T01uazlI.js";
-import { t as W } from "../MenuLink-La_3ANEL.js";
-import { t as G } from "../MetaDataBar-48J7yPrb.js";
-import { t as K } from "../MetaDataList-Co9WCexh.js";
-import { t as q } from "../ModalDialog-J7xcPcnS.js";
-import { t as J } from "../MultiSelectBox-BmBxa6PH.js";
-import { t as Y } from "../Notification-BAqCenxt.js";
-import { t as X } from "../OverlayStepBar-Cj_-0waE.js";
-import { t as Z } from "../PageOverlay-DqwdG5ve.js";
-import { t as Q } from "../Periods-C5cxLlWt.js";
-import { t as $ } from "../ProgrammeCard-CAAOSWKa.js";
-import { t as ee } from "../RadioButton-CKALsbBb.js";
-import { t as te } from "../RadioGroup-DhnnBRJu.js";
-import { SearchField as ne } from "./SearchField/SearchField.js";
-import { SelectProvider as re, useSelect as ie } from "./SelectListbox/SelectProvider.js";
-import { SelectListbox as ae } from "./SelectListbox/SelectListbox.js";
-import { t as oe } from "../Slider-dCmT0VM2.js";
-import { Sortable as se } from "./Sortable/Sortable.js";
-import { t as ce } from "../StatusBage-CfEIuIPa.js";
-import { t as le } from "../StatusPill-CbJV4t-V.js";
-import { t as ue } from "../TextArea-GR2ZWwLh.js";
-import { t as de } from "../ToggleSwitch-b54K58vY.js";
-import { t as fe } from "../Tooltip-DvkGwn4j.js";
-import { t as pe } from "../VarIndicator-DoMWwSUm.js";
-import { WeekSelector as me } from "./WeekSelector/WeekSelector.js";
-export { e as Accordion, n as AccordionCard, r as ActionList, s as AppStatusBar, c as Attention, l as Backdrop, i as Button, u as ButtonGroup, d as Card, p as Checkbox, m as CheckboxButtonBar, b as CheckboxTree, T as Chip, _ as ControlsButton, E as CopyableText, D as Drawer, k as EmptyStateDataDisplay, A as ExpandableInfoPanel, j as FeedbackBar, g as FeedbackBox, N as FieldHint, F as Fieldset, I as FormField, x as FormInput, L as GridRow, R as HorizontalList, t as Icon, z as IconButton, B as InfoBanner, V as InfoMessage, H as Input, U as InputField, h as Label, a as LinkButton, o as MenuButton, W as MenuLink, G as MetaDataBar, K as MetaDataList, q as ModalDialog, y as MultiSelect, J as MultiSelectBox, Y as Notification, O as OverlayCloseButton, X as OverlayStepBar, Z as PageOverlay, v as PeriodSelector, Q as Periods, $ as ProgrammeCard, ee as RadioButton, te as RadioGroup, w as RadioTabSelector, M as Repeater, C as Rte, S as RteEditor, ne as SearchField, f as SectionNotification, ae as SelectListbox, re as SelectProvider, oe as Slider, se as Sortable, P as Spinner, ce as StatusBadge, le as StatusPill, ue as TextArea, de as ToggleSwitch, fe as Tooltip, pe as VarIndicator, me as WeekSelector, ie as useSelect };
+import { t as D } from "../DataTable-C46IkAmF.js";
+import { t as O } from "../Drawer-BbVJqFQI.js";
+import { t as k } from "../OverlayCloseButton-j-7mC4Zz.js";
+import { t as A } from "../EmptyStateDataDisplay-IT2P3ius.js";
+import { t as j } from "../ExpandableInfoPanel-DMfcJFP3.js";
+import { t as M } from "../FeedbackBar-DRbJVniP.js";
+import { t as N } from "../Repeater-Bnoqqz0X.js";
+import { t as P } from "../FieldHint-FEBzgLI_.js";
+import { t as F } from "../Spinner-BmPjd2Bv.js";
+import { t as I } from "../Fieldset-D01_rj_p.js";
+import { t as L } from "../FormField-CcV84TfI.js";
+import { GridRow as R } from "./GridRow/GridRow.js";
+import { t as z } from "../HorizontalList-CLlRGWZX.js";
+import { t as B } from "../IconButton-CSNMVEG1.js";
+import { t as V } from "../InfoBanner-DqBWtCVE.js";
+import { t as H } from "../InfoMessage-COywXu4O.js";
+import { t as U } from "../Input-BzKvzbzP.js";
+import { t as W } from "../InputField-T01uazlI.js";
+import { t as G } from "../MenuLink-La_3ANEL.js";
+import { t as K } from "../MetaDataBar-48J7yPrb.js";
+import { t as q } from "../MetaDataList-Co9WCexh.js";
+import { t as J } from "../ModalDialog-J7xcPcnS.js";
+import { t as Y } from "../MultiSelectBox-BmBxa6PH.js";
+import { t as X } from "../Notification-BAqCenxt.js";
+import { t as Z } from "../OverlayStepBar-Cj_-0waE.js";
+import { t as Q } from "../PageOverlay-DqwdG5ve.js";
+import { t as $ } from "../Periods-C5cxLlWt.js";
+import { t as ee } from "../ProgrammeCard-CAAOSWKa.js";
+import { t as te } from "../RadioButton-CKALsbBb.js";
+import { t as ne } from "../RadioGroup-DhnnBRJu.js";
+import { SearchField as re } from "./SearchField/SearchField.js";
+import { SelectProvider as ie, useSelect as ae } from "./SelectListbox/SelectProvider.js";
+import { SelectListbox as oe } from "./SelectListbox/SelectListbox.js";
+import { t as se } from "../Slider-dCmT0VM2.js";
+import { Sortable as ce } from "./Sortable/Sortable.js";
+import { t as le } from "../StatusBage-CfEIuIPa.js";
+import { t as ue } from "../StatusPill-CbJV4t-V.js";
+import { t as de } from "../TextArea-GR2ZWwLh.js";
+import { t as fe } from "../ToggleSwitch-b54K58vY.js";
+import { t as pe } from "../Tooltip-DvkGwn4j.js";
+import { t as me } from "../VarIndicator-DoMWwSUm.js";
+import { WeekSelector as he } from "./WeekSelector/WeekSelector.js";
+export { e as Accordion, n as AccordionCard, r as ActionList, s as AppStatusBar, c as Attention, l as Backdrop, i as Button, u as ButtonGroup, d as Card, p as Checkbox, m as CheckboxButtonBar, b as CheckboxTree, T as Chip, _ as ControlsButton, E as CopyableText, D as DataTable, O as Drawer, A as EmptyStateDataDisplay, j as ExpandableInfoPanel, M as FeedbackBar, g as FeedbackBox, P as FieldHint, I as Fieldset, L as FormField, x as FormInput, R as GridRow, z as HorizontalList, t as Icon, B as IconButton, V as InfoBanner, H as InfoMessage, U as Input, W as InputField, h as Label, a as LinkButton, o as MenuButton, G as MenuLink, K as MetaDataBar, q as MetaDataList, J as ModalDialog, y as MultiSelect, Y as MultiSelectBox, X as Notification, k as OverlayCloseButton, Z as OverlayStepBar, Q as PageOverlay, v as PeriodSelector, $ as Periods, ee as ProgrammeCard, te as RadioButton, ne as RadioGroup, w as RadioTabSelector, N as Repeater, C as Rte, S as RteEditor, re as SearchField, f as SectionNotification, oe as SelectListbox, ie as SelectProvider, se as Slider, ce as Sortable, F as Spinner, le as StatusBadge, ue as StatusPill, de as TextArea, fe as ToggleSwitch, pe as Tooltip, me as VarIndicator, he as WeekSelector, ae as useSelect };