@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.
Files changed (249) hide show
  1. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -1
  2. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
  3. package/cjs/data/drag-and-drop/root/DragAndDropRoot.d.ts +1 -1
  4. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js +50 -20
  5. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
  6. package/cjs/data/stories/Data.test-data.d.ts +2 -2
  7. package/cjs/data/stories/Data.test-data.js +37 -42
  8. package/cjs/data/stories/Data.test-data.js.map +1 -1
  9. package/cjs/data/table/base-cell/DataTableBaseCell.d.ts +4 -4
  10. package/cjs/data/table/base-cell/DataTableBaseCell.js +2 -2
  11. package/cjs/data/table/base-cell/DataTableBaseCell.js.map +1 -1
  12. package/cjs/data/table/column-header/DataTableColumnHeader.d.ts +3 -15
  13. package/cjs/data/table/column-header/DataTableColumnHeader.js +8 -5
  14. package/cjs/data/table/column-header/DataTableColumnHeader.js.map +1 -1
  15. package/cjs/data/table/column-header/useTableColumnResize.d.ts +2 -4
  16. package/cjs/data/table/column-header/useTableColumnResize.js +15 -11
  17. package/cjs/data/table/column-header/useTableColumnResize.js.map +1 -1
  18. package/cjs/data/table/helpers/collectTableRowEntries.d.ts +1 -1
  19. package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +6 -5
  20. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +6 -2
  21. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
  22. package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts +3 -3
  23. package/cjs/data/table/helpers/selection/getSingleSelectProps.js +1 -1
  24. package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
  25. package/cjs/data/table/helpers/selection/selection.types.d.ts +19 -27
  26. package/cjs/data/table/helpers/selection/selection.utils.d.ts +1 -1
  27. package/cjs/data/table/helpers/table-focus.js +1 -1
  28. package/cjs/data/table/helpers/table-focus.js.map +1 -1
  29. package/cjs/data/table/hooks/useColumnOptions.d.ts +8 -5
  30. package/cjs/data/table/hooks/useColumnOptions.js +25 -10
  31. package/cjs/data/table/hooks/useColumnOptions.js.map +1 -1
  32. package/cjs/data/table/hooks/useTableDetailsPanel.d.ts +8 -9
  33. package/cjs/data/table/hooks/useTableDetailsPanel.js.map +1 -1
  34. package/cjs/data/table/hooks/useTableItems.d.ts +10 -11
  35. package/cjs/data/table/hooks/useTableItems.js +11 -3
  36. package/cjs/data/table/hooks/useTableItems.js.map +1 -1
  37. package/cjs/data/table/hooks/useTableSelection.d.ts +2 -1
  38. package/cjs/data/table/hooks/useTableSelection.js +46 -29
  39. package/cjs/data/table/hooks/useTableSelection.js.map +1 -1
  40. package/cjs/data/table/hooks/useTableSort.d.ts +13 -7
  41. package/cjs/data/table/hooks/useTableSort.js +8 -9
  42. package/cjs/data/table/hooks/useTableSort.js.map +1 -1
  43. package/cjs/data/table/index.d.ts +1 -1
  44. package/cjs/data/table/index.js +3 -23
  45. package/cjs/data/table/index.js.map +1 -1
  46. package/cjs/data/table/root/{DataTable.types.d.ts → DataGridTable.types.d.ts} +16 -26
  47. package/cjs/data/table/root/DataGridTable.types.js +3 -0
  48. package/cjs/data/table/root/DataGridTable.types.js.map +1 -0
  49. package/cjs/data/table/root/DataGridTableRoot.d.ts +104 -0
  50. package/cjs/data/table/root/{DataTableRoot.js → DataGridTableRoot.js} +59 -38
  51. package/cjs/data/table/root/DataGridTableRoot.js.map +1 -0
  52. package/cjs/data/table/root/DataTableRoot.context.d.ts +6 -2
  53. package/cjs/data/table/root/DataTableRoot.context.js.map +1 -1
  54. package/cjs/data/table/tbody/DataTableTbody.js +3 -3
  55. package/cjs/data/table/tbody/DataTableTbody.js.map +1 -1
  56. package/cjs/data/table/tr/DataTableTr.d.ts +3 -3
  57. package/cjs/data/table/tr/DataTableTr.js +45 -23
  58. package/cjs/data/table/tr/DataTableTr.js.map +1 -1
  59. package/cjs/data/token-filter/TokenFilter.d.ts +0 -6
  60. package/cjs/data/token-filter/TokenFilter.js +1 -1
  61. package/cjs/data-grid/index.d.ts +2 -0
  62. package/cjs/data-grid/index.js +9 -0
  63. package/cjs/data-grid/index.js.map +1 -0
  64. package/cjs/data-grid/root/DataGrid.types.d.ts +48 -0
  65. package/cjs/{data/table/root/DataTable.types.js → data-grid/root/DataGrid.types.js} +1 -1
  66. package/cjs/data-grid/root/DataGrid.types.js.map +1 -0
  67. package/cjs/data-grid/root/DataGridRoot.context.d.ts +16 -0
  68. package/cjs/{data/data-grid → data-grid}/root/DataGridRoot.context.js +1 -1
  69. package/cjs/data-grid/root/DataGridRoot.context.js.map +1 -0
  70. package/cjs/data-grid/root/DataGridRoot.d.ts +89 -0
  71. package/cjs/{data/data-grid → data-grid}/root/DataGridRoot.js +35 -8
  72. package/cjs/data-grid/root/DataGridRoot.js.map +1 -0
  73. package/cjs/preview.d.ts +1 -0
  74. package/cjs/{data/data-grid/index.js → preview.js} +3 -3
  75. package/cjs/preview.js.map +1 -0
  76. package/cjs/primitives/bleed/Bleed.d.ts +0 -2
  77. package/cjs/primitives/bleed/Bleed.js.map +1 -1
  78. package/cjs/table/ColumnHeader.js.map +1 -1
  79. package/cjs/tabs/Tabs.context.d.ts +1 -1
  80. package/cjs/tabs/useTabs.d.ts +1 -1
  81. package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
  82. package/cjs/toggle-group/useToggleGroup.d.ts +1 -1
  83. package/cjs/utils/components/dismissablelayer/DismissableLayer.js +1 -0
  84. package/cjs/utils/components/dismissablelayer/DismissableLayer.js.map +1 -1
  85. package/cjs/utils/components/dismissablelayer/util/useFocusOutside.d.ts +1 -0
  86. package/cjs/utils/components/dismissablelayer/util/useFocusOutside.js +11 -1
  87. package/cjs/utils/components/dismissablelayer/util/useFocusOutside.js.map +1 -1
  88. package/cjs/utils/hooks/useControllableState.d.ts +1 -1
  89. package/cjs/utils/hooks/useControllableState.js.map +1 -1
  90. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -1
  91. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
  92. package/esm/data/drag-and-drop/root/DragAndDropRoot.d.ts +1 -1
  93. package/esm/data/drag-and-drop/root/DragAndDropRoot.js +51 -21
  94. package/esm/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
  95. package/esm/data/stories/Data.test-data.d.ts +2 -2
  96. package/esm/data/stories/Data.test-data.js +37 -42
  97. package/esm/data/stories/Data.test-data.js.map +1 -1
  98. package/esm/data/table/base-cell/DataTableBaseCell.d.ts +4 -4
  99. package/esm/data/table/base-cell/DataTableBaseCell.js +2 -2
  100. package/esm/data/table/base-cell/DataTableBaseCell.js.map +1 -1
  101. package/esm/data/table/column-header/DataTableColumnHeader.d.ts +3 -15
  102. package/esm/data/table/column-header/DataTableColumnHeader.js +8 -5
  103. package/esm/data/table/column-header/DataTableColumnHeader.js.map +1 -1
  104. package/esm/data/table/column-header/useTableColumnResize.d.ts +2 -4
  105. package/esm/data/table/column-header/useTableColumnResize.js +15 -11
  106. package/esm/data/table/column-header/useTableColumnResize.js.map +1 -1
  107. package/esm/data/table/helpers/collectTableRowEntries.d.ts +1 -1
  108. package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +6 -5
  109. package/esm/data/table/helpers/selection/getMultipleSelectProps.js +6 -2
  110. package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
  111. package/esm/data/table/helpers/selection/getSingleSelectProps.d.ts +3 -3
  112. package/esm/data/table/helpers/selection/getSingleSelectProps.js +1 -1
  113. package/esm/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
  114. package/esm/data/table/helpers/selection/selection.types.d.ts +19 -27
  115. package/esm/data/table/helpers/selection/selection.utils.d.ts +1 -1
  116. package/esm/data/table/helpers/table-focus.js +1 -1
  117. package/esm/data/table/helpers/table-focus.js.map +1 -1
  118. package/esm/data/table/hooks/useColumnOptions.d.ts +8 -5
  119. package/esm/data/table/hooks/useColumnOptions.js +25 -10
  120. package/esm/data/table/hooks/useColumnOptions.js.map +1 -1
  121. package/esm/data/table/hooks/useTableDetailsPanel.d.ts +8 -9
  122. package/esm/data/table/hooks/useTableDetailsPanel.js.map +1 -1
  123. package/esm/data/table/hooks/useTableItems.d.ts +10 -11
  124. package/esm/data/table/hooks/useTableItems.js +11 -3
  125. package/esm/data/table/hooks/useTableItems.js.map +1 -1
  126. package/esm/data/table/hooks/useTableSelection.d.ts +2 -1
  127. package/esm/data/table/hooks/useTableSelection.js +46 -29
  128. package/esm/data/table/hooks/useTableSelection.js.map +1 -1
  129. package/esm/data/table/hooks/useTableSort.d.ts +13 -7
  130. package/esm/data/table/hooks/useTableSort.js +9 -10
  131. package/esm/data/table/hooks/useTableSort.js.map +1 -1
  132. package/esm/data/table/index.d.ts +1 -1
  133. package/esm/data/table/index.js +1 -21
  134. package/esm/data/table/index.js.map +1 -1
  135. package/esm/data/table/root/{DataTable.types.d.ts → DataGridTable.types.d.ts} +16 -26
  136. package/esm/data/table/root/DataGridTable.types.js +2 -0
  137. package/esm/data/table/root/DataGridTable.types.js.map +1 -0
  138. package/esm/data/table/root/DataGridTableRoot.d.ts +104 -0
  139. package/esm/data/table/root/{DataTableRoot.js → DataGridTableRoot.js} +61 -39
  140. package/esm/data/table/root/DataGridTableRoot.js.map +1 -0
  141. package/esm/data/table/root/DataTableRoot.context.d.ts +6 -2
  142. package/esm/data/table/root/DataTableRoot.context.js.map +1 -1
  143. package/esm/data/table/tbody/DataTableTbody.js +3 -3
  144. package/esm/data/table/tbody/DataTableTbody.js.map +1 -1
  145. package/esm/data/table/tr/DataTableTr.d.ts +3 -3
  146. package/esm/data/table/tr/DataTableTr.js +45 -23
  147. package/esm/data/table/tr/DataTableTr.js.map +1 -1
  148. package/esm/data/token-filter/TokenFilter.d.ts +0 -6
  149. package/esm/data/token-filter/TokenFilter.js +1 -1
  150. package/esm/data-grid/index.d.ts +2 -0
  151. package/esm/data-grid/index.js +4 -0
  152. package/esm/data-grid/index.js.map +1 -0
  153. package/esm/data-grid/root/DataGrid.types.d.ts +48 -0
  154. package/esm/data-grid/root/DataGrid.types.js +2 -0
  155. package/esm/data-grid/root/DataGrid.types.js.map +1 -0
  156. package/esm/data-grid/root/DataGridRoot.context.d.ts +16 -0
  157. package/esm/{data/data-grid → data-grid}/root/DataGridRoot.context.js +1 -1
  158. package/esm/data-grid/root/DataGridRoot.context.js.map +1 -0
  159. package/esm/data-grid/root/DataGridRoot.d.ts +89 -0
  160. package/esm/data-grid/root/DataGridRoot.js +59 -0
  161. package/esm/data-grid/root/DataGridRoot.js.map +1 -0
  162. package/esm/preview.d.ts +1 -0
  163. package/esm/preview.js +3 -0
  164. package/esm/preview.js.map +1 -0
  165. package/esm/primitives/bleed/Bleed.d.ts +0 -2
  166. package/esm/primitives/bleed/Bleed.js.map +1 -1
  167. package/esm/table/ColumnHeader.js.map +1 -1
  168. package/esm/tabs/Tabs.context.d.ts +1 -1
  169. package/esm/tabs/useTabs.d.ts +1 -1
  170. package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
  171. package/esm/toggle-group/useToggleGroup.d.ts +1 -1
  172. package/esm/utils/components/dismissablelayer/DismissableLayer.js +1 -0
  173. package/esm/utils/components/dismissablelayer/DismissableLayer.js.map +1 -1
  174. package/esm/utils/components/dismissablelayer/util/useFocusOutside.d.ts +1 -0
  175. package/esm/utils/components/dismissablelayer/util/useFocusOutside.js +12 -2
  176. package/esm/utils/components/dismissablelayer/util/useFocusOutside.js.map +1 -1
  177. package/esm/utils/hooks/useControllableState.d.ts +1 -1
  178. package/esm/utils/hooks/useControllableState.js.map +1 -1
  179. package/package.json +25 -5
  180. package/src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx +5 -1
  181. package/src/data/drag-and-drop/root/DragAndDropRoot.tsx +55 -25
  182. package/src/data/stories/Data.test-data.tsx +53 -51
  183. package/src/data/table/base-cell/DataTableBaseCell.tsx +6 -6
  184. package/src/data/table/column-header/DataTableColumnHeader.tsx +17 -20
  185. package/src/data/table/column-header/useTableColumnResize.ts +19 -16
  186. package/src/data/table/helpers/collectTableRowEntries.ts +1 -1
  187. package/src/data/table/helpers/selection/getMultipleSelectProps.ts +11 -5
  188. package/src/data/table/helpers/selection/getSingleSelectProps.ts +4 -4
  189. package/src/data/table/helpers/selection/selection.types.ts +18 -29
  190. package/src/data/table/helpers/selection/selection.utils.test.ts +1 -1
  191. package/src/data/table/helpers/selection/selection.utils.ts +1 -1
  192. package/src/data/table/helpers/table-focus.ts +1 -1
  193. package/src/data/table/hooks/__tests__/useTableItems.test.ts +1 -1
  194. package/src/data/table/hooks/useColumnOptions.ts +50 -15
  195. package/src/data/table/hooks/useTableDetailsPanel.tsx +14 -18
  196. package/src/data/table/hooks/useTableItems.ts +37 -23
  197. package/src/data/table/hooks/useTableSelection.ts +62 -45
  198. package/src/data/table/hooks/useTableSort.ts +29 -17
  199. package/src/data/table/index.tsx +4 -21
  200. package/src/data/table/root/{DataTable.types.ts → DataGridTable.types.ts} +17 -30
  201. package/src/data/table/root/{DataTableRoot.tsx → DataGridTableRoot.tsx} +198 -144
  202. package/src/data/table/root/DataTableRoot.context.ts +10 -8
  203. package/src/data/table/sub-row-toggle/DataTableSubRowToggle.tsx +1 -1
  204. package/src/data/table/tbody/DataTableTbody.tsx +3 -3
  205. package/src/data/table/tr/DataTableTr.tsx +51 -20
  206. package/src/data/token-filter/TokenFilter.tsx +1 -1
  207. package/src/data-grid/index.ts +3 -0
  208. package/src/data-grid/root/DataGrid.types.ts +46 -0
  209. package/src/data-grid/root/DataGridRoot.context.ts +21 -0
  210. package/src/data-grid/root/DataGridRoot.tsx +154 -0
  211. package/src/preview.ts +2 -0
  212. package/src/primitives/bleed/Bleed.tsx +0 -2
  213. package/src/table/ColumnHeader.tsx +1 -0
  214. package/src/utils/components/dismissablelayer/DismissableLayer.tsx +1 -0
  215. package/src/utils/components/dismissablelayer/util/useFocusOutside.ts +14 -2
  216. package/src/utils/hooks/useControllableState.ts +10 -8
  217. package/cjs/data/data-grid/index.d.ts +0 -2
  218. package/cjs/data/data-grid/index.js.map +0 -1
  219. package/cjs/data/data-grid/root/DataGridRoot.context.d.ts +0 -11
  220. package/cjs/data/data-grid/root/DataGridRoot.context.js.map +0 -1
  221. package/cjs/data/data-grid/root/DataGridRoot.d.ts +0 -38
  222. package/cjs/data/data-grid/root/DataGridRoot.js.map +0 -1
  223. package/cjs/data/table/root/DataTable.types.js.map +0 -1
  224. package/cjs/data/table/root/DataTableRoot.d.ts +0 -118
  225. package/cjs/data/table/root/DataTableRoot.js.map +0 -1
  226. package/cjs/data/table/root/DataTableRoot.legacy.d.ts +0 -172
  227. package/cjs/data/table/root/DataTableRoot.legacy.js +0 -118
  228. package/cjs/data/table/root/DataTableRoot.legacy.js.map +0 -1
  229. package/esm/data/data-grid/index.d.ts +0 -2
  230. package/esm/data/data-grid/index.js +0 -3
  231. package/esm/data/data-grid/index.js.map +0 -1
  232. package/esm/data/data-grid/root/DataGridRoot.context.d.ts +0 -11
  233. package/esm/data/data-grid/root/DataGridRoot.context.js.map +0 -1
  234. package/esm/data/data-grid/root/DataGridRoot.d.ts +0 -38
  235. package/esm/data/data-grid/root/DataGridRoot.js +0 -32
  236. package/esm/data/data-grid/root/DataGridRoot.js.map +0 -1
  237. package/esm/data/table/root/DataTable.types.js +0 -2
  238. package/esm/data/table/root/DataTable.types.js.map +0 -1
  239. package/esm/data/table/root/DataTableRoot.d.ts +0 -118
  240. package/esm/data/table/root/DataTableRoot.js.map +0 -1
  241. package/esm/data/table/root/DataTableRoot.legacy.d.ts +0 -172
  242. package/esm/data/table/root/DataTableRoot.legacy.js +0 -73
  243. package/esm/data/table/root/DataTableRoot.legacy.js.map +0 -1
  244. package/src/data/data-grid/index.ts +0 -3
  245. package/src/data/data-grid/root/DataGridRoot.context.ts +0 -16
  246. package/src/data/data-grid/root/DataGridRoot.tsx +0 -71
  247. package/src/data/table/Readme.md +0 -11
  248. package/src/data/table/agent-component-review.md +0 -175
  249. package/src/data/table/root/DataTableRoot.legacy.tsx +0 -305
