@uva-glass/component-library 3.55.8 → 3.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/DataTable-C46IkAmF.js +154 -0
  2. package/dist/DataTable-C46IkAmF.js.map +1 -0
  3. package/dist/assets/DataTable.css +1 -0
  4. package/dist/{chunk-SZQXB3JV-xjYHmnzP.js → chunk-FON5IJBZ-BBb6rYhU.js} +953 -895
  5. package/dist/chunk-FON5IJBZ-BBb6rYhU.js.map +1 -0
  6. package/dist/components/Accordion/Accordion.test.js +1 -1
  7. package/dist/components/AccordionCard/AccordionCard.test.js +1 -1
  8. package/dist/components/ActionList/ActionList.test.js +1 -1
  9. package/dist/components/AppStatusBar/AppStatusBar.test.js +1 -1
  10. package/dist/components/Attention/Attention.test.js +1 -1
  11. package/dist/components/Backdrop/Backdrop.test.js +1 -1
  12. package/dist/components/Buttons/Button.stories.js +1 -1
  13. package/dist/components/Buttons/Button.test.js +1 -1
  14. package/dist/components/Buttons/LinkButton.stories.js +1 -1
  15. package/dist/components/Buttons/LinkButton.test.js +1 -1
  16. package/dist/components/Buttons/MenuButton.stories.js +1 -1
  17. package/dist/components/Buttons/MenuButton.test.js +1 -1
  18. package/dist/components/Card/Card.test.js +1 -1
  19. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  20. package/dist/components/Checkbox/Checkbox.test.js +1 -1
  21. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
  22. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +1 -1
  23. package/dist/components/CheckboxTree/CheckboxTree.stories.js +2 -2
  24. package/dist/components/Chip/Chip.stories.js +1 -1
  25. package/dist/components/ControlsButton/ControlsButton.stories.js +2 -2
  26. package/dist/components/DataTable/DataTable.d.ts +39 -0
  27. package/dist/components/DataTable/DataTable.js +2 -0
  28. package/dist/components/DataTable/DataTable.stories.d.ts +26 -0
  29. package/dist/components/DataTable/DataTable.stories.js +40349 -0
  30. package/dist/components/DataTable/DataTable.stories.js.map +1 -0
  31. package/dist/components/DataTable/hooks/useVirtualScroll.d.ts +14 -0
  32. package/dist/components/DataTable/hooks/useVirtualScroll.js +35 -0
  33. package/dist/components/DataTable/hooks/useVirtualScroll.js.map +1 -0
  34. package/dist/components/DataTable/index.d.ts +1 -0
  35. package/dist/components/DataTable/index.js +2 -0
  36. package/dist/components/DataTable/mockDataTableData.d.ts +39 -0
  37. package/dist/components/Drawer/Drawer.stories.js +1 -1
  38. package/dist/components/FeedbackBar/FeedbackBar.test.js +1 -1
  39. package/dist/components/FormInput/FormInput.stories.js +1 -1
  40. package/dist/components/Icon/Icon.js +1 -1
  41. package/dist/components/Icon/Icon.stories.js +1 -1
  42. package/dist/components/Icon/icons/index.d.ts +8 -2
  43. package/dist/components/Icon/icons/index.js +1 -1
  44. package/dist/components/IconButton/IconButton.stories.js +1 -1
  45. package/dist/components/InputField/InputField.stories.js +1 -1
  46. package/dist/components/Label/Label.test.js +1 -1
  47. package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
  48. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  49. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
  50. package/dist/components/MultiSelectBox/MultiSelectBox.test.js +1 -1
  51. package/dist/components/Notification/Notification.stories.js +1 -1
  52. package/dist/components/Notification/Notification.test.js +1 -1
  53. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  54. package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
  55. package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
  56. package/dist/components/RadioGroup/Radiogroup.test.js +1 -1
  57. package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
  58. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  59. package/dist/components/Sortable/Sortable.stories.js +1 -1
  60. package/dist/components/StatusBadge/StatusBadge.test.js +1 -1
  61. package/dist/components/TextArea/TextArea.stories.js +1 -1
  62. package/dist/components/TextArea/TextArea.test.js +1 -1
  63. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
  64. package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
  65. package/dist/components/VarIndicator/VarIndicator.test.js +1 -1
  66. package/dist/components/index.d.ts +1 -0
  67. package/dist/components/index.js +43 -42
  68. package/dist/{dist-Cxk2-lJw.js → dist-Dlg0QxSO.js} +413 -193
  69. package/dist/dist-Dlg0QxSO.js.map +1 -0
  70. package/dist/{icons-ClUPu6KU.js → icons-C80wqcF0.js} +39 -21
  71. package/dist/icons-C80wqcF0.js.map +1 -0
  72. package/dist/index.js +43 -42
  73. package/dist/setupTests.js +9 -5
  74. package/dist/setupTests.js.map +1 -1
  75. package/dist/storybook__react.d.js +24 -7
  76. package/dist/storybook__react.d.js.map +1 -1
  77. package/dist/{test-CpW02epT.js → test-Bd7kXF_B.js} +3414 -3412
  78. package/dist/test-Bd7kXF_B.js.map +1 -0
  79. package/package.json +26 -26
  80. package/dist/chunk-SZQXB3JV-xjYHmnzP.js.map +0 -1
  81. package/dist/dist-Cxk2-lJw.js.map +0 -1
  82. package/dist/icons-ClUPu6KU.js.map +0 -1
  83. package/dist/test-CpW02epT.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../Accordion-DaCqVof1.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { t as r } from "../../esm-BJhEQquH.js";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../AccordionCard-CD5H9gR1.js";
