@navikt/ds-react 8.10.4 → 8.10.6
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/data-grid/index.d.ts +2 -0
- package/cjs/data/data-grid/index.js +7 -0
- package/cjs/data/data-grid/index.js.map +1 -0
- package/cjs/data/data-grid/root/DataGridRoot.context.d.ts +11 -0
- package/cjs/data/data-grid/root/DataGridRoot.context.js +11 -0
- package/cjs/data/data-grid/root/DataGridRoot.context.js.map +1 -0
- package/cjs/data/data-grid/root/DataGridRoot.d.ts +38 -0
- package/cjs/data/data-grid/root/DataGridRoot.js +68 -0
- package/cjs/data/data-grid/root/DataGridRoot.js.map +1 -0
- package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +11 -13
- package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
- package/cjs/data/drag-and-drop/root/DragAndDrop.context.d.ts +4 -2
- package/cjs/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -1
- package/cjs/data/drag-and-drop/root/DragAndDropRoot.js +44 -46
- package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
- package/cjs/data/drag-and-drop/types.d.ts +0 -4
- package/cjs/data/stories/Data.test-data.d.ts +2 -5
- package/cjs/data/stories/Data.test-data.js +30 -39
- package/cjs/data/stories/Data.test-data.js.map +1 -1
- package/cjs/data/table/base-cell/DataTableBaseCell.d.ts +15 -15
- package/cjs/data/table/base-cell/DataTableBaseCell.js +4 -8
- package/cjs/data/table/base-cell/DataTableBaseCell.js.map +1 -1
- package/cjs/data/table/column-header/DataTableColumnHeader.d.ts +24 -6
- package/cjs/data/table/column-header/DataTableColumnHeader.js +22 -27
- package/cjs/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/cjs/data/table/column-header/useTableColumnResize.d.ts +19 -29
- package/cjs/data/table/column-header/useTableColumnResize.js +24 -22
- package/cjs/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/cjs/data/table/details-panel-row/DataTableDetailsPanelRow.d.ts +1 -1
- package/cjs/data/table/details-panel-row/DataTableDetailsPanelRow.js +2 -2
- package/cjs/data/table/details-panel-row/DataTableDetailsPanelRow.js.map +1 -1
- package/cjs/data/table/helpers/collectTableRowEntries.d.ts +9 -7
- package/cjs/data/table/helpers/collectTableRowEntries.js +18 -10
- package/cjs/data/table/helpers/collectTableRowEntries.js.map +1 -1
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +13 -11
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +43 -53
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts +9 -8
- package/cjs/data/table/helpers/selection/getSingleSelectProps.js +23 -10
- package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
- package/cjs/data/table/helpers/selection/selection.types.d.ts +19 -19
- package/cjs/data/table/helpers/selection/selection.utils.d.ts +21 -0
- package/cjs/data/table/helpers/selection/selection.utils.js +46 -0
- package/cjs/data/table/helpers/selection/selection.utils.js.map +1 -0
- package/cjs/data/table/helpers/table-focus.d.ts +0 -3
- package/cjs/data/table/helpers/table-focus.js +38 -8
- package/cjs/data/table/helpers/table-focus.js.map +1 -1
- package/cjs/data/table/hooks/useColumnOptions.d.ts +16 -5
- package/cjs/data/table/hooks/useColumnOptions.js +26 -8
- package/cjs/data/table/hooks/useColumnOptions.js.map +1 -1
- package/cjs/data/table/hooks/useGridCache.js +2 -2
- package/cjs/data/table/hooks/useGridCache.js.map +1 -1
- package/cjs/data/table/hooks/useTableDetailsPanel.d.ts +10 -13
- package/cjs/data/table/hooks/useTableDetailsPanel.js +7 -6
- package/cjs/data/table/hooks/useTableDetailsPanel.js.map +1 -1
- package/cjs/data/table/hooks/useTableItems.d.ts +31 -17
- package/cjs/data/table/hooks/useTableItems.js +10 -20
- package/cjs/data/table/hooks/useTableItems.js.map +1 -1
- package/cjs/data/table/hooks/useTableKeyboardNav.d.ts +1 -6
- package/cjs/data/table/hooks/useTableKeyboardNav.js +6 -5
- package/cjs/data/table/hooks/useTableKeyboardNav.js.map +1 -1
- package/cjs/data/table/hooks/useTableSelection.d.ts +6 -6
- package/cjs/data/table/hooks/useTableSelection.js +13 -13
- package/cjs/data/table/hooks/useTableSelection.js.map +1 -1
- package/cjs/data/table/hooks/useTableSort.d.ts +2 -2
- package/cjs/data/table/hooks/useTableSort.js +4 -5
- package/cjs/data/table/hooks/useTableSort.js.map +1 -1
- package/cjs/data/table/root/DataTable.types.d.ts +22 -13
- package/cjs/data/table/root/DataTableRoot.context.d.ts +13 -7
- package/cjs/data/table/root/DataTableRoot.context.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.d.ts +49 -72
- package/cjs/data/table/root/DataTableRoot.js +56 -72
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.legacy.d.ts +2 -7
- package/cjs/data/table/root/DataTableRoot.legacy.js +17 -3
- package/cjs/data/table/root/DataTableRoot.legacy.js.map +1 -1
- package/cjs/data/table/sub-row-toggle/DataTableSubRowToggle.js +4 -4
- package/cjs/data/table/sub-row-toggle/DataTableSubRowToggle.js.map +1 -1
- package/cjs/data/table/tbody/DataTableTbody.js +4 -2
- package/cjs/data/table/tbody/DataTableTbody.js.map +1 -1
- package/cjs/data/table/tr/DataTableTr.d.ts +5 -3
- package/cjs/data/table/tr/DataTableTr.js +36 -23
- package/cjs/data/table/tr/DataTableTr.js.map +1 -1
- package/cjs/table/ColumnHeader.js +2 -1
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/esm/data/data-grid/index.d.ts +2 -0
- package/esm/data/data-grid/index.js +3 -0
- package/esm/data/data-grid/index.js.map +1 -0
- package/esm/data/data-grid/root/DataGridRoot.context.d.ts +11 -0
- package/esm/data/data-grid/root/DataGridRoot.context.js +7 -0
- package/esm/data/data-grid/root/DataGridRoot.context.js.map +1 -0
- package/esm/data/data-grid/root/DataGridRoot.d.ts +38 -0
- package/esm/data/data-grid/root/DataGridRoot.js +32 -0
- package/esm/data/data-grid/root/DataGridRoot.js.map +1 -0
- package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +11 -13
- package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
- package/esm/data/drag-and-drop/root/DragAndDrop.context.d.ts +4 -2
- package/esm/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -1
- package/esm/data/drag-and-drop/root/DragAndDropRoot.js +44 -46
- package/esm/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
- package/esm/data/drag-and-drop/types.d.ts +0 -4
- package/esm/data/stories/Data.test-data.d.ts +2 -5
- package/esm/data/stories/Data.test-data.js +30 -39
- package/esm/data/stories/Data.test-data.js.map +1 -1
- package/esm/data/table/base-cell/DataTableBaseCell.d.ts +15 -15
- package/esm/data/table/base-cell/DataTableBaseCell.js +4 -8
- package/esm/data/table/base-cell/DataTableBaseCell.js.map +1 -1
- package/esm/data/table/column-header/DataTableColumnHeader.d.ts +24 -6
- package/esm/data/table/column-header/DataTableColumnHeader.js +23 -28
- package/esm/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/esm/data/table/column-header/useTableColumnResize.d.ts +19 -29
- package/esm/data/table/column-header/useTableColumnResize.js +24 -22
- package/esm/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/esm/data/table/details-panel-row/DataTableDetailsPanelRow.d.ts +1 -1
- package/esm/data/table/details-panel-row/DataTableDetailsPanelRow.js +2 -2
- package/esm/data/table/details-panel-row/DataTableDetailsPanelRow.js.map +1 -1
- package/esm/data/table/helpers/collectTableRowEntries.d.ts +9 -7
- package/esm/data/table/helpers/collectTableRowEntries.js +18 -10
- package/esm/data/table/helpers/collectTableRowEntries.js.map +1 -1
- package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +13 -11
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js +43 -53
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/esm/data/table/helpers/selection/getSingleSelectProps.d.ts +9 -8
- package/esm/data/table/helpers/selection/getSingleSelectProps.js +23 -10
- package/esm/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
- package/esm/data/table/helpers/selection/selection.types.d.ts +19 -19
- package/esm/data/table/helpers/selection/selection.utils.d.ts +21 -0
- package/esm/data/table/helpers/selection/selection.utils.js +43 -0
- package/esm/data/table/helpers/selection/selection.utils.js.map +1 -0
- package/esm/data/table/helpers/table-focus.d.ts +0 -3
- package/esm/data/table/helpers/table-focus.js +38 -8
- package/esm/data/table/helpers/table-focus.js.map +1 -1
- package/esm/data/table/hooks/useColumnOptions.d.ts +16 -5
- package/esm/data/table/hooks/useColumnOptions.js +26 -8
- package/esm/data/table/hooks/useColumnOptions.js.map +1 -1
- package/esm/data/table/hooks/useGridCache.js +2 -2
- package/esm/data/table/hooks/useGridCache.js.map +1 -1
- package/esm/data/table/hooks/useTableDetailsPanel.d.ts +10 -13
- package/esm/data/table/hooks/useTableDetailsPanel.js +7 -6
- package/esm/data/table/hooks/useTableDetailsPanel.js.map +1 -1
- package/esm/data/table/hooks/useTableItems.d.ts +31 -17
- package/esm/data/table/hooks/useTableItems.js +11 -18
- package/esm/data/table/hooks/useTableItems.js.map +1 -1
- package/esm/data/table/hooks/useTableKeyboardNav.d.ts +1 -6
- package/esm/data/table/hooks/useTableKeyboardNav.js +7 -6
- package/esm/data/table/hooks/useTableKeyboardNav.js.map +1 -1
- package/esm/data/table/hooks/useTableSelection.d.ts +6 -6
- package/esm/data/table/hooks/useTableSelection.js +13 -13
- package/esm/data/table/hooks/useTableSelection.js.map +1 -1
- package/esm/data/table/hooks/useTableSort.d.ts +2 -2
- package/esm/data/table/hooks/useTableSort.js +4 -5
- package/esm/data/table/hooks/useTableSort.js.map +1 -1
- package/esm/data/table/root/DataTable.types.d.ts +22 -13
- package/esm/data/table/root/DataTableRoot.context.d.ts +13 -7
- package/esm/data/table/root/DataTableRoot.context.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.d.ts +49 -72
- package/esm/data/table/root/DataTableRoot.js +58 -74
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.legacy.d.ts +2 -7
- package/esm/data/table/root/DataTableRoot.legacy.js +17 -3
- package/esm/data/table/root/DataTableRoot.legacy.js.map +1 -1
- package/esm/data/table/sub-row-toggle/DataTableSubRowToggle.js +4 -4
- package/esm/data/table/sub-row-toggle/DataTableSubRowToggle.js.map +1 -1
- package/esm/data/table/tbody/DataTableTbody.js +4 -2
- package/esm/data/table/tbody/DataTableTbody.js.map +1 -1
- package/esm/data/table/tr/DataTableTr.d.ts +5 -3
- package/esm/data/table/tr/DataTableTr.js +35 -23
- package/esm/data/table/tr/DataTableTr.js.map +1 -1
- package/esm/table/ColumnHeader.js +2 -1
- package/esm/table/ColumnHeader.js.map +1 -1
- package/package.json +8 -7
- package/src/data/data-grid/index.ts +3 -0
- package/src/data/data-grid/root/DataGridRoot.context.ts +16 -0
- package/src/data/data-grid/root/DataGridRoot.tsx +71 -0
- package/src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx +11 -17
- package/src/data/drag-and-drop/root/DragAndDrop.context.tsx +4 -2
- package/src/data/drag-and-drop/root/DragAndDropRoot.tsx +63 -52
- package/src/data/drag-and-drop/types.ts +0 -5
- package/src/data/stories/Data.test-data.tsx +52 -44
- package/src/data/table/agent-component-review.md +175 -0
- package/src/data/table/base-cell/DataTableBaseCell.tsx +31 -21
- package/src/data/table/column-header/DataTableColumnHeader.tsx +63 -58
- package/src/data/table/column-header/useTableColumnResize.ts +55 -71
- package/src/data/table/details-panel-row/DataTableDetailsPanelRow.tsx +7 -3
- package/src/data/table/helpers/collectTableRowEntries.ts +32 -19
- package/src/data/table/helpers/selection/getMultipleSelectProps.ts +65 -85
- package/src/data/table/helpers/selection/getSingleSelectProps.ts +35 -17
- package/src/data/table/helpers/selection/selection.types.ts +19 -19
- package/src/data/table/helpers/selection/selection.utils.test.ts +161 -0
- package/src/data/table/helpers/selection/selection.utils.ts +73 -0
- package/src/data/table/helpers/table-focus.ts +63 -9
- package/src/data/table/hooks/__tests__/useTableItems.test.ts +48 -8
- package/src/data/table/hooks/useColumnOptions.ts +48 -14
- package/src/data/table/hooks/useGridCache.ts +3 -2
- package/src/data/table/hooks/useTableDetailsPanel.tsx +25 -25
- package/src/data/table/hooks/useTableItems.ts +51 -42
- package/src/data/table/hooks/useTableKeyboardNav.ts +7 -15
- package/src/data/table/hooks/useTableSelection.ts +26 -31
- package/src/data/table/hooks/useTableSort.ts +10 -9
- package/src/data/table/root/DataTable.types.ts +30 -25
- package/src/data/table/root/DataTableRoot.context.ts +19 -7
- package/src/data/table/root/DataTableRoot.legacy.tsx +22 -14
- package/src/data/table/root/DataTableRoot.tsx +271 -320
- package/src/data/table/sub-row-toggle/DataTableSubRowToggle.tsx +5 -4
- package/src/data/table/tbody/DataTableTbody.tsx +6 -2
- package/src/data/table/tr/DataTableTr.tsx +98 -35
- package/src/table/ColumnHeader.tsx +2 -1
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +0 -22
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +0 -35
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +0 -1
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +0 -27
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js +0 -86
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +0 -1
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +0 -5
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js +0 -6
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +0 -1
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +0 -24
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js +0 -108
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +0 -1
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.d.ts +0 -46
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.js +0 -112
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.js.map +0 -1
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +0 -22
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +0 -29
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +0 -1
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +0 -27
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js +0 -50
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +0 -1
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +0 -5
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js +0 -3
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +0 -1
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +0 -24
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js +0 -68
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +0 -1
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.d.ts +0 -46
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.js +0 -109
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.js.map +0 -1
- package/src/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.tsx +0 -104
- package/src/data/drag-and-drop-old/item/DataDragAndDropItem.tsx +0 -74
- package/src/data/drag-and-drop-old/root/DataDragAndDrop.context.tsx +0 -11
- package/src/data/drag-and-drop-old/root/DataDragAndDropRoot.tsx +0 -96
- package/src/data/table/helpers/selection/SelectionSubtreeHelper.test.ts +0 -66
- package/src/data/table/helpers/selection/SelectionSubtreeHelper.ts +0 -162
- package/src/data/table/hooks/__tests__/useTableSelection.test.ts +0 -488
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableTr.js","sourceRoot":"","sources":["../../../../src/data/table/tr/DataTableTr.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAK6B;AAC7B,4CAAyC;AACzC,uFAAoF;AACpF,2EAAwE;AACxE,gDAA6C;AAC7C,oDAA4C;AAC5C,4DAAgD;AAChD,oDAAkE;AAClE,sEAAmE;AACnE,kFAA+E;AAC/E,wEAGuC;
|
|
1
|
+
{"version":3,"file":"DataTableTr.js","sourceRoot":"","sources":["../../../../src/data/table/tr/DataTableTr.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,6 +50,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
50
50
|
exports.ColumnHeader = void 0;
|
|
51
51
|
const react_1 = __importStar(require("react"));
|
|
52
52
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
53
|
+
const consoleWarning_1 = require("../utils/helpers/consoleWarning");
|
|
53
54
|
const HeaderCell_1 = __importDefault(require("./HeaderCell"));
|
|
54
55
|
const context_1 = require("./context");
|
|
55
56
|
exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -57,7 +58,7 @@ exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
57
58
|
var { children, sortable = false, sortKey } = _a, rest = __rest(_a, ["children", "sortable", "sortKey"]);
|
|
58
59
|
const context = (0, react_1.useContext)(context_1.TableContext);
|
|
59
60
|
if (sortable && !sortKey) {
|
|
60
|
-
|
|
61
|
+
(0, consoleWarning_1.consoleWarning)("ColumnHeader with `sortable=true` must have a sortKey.");
|
|
61
62
|
}
|
|
62
63
|
return (react_1.default.createElement(HeaderCell_1.default, Object.assign({ scope: "col", ref: ref, "aria-sort": sortable
|
|
63
64
|
? ((_b = context === null || context === void 0 ? void 0 : context.sort) === null || _b === void 0 ? void 0 : _b.orderBy) === sortKey
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAI6B;AAC7B,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,
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/data-grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ColumnDefinitions } from "../../table/root/DataTable.types.js";
|
|
2
|
+
type DataGridContextValue<RowDef = unknown> = {
|
|
3
|
+
data: RowDef[];
|
|
4
|
+
columnDefinitions: ColumnDefinitions<RowDef>;
|
|
5
|
+
getRowId?: (rowData: RowDef) => string;
|
|
6
|
+
};
|
|
7
|
+
declare const DataGridContextProvider: import("react").FC<DataGridContextValue<unknown> & {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
ref?: never;
|
|
10
|
+
}>, useDataGridContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? DataGridContextValue<unknown> : DataGridContextValue<unknown> | undefined;
|
|
11
|
+
export { DataGridContextProvider, useDataGridContext };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { createStrictContext } from "../../../utils/helpers/index.js";
|
|
2
|
+
const { Provider: DataGridContextProvider, useContext: useDataGridContext } = createStrictContext({
|
|
3
|
+
name: "DataGridContext",
|
|
4
|
+
errorMessage: "DataGrid hooks must be used within a <DataGrid />",
|
|
5
|
+
});
|
|
6
|
+
export { DataGridContextProvider, useDataGridContext };
|
|
7
|
+
//# sourceMappingURL=DataGridRoot.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGridRoot.context.js","sourceRoot":"","sources":["../../../../src/data/data-grid/root/DataGridRoot.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAS7D,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,GACzE,mBAAmB,CAAuB;IACxC,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,mDAAmD;CAClE,CAAC,CAAC;AAEL,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import type { ColumnDefinitions } from "../../table/root/DataTable.types.js";
|
|
3
|
+
type RowTId = string;
|
|
4
|
+
export interface DataGridProps<RowT> extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/**
|
|
7
|
+
* Definitions of the columns to display in the data grid.
|
|
8
|
+
*
|
|
9
|
+
* Each column definition should have a unique `id` and a `cell`-renderer function that takes the row data as argument and returns a React node.
|
|
10
|
+
*/
|
|
11
|
+
columnDefinitions: ColumnDefinitions<RowT>;
|
|
12
|
+
/**
|
|
13
|
+
* The data to display.
|
|
14
|
+
*
|
|
15
|
+
* Each object in the array represents a row, and the properties of the object are used to render the cells based on the `columnDefinitions`.
|
|
16
|
+
*/
|
|
17
|
+
data: RowT[];
|
|
18
|
+
/**
|
|
19
|
+
* Function to get unique row id from row data.
|
|
20
|
+
*
|
|
21
|
+
* If not provided, the row index will be used as id. This can cause issues if your data changes dynamically, so it's recommended to provide a stable id if possible.
|
|
22
|
+
*/
|
|
23
|
+
getRowId?: (rowData: RowT) => RowTId;
|
|
24
|
+
}
|
|
25
|
+
type DataGridRootComponent = <RowT>(props: DataGridProps<RowT> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
26
|
+
/**
|
|
27
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/data-grid)
|
|
28
|
+
* @see 🏷️ {@link DataGridProps}
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```jsx
|
|
32
|
+
* <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
|
|
33
|
+
* <DataTable />
|
|
34
|
+
* </DataGrid>
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare const DataGridRoot: DataGridRootComponent;
|
|
38
|
+
export default DataGridRoot;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
|
+
import { cl } from "../../../utils/helpers/index.js";
|
|
14
|
+
import { DataGridContextProvider } from "./DataGridRoot.context.js";
|
|
15
|
+
/**
|
|
16
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/data-grid)
|
|
17
|
+
* @see 🏷️ {@link DataGridProps}
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```jsx
|
|
21
|
+
* <DataGrid columnDefinitions={columnDefs} data={rowData} getRowId={(row) => row.id}>
|
|
22
|
+
* <DataTable />
|
|
23
|
+
* </DataGrid>
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export const DataGridRoot = forwardRef((_a, ref) => {
|
|
27
|
+
var { children, className, columnDefinitions, data, getRowId } = _a, rest = __rest(_a, ["children", "className", "columnDefinitions", "data", "getRowId"]);
|
|
28
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-data-grid", className) }),
|
|
29
|
+
React.createElement(DataGridContextProvider, { columnDefinitions: columnDefinitions, data: data, getRowId: getRowId }, children)));
|
|
30
|
+
});
|
|
31
|
+
export default DataGridRoot;
|
|
32
|
+
//# sourceMappingURL=DataGridRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGridRoot.js","sourceRoot":"","sources":["../../../../src/data/data-grid/root/DataGridRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AA8BjE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAOyB,EACzB,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,QAAQ,OAEe,EADpB,IAAI,cANT,kEAOC,CADQ;IAIT,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC;QAClE,oBAAC,uBAAuB,IACtB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACe,CACtB,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,eAAe,YAAY,CAAC"}
|
|
@@ -19,54 +19,52 @@ export const DragAndDropDragHandler = React.forwardRef(({ item, itemRef, isOverl
|
|
|
19
19
|
React.createElement(DragVerticalIcon, { fontSize: "1.5rem" })));
|
|
20
20
|
}
|
|
21
21
|
return (React.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler", ref: forwardedRef },
|
|
22
|
-
active && (React.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1), onMouseDown: (e) => e.preventDefault(), disabled: ((_b = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _b === void 0 ? void 0 : _b.index) === 0, type: "button" },
|
|
22
|
+
active && (React.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1, itemLabel), onMouseDown: (e) => e.preventDefault(), disabled: ((_b = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _b === void 0 ? void 0 : _b.index) === 0, type: "button" },
|
|
23
23
|
React.createElement(CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.8rem" }))),
|
|
24
|
-
React.createElement("button", { "aria-label": active
|
|
25
|
-
? `Flytt element ${itemLabel || item.index + 1}. Bruk piltastene for å flytte elementet.`
|
|
26
|
-
: `Flytt element ${itemLabel || item.index + 1}. Trykk Enter eller Mellomrom for å aktivere flytting.`, "aria-pressed": Boolean(active), "aria-roledescription": "draggable", type: "button", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
|
|
24
|
+
React.createElement("button", { "aria-label": `${itemLabel}. Plass ${item.index + 1}.`, "aria-pressed": Boolean(active), "aria-roledescription": "draggable", type: "button", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
|
|
27
25
|
if (active)
|
|
28
26
|
return;
|
|
29
27
|
event.stopPropagation();
|
|
30
28
|
context === null || context === void 0 ? void 0 : context.startPendingDrag(event, item, (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) || null);
|
|
31
29
|
}, onClick: (event) => {
|
|
32
30
|
if (!active) {
|
|
33
|
-
context === null || context === void 0 ? void 0 : context.
|
|
31
|
+
context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(item);
|
|
34
32
|
event.currentTarget.focus();
|
|
35
33
|
}
|
|
36
34
|
else {
|
|
37
|
-
context === null || context === void 0 ? void 0 : context.
|
|
35
|
+
context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(null);
|
|
38
36
|
}
|
|
39
|
-
}, onBlur: () => context === null || context === void 0 ? void 0 : context.
|
|
37
|
+
}, onBlur: () => context === null || context === void 0 ? void 0 : context.cancelDrag(), onKeyDown: (event) => {
|
|
40
38
|
if (event.key === "Enter" || event.key === " ") {
|
|
41
39
|
// Enter or space, currently active item - end keyboard dragging
|
|
42
40
|
event.preventDefault();
|
|
43
|
-
context === null || context === void 0 ? void 0 : context.
|
|
41
|
+
context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(active ? null : item);
|
|
44
42
|
return;
|
|
45
43
|
}
|
|
46
44
|
if (!active)
|
|
47
45
|
return;
|
|
48
46
|
if (event.key === "Escape") {
|
|
49
47
|
// Cancel dragging
|
|
50
|
-
// TODO Handle reset
|
|
51
48
|
event.preventDefault();
|
|
52
|
-
context === null || context === void 0 ? void 0 : context.
|
|
49
|
+
context === null || context === void 0 ? void 0 : context.setAnnouncer(`Flytting av ${itemLabel} avbrutt.`);
|
|
50
|
+
context === null || context === void 0 ? void 0 : context.cancelDrag(true);
|
|
53
51
|
return;
|
|
54
52
|
}
|
|
55
53
|
else if (event.key === "ArrowUp") {
|
|
56
54
|
// Move item up
|
|
57
55
|
event.preventDefault();
|
|
58
|
-
context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1);
|
|
56
|
+
context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1, itemLabel);
|
|
59
57
|
return;
|
|
60
58
|
}
|
|
61
59
|
else if (event.key === "ArrowDown") {
|
|
62
60
|
// Move item down
|
|
63
61
|
event.preventDefault();
|
|
64
|
-
context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1);
|
|
62
|
+
context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1, itemLabel);
|
|
65
63
|
return;
|
|
66
64
|
}
|
|
67
65
|
} },
|
|
68
66
|
React.createElement(DragVerticalIcon, { "aria-hidden": true, fontSize: "1.5rem" })),
|
|
69
|
-
active && (React.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down", type: "button", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1), onMouseDown: (e) => e.preventDefault(), disabled: ((_c = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _c === void 0 ? void 0 : _c.index) === (context === null || context === void 0 ? void 0 : context.itemAmount) - 1 },
|
|
67
|
+
active && (React.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down", type: "button", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1, itemLabel), onMouseDown: (e) => e.preventDefault(), disabled: ((_c = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _c === void 0 ? void 0 : _c.index) === (context === null || context === void 0 ? void 0 : context.itemAmount) - 1 },
|
|
70
68
|
React.createElement(CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.8rem" })))));
|
|
71
69
|
});
|
|
72
70
|
//# sourceMappingURL=DragAndDropDragHandler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAUpE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAGpD,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE;;IAC1D,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,MAAM,GACV,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB;QAC1B,IAAI;QACJ,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,0CAAE,EAAE,MAAK,IAAI,CAAC,EAAE,CAAC;IAE7C,IAAI,SAAS,EAAE,CAAC;QACd,gHAAgH;QAChH,OAAO,CACL,6BACE,SAAS,EAAC,wCAAwC,EAClD,GAAG,EAAE,YAAY;YAGjB,oBAAC,gBAAgB,IAAC,QAAQ,EAAC,QAAQ,GAAG,CAClC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC,EAAC,GAAG,EAAE,YAAY;QACtE,MAAM,IAAI,CACT,gCACE,SAAS,EAAC,+CAA+C,oBAC1C,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,12 @@ interface DragAndDropContextType {
|
|
|
5
5
|
dropTarget: DragAndDropElement | null;
|
|
6
6
|
setDropTarget: (id: DragAndDropElement | null) => void;
|
|
7
7
|
dragHandlerActive: DragAndDropElement | null;
|
|
8
|
-
|
|
9
|
-
onKeyboardDragEnd: (diff: number) => void;
|
|
8
|
+
onKeyboardDragStart: (active: DragAndDropElement | null) => void;
|
|
9
|
+
onKeyboardDragEnd: (diff: number, label: string) => void;
|
|
10
10
|
startPendingDrag: (event: React.PointerEvent, item: DragAndDropElement, element?: HTMLElement | null) => void;
|
|
11
11
|
itemAmount: number;
|
|
12
|
+
cancelDrag: (resetOrder?: boolean) => void;
|
|
13
|
+
setAnnouncer: (message: string) => void;
|
|
12
14
|
}
|
|
13
15
|
export declare const DragAndDropProvider: import("react").FC<DragAndDropContextType & {
|
|
14
16
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAqB7D,MAAM,CAAC,MAAM,EACX,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,qBAAqB,GAClC,GAAG,mBAAmB,CAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC"}
|
|
@@ -4,39 +4,22 @@ import { Floating } from "../../../utils/components/floating/Floating.js";
|
|
|
4
4
|
import DragAndDropItem from "../item/DragAndDropItem.js";
|
|
5
5
|
import { DragAndDropProvider } from "./DragAndDrop.context.js";
|
|
6
6
|
/**
|
|
7
|
-
* TODO
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* [
|
|
11
|
-
* [
|
|
12
|
-
* [x] Keyboard navigation
|
|
13
|
-
* [ ] UU - announce on drag start, item moved, drag end
|
|
14
|
-
* [x] Make overlay same width as the OG item, currently jumps to content width
|
|
15
|
-
* [x] Look into adding a cancel listener event
|
|
16
|
-
* [x] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
|
|
17
|
-
* [x] Talk to design about what should happen on ESC key press, currently just cancels dragging, should it also reset position?
|
|
18
|
-
* [x] Make arrow icons into buttons that react to keyboard events, currently just decorative
|
|
19
|
-
* [x] Keep handler focus after clicking arrows for dragging
|
|
20
|
-
* [x] Look into data-based API vs component-based API
|
|
21
|
-
* [ ] Should we have hidden instructions for screen readers on how to use the drag and drop, and should we announce the position of the item while dragging?
|
|
22
|
-
* [x] Discuss if this component should be generic for drag and drop, or if it should be specifically for tables - just for table for now
|
|
23
|
-
* [x] Discuss items type
|
|
24
|
-
* [ ] Discuss how to implement label best
|
|
25
|
-
* [ ] Quick nav (< > samtidig) - få piltastene til å fungere
|
|
26
|
-
* [x] Implement new type for items - ColumnDefinitions<T>
|
|
27
|
-
* [ ] Remove announcer div and use a live region component instead
|
|
28
|
-
* [ ] Make ESC reset position, not just cancel dragging
|
|
29
|
-
* [ ] Make instructions for keyboard users (visible?)
|
|
30
|
-
* [ ] Ask design about visible keyboard instructions
|
|
7
|
+
* TODO:
|
|
8
|
+
*
|
|
9
|
+
* Backlog:
|
|
10
|
+
* [ ] Quick nav (< > samtidig) - få piltastene til å fungere - ignore?
|
|
11
|
+
* [ ] Look at instructions text
|
|
31
12
|
*
|
|
32
13
|
*/
|
|
33
14
|
const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
|
|
15
|
+
const SR_INSTRUCTIONS_ID = "drag-and-drop-instructions-id";
|
|
34
16
|
function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
35
17
|
const [activeItem, setActiveItem] = useState(null);
|
|
36
18
|
const [dropTarget, setDropTarget] = useState(null);
|
|
37
19
|
const [dragHandlerActive, setDragHandlerActive] = useState(null);
|
|
38
20
|
const [overlayWidth, setOverlayWidth] = useState(null);
|
|
39
|
-
const [
|
|
21
|
+
const [announcer, setAnnouncer] = useState("");
|
|
22
|
+
const initialItemsRef = useRef(null);
|
|
40
23
|
const activeData = items.find((item) => item.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
|
|
41
24
|
const activeItemRef = useRef(null);
|
|
42
25
|
const dropTargetRef = useRef(null);
|
|
@@ -44,6 +27,18 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
|
44
27
|
getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
|
|
45
28
|
});
|
|
46
29
|
const pendingDragStartRef = useRef(null);
|
|
30
|
+
const saveInitialItems = useCallback(() => {
|
|
31
|
+
initialItemsRef.current = items;
|
|
32
|
+
}, [items]);
|
|
33
|
+
const keyboardDragStart = (item) => {
|
|
34
|
+
if (item) {
|
|
35
|
+
saveInitialItems();
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
initialItemsRef.current = null;
|
|
39
|
+
}
|
|
40
|
+
setDragHandlerActive(item);
|
|
41
|
+
};
|
|
47
42
|
const startPendingDrag = (event, item, element) => {
|
|
48
43
|
pendingDragStartRef.current = {
|
|
49
44
|
item,
|
|
@@ -69,6 +64,17 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
|
69
64
|
return newItems;
|
|
70
65
|
});
|
|
71
66
|
}, [setItems]);
|
|
67
|
+
const cancelDrag = useCallback((resetOrder = false) => {
|
|
68
|
+
if (resetOrder && initialItemsRef.current) {
|
|
69
|
+
setItems(initialItemsRef.current);
|
|
70
|
+
}
|
|
71
|
+
setOverlayWidth(null);
|
|
72
|
+
setDragHandlerActive(null);
|
|
73
|
+
setCombinedActiveItem(null);
|
|
74
|
+
setCombinedDropTarget(null);
|
|
75
|
+
pendingDragStartRef.current = null;
|
|
76
|
+
initialItemsRef.current = null;
|
|
77
|
+
}, [setItems, setCombinedActiveItem, setCombinedDropTarget]);
|
|
72
78
|
useEffect(() => {
|
|
73
79
|
/* This useEffect is used to toggle a class on the html element when dragging,
|
|
74
80
|
to prevent cursor issues when dragging over interactive elements,
|
|
@@ -100,6 +106,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
|
100
106
|
element.setPointerCapture(pendingStart.pointerId);
|
|
101
107
|
}
|
|
102
108
|
setOverlayWidth((_a = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width) !== null && _a !== void 0 ? _a : null);
|
|
109
|
+
saveInitialItems();
|
|
103
110
|
setCombinedActiveItem(pendingStart.item);
|
|
104
111
|
setCombinedDropTarget(pendingStart.item);
|
|
105
112
|
pendingDragStartRef.current = null;
|
|
@@ -145,21 +152,10 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
|
145
152
|
const target = dropTargetRef.current;
|
|
146
153
|
if (active && target && active.id !== target.id) {
|
|
147
154
|
reorderItems(active.index, target.index);
|
|
148
|
-
setAnnouncement(`Element flyttet til posisjon ${(target === null || target === void 0 ? void 0 : target.index) + 1} av ${items.length}`); // TODO - Bedre formulering?
|
|
149
155
|
}
|
|
150
|
-
|
|
151
|
-
setDragHandlerActive(null);
|
|
152
|
-
setCombinedActiveItem(null);
|
|
153
|
-
setCombinedDropTarget(null);
|
|
154
|
-
pendingDragStartRef.current = null;
|
|
155
|
-
};
|
|
156
|
-
const handlePointerCancel = () => {
|
|
157
|
-
setOverlayWidth(null);
|
|
158
|
-
setDragHandlerActive(null);
|
|
159
|
-
setCombinedActiveItem(null);
|
|
160
|
-
setCombinedDropTarget(null);
|
|
161
|
-
pendingDragStartRef.current = null;
|
|
156
|
+
cancelDrag();
|
|
162
157
|
};
|
|
158
|
+
const handlePointerCancel = () => cancelDrag(true);
|
|
163
159
|
window.addEventListener("pointermove", handlePointerMove);
|
|
164
160
|
window.addEventListener("pointerup", handlePointerUp);
|
|
165
161
|
window.addEventListener("pointercancel", handlePointerCancel);
|
|
@@ -172,33 +168,35 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
|
|
|
172
168
|
setCombinedDropTarget,
|
|
173
169
|
setCombinedActiveItem,
|
|
174
170
|
reorderItems,
|
|
175
|
-
|
|
171
|
+
saveInitialItems,
|
|
172
|
+
cancelDrag,
|
|
176
173
|
]);
|
|
177
|
-
const onKeyboardDragEnd = (diff) => {
|
|
174
|
+
const onKeyboardDragEnd = (diff, label) => {
|
|
178
175
|
if (!dragHandlerActive)
|
|
179
176
|
return;
|
|
180
177
|
const targetIndex = dragHandlerActive.index + diff;
|
|
181
178
|
if (targetIndex < 0 || targetIndex >= items.length) {
|
|
182
179
|
return;
|
|
183
180
|
}
|
|
181
|
+
setAnnouncer(`${label}. Plass ${targetIndex + 1} av ${items.length}.`);
|
|
184
182
|
reorderItems(dragHandlerActive.index, targetIndex);
|
|
185
183
|
setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
|
|
186
|
-
setAnnouncement(`Element flyttet til posisjon ${targetIndex + 1} av ${items.length}`); // TODO - Bedre formulering?
|
|
187
184
|
};
|
|
188
|
-
return (React.createElement(DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive,
|
|
189
|
-
React.createElement("
|
|
185
|
+
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) => {
|
|
190
189
|
return (React.createElement(DragAndDropItem, { key: item.id, id: item.id, index: index, itemLabel: item.label }, renderItem(item, index)));
|
|
191
190
|
})),
|
|
192
191
|
activeItem && activeData && (React.createElement(Floating, null,
|
|
193
192
|
React.createElement(Floating.Anchor, { virtualRef: virtualRef },
|
|
194
193
|
React.createElement("span", null)),
|
|
195
|
-
React.createElement(Floating.Content, { align: "start", updatePositionStrategy: "always", style: {
|
|
194
|
+
React.createElement(Floating.Content, { align: "start", updatePositionStrategy: "always", "aria-hidden": true, style: {
|
|
196
195
|
pointerEvents: "none",
|
|
197
196
|
boxSizing: "border-box",
|
|
198
197
|
width: overlayWidth ? `${overlayWidth}px` : "fit-content",
|
|
199
198
|
} },
|
|
200
|
-
React.createElement(DragAndDropItem, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.label }, renderItem(activeData, activeItem.index)))))
|
|
201
|
-
React.createElement("div", { "aria-live": "assertive", className: "sr-only", "aria-atomic": "true" }, announcement)));
|
|
199
|
+
React.createElement(DragAndDropItem, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.label }, renderItem(activeData, activeItem.index)))))));
|
|
202
200
|
}
|
|
203
201
|
const DragAndDrop = forwardRef(DragAndDropInner);
|
|
204
202
|
export { DragAndDrop, DragAndDropItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"AAAA,mHAAmH;AACnH,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAKvE,OAAO,eAAyC,MAAM,yBAAyB,CAAC;AAEhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D
|
|
1
|
+
{"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,12 +13,9 @@ type SWData = {
|
|
|
13
13
|
skills: string[];
|
|
14
14
|
nestedRows: Omit<NestedSWData, "nestedRows">[];
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
visible: boolean;
|
|
18
|
-
};
|
|
19
|
-
declare const columnDef_TEST_DATA: ColumnDefinitions<SWData, Details>;
|
|
16
|
+
declare const columnDef_TEST_DATA: ColumnDefinitions<SWData>;
|
|
20
17
|
declare const TEST_DATA: SWData[];
|
|
21
18
|
type NestedSWData = Omit<SWData, "message" | "supervisor" | "dateReceived" | "id">;
|
|
22
19
|
declare const TEST_DATA_NESTED: NestedSWData[];
|
|
23
|
-
declare const columnDef_TEST_DATA_NESTED: import("../table/root/DataTable.types.js").ColumnDefinition<SWData
|
|
20
|
+
declare const columnDef_TEST_DATA_NESTED: import("../table/root/DataTable.types.js").ColumnDefinition<SWData>[];
|
|
24
21
|
export { columnDef_TEST_DATA, TEST_DATA, TEST_DATA_NESTED, columnDef_TEST_DATA_NESTED, };
|