@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
|
@@ -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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/primitives/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAkDtD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,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,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,YAAY,EACZ,IAAI,CACL,GAEE,kBAAkB,CACnB,OAAO,EACP,cAAc,EACd,OAAO,EACP,WAAW,EACX,IAAI,CACL,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,kBAAkB,CACnB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,KAAK,CACN,GACE,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,KAAK,CACN,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,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,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAkBzC,MAAM,CAAC,MAAM,YAAY,GAAqB,UAAU,CACtD,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,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,cAAc,CAAC,wDAAwD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,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,
|
|
1
|
+
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAkBzC,MAAM,CAAC,MAAM,YAAY,GAAqB,UAAU,CACtD,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,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,cAAc,CAAC,wDAAwD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,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,gCACE,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,oBAAC,YAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,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:
|
|
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;
|
package/esm/tabs/useTabs.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { TabsProps } from "./Tabs.types.js";
|
|
|
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:
|
|
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:
|
|
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.js";
|
|
2
2
|
export declare function useToggleGroup({ onChange, value, defaultValue, }: Pick<ToggleGroupProps, "onChange" | "value" | "defaultValue">): {
|
|
3
3
|
selectedValue: string;
|
|
4
|
-
setSelectedValue: (next:
|
|
4
|
+
setSelectedValue: (next: string | ((prevState: string) => string)) => void;
|
|
5
5
|
focusedValue: string;
|
|
6
6
|
setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
7
7
|
};
|
|
@@ -274,6 +274,7 @@ const DismissableLayer = forwardRef((_a, forwardedRef) => {
|
|
|
274
274
|
: undefined }, restProps.style), onFocusCapture: composeEventHandlers(restProps.onFocusCapture, focusOutside.onFocusCapture), onBlurCapture: composeEventHandlers(restProps.onBlurCapture, focusOutside.onBlurCapture), onPointerDownCapture: composeEventHandlers(restProps.onPointerDownCapture, () => {
|
|
275
275
|
pointerDownOutside.onPointerDownCapture();
|
|
276
276
|
pointerUpOutside.onPointerDownCapture();
|
|
277
|
+
focusOutside.onPointerDownCapture();
|
|
277
278
|
}), onPointerUpCapture: composeEventHandlers(restProps.onPointerUpCapture, pointerUpOutside.onPointerUpCapture) }), children)));
|
|
278
279
|
});
|
|
279
280
|
/**
|
|
@@ -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.js";
|
|
|
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
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useRef } from "react";
|
|
2
|
-
import { useEventCallback } from "../../../hooks/index.js";
|
|
2
|
+
import { useEventCallback, useTimeout } from "../../../hooks/index.js";
|
|
3
3
|
import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
4
4
|
/**
|
|
5
5
|
* Tracks focus outside a React subtree. Returns props for the subtree root.
|
|
@@ -7,12 +7,16 @@ import { CUSTOM_EVENTS, dispatchCustomEvent, } from "./dispatchCustomEvent.js";
|
|
|
7
7
|
export function useFocusOutside(callback, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document, enabled = true) {
|
|
8
8
|
const handleFocusOutside = useEventCallback(callback);
|
|
9
9
|
const isFocusInsideReactTreeRef = useRef(false);
|
|
10
|
+
const skipFocusCheckRef = useRef(false);
|
|
11
|
+
const timeout = useTimeout();
|
|
10
12
|
useEffect(() => {
|
|
11
13
|
if (!enabled) {
|
|
12
14
|
return;
|
|
13
15
|
}
|
|
14
16
|
const handleFocus = (event) => {
|
|
15
|
-
if (event.target &&
|
|
17
|
+
if (event.target &&
|
|
18
|
+
!isFocusInsideReactTreeRef.current &&
|
|
19
|
+
!skipFocusCheckRef.current) {
|
|
16
20
|
const eventDetail = { originalEvent: event };
|
|
17
21
|
/**
|
|
18
22
|
* The `DismisableLayer`-API is based on the ability to stop events from propagating and in the end calling `onDismiss`
|
|
@@ -42,6 +46,12 @@ export function useFocusOutside(callback, ownerDocument = globalThis === null ||
|
|
|
42
46
|
onBlurCapture: () => {
|
|
43
47
|
isFocusInsideReactTreeRef.current = false;
|
|
44
48
|
},
|
|
49
|
+
onPointerDownCapture: () => {
|
|
50
|
+
skipFocusCheckRef.current = true;
|
|
51
|
+
timeout.start(0, () => {
|
|
52
|
+
skipFocusCheckRef.current = false;
|
|
53
|
+
});
|
|
54
|
+
},
|
|
45
55
|
};
|
|
46
56
|
}
|
|
47
57
|
//# sourceMappingURL=useFocusOutside.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../../src/utils/components/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"useFocusOutside.js","sourceRoot":"","sources":["../../../../../src/utils/components/dismissablelayer/util/useFocusOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EACL,aAAa,EAEb,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,QAA4C,EAC5C,gBAA0B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9C,UAAmB,IAAI;IAEvB,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAkB,CAAC;IACvE,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,SAAS,CAAC,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,mBAAmB,CACjB,aAAa,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:
|
|
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":"AAAA,6HAA6H;AAC7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAA0C,EAC5E,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,GACmC;IAC3C,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,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,gBAAgB,
|
|
1
|
+
{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../../src/utils/hooks/useControllableState.ts"],"names":[],"mappings":"AAAA,6HAA6H;AAC7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAA0C,EAC5E,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,GACmC;IAC3C,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,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,gBAAgB,CAC/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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.11.1",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -46,6 +46,26 @@
|
|
|
46
46
|
"default": "./cjs/index.js"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
|
+
"./PREVIEW": {
|
|
50
|
+
"import": {
|
|
51
|
+
"types": "./esm/preview.d.ts",
|
|
52
|
+
"default": "./esm/preview.js"
|
|
53
|
+
},
|
|
54
|
+
"require": {
|
|
55
|
+
"types": "./cjs/preview.d.ts",
|
|
56
|
+
"default": "./cjs/preview.js"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
"./PREVIEW/DataGrid": {
|
|
60
|
+
"import": {
|
|
61
|
+
"types": "./esm/data-grid/index.d.ts",
|
|
62
|
+
"default": "./esm/data-grid/index.js"
|
|
63
|
+
},
|
|
64
|
+
"require": {
|
|
65
|
+
"types": "./cjs/data-grid/index.d.ts",
|
|
66
|
+
"default": "./cjs/data-grid/index.js"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
49
69
|
"./types/theme": {
|
|
50
70
|
"types": "./esm/types/theme.d.ts"
|
|
51
71
|
},
|
|
@@ -706,8 +726,8 @@
|
|
|
706
726
|
"dependencies": {
|
|
707
727
|
"@floating-ui/react": "0.27.19",
|
|
708
728
|
"@floating-ui/react-dom": "^2.1.8",
|
|
709
|
-
"@navikt/aksel-icons": "^8.
|
|
710
|
-
"@navikt/ds-tokens": "^8.
|
|
729
|
+
"@navikt/aksel-icons": "^8.11.1",
|
|
730
|
+
"@navikt/ds-tokens": "^8.11.1",
|
|
711
731
|
"date-fns": "^4.0.0",
|
|
712
732
|
"react-day-picker": "9.14.0"
|
|
713
733
|
},
|
|
@@ -727,8 +747,8 @@
|
|
|
727
747
|
"fast-glob": "3.3.3",
|
|
728
748
|
"jscodeshift": "17.3.0",
|
|
729
749
|
"jsdom": "27.1.0",
|
|
730
|
-
"react": "19.2.
|
|
731
|
-
"react-dom": "19.2.
|
|
750
|
+
"react": "19.2.6",
|
|
751
|
+
"react-dom": "19.2.6",
|
|
732
752
|
"react-router": "^7.13.1",
|
|
733
753
|
"rimraf": "6.1.3",
|
|
734
754
|
"swr": "^2.4.1",
|
|
@@ -77,7 +77,11 @@ export const DragAndDropDragHandler = React.forwardRef<
|
|
|
77
77
|
context?.onKeyboardDragStart(null);
|
|
78
78
|
}
|
|
79
79
|
}}
|
|
80
|
-
onBlur={() =>
|
|
80
|
+
onBlur={() => {
|
|
81
|
+
if (context?.activeItem) return;
|
|
82
|
+
|
|
83
|
+
context?.cancelDrag();
|
|
84
|
+
}}
|
|
81
85
|
onKeyDown={(event) => {
|
|
82
86
|
if (event.key === "Enter" || event.key === " ") {
|
|
83
87
|
// Enter or space, currently active item - end keyboard dragging
|
|
@@ -3,14 +3,17 @@ import React, {
|
|
|
3
3
|
forwardRef,
|
|
4
4
|
useCallback,
|
|
5
5
|
useEffect,
|
|
6
|
+
useMemo,
|
|
6
7
|
useRef,
|
|
7
8
|
useState,
|
|
8
9
|
} from "react";
|
|
10
|
+
import { useId } from "../../../utils-external";
|
|
9
11
|
import { Floating } from "../../../utils/components/floating/Floating";
|
|
12
|
+
import { cl } from "../../../utils/helpers";
|
|
10
13
|
import {
|
|
11
14
|
ColumnDefinition,
|
|
12
15
|
ColumnDefinitions,
|
|
13
|
-
} from "../../table/root/
|
|
16
|
+
} from "../../table/root/DataGridTable.types";
|
|
14
17
|
import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem";
|
|
15
18
|
import { DragAndDropElement } from "../types";
|
|
16
19
|
import { DragAndDropProvider } from "./DragAndDrop.context";
|
|
@@ -31,12 +34,12 @@ interface DragAndDropProps<T> extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
31
34
|
*/
|
|
32
35
|
|
|
33
36
|
const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
|
|
34
|
-
const SR_INSTRUCTIONS_ID = "drag-and-drop-instructions-id";
|
|
35
37
|
|
|
36
38
|
function DragAndDropInner<T>(
|
|
37
|
-
{ items, setItems, renderItem }: DragAndDropProps<T>,
|
|
39
|
+
{ items, setItems, renderItem, className, ...rest }: DragAndDropProps<T>,
|
|
38
40
|
forwardedRef: React.ForwardedRef<HTMLUListElement>,
|
|
39
41
|
) {
|
|
42
|
+
const instructionsId = useId();
|
|
40
43
|
const [activeItem, setActiveItem] = useState<DragAndDropElement | null>(null);
|
|
41
44
|
const [dropTarget, setDropTarget] = useState<DragAndDropElement | null>(null);
|
|
42
45
|
const [dragHandlerActive, setDragHandlerActive] =
|
|
@@ -44,15 +47,28 @@ function DragAndDropInner<T>(
|
|
|
44
47
|
const [overlayWidth, setOverlayWidth] = useState<number | null>(null);
|
|
45
48
|
const [announcer, setAnnouncer] = useState("");
|
|
46
49
|
const initialItemsRef = useRef<ColumnDefinitions<T> | null>(null);
|
|
47
|
-
const
|
|
50
|
+
const virtualPositionRef = useRef({ x: 0, y: 0 });
|
|
51
|
+
const itemsById = useMemo(
|
|
52
|
+
() => new Map(items.map((item) => [item.id, item] as const)),
|
|
53
|
+
[items],
|
|
54
|
+
);
|
|
55
|
+
const activeData = activeItem ? itemsById.get(activeItem.id) : undefined;
|
|
48
56
|
|
|
49
57
|
const activeItemRef = useRef<DragAndDropElement | null>(null);
|
|
50
58
|
const dropTargetRef = useRef<DragAndDropElement | null>(null);
|
|
51
59
|
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
60
|
+
const virtualRef = useMemo(
|
|
61
|
+
() => ({
|
|
62
|
+
getBoundingClientRect: () =>
|
|
63
|
+
DOMRect.fromRect({
|
|
64
|
+
width: 0,
|
|
65
|
+
height: 0,
|
|
66
|
+
x: virtualPositionRef.current.x,
|
|
67
|
+
y: virtualPositionRef.current.y,
|
|
68
|
+
}),
|
|
69
|
+
}),
|
|
70
|
+
[],
|
|
71
|
+
);
|
|
56
72
|
|
|
57
73
|
const pendingDragStartRef = useRef<{
|
|
58
74
|
item: DragAndDropElement;
|
|
@@ -99,6 +115,11 @@ function DragAndDropInner<T>(
|
|
|
99
115
|
|
|
100
116
|
const setCombinedDropTarget = useCallback(
|
|
101
117
|
(item: DragAndDropElement | null) => {
|
|
118
|
+
const previous = dropTargetRef.current;
|
|
119
|
+
if (previous?.id === item?.id && previous?.index === item?.index) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
|
|
102
123
|
dropTargetRef.current = item;
|
|
103
124
|
setDropTarget(item);
|
|
104
125
|
},
|
|
@@ -108,8 +129,22 @@ function DragAndDropInner<T>(
|
|
|
108
129
|
const reorderItems = useCallback(
|
|
109
130
|
(fromIndex: number, toIndex: number) => {
|
|
110
131
|
setItems((currentItems) => {
|
|
132
|
+
if (
|
|
133
|
+
fromIndex === toIndex ||
|
|
134
|
+
fromIndex < 0 ||
|
|
135
|
+
toIndex < 0 ||
|
|
136
|
+
fromIndex >= currentItems.length ||
|
|
137
|
+
toIndex >= currentItems.length
|
|
138
|
+
) {
|
|
139
|
+
return currentItems;
|
|
140
|
+
}
|
|
141
|
+
|
|
111
142
|
const newItems = [...currentItems];
|
|
112
143
|
const [movedItem] = newItems.splice(fromIndex, 1);
|
|
144
|
+
if (!movedItem) {
|
|
145
|
+
return currentItems;
|
|
146
|
+
}
|
|
147
|
+
|
|
113
148
|
newItems.splice(toIndex, 0, movedItem);
|
|
114
149
|
return newItems;
|
|
115
150
|
});
|
|
@@ -161,7 +196,7 @@ function DragAndDropInner<T>(
|
|
|
161
196
|
const deltaX = Math.abs(event.clientX - pendingStart.startX);
|
|
162
197
|
const deltaY = Math.abs(event.clientY - pendingStart.startY);
|
|
163
198
|
|
|
164
|
-
if (deltaX
|
|
199
|
+
if (deltaX >= DRAG_THRESHOLD || deltaY >= DRAG_THRESHOLD) {
|
|
165
200
|
if (element) {
|
|
166
201
|
element.setPointerCapture(pendingStart.pointerId);
|
|
167
202
|
}
|
|
@@ -178,15 +213,7 @@ function DragAndDropInner<T>(
|
|
|
178
213
|
const active = activeItemRef.current;
|
|
179
214
|
if (!active) return;
|
|
180
215
|
|
|
181
|
-
|
|
182
|
-
getBoundingClientRect: () =>
|
|
183
|
-
DOMRect.fromRect({
|
|
184
|
-
width: 0,
|
|
185
|
-
height: 0,
|
|
186
|
-
x: event.clientX,
|
|
187
|
-
y: event.clientY,
|
|
188
|
-
}),
|
|
189
|
-
});
|
|
216
|
+
virtualPositionRef.current = { x: event.clientX, y: event.clientY };
|
|
190
217
|
|
|
191
218
|
const elements = document.elementsFromPoint(event.clientX, event.clientY);
|
|
192
219
|
|
|
@@ -257,6 +284,8 @@ function DragAndDropInner<T>(
|
|
|
257
284
|
cancelDrag,
|
|
258
285
|
]);
|
|
259
286
|
|
|
287
|
+
const describedBy = cl(rest["aria-describedby"], instructionsId);
|
|
288
|
+
|
|
260
289
|
const onKeyboardDragEnd = (diff: number, label: string) => {
|
|
261
290
|
if (!dragHandlerActive) return;
|
|
262
291
|
|
|
@@ -284,19 +313,20 @@ function DragAndDropInner<T>(
|
|
|
284
313
|
setAnnouncer={setAnnouncer}
|
|
285
314
|
itemAmount={items.length}
|
|
286
315
|
>
|
|
287
|
-
<span id={
|
|
316
|
+
<span id={instructionsId} className="aksel-sr-only">
|
|
288
317
|
Bruk Tab for å fokusere på en kolonne. Trykk mellomrom eller enter for å
|
|
289
318
|
starte flytting, bruk piltastene for å flytte kolonnen, trykk mellomrom
|
|
290
319
|
eller enter for å slippe, eller Escape for å avbryte.
|
|
291
320
|
</span>
|
|
292
|
-
<div aria-live="assertive" className="sr-only" aria-atomic>
|
|
321
|
+
<div aria-live="assertive" className="aksel-sr-only" aria-atomic>
|
|
293
322
|
{announcer}
|
|
294
323
|
</div>
|
|
295
324
|
<ul
|
|
325
|
+
{...rest}
|
|
296
326
|
ref={forwardedRef}
|
|
297
|
-
aria-label="Kolonneinnstillinger"
|
|
298
|
-
aria-describedby={
|
|
299
|
-
className="aksel-data-table__drag-and-drop-root"
|
|
327
|
+
aria-label={rest["aria-label"] ?? "Kolonneinnstillinger"}
|
|
328
|
+
aria-describedby={describedBy}
|
|
329
|
+
className={cl("aksel-data-table__drag-and-drop-root", className)}
|
|
300
330
|
>
|
|
301
331
|
{items.map((item, index) => {
|
|
302
332
|
return (
|
|
@@ -304,7 +334,7 @@ function DragAndDropInner<T>(
|
|
|
304
334
|
key={item.id}
|
|
305
335
|
id={item.id}
|
|
306
336
|
index={index}
|
|
307
|
-
itemLabel={item.
|
|
337
|
+
itemLabel={item.header}
|
|
308
338
|
>
|
|
309
339
|
{renderItem(item, index)}
|
|
310
340
|
</DragAndDropItem>
|
|
@@ -330,7 +360,7 @@ function DragAndDropInner<T>(
|
|
|
330
360
|
id={activeItem.id}
|
|
331
361
|
index={activeItem.index}
|
|
332
362
|
isOverlay
|
|
333
|
-
itemLabel={activeData.
|
|
363
|
+
itemLabel={activeData.header}
|
|
334
364
|
>
|
|
335
365
|
{renderItem(activeData, activeItem.index)}
|
|
336
366
|
</DragAndDropItem>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MenuElipsisVerticalIcon } from "@navikt/aksel-icons";
|
|
3
|
+
import { ActionMenu } from "../../action-menu";
|
|
3
4
|
import { Button } from "../../button";
|
|
5
|
+
import { HStack } from "../../primitives/stack";
|
|
4
6
|
import { Tag } from "../../tag";
|
|
5
|
-
import type { ColumnDefinitions } from "../table/root/
|
|
7
|
+
import type { ColumnDefinitions } from "../table/root/DataGridTable.types";
|
|
6
8
|
|
|
7
9
|
type SWData = {
|
|
8
10
|
id: number;
|
|
@@ -22,47 +24,48 @@ type SWData = {
|
|
|
22
24
|
const columnDef_TEST_DATA: ColumnDefinitions<SWData> = [
|
|
23
25
|
{
|
|
24
26
|
id: "id",
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
header: "Id",
|
|
28
|
+
bodyCell: (row) => row.id,
|
|
27
29
|
width: { autoResizeOnce: true },
|
|
28
30
|
},
|
|
29
31
|
{
|
|
30
|
-
|
|
32
|
+
header: "Name",
|
|
31
33
|
id: "name",
|
|
32
|
-
|
|
34
|
+
isRowHeader: true,
|
|
35
|
+
bodyCell: (row) =>
|
|
33
36
|
`${row.name} ${row?.nestedRows?.length > 0 ? `(${row?.nestedRows?.length})` : ""}`,
|
|
34
37
|
},
|
|
35
38
|
{
|
|
36
|
-
|
|
39
|
+
header: "National id",
|
|
37
40
|
id: "nationalId",
|
|
38
|
-
|
|
41
|
+
bodyCell: (row) => row.nationalId,
|
|
39
42
|
align: "right",
|
|
40
43
|
width: { autoResizeOnce: true },
|
|
41
44
|
},
|
|
42
45
|
{
|
|
43
|
-
|
|
46
|
+
header: "Day job",
|
|
44
47
|
id: "dayJob",
|
|
45
|
-
|
|
48
|
+
bodyCell: (row) => row.dayJob,
|
|
46
49
|
},
|
|
47
50
|
{
|
|
48
|
-
|
|
51
|
+
header: "Supervisor",
|
|
49
52
|
id: "supervisor",
|
|
50
|
-
|
|
53
|
+
bodyCell: (row) => row.supervisor,
|
|
51
54
|
},
|
|
52
55
|
{
|
|
53
|
-
|
|
56
|
+
header: "Date received",
|
|
54
57
|
id: "dateReceived",
|
|
55
|
-
|
|
58
|
+
bodyCell: (row) => row.dateReceived,
|
|
56
59
|
},
|
|
57
60
|
{
|
|
58
|
-
|
|
61
|
+
header: "Message",
|
|
59
62
|
id: "message",
|
|
60
|
-
|
|
63
|
+
bodyCell: (row) => row.message,
|
|
61
64
|
},
|
|
62
65
|
{
|
|
63
|
-
|
|
66
|
+
header: "Age",
|
|
64
67
|
id: "age",
|
|
65
|
-
|
|
68
|
+
bodyCell: (row) => row.age,
|
|
66
69
|
align: "right",
|
|
67
70
|
width: { autoResizeOnce: true },
|
|
68
71
|
|
|
@@ -77,9 +80,9 @@ const columnDef_TEST_DATA: ColumnDefinitions<SWData> = [
|
|
|
77
80
|
}, */
|
|
78
81
|
},
|
|
79
82
|
{
|
|
80
|
-
|
|
83
|
+
header: "Force sensitive",
|
|
81
84
|
id: "forceSensitive",
|
|
82
|
-
|
|
85
|
+
bodyCell: (row) => (
|
|
83
86
|
<Tag
|
|
84
87
|
size="small"
|
|
85
88
|
variant="moderate"
|
|
@@ -90,41 +93,29 @@ const columnDef_TEST_DATA: ColumnDefinitions<SWData> = [
|
|
|
90
93
|
align: "center",
|
|
91
94
|
},
|
|
92
95
|
{
|
|
93
|
-
|
|
96
|
+
header: "Home system",
|
|
94
97
|
id: "homeSystem",
|
|
95
|
-
|
|
98
|
+
bodyCell: (row) => row.homeSystem,
|
|
96
99
|
},
|
|
97
100
|
{
|
|
98
|
-
|
|
101
|
+
header: "Skills",
|
|
99
102
|
id: "skills",
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<Tag key={skill} size="small" variant="moderate">
|
|
103
|
-
{skill}
|
|
104
|
-
</Tag>
|
|
105
|
-
)),
|
|
106
|
-
/* cell: (row) => (
|
|
107
|
-
<Bleed marginBlock="space-4" marginInline="space-4">
|
|
103
|
+
bodyCell: (row) => (
|
|
104
|
+
<HStack gap="space-8" wrap={false}>
|
|
108
105
|
{row.skills.map((skill) => (
|
|
109
|
-
<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
padding="space-4"
|
|
113
|
-
>
|
|
114
|
-
<Tag size="small" variant="moderate">
|
|
115
|
-
{skill}
|
|
116
|
-
</Tag>
|
|
117
|
-
</Box>
|
|
106
|
+
<Tag key={skill} size="small" variant="moderate">
|
|
107
|
+
{skill}
|
|
108
|
+
</Tag>
|
|
118
109
|
))}
|
|
119
|
-
</
|
|
120
|
-
),
|
|
110
|
+
</HStack>
|
|
111
|
+
),
|
|
121
112
|
},
|
|
122
113
|
{
|
|
123
|
-
|
|
114
|
+
header: "Actions",
|
|
124
115
|
id: "actions",
|
|
125
116
|
width: { autoResizeOnce: true },
|
|
126
|
-
|
|
127
|
-
|
|
117
|
+
bodyCell: (row) => (
|
|
118
|
+
<HStack gap="space-8">
|
|
128
119
|
<Button
|
|
129
120
|
size="xsmall"
|
|
130
121
|
variant="secondary"
|
|
@@ -133,13 +124,24 @@ const columnDef_TEST_DATA: ColumnDefinitions<SWData> = [
|
|
|
133
124
|
>
|
|
134
125
|
Edit
|
|
135
126
|
</Button>
|
|
136
|
-
<
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
127
|
+
<ActionMenu>
|
|
128
|
+
<ActionMenu.Trigger>
|
|
129
|
+
<Button
|
|
130
|
+
size="xsmall"
|
|
131
|
+
variant="secondary"
|
|
132
|
+
data-color="neutral"
|
|
133
|
+
icon={<MenuElipsisVerticalIcon title="Menu" />}
|
|
134
|
+
/>
|
|
135
|
+
</ActionMenu.Trigger>
|
|
136
|
+
<ActionMenu.Content>
|
|
137
|
+
<ActionMenu.Group label="Actions">
|
|
138
|
+
<ActionMenu.Item>Delete</ActionMenu.Item>
|
|
139
|
+
<ActionMenu.Item>Assign</ActionMenu.Item>
|
|
140
|
+
<ActionMenu.Item>Change status</ActionMenu.Item>
|
|
141
|
+
</ActionMenu.Group>
|
|
142
|
+
</ActionMenu.Content>
|
|
143
|
+
</ActionMenu>
|
|
144
|
+
</HStack>
|
|
143
145
|
),
|
|
144
146
|
},
|
|
145
147
|
];
|