3
3
  import { a as t, i as n, n as r, t as i } from "../../react.esm-GvSawg5E.js";
4
4
  import { t as a } from "../../esm-BJhEQquH.js";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../ActionList-C0hD9noC.js";
3
3
  import { a as t, i as n, n as r } from "../../react.esm-GvSawg5E.js";
4
4
  import { t as i } from "../../esm-BJhEQquH.js";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../AppStatusBar-BK0yaC4G.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../Attention-xqGAJ7-T.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../Backdrop-bQ8kXsge.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { Button as t } from "./Button.js";
3
3
  import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
4
  var a = {
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { Button as e } from "./Button.js";
3
3
  import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as i } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { LinkButton as t } from "./LinkButton.js";
3
3
  import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
4
  import { BrowserRouter as a } from "react-router";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { LinkButton as e } from "./LinkButton.js";
3
3
  import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { MenuButton as t } from "./MenuButton.js";
3
3
  import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
4
4
  var a = {
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { MenuButton as e } from "./MenuButton.js";
3
3
  import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
4
4
  import { createRef as i } from "react";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../Card-BH1ySOiP.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { t } from "../../Checkbox-sAt4To2B.js";
3
3
  import { t as n } from "../../Label-D0ACrYG3.js";
4
4
  import { t as r } from "../../FormField-CcV84TfI.js";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../Checkbox-sAt4To2B.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { t as r } from "../../esm-BJhEQquH.js";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { t } from "../../CheckboxButtonBar-DpNnwLzI.js";
3
3
  import { t as n } from "../../Periods-C5cxLlWt.js";
4
4
  import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import "../../dist-Cxk2-lJw.js";
1
+ import "../../dist-Dlg0QxSO.js";
2
2
  import { t as e } from "../../CheckboxButtonBar-DpNnwLzI.js";
3
3
  import { i as t, n } from "../../react.esm-GvSawg5E.js";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
- import { o as e } from "../../chunk-SZQXB3JV-xjYHmnzP.js";
2
- import { r as t } from "../../test-CpW02epT.js";
1
+ import { o as e } from "../../chunk-FON5IJBZ-BBb6rYhU.js";
2
+ import { r as t } from "../../test-Bd7kXF_B.js";
3
3
  import { h as n } from "../../components-D6_Sx8Hs.js";
4
4
  import { t as r } from "../../Chip-9XnXFhoJ.js";
5
5
  import { useState as i } from "react";
@@ -1,4 +1,4 @@
1
- import { r as e } from "../../test-CpW02epT.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
2
  import { t } from "../../Chip-9XnXFhoJ.js";
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  var r = {
@@ -1,5 +1,5 @@
1
- import { r as e } from "../../test-CpW02epT.js";
2
- import { t } from "../../icons-ClUPu6KU.js";
1
+ import { r as e } from "../../test-Bd7kXF_B.js";
2
+ import { t } from "../../icons-C80wqcF0.js";
3
3
  import { t as n } from "../../ControlsButton-9uR_zW_F.js";
4
4
  import { t as r } from "../../Periods-C5cxLlWt.js";
5
5
  import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -0,0 +1,39 @@
1
+ import { ReactNode } from 'react';
2
+ type DataTablePrimitive = string | number | boolean | null | undefined;
3
+ type DataTableRow = Record<string, DataTablePrimitive>;
4
+ export type DataTableColumnContent<TRow extends object> = ReactNode | ((row: TRow) => ReactNode);
5
+ type DataTableColumn<TRow extends object> = {
6
+ key: Extract<keyof TRow, string>;
7
+ label?: ReactNode | ((row: TRow) => ReactNode);
8
+ cell?: ReactNode | ((row: TRow) => ReactNode);
9
+ fixedWidth?: string;
10
+ };
11
+ export type DataTableProps<TRow extends {
12
+ id: string | number;
13
+ } = DataTableRow & {
14
+ id: string | number;
15
+ }> = {
16
+ /** The data to be displayed in the table */
17
+ data: TRow[];
18
+ /** The columns configuration for the table */
19
+ columns?: DataTableColumn<TRow>[];
20
+ /** Whether the table header should be sticky */
21
+ stickyHeader?: boolean;
22
+ /** Virtualization settings for the table */
23
+ virtualize?: {
24
+ /** The height of each row in pixels */
25
+ rowHeight: number;
26
+ /** The number of additional rows to render above and below the visible area for smoother scrolling */
27
+ buffer?: number;
28
+ } | null;
29
+ /** The keys in the data objects that indicate whether a row is active (for styling purposes) */
30
+ activeKeys?: (string | number)[];
31
+ /** Message to display when there is no data */
32
+ noDataMessage?: string;
33
+ };
34
+ export declare const DataTable: <TRow extends {
35
+ id: string | number;
36
+ } = DataTableRow & {
37
+ id: string | number;
38
+ }>({ data, columns, stickyHeader, virtualize, activeKeys, noDataMessage, }: DataTableProps<TRow>) => import("react").JSX.Element;
39
+ export {};
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../DataTable-C46IkAmF.js";
2
+ export { e as DataTable };
@@ -0,0 +1,26 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { DataTableProps } from './DataTable';
3
+ interface MockDataProps {
4
+ id: string;
5
+ first_name: string;
6
+ last_name: string;
7
+ email: string;
8
+ street: string;
9
+ street_number: string;
10
+ zipcode: string | null;
11
+ city: string;
12
+ country: string;
13
+ country_code: string;
14
+ trade: string;
15
+ language: string;
16
+ birthdate: string;
17
+ quote: string;
18
+ university: string;
19
+ appname: string;
20
+ appversion: string;
21
+ website: string;
22
+ }
23
+ declare const _default: Meta<DataTableProps<MockDataProps>>;
24
+ export default _default;
25
+ export declare const DataTableExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DataTableProps<MockDataProps>>;
26
+ export declare const DataTableNotVirtualizedExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DataTableProps<MockDataProps>>;