@@ -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";
2
+ import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types";
3
+ import type { DataGridSettings } from "./DataGrid.types";
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,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useDataGridContext = exports.DataGridContextProvider = void 0;
4
- const helpers_1 = require("../../../utils/helpers");
4
+ const helpers_1 = require("../../utils/helpers");
5
5
  const { Provider: DataGridContextProvider, useContext: useDataGridContext } = (0, helpers_1.createStrictContext)({
6
6
  name: "DataGridContext",
7
7
  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,iDAA0D;AAY1D,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,GACzE,IAAA,6BAAmB,EAAuB;IACxC,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,mDAAmD;CAClE,CAAC,CAAC;AAEI,0DAAuB;AAAE,gDAAkB"}
@@ -0,0 +1,89 @@
1
+ import React from "react";
2
+ import type { SelectionProps } from "../../data/table/hooks/useTableSelection";
3
+ import type { ColumnDefinitions } from "../../data/table/root/DataGridTable.types";
4
+ import { DataGridTable } from "../../data/table/root/DataGridTableRoot";
5
+ import type { DataGridSettings } from "./DataGrid.types";
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;
@@ -44,25 +44,52 @@ var __rest = (this && this.__rest) || function (s, e) {
44
44
  return t;
45
45
  };
46
46
  Object.defineProperty(exports, "__esModule", { value: true });
47
- exports.DataGridRoot = void 0;
47
+ exports.DataGridInternal = exports.DataGrid = void 0;
48
48
  const react_1 = __importStar(require("react"));
49
- const helpers_1 = require("../../../utils/helpers");
49
+ const DataGridTableRoot_1 = require("../../data/table/root/DataGridTableRoot");
50
+ const helpers_1 = require("../../utils/helpers");
50
51
  const DataGridRoot_context_1 = require("./DataGridRoot.context");
51
52
  /**
52
- * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/data-grid)
53
+ * Component for displaying tabular data.
54
+ *
55
+ * **WARNING: This component is in active development and may receive breaking changes outside major releases!**
56
+ *
57
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/datagrid)
53
58
  * @see 🏷️ {@link DataGridProps}
54
59
  *
55
60
  * @example
56
61
  * ```jsx
57
62
  * <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
58
- * <DataTable />
63
+ * <DataGrid.Table />
59
64
  * </DataGrid>
60
65
  * ```
61
66
  */
62
- exports.DataGridRoot = (0, react_1.forwardRef)((_a, ref) => {
63
- var { children, className, columnDefinitions, data, getRowId } = _a, rest = __rest(_a, ["children", "className", "columnDefinitions", "data", "getRowId"]);
67
+ const DataGridInternal = (0, react_1.forwardRef)((_a, ref) => {
68
+ var { children, className, columns, data, getRowId, selection, isLoading = false, settings } = _a, rest = __rest(_a, ["children", "className", "columns", "data", "getRowId", "selection", "isLoading", "settings"]);
69
+ const resolvedSettings = (0, react_1.useMemo)(() => {
70
+ var _a, _b, _c, _d;
71
+ return ({
72
+ rowDensity: (_a = settings === null || settings === void 0 ? void 0 : settings.rowDensity) !== null && _a !== void 0 ? _a : "standard",
73
+ zebraStripes: (_b = settings === null || settings === void 0 ? void 0 : settings.zebraStripes) !== null && _b !== void 0 ? _b : false,
74
+ truncateContent: settings === null || settings === void 0 ? void 0 : settings.truncateContent,
75
+ stickyColumns: (_c = settings === null || settings === void 0 ? void 0 : settings.stickyColumns) !== null && _c !== void 0 ? _c : {},
76
+ textSize: (_d = settings === null || settings === void 0 ? void 0 : settings.textSize) !== null && _d !== void 0 ? _d : "medium",
77
+ columnDisplay: settings === null || settings === void 0 ? void 0 : settings.columnDisplay,
78
+ });
79
+ }, [
80
+ settings === null || settings === void 0 ? void 0 : settings.rowDensity,
81
+ settings === null || settings === void 0 ? void 0 : settings.zebraStripes,
82
+ settings === null || settings === void 0 ? void 0 : settings.truncateContent,
83
+ settings === null || settings === void 0 ? void 0 : settings.stickyColumns,
84
+ settings === null || settings === void 0 ? void 0 : settings.textSize,
85
+ settings === null || settings === void 0 ? void 0 : settings.columnDisplay,
86
+ ]);
64
87
  return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-data-grid", className) }),
65
- react_1.default.createElement(DataGridRoot_context_1.DataGridContextProvider, { columnDefinitions: columnDefinitions, data: data, getRowId: getRowId }, children)));
88
+ react_1.default.createElement(DataGridRoot_context_1.DataGridContextProvider, { columnDefinitions: columns, data: data, getRowId: getRowId, selection: selection, isLoading: isLoading, tableSettings: resolvedSettings }, children)));
66
89
  });
