@navikt/ds-react 8.10.6 → 8.11.1
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.
- package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -1
- package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
- package/cjs/data/drag-and-drop/root/DragAndDropRoot.d.ts +1 -1
- package/cjs/data/drag-and-drop/root/DragAndDropRoot.js +50 -20
- package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
- package/cjs/data/stories/Data.test-data.d.ts +2 -2
- package/cjs/data/stories/Data.test-data.js +37 -42
- package/cjs/data/stories/Data.test-data.js.map +1 -1
- package/cjs/data/table/base-cell/DataTableBaseCell.d.ts +4 -4
- package/cjs/data/table/base-cell/DataTableBaseCell.js +2 -2
- package/cjs/data/table/base-cell/DataTableBaseCell.js.map +1 -1
- package/cjs/data/table/column-header/DataTableColumnHeader.d.ts +3 -15
- package/cjs/data/table/column-header/DataTableColumnHeader.js +8 -5
- package/cjs/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/cjs/data/table/column-header/useTableColumnResize.d.ts +2 -4
- package/cjs/data/table/column-header/useTableColumnResize.js +15 -11
- package/cjs/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/cjs/data/table/helpers/collectTableRowEntries.d.ts +1 -1
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +6 -5
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +6 -2
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts +3 -3
- package/cjs/data/table/helpers/selection/getSingleSelectProps.js +1 -1
- package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
- package/cjs/data/table/helpers/selection/selection.types.d.ts +19 -27
- package/cjs/data/table/helpers/selection/selection.utils.d.ts +1 -1
- package/cjs/data/table/helpers/table-focus.js +1 -1
- package/cjs/data/table/helpers/table-focus.js.map +1 -1
- package/cjs/data/table/hooks/useColumnOptions.d.ts +8 -5
- package/cjs/data/table/hooks/useColumnOptions.js +25 -10
- package/cjs/data/table/hooks/useColumnOptions.js.map +1 -1
- package/cjs/data/table/hooks/useTableDetailsPanel.d.ts +8 -9
- package/cjs/data/table/hooks/useTableDetailsPanel.js.map +1 -1
- package/cjs/data/table/hooks/useTableItems.d.ts +10 -11
- package/cjs/data/table/hooks/useTableItems.js +11 -3
- package/cjs/data/table/hooks/useTableItems.js.map +1 -1
- package/cjs/data/table/hooks/useTableSelection.d.ts +2 -1
- package/cjs/data/table/hooks/useTableSelection.js +46 -29
- package/cjs/data/table/hooks/useTableSelection.js.map +1 -1
- package/cjs/data/table/hooks/useTableSort.d.ts +13 -7
- package/cjs/data/table/hooks/useTableSort.js +8 -9
- package/cjs/data/table/hooks/useTableSort.js.map +1 -1
- package/cjs/data/table/index.d.ts +1 -1
- package/cjs/data/table/index.js +3 -23
- package/cjs/data/table/index.js.map +1 -1
- package/cjs/data/table/root/{DataTable.types.d.ts → DataGridTable.types.d.ts} +16 -26
- package/cjs/data/table/root/DataGridTable.types.js +3 -0
- package/cjs/data/table/root/DataGridTable.types.js.map +1 -0
- package/cjs/data/table/root/DataGridTableRoot.d.ts +104 -0
- package/cjs/data/table/root/{DataTableRoot.js → DataGridTableRoot.js} +59 -38
- package/cjs/data/table/root/DataGridTableRoot.js.map +1 -0
- package/cjs/data/table/root/DataTableRoot.context.d.ts +6 -2
- package/cjs/data/table/root/DataTableRoot.context.js.map +1 -1
- package/cjs/data/table/tbody/DataTableTbody.js +3 -3
- package/cjs/data/table/tbody/DataTableTbody.js.map +1 -1
- package/cjs/data/table/tr/DataTableTr.d.ts +3 -3
- package/cjs/data/table/tr/DataTableTr.js +45 -23
- package/cjs/data/table/tr/DataTableTr.js.map +1 -1
- package/cjs/data/token-filter/TokenFilter.d.ts +0 -6
- package/cjs/data/token-filter/TokenFilter.js +1 -1
- package/cjs/data-grid/index.d.ts +2 -0
- package/cjs/data-grid/index.js +9 -0
- package/cjs/data-grid/index.js.map +1 -0
- package/cjs/data-grid/root/DataGrid.types.d.ts +48 -0
- package/cjs/{data/table/root/DataTable.types.js → data-grid/root/DataGrid.types.js} +1 -1
- package/cjs/data-grid/root/DataGrid.types.js.map +1 -0
- package/cjs/data-grid/root/DataGridRoot.context.d.ts +16 -0
- package/cjs/{data/data-grid → data-grid}/root/DataGridRoot.context.js +1 -1
- package/cjs/data-grid/root/DataGridRoot.context.js.map +1 -0
- package/cjs/data-grid/root/DataGridRoot.d.ts +89 -0
- package/cjs/{data/data-grid → data-grid}/root/DataGridRoot.js +35 -8
- package/cjs/data-grid/root/DataGridRoot.js.map +1 -0
- package/cjs/preview.d.ts +1 -0
- package/cjs/{data/data-grid/index.js → preview.js} +3 -3
- package/cjs/preview.js.map +1 -0
- package/cjs/primitives/bleed/Bleed.d.ts +0 -2
- package/cjs/primitives/bleed/Bleed.js.map +1 -1
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/useTabs.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/useToggleGroup.d.ts +1 -1
- package/cjs/utils/components/dismissablelayer/DismissableLayer.js +1 -0
- package/cjs/utils/components/dismissablelayer/DismissableLayer.js.map +1 -1
- package/cjs/utils/components/dismissablelayer/util/useFocusOutside.d.ts +1 -0
- package/cjs/utils/components/dismissablelayer/util/useFocusOutside.js +11 -1
- package/cjs/utils/components/dismissablelayer/util/useFocusOutside.js.map +1 -1
- package/cjs/utils/hooks/useControllableState.d.ts +1 -1
- package/cjs/utils/hooks/useControllableState.js.map +1 -1
- package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -1
- package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
- package/esm/data/drag-and-drop/root/DragAndDropRoot.d.ts +1 -1
- package/esm/data/drag-and-drop/root/DragAndDropRoot.js +51 -21
- package/esm/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
- package/esm/data/stories/Data.test-data.d.ts +2 -2
- package/esm/data/stories/Data.test-data.js +37 -42
- package/esm/data/stories/Data.test-data.js.map +1 -1
- package/esm/data/table/base-cell/DataTableBaseCell.d.ts +4 -4
- package/esm/data/table/base-cell/DataTableBaseCell.js +2 -2
- package/esm/data/table/base-cell/DataTableBaseCell.js.map +1 -1
- package/esm/data/table/column-header/DataTableColumnHeader.d.ts +3 -15
- package/esm/data/table/column-header/DataTableColumnHeader.js +8 -5
- package/esm/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/esm/data/table/column-header/useTableColumnResize.d.ts +2 -4
- package/esm/data/table/column-header/useTableColumnResize.js +15 -11
- package/esm/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/esm/data/table/helpers/collectTableRowEntries.d.ts +1 -1
- package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +6 -5
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js +6 -2
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/esm/data/table/helpers/selection/getSingleSelectProps.d.ts +3 -3
- package/esm/data/table/helpers/selection/getSingleSelectProps.js +1 -1
- package/esm/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
- package/esm/data/table/helpers/selection/selection.types.d.ts +19 -27
- package/esm/data/table/helpers/selection/selection.utils.d.ts +1 -1
- package/esm/data/table/helpers/table-focus.js +1 -1
- package/esm/data/table/helpers/table-focus.js.map +1 -1
- package/esm/data/table/hooks/useColumnOptions.d.ts +8 -5
- package/esm/data/table/hooks/useColumnOptions.js +25 -10
- package/esm/data/table/hooks/useColumnOptions.js.map +1 -1
- package/esm/data/table/hooks/useTableDetailsPanel.d.ts +8 -9
- package/esm/data/table/hooks/useTableDetailsPanel.js.map +1 -1
- package/esm/data/table/hooks/useTableItems.d.ts +10 -11
- package/esm/data/table/hooks/useTableItems.js +11 -3
- package/esm/data/table/hooks/useTableItems.js.map +1 -1
- package/esm/data/table/hooks/useTableSelection.d.ts +2 -1
- package/esm/data/table/hooks/useTableSelection.js +46 -29
- package/esm/data/table/hooks/useTableSelection.js.map +1 -1
- package/esm/data/table/hooks/useTableSort.d.ts +13 -7
- package/esm/data/table/hooks/useTableSort.js +9 -10
- package/esm/data/table/hooks/useTableSort.js.map +1 -1
- package/esm/data/table/index.d.ts +1 -1
- package/esm/data/table/index.js +1 -21
- package/esm/data/table/index.js.map +1 -1
- package/esm/data/table/root/{DataTable.types.d.ts → DataGridTable.types.d.ts} +16 -26
- package/esm/data/table/root/DataGridTable.types.js +2 -0
- package/esm/data/table/root/DataGridTable.types.js.map +1 -0
- package/esm/data/table/root/DataGridTableRoot.d.ts +104 -0
- package/esm/data/table/root/{DataTableRoot.js → DataGridTableRoot.js} +61 -39
- package/esm/data/table/root/DataGridTableRoot.js.map +1 -0
- package/esm/data/table/root/DataTableRoot.context.d.ts +6 -2
- package/esm/data/table/root/DataTableRoot.context.js.map +1 -1
- package/esm/data/table/tbody/DataTableTbody.js +3 -3
- package/esm/data/table/tbody/DataTableTbody.js.map +1 -1
- package/esm/data/table/tr/DataTableTr.d.ts +3 -3
- package/esm/data/table/tr/DataTableTr.js +45 -23
- package/esm/data/table/tr/DataTableTr.js.map +1 -1
- package/esm/data/token-filter/TokenFilter.d.ts +0 -6
- package/esm/data/token-filter/TokenFilter.js +1 -1
- package/esm/data-grid/index.d.ts +2 -0
- package/esm/data-grid/index.js +4 -0
- package/esm/data-grid/index.js.map +1 -0
- package/esm/data-grid/root/DataGrid.types.d.ts +48 -0
- package/esm/data-grid/root/DataGrid.types.js +2 -0
- package/esm/data-grid/root/DataGrid.types.js.map +1 -0
- package/esm/data-grid/root/DataGridRoot.context.d.ts +16 -0
- package/esm/{data/data-grid → data-grid}/root/DataGridRoot.context.js +1 -1
- package/esm/data-grid/root/DataGridRoot.context.js.map +1 -0
- package/esm/data-grid/root/DataGridRoot.d.ts +89 -0
- package/esm/data-grid/root/DataGridRoot.js +59 -0
- package/esm/data-grid/root/DataGridRoot.js.map +1 -0
- package/esm/preview.d.ts +1 -0
- package/esm/preview.js +3 -0
- package/esm/preview.js.map +1 -0
- package/esm/primitives/bleed/Bleed.d.ts +0 -2
- package/esm/primitives/bleed/Bleed.js.map +1 -1
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/useTabs.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/useToggleGroup.d.ts +1 -1
- package/esm/utils/components/dismissablelayer/DismissableLayer.js +1 -0
- package/esm/utils/components/dismissablelayer/DismissableLayer.js.map +1 -1
- package/esm/utils/components/dismissablelayer/util/useFocusOutside.d.ts +1 -0
- package/esm/utils/components/dismissablelayer/util/useFocusOutside.js +12 -2
- package/esm/utils/components/dismissablelayer/util/useFocusOutside.js.map +1 -1
- package/esm/utils/hooks/useControllableState.d.ts +1 -1
- package/esm/utils/hooks/useControllableState.js.map +1 -1
- package/package.json +25 -5
- package/src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx +5 -1
- package/src/data/drag-and-drop/root/DragAndDropRoot.tsx +55 -25
- package/src/data/stories/Data.test-data.tsx +53 -51
- package/src/data/table/base-cell/DataTableBaseCell.tsx +6 -6
- package/src/data/table/column-header/DataTableColumnHeader.tsx +17 -20
- package/src/data/table/column-header/useTableColumnResize.ts +19 -16
- package/src/data/table/helpers/collectTableRowEntries.ts +1 -1
- package/src/data/table/helpers/selection/getMultipleSelectProps.ts +11 -5
- package/src/data/table/helpers/selection/getSingleSelectProps.ts +4 -4
- package/src/data/table/helpers/selection/selection.types.ts +18 -29
- package/src/data/table/helpers/selection/selection.utils.test.ts +1 -1
- package/src/data/table/helpers/selection/selection.utils.ts +1 -1
- package/src/data/table/helpers/table-focus.ts +1 -1
- package/src/data/table/hooks/__tests__/useTableItems.test.ts +1 -1
- package/src/data/table/hooks/useColumnOptions.ts +50 -15
- package/src/data/table/hooks/useTableDetailsPanel.tsx +14 -18
- package/src/data/table/hooks/useTableItems.ts +37 -23
- package/src/data/table/hooks/useTableSelection.ts +62 -45
- package/src/data/table/hooks/useTableSort.ts +29 -17
- package/src/data/table/index.tsx +4 -21
- package/src/data/table/root/{DataTable.types.ts → DataGridTable.types.ts} +17 -30
- package/src/data/table/root/{DataTableRoot.tsx → DataGridTableRoot.tsx} +198 -144
- package/src/data/table/root/DataTableRoot.context.ts +10 -8
- package/src/data/table/sub-row-toggle/DataTableSubRowToggle.tsx +1 -1
- package/src/data/table/tbody/DataTableTbody.tsx +3 -3
- package/src/data/table/tr/DataTableTr.tsx +51 -20
- package/src/data/token-filter/TokenFilter.tsx +1 -1
- package/src/data-grid/index.ts +3 -0
- package/src/data-grid/root/DataGrid.types.ts +46 -0
- package/src/data-grid/root/DataGridRoot.context.ts +21 -0
- package/src/data-grid/root/DataGridRoot.tsx +154 -0
- package/src/preview.ts +2 -0
- package/src/primitives/bleed/Bleed.tsx +0 -2
- package/src/table/ColumnHeader.tsx +1 -0
- package/src/utils/components/dismissablelayer/DismissableLayer.tsx +1 -0
- package/src/utils/components/dismissablelayer/util/useFocusOutside.ts +14 -2
- package/src/utils/hooks/useControllableState.ts +10 -8
- package/cjs/data/data-grid/index.d.ts +0 -2
- package/cjs/data/data-grid/index.js.map +0 -1
- package/cjs/data/data-grid/root/DataGridRoot.context.d.ts +0 -11
- package/cjs/data/data-grid/root/DataGridRoot.context.js.map +0 -1
- package/cjs/data/data-grid/root/DataGridRoot.d.ts +0 -38
- package/cjs/data/data-grid/root/DataGridRoot.js.map +0 -1
- package/cjs/data/table/root/DataTable.types.js.map +0 -1
- package/cjs/data/table/root/DataTableRoot.d.ts +0 -118
- package/cjs/data/table/root/DataTableRoot.js.map +0 -1
- package/cjs/data/table/root/DataTableRoot.legacy.d.ts +0 -172
- package/cjs/data/table/root/DataTableRoot.legacy.js +0 -118
- package/cjs/data/table/root/DataTableRoot.legacy.js.map +0 -1
- package/esm/data/data-grid/index.d.ts +0 -2
- package/esm/data/data-grid/index.js +0 -3
- package/esm/data/data-grid/index.js.map +0 -1
- package/esm/data/data-grid/root/DataGridRoot.context.d.ts +0 -11
- package/esm/data/data-grid/root/DataGridRoot.context.js.map +0 -1
- package/esm/data/data-grid/root/DataGridRoot.d.ts +0 -38
- package/esm/data/data-grid/root/DataGridRoot.js +0 -32
- package/esm/data/data-grid/root/DataGridRoot.js.map +0 -1
- package/esm/data/table/root/DataTable.types.js +0 -2
- package/esm/data/table/root/DataTable.types.js.map +0 -1
- package/esm/data/table/root/DataTableRoot.d.ts +0 -118
- package/esm/data/table/root/DataTableRoot.js.map +0 -1
- package/esm/data/table/root/DataTableRoot.legacy.d.ts +0 -172
- package/esm/data/table/root/DataTableRoot.legacy.js +0 -73
- package/esm/data/table/root/DataTableRoot.legacy.js.map +0 -1
- package/src/data/data-grid/index.ts +0 -3
- package/src/data/data-grid/root/DataGridRoot.context.ts +0 -16
- package/src/data/data-grid/root/DataGridRoot.tsx +0 -71
- package/src/data/table/Readme.md +0 -11
- package/src/data/table/agent-component-review.md +0 -175
- package/src/data/table/root/DataTableRoot.legacy.tsx +0 -305
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGridTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataGridTableRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import type { StickyStartState, UseColumnOptionsResult } from "../hooks/useColum
|
|
|
2
2
|
import type { UseTableItemsReturn } from "../hooks/useTableItems.js";
|
|
3
3
|
import type { UseTableSelectionReturn } from "../hooks/useTableSelection.js";
|
|
4
4
|
import type { UseTableSortResults } from "../hooks/useTableSort.js";
|
|
5
|
-
import type { DataTableLoadingConfig
|
|
5
|
+
import type { DataTableLoadingConfig } from "./DataGridTable.types.js";
|
|
6
6
|
type DataTableContextProps<T> = {
|
|
7
7
|
layout: "fixed" | "auto";
|
|
8
8
|
withKeyboardNav: boolean;
|
|
@@ -11,7 +11,11 @@ type DataTableContextProps<T> = {
|
|
|
11
11
|
stickyHeader: boolean;
|
|
12
12
|
tableId: string;
|
|
13
13
|
loading: DataTableLoadingConfig | undefined;
|
|
14
|
-
|
|
14
|
+
onRowAction?: ({ row, id, event, }: {
|
|
15
|
+
row: T;
|
|
16
|
+
id: string;
|
|
17
|
+
event: React.MouseEvent<HTMLTableRowElement>;
|
|
18
|
+
}) => void;
|
|
15
19
|
columns: UseColumnOptionsResult<T>["columns"];
|
|
16
20
|
/**
|
|
17
21
|
* Used to set exact colspan for detailsPanel, loadingState and emptyState.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableRoot.context.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTableRoot.context.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAwC7D,MAAM,EAAE,QAAQ,EAAE,wBAAwB,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAC3E,mBAAmB,CAA6B;IAC9C,IAAI,EAAE,kBAAkB;IACxB,YAAY,EAAE,mDAAmD;CAClE,CAAC,CAAC;AAIL,MAAM,EACJ,QAAQ,EAAE,yBAAyB,EACnC,UAAU,EAAE,oBAAoB,GACjC,GAAG,mBAAmB,CAAkC;IACvD,IAAI,EAAE,mBAAmB;IACzB,YAAY,EACV,mIAAmI;CACtI,CAAC,CAAC;AAEH,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,GACrB,CAAC"}
|
|
@@ -10,18 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, version } from "react";
|
|
13
|
+
import { useDataGridContext } from "../../../data-grid/root/DataGridRoot.context.js";
|
|
13
14
|
import { cl } from "../../../utils/helpers/index.js";
|
|
14
15
|
import { DataTableLocationProvider, useDataTableContext, } from "../root/DataTableRoot.context.js";
|
|
15
16
|
const inertValue = parseInt(version.split(".")[0], 10) > 18 ? true : ""; // Support for inert was added in React 19
|
|
16
17
|
const DataTableTbody = forwardRef((_a, forwardedRef) => {
|
|
17
18
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
19
|
+
const { isLoading } = useDataGridContext();
|
|
18
20
|
const { loading } = useDataTableContext();
|
|
19
21
|
return (React.createElement(DataTableLocationProvider, { location: "tbody" },
|
|
20
22
|
React.createElement("tbody", Object.assign({}, rest, { ref: forwardedRef, className: cl("aksel-data-table__tbody", className),
|
|
21
23
|
// @ts-expect-error - inert is not yet recognized by React's type definitions, but we want to use it for better accessibility when showing the loading overlay.
|
|
22
|
-
inert: (loading === null || loading === void 0 ? void 0 : loading.
|
|
23
|
-
? inertValue
|
|
24
|
-
: false }))));
|
|
24
|
+
inert: isLoading && (loading === null || loading === void 0 ? void 0 : loading.variant) === "overlay" ? inertValue : false }))));
|
|
25
25
|
});
|
|
26
26
|
export { DataTableTbody };
|
|
27
27
|
//# sourceMappingURL=DataTableTbody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableTbody.js","sourceRoot":"","sources":["../../../../src/data/table/tbody/DataTableTbody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AAIvC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,0CAA0C;AAEnH,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC1C,OAAO,CACL,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,OAAO;QACzC,+CACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACnD,+JAA+J;YAC/J,KAAK,EACH,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,
|
|
1
|
+
{"version":3,"file":"DataTableTbody.js","sourceRoot":"","sources":["../../../../src/data/table/tbody/DataTableTbody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AAIvC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,0CAA0C;AAEnH,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC1C,OAAO,CACL,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,OAAO;QACzC,+CACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACnD,+JAA+J;YAC/J,KAAK,EACH,SAAS,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAElE,CACwB,CAC7B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { TableRowEntryId } from "../root/
|
|
2
|
+
import type { TableRowEntryId } from "../root/DataGridTable.types.js";
|
|
3
3
|
declare const ACTION_CELL_WIDTH = 50;
|
|
4
4
|
type DataTableTrProps = React.HTMLAttributes<HTMLTableRowElement> & {
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
/**
|
|
7
|
-
* Unique identifier for the row, used for selection
|
|
7
|
+
* Unique identifier for the row, used for selection.
|
|
8
8
|
*/
|
|
9
9
|
rowId?: TableRowEntryId;
|
|
10
10
|
};
|
|
11
11
|
declare const DataTableTr: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
|
|
12
12
|
selected?: boolean;
|
|
13
13
|
/**
|
|
14
|
-
* Unique identifier for the row, used for selection
|
|
14
|
+
* Unique identifier for the row, used for selection.
|
|
15
15
|
*/
|
|
16
16
|
rowId?: TableRowEntryId;
|
|
17
17
|
} & React.RefAttributes<HTMLTableRowElement>>;
|
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import { ChevronDownUpIcon, ChevronUpDownIcon, MinusIcon, PlusIcon, } from "@navikt/aksel-icons";
|
|
14
14
|
import { Button } from "../../../button/index.js";
|
|
15
|
+
import { useDataGridContext } from "../../../data-grid/root/DataGridRoot.context.js";
|
|
15
16
|
import { CheckboxInput } from "../../../form/checkbox/checkbox-input/CheckboxInput.js";
|
|
16
17
|
import { RadioInput } from "../../../form/radio/radio-input/RadioInput.js";
|
|
17
18
|
import { Skeleton } from "../../../skeleton/index.js";
|
|
@@ -29,63 +30,82 @@ const ACTION_CELL_CSS_WIDTH = `${ACTION_CELL_WIDTH}px`;
|
|
|
29
30
|
const DataTableTr = forwardRef((_a, forwardedRef) => {
|
|
30
31
|
var _b;
|
|
31
32
|
var { className, children, selected: selectedProp = false, rowId, onClick } = _a, rest = __rest(_a, ["className", "children", "selected", "rowId", "onClick"]);
|
|
32
|
-
const { layout,
|
|
33
|
+
const { layout, selectionState, onRowAction, tableItems } = useDataTableContext();
|
|
33
34
|
const { location } = useDataTableLocation();
|
|
34
|
-
const { tableItems } = useDataTableContext();
|
|
35
35
|
const renderFillerCell = layout === "fixed" && children;
|
|
36
36
|
const selected = (_b = selectionState.selection.isRowSelected(rowId !== null && rowId !== void 0 ? rowId : "")) !== null && _b !== void 0 ? _b : selectedProp;
|
|
37
|
-
const
|
|
38
|
-
|
|
37
|
+
const handleClick = location === "tbody" &&
|
|
38
|
+
rowId !== undefined &&
|
|
39
|
+
((selectionState.selectionTrigger === "row" &&
|
|
40
|
+
selectionState.selection.mode !== "none") ||
|
|
41
|
+
onRowAction)
|
|
39
42
|
? (event) => {
|
|
40
|
-
var _a, _b;
|
|
43
|
+
var _a, _b, _c;
|
|
41
44
|
if (rowId === undefined ||
|
|
42
45
|
isInteractiveTarget(event.target) ||
|
|
43
46
|
((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest("[data-prevent-row-click]"))) {
|
|
44
47
|
return;
|
|
45
48
|
}
|
|
49
|
+
if (onRowAction) {
|
|
50
|
+
const rowData = (_b = tableItems.itemDetails.get(rowId)) === null || _b === void 0 ? void 0 : _b.rowData;
|
|
51
|
+
if (rowData) {
|
|
52
|
+
onRowAction({
|
|
53
|
+
row: rowData,
|
|
54
|
+
id: rowId,
|
|
55
|
+
event,
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
consoleWarning(`DataGrid.Table: Unable to find row data for rowId ${rowId} when calling onRowAction.`);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
if (event.defaultPrevented) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
46
65
|
const selection = window.getSelection();
|
|
47
66
|
if (selection && selection.toString().length > 0) {
|
|
48
67
|
return;
|
|
49
68
|
}
|
|
50
69
|
if (selectionState.selectionTrigger === "row" &&
|
|
51
|
-
selectionState.selection.
|
|
52
|
-
const rowData = (
|
|
70
|
+
selectionState.selection.mode !== "none") {
|
|
71
|
+
const rowData = (_c = tableItems.itemDetails.get(rowId)) === null || _c === void 0 ? void 0 : _c.rowData;
|
|
53
72
|
if (!rowData) {
|
|
54
|
-
consoleWarning(`No row data found for rowId ${rowId}. This may cause issues with selection if enableRowSelection is used.`);
|
|
73
|
+
consoleWarning(`DataGrid.Table: No row data found for rowId ${rowId}. This may cause issues with selection if enableRowSelection is used.`);
|
|
55
74
|
}
|
|
56
75
|
selectionState.selection.toggleSelection(rowId, rowData);
|
|
57
76
|
}
|
|
58
|
-
onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowId, event);
|
|
59
77
|
}
|
|
60
78
|
: undefined;
|
|
61
79
|
return (React.createElement("tr", Object.assign({}, rest, {
|
|
62
80
|
// Avoid setting onClick if not needed, since this causes NVDA to announce the row as clickable.
|
|
63
|
-
onClick: (onClick || handleClick) && composeEventHandlers(onClick, handleClick), ref: forwardedRef, className: cl("aksel-data-table__tr", className), "data-selected": selected
|
|
81
|
+
onClick: (onClick || handleClick) && composeEventHandlers(onClick, handleClick), ref: forwardedRef, className: cl("aksel-data-table__tr", className), "data-selected": selected }),
|
|
64
82
|
React.createElement(RowExpansionCell, { rowId: rowId }),
|
|
65
83
|
React.createElement(RowSelectionCell, { rowId: rowId }),
|
|
66
84
|
children,
|
|
67
85
|
renderFillerCell && (React.createElement("td", { "aria-hidden": true, className: "aksel-data-table__cell aksel-data-table__filler-cell", "data-block-keyboard-nav": true }))));
|
|
68
86
|
});
|
|
69
87
|
function RowExpansionCell({ rowId }) {
|
|
88
|
+
const { isLoading } = useDataGridContext();
|
|
70
89
|
const { tableId, loading, stickyStart } = useDataTableContext();
|
|
71
90
|
const stickyExpansion = stickyStart.expansion;
|
|
91
|
+
const expansionHeaderId = useId();
|
|
72
92
|
const { location } = useDataTableLocation();
|
|
73
93
|
const { isExpanded, isDetailsPanelExpandable, toggleExpansion, enableDetailsPanel, isAllExpanded, toggleAll, showExpandAll, } = useDataTableDetailsPanel();
|
|
74
94
|
if (!enableDetailsPanel) {
|
|
75
95
|
return null;
|
|
76
96
|
}
|
|
77
|
-
if (
|
|
97
|
+
if (isLoading && (loading === null || loading === void 0 ? void 0 : loading.variant) === "skeleton") {
|
|
78
98
|
if (location === "thead") {
|
|
79
|
-
return (React.createElement(DataTableColumnHeader, { width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", "data-block-keyboard-nav": true, label: "", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined }));
|
|
99
|
+
return (React.createElement(DataTableColumnHeader, { id: expansionHeaderId, width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", "data-block-keyboard-nav": true, label: "", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined }));
|
|
80
100
|
}
|
|
81
101
|
return (React.createElement(DataTableBaseCell, { as: "td", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined },
|
|
82
102
|
React.createElement(Skeleton, { variant: "text" })));
|
|
83
103
|
}
|
|
84
104
|
if (location === "thead" && !showExpandAll) {
|
|
85
|
-
return (React.createElement(DataTableColumnHeader, { width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", "data-block-keyboard-nav": true, label: "", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined }));
|
|
105
|
+
return (React.createElement(DataTableColumnHeader, { id: expansionHeaderId, width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", "data-block-keyboard-nav": true, label: "", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined }));
|
|
86
106
|
}
|
|
87
107
|
if (location === "thead") {
|
|
88
|
-
return (React.createElement(DataTableColumnHeader, {
|
|
108
|
+
return (React.createElement(DataTableColumnHeader, { id: expansionHeaderId, align: "center", width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", isSticky: stickyExpansion && "start", style: stickyExpansion ? { left: 0 } : undefined },
|
|
89
109
|
React.createElement(Button, { variant: "tertiary", "data-color": "neutral", size: "xsmall", onClick: toggleAll, "aria-expanded": isAllExpanded, "aria-label": isAllExpanded ? "Skjul alle rader" : "Vis alle rader", icon: isAllExpanded ? (React.createElement(ChevronDownUpIcon, { "aria-hidden": true })) : (React.createElement(ChevronUpDownIcon, { "aria-hidden": true })) })));
|
|
90
110
|
}
|
|
91
111
|
if (!rowId) {
|
|
@@ -109,45 +129,47 @@ function RowExpansionCell({ rowId }) {
|
|
|
109
129
|
*/
|
|
110
130
|
function RowSelectionCell({ rowId }) {
|
|
111
131
|
var _a, _b;
|
|
132
|
+
const { isLoading } = useDataGridContext();
|
|
112
133
|
const { selectionState, stickyStart, loading } = useDataTableContext();
|
|
113
134
|
const stickySelection = stickyStart.selection;
|
|
114
135
|
const stickySelectionOffset = stickyStart.selectionOffset;
|
|
115
136
|
const { location } = useDataTableLocation();
|
|
116
137
|
const { tableItems } = useDataTableContext();
|
|
117
138
|
const inputId = useId();
|
|
139
|
+
const selectionHeaderId = useId();
|
|
118
140
|
const { selection, renderSelection } = selectionState;
|
|
119
|
-
if (selection.
|
|
141
|
+
if (selection.mode === "none" || !renderSelection) {
|
|
120
142
|
return null;
|
|
121
143
|
}
|
|
122
|
-
if (
|
|
144
|
+
if (isLoading && (loading === null || loading === void 0 ? void 0 : loading.variant) === "skeleton") {
|
|
123
145
|
if (location === "thead") {
|
|
124
|
-
return (React.createElement(DataTableColumnHeader, { width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", "data-block-keyboard-nav": true, isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined }));
|
|
146
|
+
return (React.createElement(DataTableColumnHeader, { id: selectionHeaderId, width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", "data-block-keyboard-nav": true, isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined }));
|
|
125
147
|
}
|
|
126
148
|
return (React.createElement(DataTableBaseCell, { as: "td", isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined },
|
|
127
149
|
React.createElement(Skeleton, { variant: "text" })));
|
|
128
150
|
}
|
|
129
151
|
/* TODO: A11y support */
|
|
130
|
-
if (selection.
|
|
152
|
+
if (selection.mode === "multiple" && location === "thead") {
|
|
131
153
|
const theadCheckboxProps = selection.getTheadCheckboxProps();
|
|
132
154
|
let labelText = "Velg alle synlige rader";
|
|
133
155
|
if (theadCheckboxProps.checked) {
|
|
134
156
|
labelText = "Fjern alle synlige valgte rader";
|
|
135
157
|
}
|
|
136
|
-
return (React.createElement(DataTableColumnHeader, {
|
|
158
|
+
return (React.createElement(DataTableColumnHeader, { id: selectionHeaderId, align: "center", width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined },
|
|
137
159
|
React.createElement(Label, { htmlFor: inputId, visuallyHidden: true }, labelText),
|
|
138
160
|
React.createElement(CheckboxInput, Object.assign({}, theadCheckboxProps, { id: inputId, compact: true }))));
|
|
139
161
|
}
|
|
140
|
-
if (selection.
|
|
141
|
-
return (React.createElement(DataTableColumnHeader, { width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", "data-block-keyboard-nav": true, isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined }));
|
|
162
|
+
if (selection.mode === "single" && location === "thead") {
|
|
163
|
+
return (React.createElement(DataTableColumnHeader, { id: selectionHeaderId, width: { value: ACTION_CELL_CSS_WIDTH }, cellType: "action", label: "", "data-block-keyboard-nav": true, isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined }));
|
|
142
164
|
}
|
|
143
165
|
if (rowId == null) {
|
|
144
166
|
return null;
|
|
145
167
|
}
|
|
146
|
-
if (selection.
|
|
168
|
+
if (selection.mode === "multiple" && location === "tbody") {
|
|
147
169
|
return (React.createElement(DataTableTd, { cellType: "action", isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined },
|
|
148
170
|
React.createElement(CheckboxInput, Object.assign({}, selection.getRowCheckboxProps(rowId, (_a = tableItems.itemDetails.get(rowId)) === null || _a === void 0 ? void 0 : _a.rowData), { compact: true }))));
|
|
149
171
|
}
|
|
150
|
-
if (selection.
|
|
172
|
+
if (selection.mode === "single" && location === "tbody") {
|
|
151
173
|
return (React.createElement(DataTableTd, { cellType: "action", isSticky: stickySelection && "start", style: stickySelection ? { left: stickySelectionOffset } : undefined },
|
|
152
174
|
React.createElement(RadioInput, Object.assign({}, selection.getRowRadioProps(rowId, (_b = tableItems.itemDetails.get(rowId)) === null || _b === void 0 ? void 0 : _b.rowData)))));
|
|
153
175
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableTr.js","sourceRoot":"","sources":["../../../../src/data/table/tr/DataTableTr.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,qBAAqB,GAAG,GAAG,iBAAiB,IAAI,CAAC;AAUvD,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAOC,EACD,YAAY,EACZ,EAAE;;QATF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,KAAK,EACL,OAAO,OAER,EADI,IAAI,cANT,yDAOC,CADQ;IAIT,MAAM,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"DataTableTr.js","sourceRoot":"","sources":["../../../../src/data/table/tr/DataTableTr.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,5 @@ type TokenFilterProps = {
|
|
|
7
7
|
propertyDefinitions: ExternalPropertyDefinitions;
|
|
8
8
|
options: ExternalOptions;
|
|
9
9
|
};
|
|
10
|
-
/**
|
|
11
|
-
* TODO:
|
|
12
|
-
* - Implement onChange handler to update query state when user selects an autocomplete option.
|
|
13
|
-
* - Handle token rendering and editing (e.g., show tokens for matched properties/operators/values, allow deleting tokens).
|
|
14
|
-
* - Writing "stance" still shows status and hostname options
|
|
15
|
-
*/
|
|
16
10
|
export declare const TokenFilter: React.ForwardRefExoticComponent<TokenFilterProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
11
|
export {};
|
|
@@ -4,7 +4,7 @@ import { AutoSuggest } from "./AutoSuggest.js";
|
|
|
4
4
|
import { TokenFilterChips } from "./FilterChip.js";
|
|
5
5
|
import { generateAutoCompleteOptions } from "./helpers/generate-autocomplete-options.js";
|
|
6
6
|
import { parseQueryText } from "./helpers/parse-query-text.js";
|
|
7
|
-
|
|
7
|
+
/*
|
|
8
8
|
* TODO:
|
|
9
9
|
* - Implement onChange handler to update query state when user selects an autocomplete option.
|
|
10
10
|
* - Handle token rendering and editing (e.g., show tokens for matched properties/operators/values, allow deleting tokens).
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
type DataGridSettings = {
|
|
2
|
+
/**
|
|
3
|
+
* Controls vertical cell padding.
|
|
4
|
+
* @default "standard"
|
|
5
|
+
*/
|
|
6
|
+
rowDensity?: "tight" | "standard" | "loose";
|
|
7
|
+
/**
|
|
8
|
+
* Zebra striped table
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
zebraStripes?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Truncate content in cells and show ellipsis for overflowed text.
|
|
14
|
+
*
|
|
15
|
+
* **NB:** When using this together with `layout="auto"`,
|
|
16
|
+
* you have to manually set a `maxWidth` on columns that should be truncated.
|
|
17
|
+
* @default false if layout="auto", else true
|
|
18
|
+
*/
|
|
19
|
+
truncateContent?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Sticky columns that remain visible when horizontally scrolling the table.
|
|
22
|
+
*
|
|
23
|
+
* You can specify 1 sticky column on the left and 1 on the right.
|
|
24
|
+
*/
|
|
25
|
+
stickyColumns?: {
|
|
26
|
+
start?: 1;
|
|
27
|
+
end?: 1;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Adjusts font-size
|
|
31
|
+
* @default "medium"
|
|
32
|
+
*/
|
|
33
|
+
textSize?: "small" | "medium";
|
|
34
|
+
/**
|
|
35
|
+
* Optional configuration for column order and visibility.
|
|
36
|
+
*
|
|
37
|
+
* If provided, only columns listed here are rendered, and the array order
|
|
38
|
+
* determines the rendered column order.
|
|
39
|
+
*
|
|
40
|
+
* Set `visible: false` to hide a column without removing it from the list.
|
|
41
|
+
* Each `id` must be unique and match a column `id` in the `columns` prop.
|
|
42
|
+
*/
|
|
43
|
+
columnDisplay?: {
|
|
44
|
+
id: string;
|
|
45
|
+
visible: boolean;
|
|
46
|
+
}[];
|
|
47
|
+
};
|
|
48
|
+
export type { DataGridSettings };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGrid.types.js","sourceRoot":"","sources":["../../../src/data-grid/root/DataGrid.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { SelectionProps } from "../../data/table/hooks/useTableSelection.js";
|
|
2
|
+
import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types.js";
|
|
3
|
+
import type { DataGridSettings } from "./DataGrid.types.js";
|
|
4
|
+
type DataGridContextValue<RowT = unknown> = {
|
|
5
|
+
data: RowT[];
|
|
6
|
+
columnDefinitions: ColumnDefinitions<RowT>;
|
|
7
|
+
getRowId?: (rowData: RowT) => string;
|
|
8
|
+
selection?: SelectionProps<RowT>;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
tableSettings?: DataGridSettings;
|
|
11
|
+
};
|
|
12
|
+
declare const DataGridContextProvider: import("react").FC<DataGridContextValue<unknown> & {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
ref?: never;
|
|
15
|
+
}>, useDataGridContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? DataGridContextValue<unknown> : DataGridContextValue<unknown> | undefined;
|
|
16
|
+
export { DataGridContextProvider, useDataGridContext };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStrictContext } from "
|
|
1
|
+
import { createStrictContext } from "../../utils/helpers/index.js";
|
|
2
2
|
const { Provider: DataGridContextProvider, useContext: useDataGridContext } = createStrictContext({
|
|
3
3
|
name: "DataGridContext",
|
|
4
4
|
errorMessage: "DataGrid hooks must be used within a <DataGrid />",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGridRoot.context.js","sourceRoot":"","sources":["../../../src/data-grid/root/DataGridRoot.context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAY1D,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,GACzE,mBAAmB,CAAuB;IACxC,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,mDAAmD;CAClE,CAAC,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { SelectionProps } from "../../data/table/hooks/useTableSelection.js";
|
|
3
|
+
import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types.js";
|
|
4
|
+
import { DataGridTable } from "../../data/table/root/DataGridTableRoot.js";
|
|
5
|
+
import type { DataGridSettings } from "./DataGrid.types.js";
|
|
6
|
+
interface DataGridProps<RowT> {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
/**
|
|
11
|
+
* Definitions of the columns to display.
|
|
12
|
+
*/
|
|
13
|
+
columns: ColumnDefinitions<RowT>;
|
|
14
|
+
/**
|
|
15
|
+
* The data to display.
|
|
16
|
+
*
|
|
17
|
+
* Each object in the array represents a row, and the properties of the
|
|
18
|
+
* object are used to render the cells based on `columnDefinitions`.
|
|
19
|
+
*/
|
|
20
|
+
data: RowT[];
|
|
21
|
+
/**
|
|
22
|
+
* Function to get unique row ID from row data.
|
|
23
|
+
*
|
|
24
|
+
* If not provided, the row index will be used as ID.
|
|
25
|
+
* This can cause issues if your data changes dynamically,
|
|
26
|
+
* so it's recommended to provide a stable ID if possible.
|
|
27
|
+
*/
|
|
28
|
+
getRowId?: (rowData: RowT) => string;
|
|
29
|
+
/**
|
|
30
|
+
* Object with props related to row selection.
|
|
31
|
+
*/
|
|
32
|
+
selection?: SelectionProps<RowT>;
|
|
33
|
+
/**
|
|
34
|
+
* Determines if the data grid is in a loading state.
|
|
35
|
+
* See `loadingContent` prop on the `DataGrid.Table` component for display settings.
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
isLoading?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Settings for the data grid.
|
|
41
|
+
*/
|
|
42
|
+
settings?: DataGridSettings;
|
|
43
|
+
}
|
|
44
|
+
interface DataGridComponent {
|
|
45
|
+
<RowT>(props: DataGridProps<RowT> & React.RefAttributes<HTMLDivElement>): React.ReactElement | null;
|
|
46
|
+
/**
|
|
47
|
+
* @see 🏷️ {@link DataGridTableProps}
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
|
|
51
|
+
* <DataGrid.Table />
|
|
52
|
+
* </DataGrid>
|
|
53
|
+
*/
|
|
54
|
+
Table: typeof DataGridTable;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Component for displaying tabular data.
|
|
58
|
+
*
|
|
59
|
+
* **WARNING: This component is in active development and may receive breaking changes outside major releases!**
|
|
60
|
+
*
|
|
61
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/datagrid)
|
|
62
|
+
* @see 🏷️ {@link DataGridProps}
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* ```jsx
|
|
66
|
+
* <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
|
|
67
|
+
* <DataGrid.Table />
|
|
68
|
+
* </DataGrid>
|
|
69
|
+
* ```
|
|
70
|
+
*/
|
|
71
|
+
declare const DataGridInternal: React.ForwardRefExoticComponent<DataGridProps<any> & React.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
declare const DataGrid: DataGridComponent;
|
|
73
|
+
export declare namespace DataGrid {
|
|
74
|
+
type Props<T = unknown> = DataGridProps<T>;
|
|
75
|
+
type Columns<T = unknown> = ColumnDefinitions<T>;
|
|
76
|
+
type Selection<T = unknown> = SelectionProps<T>;
|
|
77
|
+
type Settings = DataGridSettings;
|
|
78
|
+
namespace Table {
|
|
79
|
+
type Props<T = unknown> = DataGridTable.Props<T>;
|
|
80
|
+
type Sorting = DataGridTable.Sorting;
|
|
81
|
+
type SortEntry = DataGridTable.SortEntry;
|
|
82
|
+
type SortChangeDetail = DataGridTable.SortChangeDetail;
|
|
83
|
+
type LoadingContent = DataGridTable.LoadingContent;
|
|
84
|
+
type SubRows<T = unknown> = DataGridTable.SubRows<T>;
|
|
85
|
+
type DetailsPanel<T = unknown> = DataGridTable.DetailsPanel<T>;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
export { DataGrid, DataGridInternal };
|
|
89
|
+
export default DataGrid;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef, useMemo } from "react";
|
|
13
|
+
import { DataGridTable } from "../../data/table/root/DataGridTableRoot.js";
|
|
14
|
+
import { cl } from "../../utils/helpers/index.js";
|
|
15
|
+
import { DataGridContextProvider } from "./DataGridRoot.context.js";
|
|
16
|
+
/**
|
|
17
|
+
* Component for displaying tabular data.
|
|
18
|
+
*
|
|
19
|
+
* **WARNING: This component is in active development and may receive breaking changes outside major releases!**
|
|
20
|
+
*
|
|
21
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/datagrid)
|
|
22
|
+
* @see 🏷️ {@link DataGridProps}
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```jsx
|
|
26
|
+
* <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
|
|
27
|
+
* <DataGrid.Table />
|
|
28
|
+
* </DataGrid>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
const DataGridInternal = forwardRef((_a, ref) => {
|
|
32
|
+
var { children, className, columns, data, getRowId, selection, isLoading = false, settings } = _a, rest = __rest(_a, ["children", "className", "columns", "data", "getRowId", "selection", "isLoading", "settings"]);
|
|
33
|
+
const resolvedSettings = useMemo(() => {
|
|
34
|
+
var _a, _b, _c, _d;
|
|
35
|
+
return ({
|
|
36
|
+
rowDensity: (_a = settings === null || settings === void 0 ? void 0 : settings.rowDensity) !== null && _a !== void 0 ? _a : "standard",
|
|
37
|
+
zebraStripes: (_b = settings === null || settings === void 0 ? void 0 : settings.zebraStripes) !== null && _b !== void 0 ? _b : false,
|
|
38
|
+
truncateContent: settings === null || settings === void 0 ? void 0 : settings.truncateContent,
|
|
39
|
+
stickyColumns: (_c = settings === null || settings === void 0 ? void 0 : settings.stickyColumns) !== null && _c !== void 0 ? _c : {},
|
|
40
|
+
textSize: (_d = settings === null || settings === void 0 ? void 0 : settings.textSize) !== null && _d !== void 0 ? _d : "medium",
|
|
41
|
+
columnDisplay: settings === null || settings === void 0 ? void 0 : settings.columnDisplay,
|
|
42
|
+
});
|
|
43
|
+
}, [
|
|
44
|
+
settings === null || settings === void 0 ? void 0 : settings.rowDensity,
|
|
45
|
+
settings === null || settings === void 0 ? void 0 : settings.zebraStripes,
|
|
46
|
+
settings === null || settings === void 0 ? void 0 : settings.truncateContent,
|
|
47
|
+
settings === null || settings === void 0 ? void 0 : settings.stickyColumns,
|
|
48
|
+
settings === null || settings === void 0 ? void 0 : settings.textSize,
|
|
49
|
+
settings === null || settings === void 0 ? void 0 : settings.columnDisplay,
|
|
50
|
+
]);
|
|
51
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-data-grid", className) }),
|
|
52
|
+
React.createElement(DataGridContextProvider, { columnDefinitions: columns, data: data, getRowId: getRowId, selection: selection, isLoading: isLoading, tableSettings: resolvedSettings }, children)));
|
|
53
|
+
});
|
|
54
|
+
const DataGrid = DataGridInternal;
|
|
55
|
+
DataGrid.Table = DataGridTable;
|
|
56
|
+
// eslint-disable-next-line import/export
|
|
57
|
+
export { DataGrid, DataGridInternal }; // DataGridRoot needs to be exported b.c. of docgen
|
|
58
|
+
export default DataGrid;
|
|
59
|
+
//# sourceMappingURL=DataGridRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGridRoot.js","sourceRoot":"","sources":["../../../src/data-grid/root/DataGridRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAwDjE;;;;;;;;;;;;;;GAcG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAUyB,EACzB,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,QAAQ,OAEe,EADpB,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,UAAU,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,mCAAI,UAAU;YAC9C,YAAY,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,mCAAI,KAAK;YAC7C,eAAe,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe;YAC1C,aAAa,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,EAAE;YAC5C,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,mCAAI,QAAQ;YACxC,aAAa,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa;SACvC,CAAC,CAAA;KAAA,EACF;QACE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY;QACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe;QACzB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa;QACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ;QAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa;KACxB,CACF,CAAC;IAEF,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;QAClE,oBAAC,uBAAuB,IACtB,iBAAiB,EAAE,OAAO,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,gBAAgB,IAE9B,QAAQ,CACe,CACtB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,gBAAgD,CAAC;AAClE,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC;AAsB/B,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,mDAAmD;AAC1F,eAAe,QAAQ,CAAC"}
|
package/esm/preview.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DataGrid } from "./data-grid/index.js";
|
package/esm/preview.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
|