67
- exports.default = exports.DataGridRoot;
90
+ exports.DataGridInternal = DataGridInternal;
91
+ const DataGrid = DataGridInternal;
92
+ exports.DataGrid = DataGrid;
93
+ DataGrid.Table = DataGridTableRoot_1.DataGridTable;
94
+ exports.default = DataGrid;
68
95
  //# sourceMappingURL=DataGridRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataGridRoot.js","sourceRoot":"","sources":["../../../src/data-grid/root/DataGridRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAGnD,+EAAwE;AACxE,iDAAyC;AAEzC,iEAAiE;AAwDjE;;;;;;;;;;;;;;GAcG;AACH,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,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,IAAA,eAAO,EAC9B,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,uDAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC;QAClE,8BAAC,8CAAuB,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;AA0BiB,4CAAgB;AAxBnC,MAAM,QAAQ,GAAG,gBAAgD,CAAC;AAwBzD,4BAAQ;AAvBjB,QAAQ,CAAC,KAAK,GAAG,iCAAa,CAAC;AAwB/B,kBAAe,QAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ export { DataGrid } from "./data-grid";
@@ -2,6 +2,6 @@
2
2
  "use client";
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.DataGrid = void 0;
5
- var DataGridRoot_1 = require("./root/DataGridRoot");
6
- Object.defineProperty(exports, "DataGrid", { enumerable: true, get: function () { return DataGridRoot_1.DataGridRoot; } });
7
- //# sourceMappingURL=index.js.map
5
+ var data_grid_1 = require("./data-grid");
6
+ Object.defineProperty(exports, "DataGrid", { enumerable: true, get: function () { return data_grid_1.DataGrid; } });
7
+ //# sourceMappingURL=preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}
@@ -8,7 +8,6 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
8
8
  * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
9
9
  * or an object of spacing tokens for different breakpoints.
10
10
  *
11
- * The `px` value is useful to nudge by just 1px.
12
11
  * The `full` value is used to extend the margin to the full width of the parent.
13
12
  *
14
13
  * @example
@@ -22,7 +21,6 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
22
21
  * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
23
22
  * or an object of spacing tokens for different breakpoints.
24
23
  *
25
- * The `px` value is useful to nudge by just 1px.
26
24
  * This prop does **not** accept the `full` value.
27
25
  *
28
26
  * @example
@@ -1 +1 @@
1
- {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/primitives/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,2DAAwD;AACxD,iDAAyC;AACzC,0CAAsD;AAoDtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,YAAY,EACZ,IAAI,CACL,GAEE,IAAA,wBAAkB,EACnB,OAAO,EACP,cAAc,EACd,OAAO,EACP,WAAW,EACX,IAAI,CACL,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,KAAK,CACN,GACE,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,KAAK,CACN,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/primitives/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,2DAAwD;AACxD,iDAAyC;AACzC,0CAAsD;AAkDtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,YAAY,EACZ,IAAI,CACL,GAEE,IAAA,wBAAkB,EACnB,OAAO,EACP,cAAc,EACd,OAAO,EACP,WAAW,EACX,IAAI,CACL,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,KAAK,CACN,GACE,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,KAAK,CACN,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAI6B;AAC7B,oEAAiE;AACjE,8DAA2D;AAC3D,uCAAyC;AAkB5B,QAAA,YAAY,GAAqB,IAAA,kBAAU,EACtD,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;;QAAzD,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAA9C,mCAAgD,CAAF;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAA,+BAAc,EAAC,wDAAwD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,CACL,8BAAC,oBAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,eAEN,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAEP,QAAQ,CAAC,CAAC,CAAC,CACV,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,8BAAC,0BAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}
1
+ {"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAI6B;AAC7B,oEAAiE;AACjE,8DAA2D;AAC3D,uCAAyC;AAkB5B,QAAA,YAAY,GAAqB,IAAA,kBAAU,EACtD,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;;QAAzD,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAA9C,mCAAgD,CAAF;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAA,+BAAc,EAAC,wDAAwD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,CACL,8BAAC,oBAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,eAEN,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAGP,QAAQ,CAAC,CAAC,CAAC,CACV,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,8BAAC,0BAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}
@@ -22,7 +22,7 @@ type TabsProviderProps = ReturnType<typeof useTabs> & Pick<TabsProps, "selection
22
22
  export declare const TabsProvider: import("react").FC<{
23
23
  id: string;
24
24
  selectedValue: string;
25
- setSelectedValue: (next: import("react").SetStateAction<string>) => void;
25
+ setSelectedValue: (next: string | ((prevState: string) => string)) => void;
26
26
  focusedValue: string;
27
27
  setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
28
28
  makeTabId: (id: string, value: string) => string;
@@ -2,7 +2,7 @@ import { TabsProps } from "./Tabs.types";
2
2
  export declare function useTabs({ onChange, value, defaultValue, id, }: Pick<TabsProps, "onChange" | "value" | "defaultValue" | "id">): {
3
3
  id: string;
4
4
  selectedValue: string;
5
- setSelectedValue: (next: import("react").SetStateAction<string>) => void;
5
+ setSelectedValue: (next: string | ((prevState: string) => string)) => void;
6
6
  focusedValue: string;
7
7
  setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
8
8
  makeTabId: typeof makeTabId;
@@ -25,7 +25,7 @@ export declare const ToggleGroupDescendantsProvider: import("react").Provider<im
25
25
  type ToggleGroupProviderProps = ReturnType<typeof useToggleGroup> & Pick<ToggleGroupProps, "size">;
26
26
  export declare const ToggleGroupProvider: import("react").FC<{
27
27
  selectedValue: string;
28
- setSelectedValue: (next: import("react").SetStateAction<string>) => void;
28
+ setSelectedValue: (next: string | ((prevState: string) => string)) => void;
29
29
  focusedValue: string;
30
30
  setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
31
31
  } & Pick<ToggleGroupProps, "size"> & {
@@ -1,7 +1,7 @@
1
1
  import { ToggleGroupProps } from "./ToggleGroup.types";
2
2
  export declare function useToggleGroup({ onChange, value, defaultValue, }: Pick<ToggleGroupProps, "onChange" | "value" | "defaultValue">): {
3
3
  selectedValue: string;
4
- setSelectedValue: (next: import("react").SetStateAction<string>) => void;
4
+ setSelectedValue: (next: string | ((prevState: string) => string)) => void;
5
5
  focusedValue: string;
6
6
  setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
7
7
  };
@@ -310,6 +310,7 @@ const DismissableLayer = (0, react_1.forwardRef)((_a, forwardedRef) => {
310
310
  : undefined }, restProps.style), onFocusCapture: (0, helpers_1.composeEventHandlers)(restProps.onFocusCapture, focusOutside.onFocusCapture), onBlurCapture: (0, helpers_1.composeEventHandlers)(restProps.onBlurCapture, focusOutside.onBlurCapture), onPointerDownCapture: (0, helpers_1.composeEventHandlers)(restProps.onPointerDownCapture, () => {
311
311
  pointerDownOutside.onPointerDownCapture();
312
312
  pointerUpOutside.onPointerDownCapture();
313
+ focusOutside.onPointerDownCapture();
313
314
  }), onPointerUpCapture: (0, helpers_1.composeEventHandlers)(restProps.onPointerUpCapture, pointerUpOutside.onPointerUpCapture) }), children)));
314
315
  });
315
316
  exports.DismissableLayer = DismissableLayer;
@@ -1 +1 @@
1
- {"version":3,"file":"DismissableLayer.js","sourceRoot":"","sources":["../../../../src/utils/components/dismissablelayer/DismissableLayer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DismissableLayer.js","sourceRoot":"","sources":["../../../../src/utils/components/dismissablelayer/DismissableLayer.tsx"],"names":[],"mappings":"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"}
@@ -5,4 +5,5 @@ import { CustomFocusEvent } from "./dispatchCustomEvent";
5
5
  export declare function useFocusOutside(callback?: (event: CustomFocusEvent) => void, ownerDocument?: Document, enabled?: boolean): {
6
6
  onFocusCapture: () => void;
7
7
  onBlurCapture: () => void;
8
+ onPointerDownCapture: () => void;
8
9
  };
@@ -10,12 +10,16 @@ const dispatchCustomEvent_1 = require("./dispatchCustomEvent");
10
10
  function useFocusOutside(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
11
11
  const handleFocusOutside = (0, hooks_1.useEventCallback)(callback);
12
12
  const isFocusInsideReactTreeRef = (0, react_1.useRef)(false);
13
+ const skipFocusCheckRef = (0, react_1.useRef)(false);
14
+ const timeout = (0, hooks_1.useTimeout)();
13
15
  (0, react_1.useEffect)(() => {
14
16
  if (!enabled) {
15
17
  return;
16
18
  }
17
19
  const handleFocus = (event) => {
18
- if (event.target && !isFocusInsideReactTreeRef.current) {
20
+ if (event.target &&
21
+ !isFocusInsideReactTreeRef.current &&
22
+ !skipFocusCheckRef.current) {
19
23
  const eventDetail = { originalEvent: event };
20
24
  /**
21
25
  * The `DismisableLayer`-API is based on the ability to stop events from propagating and in the end calling `onDismiss`
@@ -45,6 +49,12 @@ function useFocusOutside(callback, ownerDocument = globalThis === null || global
45
49
  onBlurCapture: () => {
46
50
  isFocusInsideReactTreeRef.current = false;
47
51
  },
52
+ onPointerDownCapture: () => {
53
+ skipFocusCheckRef.current = true;
54
+ timeout.start(0, () => {
55
+ skipFocusCheckRef.current = false;
56
+ });
57
+ },
48
58
  };
49
59
  }
50
60
  //# sourceMappingURL=useFocusOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../../src/utils/components/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":";;AAWA,0CAmDC;AA9DD,iCAA0C;AAC1C,0CAAkD;AAClD,+DAI+B;AAE/B;;GAEG;AACH,SAAgB,eAAe,CAC7B,QAA4C,EAC5C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,kBAAkB,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAkB,CAAC;IACvE,MAAM,yBAAyB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,yBAAyB,CAAC,OAAO,EAAE,CAAC;gBACvD,MAAM,WAAW,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;gBAE7C;;;;;;;;mBAQG;gBACH,IAAA,yCAAmB,EACjB,mCAAa,CAAC,aAAa,EAC3B,kBAAkB,EAClB,WAAW,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjD;;;OAGG;IACH,OAAO;QACL,cAAc,EAAE,GAAG,EAAE;YACnB,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,CAAC;QACD,aAAa,EAAE,GAAG,EAAE;YAClB,yBAAyB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5C,CAAC;KACF,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../../src/utils/components/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":";;AAWA,0CA+DC;AA1ED,iCAA0C;AAC1C,0CAA8D;AAC9D,+DAI+B;AAE/B;;GAEG;AACH,SAAgB,eAAe,CAC7B,QAA4C,EAC5C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,kBAAkB,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAkB,CAAC;IACvE,MAAM,yBAAyB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kBAAU,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IACE,KAAK,CAAC,MAAM;gBACZ,CAAC,yBAAyB,CAAC,OAAO;gBAClC,CAAC,iBAAiB,CAAC,OAAO,EAC1B,CAAC;gBACD,MAAM,WAAW,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;gBAE7C;;;;;;;;mBAQG;gBACH,IAAA,yCAAmB,EACjB,mCAAa,CAAC,aAAa,EAC3B,kBAAkB,EAClB,WAAW,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjD;;;OAGG;IACH,OAAO;QACL,cAAc,EAAE,GAAG,EAAE;YACnB,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,CAAC;QACD,aAAa,EAAE,GAAG,EAAE;YAClB,yBAAyB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5C,CAAC;QACD,oBAAoB,EAAE,GAAG,EAAE;YACzB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE;gBACpB,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}
@@ -6,4 +6,4 @@ export interface UseControllableStateProps<StateT, ChangeT extends StateT = Stat
6
6
  /**
7
7
  * `useControllableState` returns the state and function that updates the state, just like React.useState does.
8
8
  */
9
- export declare function useControllableState<StateT, ChangeT extends StateT = StateT>({ value: valueProp, defaultValue, onChange, }: UseControllableStateProps<StateT, ChangeT>): readonly [StateT, (next: React.SetStateAction<ChangeT>) => void];
9
+ export declare function useControllableState<StateT, ChangeT extends StateT = StateT>({ value: valueProp, defaultValue, onChange, }: UseControllableStateProps<StateT, ChangeT>): readonly [StateT, (next: ChangeT | ((prevState: StateT) => ChangeT)) => void];
@@ -1 +1 @@
1
- {"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../../src/utils/hooks/useControllableState.ts"],"names":[],"mappings":";;AAgBA,oDAuBC;AAvCD,6HAA6H;AAC7H,iCAAiC;AACjC,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,oBAAoB,CAA0C,EAC5E,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,GACmC;IAC3C,MAAM,YAAY,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEzD,MAAM,QAAQ,GAAG,IAAA,mCAAgB,EAAC,CAAC,IAAmC,EAAE,EAAE;QACxE,MAAM,MAAM,GAAG,IAAuC,CAAC;QACvD,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;QAED,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC,CAAC"}
1
+ {"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../../src/utils/hooks/useControllableState.ts"],"names":[],"mappings":";;AAgBA,oDAyBC;AAzCD,6HAA6H;AAC7H,iCAAiC;AACjC,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,oBAAoB,CAA0C,EAC5E,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,GACmC;IAC3C,MAAM,YAAY,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEzD,MAAM,QAAQ,GAAG,IAAA,mCAAgB,EAC/B,CAAC,IAAgD,EAAE,EAAE;QACnD,MAAM,MAAM,GAAG,IAAuC,CAAC;QACvD,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;QAED,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CACF,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC,CAAC"}
@@ -34,7 +34,11 @@ export const DragAndDropDragHandler = React.forwardRef(({ item, itemRef, isOverl
34
34
  else {
35
35
  context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(null);
36
36
  }
37
- }, onBlur: () => context === null || context === void 0 ? void 0 : context.cancelDrag(), onKeyDown: (event) => {
37
+ }, onBlur: () => {
38
+ if (context === null || context === void 0 ? void 0 : context.activeItem)
39
+ return;
40
+ context === null || context === void 0 ? void 0 : context.cancelDrag();
41
+ }, onKeyDown: (event) => {
38
42
  if (event.key === "Enter" || event.key === " ") {
39
43
  // Enter or space, currently active item - end keyboard dragging
40
44
  event.preventDefault();
@@ -1 +1 @@
1
- {"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  /** biome-ignore-all lint/correctness/useHookAtTopLevel: False positive because of the way forwardRef() is added */
2
2
  import React from "react";
3
- import { ColumnDefinition, ColumnDefinitions } from "../../table/root/DataTable.types.js";
3
+ import { ColumnDefinition, ColumnDefinitions } from "../../table/root/DataGridTable.types.js";
4
4
  import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem.js";
5
5
  interface DragAndDropProps<T> extends React.HTMLAttributes<HTMLUListElement> {
6
6
  items: ColumnDefinitions<T>;
@@ -1,6 +1,19 @@
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
+ };
1
12
  /** biome-ignore-all lint/correctness/useHookAtTopLevel: False positive because of the way forwardRef() is added */
2
- import React, { forwardRef, useCallback, useEffect, useRef, useState, } from "react";
13
+ import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from "react";
14
+ import { useId } from "../../../utils-external/index.js";
3
15
  import { Floating } from "../../../utils/components/floating/Floating.js";
16
+ import { cl } from "../../../utils/helpers/index.js";
4
17
  import DragAndDropItem from "../item/DragAndDropItem.js";
5
18
  import { DragAndDropProvider } from "./DragAndDrop.context.js";
6
19
  /**
@@ -12,20 +25,29 @@ import { DragAndDropProvider } from "./DragAndDrop.context.js";
12
25
  *
13
26
  */
14
27
  const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
15
- const SR_INSTRUCTIONS_ID = "drag-and-drop-instructions-id";
16
- function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
28
+ function DragAndDropInner(_a, forwardedRef) {
29
+ var _b;
30
+ var { items, setItems, renderItem, className } = _a, rest = __rest(_a, ["items", "setItems", "renderItem", "className"]);
31
+ const instructionsId = useId();
17
32
  const [activeItem, setActiveItem] = useState(null);
18
33
  const [dropTarget, setDropTarget] = useState(null);
19
34
  const [dragHandlerActive, setDragHandlerActive] = useState(null);
20
35
  const [overlayWidth, setOverlayWidth] = useState(null);
21
36
  const [announcer, setAnnouncer] = useState("");
22
37
  const initialItemsRef = useRef(null);
23
- const activeData = items.find((item) => item.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
38
+ const virtualPositionRef = useRef({ x: 0, y: 0 });
39
+ const itemsById = useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
40
+ const activeData = activeItem ? itemsById.get(activeItem.id) : undefined;
24
41
  const activeItemRef = useRef(null);
25
42
  const dropTargetRef = useRef(null);
26
- const [virtualRef, setVirtualRef] = useState({
27
- getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
28
- });
43
+ const virtualRef = useMemo(() => ({
44
+ getBoundingClientRect: () => DOMRect.fromRect({
45
+ width: 0,
46
+ height: 0,
47
+ x: virtualPositionRef.current.x,
48
+ y: virtualPositionRef.current.y,
49
+ }),
50
+ }), []);
29
51
  const pendingDragStartRef = useRef(null);
30
52
  const saveInitialItems = useCallback(() => {
31
53
  initialItemsRef.current = items;
@@ -53,13 +75,27 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
53
75
  setActiveItem(item);
54
76
  }, []);
55
77
  const setCombinedDropTarget = useCallback((item) => {
78
+ const previous = dropTargetRef.current;
79
+ if ((previous === null || previous === void 0 ? void 0 : previous.id) === (item === null || item === void 0 ? void 0 : item.id) && (previous === null || previous === void 0 ? void 0 : previous.index) === (item === null || item === void 0 ? void 0 : item.index)) {
80
+ return;
81
+ }
56
82
  dropTargetRef.current = item;
57
83
  setDropTarget(item);
58
84
  }, []);
59
85
  const reorderItems = useCallback((fromIndex, toIndex) => {
60
86
  setItems((currentItems) => {
87
+ if (fromIndex === toIndex ||
88
+ fromIndex < 0 ||
89
+ toIndex < 0 ||
90
+ fromIndex >= currentItems.length ||
91
+ toIndex >= currentItems.length) {
92
+ return currentItems;
93
+ }
61
94
  const newItems = [...currentItems];
62
95
  const [movedItem] = newItems.splice(fromIndex, 1);
96
+ if (!movedItem) {
97
+ return currentItems;
98
+ }
63
99
  newItems.splice(toIndex, 0, movedItem);
64
100
  return newItems;
65
101
  });
@@ -101,7 +137,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
101
137
  if (!activeRef && pendingStart) {
102
138
  const deltaX = Math.abs(event.clientX - pendingStart.startX);
103
139
  const deltaY = Math.abs(event.clientY - pendingStart.startY);
104
- if (deltaX > DRAG_THRESHOLD || deltaY > DRAG_THRESHOLD) {
140
+ if (deltaX >= DRAG_THRESHOLD || deltaY >= DRAG_THRESHOLD) {
105
141
  if (element) {
106
142
  element.setPointerCapture(pendingStart.pointerId);
107
143
  }
@@ -116,14 +152,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
116
152
  const active = activeItemRef.current;
117
153
  if (!active)
118
154
  return;
119
- setVirtualRef({
120
- getBoundingClientRect: () => DOMRect.fromRect({
121
- width: 0,
122
- height: 0,
123
- x: event.clientX,
124
- y: event.clientY,
125
- }),
126
- });
155
+ virtualPositionRef.current = { x: event.clientX, y: event.clientY };
127
156
  const elements = document.elementsFromPoint(event.clientX, event.clientY);
128
157
  const matchingElements = elements.filter((el) => el instanceof HTMLElement && Boolean(el.closest("[data-dnd-id]")));
129
158
  const itemElements = matchingElements
@@ -171,6 +200,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
171
200
  saveInitialItems,
172
201
  cancelDrag,
173
202
  ]);
203
+ const describedBy = cl(rest["aria-describedby"], instructionsId);
174
204
  const onKeyboardDragEnd = (diff, label) => {
175
205
  if (!dragHandlerActive)
176
206
  return;
@@ -183,10 +213,10 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
183
213
  setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
184
214
  };
185
215
  return (React.createElement(DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, onKeyboardDragStart: keyboardDragStart, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDrag: startPendingDrag, cancelDrag: cancelDrag, setAnnouncer: setAnnouncer, itemAmount: items.length },
186
- React.createElement("span", { id: SR_INSTRUCTIONS_ID, className: "sr-only" }, "Bruk Tab for \u00E5 fokusere p\u00E5 en kolonne. Trykk mellomrom eller enter for \u00E5 starte flytting, bruk piltastene for \u00E5 flytte kolonnen, trykk mellomrom eller enter for \u00E5 slippe, eller Escape for \u00E5 avbryte."),
187
- React.createElement("div", { "aria-live": "assertive", className: "sr-only", "aria-atomic": true }, announcer),
188
- React.createElement("ul", { ref: forwardedRef, "aria-label": "Kolonneinnstillinger", "aria-describedby": SR_INSTRUCTIONS_ID, className: "aksel-data-table__drag-and-drop-root" }, items.map((item, index) => {
189
- return (React.createElement(DragAndDropItem, { key: item.id, id: item.id, index: index, itemLabel: item.label }, renderItem(item, index)));
216
+ React.createElement("span", { id: instructionsId, className: "aksel-sr-only" }, "Bruk Tab for \u00E5 fokusere p\u00E5 en kolonne. Trykk mellomrom eller enter for \u00E5 starte flytting, bruk piltastene for \u00E5 flytte kolonnen, trykk mellomrom eller enter for \u00E5 slippe, eller Escape for \u00E5 avbryte."),
217
+ React.createElement("div", { "aria-live": "assertive", className: "aksel-sr-only", "aria-atomic": true }, announcer),
218
+ React.createElement("ul", Object.assign({}, rest, { ref: forwardedRef, "aria-label": (_b = rest["aria-label"]) !== null && _b !== void 0 ? _b : "Kolonneinnstillinger", "aria-describedby": describedBy, className: cl("aksel-data-table__drag-and-drop-root", className) }), items.map((item, index) => {
219
+ return (React.createElement(DragAndDropItem, { key: item.id, id: item.id, index: index, itemLabel: item.header }, renderItem(item, index)));
190
220
  })),
191
221
  activeItem && activeData && (React.createElement(Floating, null,
192
222
  React.createElement(Floating.Anchor, { virtualRef: virtualRef },
@@ -196,7 +226,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
196
226
  boxSizing: "border-box",
197
227
  width: overlayWidth ? `${overlayWidth}px` : "fit-content",
198
228
  } },
199
- React.createElement(DragAndDropItem, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.label }, renderItem(activeData, activeItem.index)))))));
229
+ React.createElement(DragAndDropItem, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.header }, renderItem(activeData, activeItem.index)))))));
200
230
  }
201
231
  const DragAndDrop = forwardRef(DragAndDropInner);
202
232
  export { DragAndDrop, DragAndDropItem };