@navikt/ds-react 8.5.2 → 8.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/data/drag-and-drop/item/DataDragAndDropItem.d.ts +27 -0
- package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js +91 -0
- package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +5 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js +6 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +24 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js +111 -0
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -0
- package/cjs/data/table/helpers/table-keyboard.d.ts +1 -0
- package/cjs/data/table/helpers/table-keyboard.js +5 -3
- package/cjs/data/table/helpers/table-keyboard.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.context.d.ts +8 -0
- package/cjs/data/table/root/DataTableRoot.context.js +11 -0
- package/cjs/data/table/root/DataTableRoot.context.js.map +1 -0
- package/cjs/data/table/root/DataTableRoot.js +5 -3
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/data/table/th/DataTableTh.d.ts +18 -2
- package/cjs/data/table/th/DataTableTh.js +45 -20
- package/cjs/data/table/th/DataTableTh.js.map +1 -1
- package/cjs/data/table/tr/DataTableTr.js +9 -2
- package/cjs/data/table/tr/DataTableTr.js.map +1 -1
- package/cjs/data/token-filter/AutoSuggest.d.ts +6 -2
- package/cjs/data/token-filter/AutoSuggest.js +46 -14
- package/cjs/data/token-filter/AutoSuggest.js.map +1 -1
- package/cjs/data/token-filter/AutoSuggest.types.d.ts +0 -1
- package/cjs/data/token-filter/TokenFilter.d.ts +10 -5
- package/cjs/data/token-filter/TokenFilter.js +110 -48
- package/cjs/data/token-filter/TokenFilter.js.map +1 -1
- package/cjs/data/token-filter/TokenFilter.types.d.ts +51 -35
- package/cjs/data/token-filter/helpers/generate-autocomplete-options.d.ts +3 -6
- package/cjs/data/token-filter/helpers/generate-autocomplete-options.js +24 -37
- package/cjs/data/token-filter/helpers/generate-autocomplete-options.js.map +1 -1
- package/cjs/data/token-filter/helpers/operators.d.ts +6 -6
- package/cjs/data/token-filter/helpers/operators.js +3 -4
- package/cjs/data/token-filter/helpers/operators.js.map +1 -1
- package/cjs/data/token-filter/helpers/parse-query-text.d.ts +2 -20
- package/cjs/data/token-filter/helpers/parse-query-text.js +1 -1
- package/cjs/data/token-filter/helpers/parse-query-text.js.map +1 -1
- package/cjs/data/token-filter/helpers/query-builder.d.ts +2 -2
- package/cjs/data/token-filter/helpers/query-builder.js.map +1 -1
- package/cjs/date/Date.Dialog.d.ts +5 -1
- package/cjs/date/Date.Dialog.js +6 -2
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +3 -2
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/hooks/useDatepicker.js +5 -2
- package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -1
- package/cjs/date/datepicker/hooks/useRangeDatepicker.js +3 -1
- package/cjs/date/datepicker/hooks/useRangeDatepicker.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.d.ts +2 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +3 -3
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +5 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +2 -2
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +3 -2
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/hooks/useMonthPicker.js +3 -1
- package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.d.ts +4 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +3 -2
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/dropdown/Toggle.js +5 -12
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +1 -1
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.js +2 -2
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/provider/Provider.d.ts +2 -2
- package/cjs/toggle-group/useToggleGroup.js +5 -3
- package/cjs/toggle-group/useToggleGroup.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +1 -3
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/utils/components/HighlightText/HighlightText.d.ts +8 -0
- package/cjs/utils/components/HighlightText/HighlightText.js +27 -0
- package/cjs/utils/components/HighlightText/HighlightText.js.map +1 -0
- package/cjs/utils/components/Listbox/group/ListboxGroup.d.ts +7 -0
- package/cjs/utils/components/Listbox/group/ListboxGroup.js +15 -0
- package/cjs/utils/components/Listbox/group/ListboxGroup.js.map +1 -0
- package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.d.ts +7 -0
- package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js +15 -0
- package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -0
- package/cjs/utils/components/Listbox/item/ListboxItem.d.ts +24 -0
- package/cjs/utils/components/Listbox/item/ListboxItem.js +33 -0
- package/cjs/utils/components/Listbox/item/ListboxItem.js.map +1 -0
- package/cjs/utils/components/Listbox/list/ListboxList.d.ts +8 -0
- package/cjs/utils/components/Listbox/list/ListboxList.js +32 -0
- package/cjs/utils/components/Listbox/list/ListboxList.js.map +1 -0
- package/cjs/utils/components/Listbox/root/ListboxRoot.d.ts +20 -0
- package/cjs/utils/components/Listbox/root/ListboxRoot.js +84 -0
- package/cjs/utils/components/Listbox/root/ListboxRoot.js.map +1 -0
- package/cjs/utils/components/Listbox/root/domHelpers.d.ts +3 -0
- package/cjs/utils/components/Listbox/root/domHelpers.js +53 -0
- package/cjs/utils/components/Listbox/root/domHelpers.js.map +1 -0
- package/cjs/utils/components/focus-boundary/FocusBoundary.js +9 -64
- package/cjs/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
- package/cjs/utils/helpers/focus.d.ts +14 -0
- package/cjs/utils/helpers/focus.js +63 -0
- package/cjs/utils/helpers/focus.js.map +1 -0
- package/cjs/utils/hooks/useDeferredValue.d.ts +1 -0
- package/cjs/utils/hooks/useDeferredValue.js +14 -0
- package/cjs/utils/hooks/useDeferredValue.js.map +1 -0
- package/esm/data/drag-and-drop/item/DataDragAndDropItem.d.ts +27 -0
- package/esm/data/drag-and-drop/item/DataDragAndDropItem.js +55 -0
- package/esm/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -0
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +5 -0
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js +3 -0
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -0
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +24 -0
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js +71 -0
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -0
- package/esm/data/table/helpers/table-keyboard.d.ts +1 -0
- package/esm/data/table/helpers/table-keyboard.js +5 -3
- package/esm/data/table/helpers/table-keyboard.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.context.d.ts +8 -0
- package/esm/data/table/root/DataTableRoot.context.js +7 -0
- package/esm/data/table/root/DataTableRoot.context.js.map +1 -0
- package/esm/data/table/root/DataTableRoot.js +5 -3
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/data/table/th/DataTableTh.d.ts +18 -2
- package/esm/data/table/th/DataTableTh.js +46 -21
- package/esm/data/table/th/DataTableTh.js.map +1 -1
- package/esm/data/table/tr/DataTableTr.js +9 -2
- package/esm/data/table/tr/DataTableTr.js.map +1 -1
- package/esm/data/token-filter/AutoSuggest.d.ts +6 -2
- package/esm/data/token-filter/AutoSuggest.js +45 -16
- package/esm/data/token-filter/AutoSuggest.js.map +1 -1
- package/esm/data/token-filter/AutoSuggest.types.d.ts +0 -1
- package/esm/data/token-filter/TokenFilter.d.ts +10 -5
- package/esm/data/token-filter/TokenFilter.js +110 -48
- package/esm/data/token-filter/TokenFilter.js.map +1 -1
- package/esm/data/token-filter/TokenFilter.types.d.ts +51 -35
- package/esm/data/token-filter/helpers/generate-autocomplete-options.d.ts +3 -6
- package/esm/data/token-filter/helpers/generate-autocomplete-options.js +24 -37
- package/esm/data/token-filter/helpers/generate-autocomplete-options.js.map +1 -1
- package/esm/data/token-filter/helpers/operators.d.ts +6 -6
- package/esm/data/token-filter/helpers/operators.js +3 -4
- package/esm/data/token-filter/helpers/operators.js.map +1 -1
- package/esm/data/token-filter/helpers/parse-query-text.d.ts +2 -20
- package/esm/data/token-filter/helpers/parse-query-text.js +1 -1
- package/esm/data/token-filter/helpers/parse-query-text.js.map +1 -1
- package/esm/data/token-filter/helpers/query-builder.d.ts +2 -2
- package/esm/data/token-filter/helpers/query-builder.js.map +1 -1
- package/esm/date/Date.Dialog.d.ts +5 -1
- package/esm/date/Date.Dialog.js +6 -2
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +3 -2
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/hooks/useDatepicker.js +5 -2
- package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -1
- package/esm/date/datepicker/hooks/useRangeDatepicker.js +3 -1
- package/esm/date/datepicker/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.d.ts +2 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +3 -3
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +5 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.js +2 -2
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +3 -2
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/hooks/useMonthPicker.js +3 -1
- package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.d.ts +4 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +3 -2
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/dropdown/Toggle.js +5 -12
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +1 -1
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.js +3 -3
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/provider/Provider.d.ts +2 -2
- package/esm/toggle-group/useToggleGroup.js +6 -4
- package/esm/toggle-group/useToggleGroup.js.map +1 -1
- package/esm/tooltip/Tooltip.js +1 -3
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/utils/components/HighlightText/HighlightText.d.ts +8 -0
- package/esm/utils/components/HighlightText/HighlightText.js +21 -0
- package/esm/utils/components/HighlightText/HighlightText.js.map +1 -0
- package/esm/utils/components/Listbox/group/ListboxGroup.d.ts +7 -0
- package/esm/utils/components/Listbox/group/ListboxGroup.js +10 -0
- package/esm/utils/components/Listbox/group/ListboxGroup.js.map +1 -0
- package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.d.ts +7 -0
- package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js +9 -0
- package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -0
- package/esm/utils/components/Listbox/item/ListboxItem.d.ts +24 -0
- package/esm/utils/components/Listbox/item/ListboxItem.js +27 -0
- package/esm/utils/components/Listbox/item/ListboxItem.js.map +1 -0
- package/esm/utils/components/Listbox/list/ListboxList.d.ts +8 -0
- package/esm/utils/components/Listbox/list/ListboxList.js +27 -0
- package/esm/utils/components/Listbox/list/ListboxList.js.map +1 -0
- package/esm/utils/components/Listbox/root/ListboxRoot.d.ts +20 -0
- package/esm/utils/components/Listbox/root/ListboxRoot.js +79 -0
- package/esm/utils/components/Listbox/root/ListboxRoot.js.map +1 -0
- package/esm/utils/components/Listbox/root/domHelpers.d.ts +3 -0
- package/esm/utils/components/Listbox/root/domHelpers.js +50 -0
- package/esm/utils/components/Listbox/root/domHelpers.js.map +1 -0
- package/esm/utils/components/focus-boundary/FocusBoundary.js +8 -63
- package/esm/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
- package/esm/utils/helpers/focus.d.ts +14 -0
- package/esm/utils/helpers/focus.js +60 -0
- package/esm/utils/helpers/focus.js.map +1 -0
- package/esm/utils/hooks/useDeferredValue.d.ts +1 -0
- package/esm/utils/hooks/useDeferredValue.js +7 -0
- package/esm/utils/hooks/useDeferredValue.js.map +1 -0
- package/package.json +7 -7
- package/src/data/drag-and-drop/item/DataDragAndDropItem.tsx +101 -0
- package/src/data/drag-and-drop/root/DataDragAndDrop.context.tsx +9 -0
- package/src/data/drag-and-drop/root/DataDragAndDropRoot.tsx +98 -0
- package/src/data/table/helpers/table-keyboard.ts +7 -3
- package/src/data/table/root/DataTableRoot.context.ts +13 -0
- package/src/data/table/root/DataTableRoot.tsx +16 -13
- package/src/data/table/th/DataTableTh.tsx +110 -54
- package/src/data/table/tr/DataTableTr.tsx +13 -2
- package/src/data/token-filter/AutoSuggest.tsx +142 -35
- package/src/data/token-filter/AutoSuggest.types.ts +0 -1
- package/src/data/token-filter/TokenFilter.tsx +179 -81
- package/src/data/token-filter/TokenFilter.types.ts +70 -44
- package/src/data/token-filter/helpers/generate-autocomplete-options.test.ts +97 -157
- package/src/data/token-filter/helpers/generate-autocomplete-options.ts +56 -53
- package/src/data/token-filter/helpers/operators.test.ts +29 -29
- package/src/data/token-filter/helpers/operators.ts +16 -16
- package/src/data/token-filter/helpers/parse-query-text.test.ts +37 -35
- package/src/data/token-filter/helpers/parse-query-text.ts +7 -26
- package/src/data/token-filter/helpers/query-builder.ts +2 -2
- package/src/date/Date.Dialog.tsx +15 -0
- package/src/date/datepicker/DatePicker.tsx +3 -0
- package/src/date/datepicker/hooks/useDatepicker.tsx +7 -2
- package/src/date/datepicker/hooks/useRangeDatepicker.tsx +5 -1
- package/src/date/datepicker/parts/DatePicker.Months.tsx +9 -1
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +7 -1
- package/src/date/monthpicker/MonthPicker.tsx +3 -1
- package/src/date/monthpicker/hooks/useMonthPicker.tsx +5 -1
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +20 -2
- package/src/dropdown/Toggle.tsx +6 -12
- package/src/form/combobox/Input/Input.tsx +2 -2
- package/src/inline-message/root/InlineMessage.tsx +5 -5
- package/src/provider/Provider.tsx +2 -2
- package/src/toggle-group/useToggleGroup.ts +6 -5
- package/src/tooltip/Tooltip.tsx +1 -3
- package/src/utils/components/HighlightText/HighlightText.tsx +34 -0
- package/src/utils/components/Listbox/group/ListboxGroup.tsx +26 -0
- package/src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx +22 -0
- package/src/utils/components/Listbox/item/ListboxItem.tsx +57 -0
- package/src/utils/components/Listbox/list/ListboxList.tsx +38 -0
- package/src/utils/components/Listbox/root/ListboxRoot.tsx +104 -0
- package/src/utils/components/Listbox/root/domHelpers.ts +59 -0
- package/src/utils/components/focus-boundary/FocusBoundary.tsx +8 -78
- package/src/utils/helpers/focus.ts +75 -0
- package/src/utils/hooks/useDeferredValue.ts +12 -0
- package/cjs/data/table/th/DataTableThSortHandle.d.ts +0 -6
- package/cjs/data/table/th/DataTableThSortHandle.js +0 -82
- package/cjs/data/table/th/DataTableThSortHandle.js.map +0 -1
- package/esm/data/table/th/DataTableThSortHandle.d.ts +0 -6
- package/esm/data/table/th/DataTableThSortHandle.js +0 -47
- package/esm/data/table/th/DataTableThSortHandle.js.map +0 -1
- package/src/data/table/th/DataTableThSortHandle.tsx +0 -67
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.findNextItem = findNextItem;
|
|
4
|
+
exports.findPrevItem = findPrevItem;
|
|
5
|
+
function findNextItem(currentItem) {
|
|
6
|
+
var _a;
|
|
7
|
+
const nextElement = currentItem.nextElementSibling;
|
|
8
|
+
if (nextElement) {
|
|
9
|
+
if (nextElement.role === "group") {
|
|
10
|
+
return nextElement.querySelector('[role="option"]');
|
|
11
|
+
}
|
|
12
|
+
if (nextElement.role === "option") {
|
|
13
|
+
return nextElement;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
// No next element: Current element might be inside a group.
|
|
17
|
+
// Check if the parent has a next sibling
|
|
18
|
+
const parentNextElement = (_a = currentItem.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
|
|
19
|
+
if (parentNextElement) {
|
|
20
|
+
if (parentNextElement.role === "group") {
|
|
21
|
+
return parentNextElement.querySelector('[role="option"]');
|
|
22
|
+
}
|
|
23
|
+
if (parentNextElement.role === "option") {
|
|
24
|
+
return parentNextElement;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
function findPrevItem(currentItem) {
|
|
30
|
+
var _a;
|
|
31
|
+
const prevElement = currentItem.previousElementSibling;
|
|
32
|
+
if (prevElement) {
|
|
33
|
+
if (prevElement.role === "group") {
|
|
34
|
+
return prevElement.querySelector('[role="option"]:last-of-type');
|
|
35
|
+
}
|
|
36
|
+
if (prevElement.role === "option") {
|
|
37
|
+
return prevElement;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
// No previous element: Current element might be inside a group.
|
|
41
|
+
// Check if the parent has a previous sibling.
|
|
42
|
+
const parentPrevElement = (_a = currentItem.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling;
|
|
43
|
+
if (parentPrevElement) {
|
|
44
|
+
if (parentPrevElement.role === "group") {
|
|
45
|
+
return parentPrevElement.querySelector('[role="option"]:last-of-type');
|
|
46
|
+
}
|
|
47
|
+
if (parentPrevElement.role === "option") {
|
|
48
|
+
return parentPrevElement;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=domHelpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domHelpers.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/domHelpers.ts"],"names":[],"mappings":";;AA0DS,oCAAY;AAAE,oCAAY;AA1DnC,SAAS,YAAY,CAAC,WAAwB;;IAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,kBAAwC,CAAC;IACzE,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,4DAA4D;IAC5D,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,MAAA,WAAW,CAAC,aAAa,0CAC/C,kBAAwC,CAAC;IAC7C,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CAAC,WAAwB;;IAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,sBAA4C,CAAC;IAC7E,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAC9B,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,gEAAgE;IAChE,8CAA8C;IAC9C,MAAM,iBAAiB,GAAG,MAAA,WAAW,CAAC,aAAa,0CAC/C,sBAA4C,CAAC;IACjD,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CACpC,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -48,6 +48,7 @@ exports.FocusBoundary = void 0;
|
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const utils_external_1 = require("../../../utils-external");
|
|
50
50
|
const helpers_1 = require("../../helpers");
|
|
51
|
+
const focus_1 = require("../../helpers/focus");
|
|
51
52
|
const hooks_1 = require("../../hooks");
|
|
52
53
|
const useValueAsRef_1 = require("../../hooks/useValueAsRef");
|
|
53
54
|
const Slot_1 = require("../slot/Slot");
|
|
@@ -81,7 +82,7 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
81
82
|
lastFocusedElementRef.current = target;
|
|
82
83
|
}
|
|
83
84
|
else {
|
|
84
|
-
|
|
85
|
+
(0, focus_1.focusElement)(lastFocusedElementRef.current, { select: true });
|
|
85
86
|
}
|
|
86
87
|
}
|
|
87
88
|
function handleFocusOut(event) {
|
|
@@ -110,7 +111,7 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
110
111
|
* when they are not supposed to (like when clicking on elements outside the container
|
|
111
112
|
*/
|
|
112
113
|
if (!container.contains(relatedTarget)) {
|
|
113
|
-
|
|
114
|
+
(0, focus_1.focusElement)(lastFocusedElementRef.current, { select: true });
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
117
|
/**
|
|
@@ -123,7 +124,7 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
123
124
|
return;
|
|
124
125
|
}
|
|
125
126
|
if (mutations.some((mutation) => mutation.removedNodes.length > 0)) {
|
|
126
|
-
|
|
127
|
+
(0, focus_1.focusElement)(container);
|
|
127
128
|
}
|
|
128
129
|
};
|
|
129
130
|
document.addEventListener("focusin", handleFocusIn);
|
|
@@ -176,7 +177,7 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
176
177
|
const ownerDoc = (0, helpers_1.ownerDocument)(container);
|
|
177
178
|
const previouslyFocusedElement = ownerDoc.activeElement;
|
|
178
179
|
queueMicrotask(() => {
|
|
179
|
-
const focusableElements =
|
|
180
|
+
const focusableElements = (0, focus_1.getTabbableCandidates)(container);
|
|
180
181
|
const initialFocusValueOrFn = initialFocusRef.current;
|
|
181
182
|
const resolvedInitialFocus = typeof initialFocusValueOrFn === "function"
|
|
182
183
|
? initialFocusValueOrFn()
|
|
@@ -198,7 +199,7 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
198
199
|
if (focusAlreadyInsideFloatingEl) {
|
|
199
200
|
return;
|
|
200
201
|
}
|
|
201
|
-
|
|
202
|
+
(0, focus_1.focusElement)(elToFocus, {
|
|
202
203
|
preventScroll: elToFocus === container,
|
|
203
204
|
sync: false,
|
|
204
205
|
});
|
|
@@ -275,13 +276,13 @@ const FocusBoundary = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
275
276
|
if (!event.shiftKey && focusedElement === last) {
|
|
276
277
|
event.preventDefault();
|
|
277
278
|
if (loop) {
|
|
278
|
-
|
|
279
|
+
(0, focus_1.focusElement)(first, { select: true });
|
|
279
280
|
}
|
|
280
281
|
}
|
|
281
282
|
else if (event.shiftKey && focusedElement === first) {
|
|
282
283
|
event.preventDefault();
|
|
283
284
|
if (loop) {
|
|
284
|
-
|
|
285
|
+
(0, focus_1.focusElement)(last, { select: true });
|
|
285
286
|
}
|
|
286
287
|
}
|
|
287
288
|
}
|
|
@@ -294,42 +295,12 @@ exports.FocusBoundary = FocusBoundary;
|
|
|
294
295
|
* Returns the first and last tabbable elements inside a container as a tuple.
|
|
295
296
|
*/
|
|
296
297
|
function getTabbableEdges(container) {
|
|
297
|
-
const candidates = getTabbableCandidates(container);
|
|
298
|
+
const candidates = (0, focus_1.getTabbableCandidates)(container);
|
|
298
299
|
return [
|
|
299
300
|
findFirstVisible(candidates, container),
|
|
300
301
|
findFirstVisible(candidates.reverse(), container),
|
|
301
302
|
];
|
|
302
303
|
}
|
|
303
|
-
/**
|
|
304
|
-
* Returns a list of potential tabbable candidates.
|
|
305
|
-
* We do not take into account tabindex values.
|
|
306
|
-
*
|
|
307
|
-
* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
|
|
308
|
-
* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
|
|
309
|
-
*/
|
|
310
|
-
function getTabbableCandidates(container) {
|
|
311
|
-
const nodes = [];
|
|
312
|
-
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
313
|
-
acceptNode: (node) => {
|
|
314
|
-
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
315
|
-
if (node.disabled || node.hidden || isHiddenInput) {
|
|
316
|
-
return NodeFilter.FILTER_SKIP;
|
|
317
|
-
}
|
|
318
|
-
/**
|
|
319
|
-
* `.tabIndex` is not the same as the `tabindex` attribute. It works on the
|
|
320
|
-
* runtime's understanding of tabbability, so this automatically accounts
|
|
321
|
-
* for any kind of element that could be tabbed to.
|
|
322
|
-
*/
|
|
323
|
-
return node.tabIndex >= 0
|
|
324
|
-
? NodeFilter.FILTER_ACCEPT
|
|
325
|
-
: NodeFilter.FILTER_SKIP;
|
|
326
|
-
},
|
|
327
|
-
});
|
|
328
|
-
while (walker.nextNode()) {
|
|
329
|
-
nodes.push(walker.currentNode);
|
|
330
|
-
}
|
|
331
|
-
return nodes;
|
|
332
|
-
}
|
|
333
304
|
/**
|
|
334
305
|
* Returns the first visible element in a list.
|
|
335
306
|
* NOTE: Only checks visibility up to the `container`.
|
|
@@ -357,29 +328,6 @@ function isHidden(node, { upTo }) {
|
|
|
357
328
|
}
|
|
358
329
|
return false;
|
|
359
330
|
}
|
|
360
|
-
let rafId = 0;
|
|
361
|
-
function focus(element, { select = false, preventScroll = true, sync = true } = {}) {
|
|
362
|
-
if (!(element === null || element === void 0 ? void 0 : element.focus)) {
|
|
363
|
-
return;
|
|
364
|
-
}
|
|
365
|
-
const previouslyFocusedElement = document.activeElement;
|
|
366
|
-
cancelAnimationFrame(rafId);
|
|
367
|
-
const exec = () => element.focus({ preventScroll });
|
|
368
|
-
if (sync) {
|
|
369
|
-
exec();
|
|
370
|
-
}
|
|
371
|
-
else {
|
|
372
|
-
rafId = requestAnimationFrame(exec);
|
|
373
|
-
}
|
|
374
|
-
if (!select) {
|
|
375
|
-
return;
|
|
376
|
-
}
|
|
377
|
-
/* By default, inputs that gets focus should select its contents */
|
|
378
|
-
if (element !== previouslyFocusedElement &&
|
|
379
|
-
element instanceof HTMLInputElement &&
|
|
380
|
-
"select" in element)
|
|
381
|
-
element.select();
|
|
382
|
-
}
|
|
383
331
|
const focusBoundarysStack = createFocusBoundarysStack();
|
|
384
332
|
function createFocusBoundarysStack() {
|
|
385
333
|
/* A stack of focus-boundaries, with the active one at the top */
|
|
@@ -410,9 +358,6 @@ function arrayRemove(array, item) {
|
|
|
410
358
|
}
|
|
411
359
|
return updatedArray;
|
|
412
360
|
}
|
|
413
|
-
function removeLinks(items) {
|
|
414
|
-
return items.filter((item) => item.tagName !== "A");
|
|
415
|
-
}
|
|
416
361
|
const LIST_LIMIT = 10;
|
|
417
362
|
let previouslyFocusedElements = [];
|
|
418
363
|
const focusedElementsByContainer = new WeakMap();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusBoundary.js","sourceRoot":"","sources":["../../../../src/utils/components/focus-boundary/FocusBoundary.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FocusBoundary.js","sourceRoot":"","sources":["../../../../src/utils/components/focus-boundary/FocusBoundary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns a list of potential tabbable candidates.
|
|
3
|
+
* We do not take into account tabindex values.
|
|
4
|
+
*
|
|
5
|
+
* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
|
|
6
|
+
* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
|
|
7
|
+
*/
|
|
8
|
+
declare function getTabbableCandidates(container: HTMLElement): HTMLElement[];
|
|
9
|
+
declare function focusElement(element?: HTMLElement | null, { select, preventScroll, sync }?: {
|
|
10
|
+
select?: boolean | undefined;
|
|
11
|
+
preventScroll?: boolean | undefined;
|
|
12
|
+
sync?: boolean | undefined;
|
|
13
|
+
}): void;
|
|
14
|
+
export { getTabbableCandidates, focusElement };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getTabbableCandidates = getTabbableCandidates;
|
|
4
|
+
exports.focusElement = focusElement;
|
|
5
|
+
/**
|
|
6
|
+
* Returns a list of potential tabbable candidates.
|
|
7
|
+
* We do not take into account tabindex values.
|
|
8
|
+
*
|
|
9
|
+
* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
|
|
10
|
+
* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
|
|
11
|
+
*/
|
|
12
|
+
function getTabbableCandidates(container) {
|
|
13
|
+
const nodes = [];
|
|
14
|
+
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
15
|
+
acceptNode: (node) => {
|
|
16
|
+
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
17
|
+
if (node.disabled || node.hidden || isHiddenInput) {
|
|
18
|
+
return NodeFilter.FILTER_SKIP;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* `.tabIndex` is not the same as the `tabindex` attribute. It works on the
|
|
22
|
+
* runtime's understanding of tabbability, so this automatically accounts
|
|
23
|
+
* for any kind of element that could be tabbed to.
|
|
24
|
+
*/
|
|
25
|
+
return node.tabIndex >= 0
|
|
26
|
+
? NodeFilter.FILTER_ACCEPT
|
|
27
|
+
: NodeFilter.FILTER_SKIP;
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
while (walker.nextNode()) {
|
|
31
|
+
nodes.push(walker.currentNode);
|
|
32
|
+
}
|
|
33
|
+
return removeLinks(nodes);
|
|
34
|
+
}
|
|
35
|
+
function removeLinks(items) {
|
|
36
|
+
return items.filter((item) => item.tagName !== "A");
|
|
37
|
+
}
|
|
38
|
+
let rafId = 0;
|
|
39
|
+
function focusElement(element, { select = false, preventScroll = true, sync = true } = {}) {
|
|
40
|
+
if (!(element === null || element === void 0 ? void 0 : element.focus)) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const previouslyFocusedElement = document.activeElement;
|
|
44
|
+
cancelAnimationFrame(rafId);
|
|
45
|
+
const exec = () => {
|
|
46
|
+
element.focus({ preventScroll });
|
|
47
|
+
};
|
|
48
|
+
if (sync) {
|
|
49
|
+
exec();
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
rafId = requestAnimationFrame(exec);
|
|
53
|
+
}
|
|
54
|
+
if (!select) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
/* By default, inputs that gets focus should select its contents */
|
|
58
|
+
if (element !== previouslyFocusedElement &&
|
|
59
|
+
element instanceof HTMLInputElement &&
|
|
60
|
+
"select" in element)
|
|
61
|
+
element.select();
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=focus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focus.js","sourceRoot":"","sources":["../../../src/utils/helpers/focus.ts"],"names":[],"mappings":";;AA0ES,sDAAqB;AAAE,oCAAY;AA1E5C;;;;;;GAMG;AACH,SAAS,qBAAqB,CAAC,SAAsB;IACnD,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE;QAC3E,UAAU,EAAE,CAAC,IAAS,EAAE,EAAE;YACxB,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;YACzE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,aAAa,EAAE,CAAC;gBAClD,OAAO,UAAU,CAAC,WAAW,CAAC;YAChC,CAAC;YAED;;;;eAIG;YACH,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC;gBACvB,CAAC,CAAC,UAAU,CAAC,aAAa;gBAC1B,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;QACzB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,WAA0B,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB;IACvC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;AAED,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,SAAS,YAAY,CACnB,OAA4B,EAC5B,EAAE,MAAM,GAAG,KAAK,EAAE,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE;IAE1D,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACpB,OAAO;IACT,CAAC;IAED,MAAM,wBAAwB,GAAG,QAAQ,CAAC,aAAa,CAAC;IAExD,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;IACT,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO;IACT,CAAC;IAED,mEAAmE;IACnE,IACE,OAAO,KAAK,wBAAwB;QACpC,OAAO,YAAY,gBAAgB;QACnC,QAAQ,IAAI,OAAO;QAEnB,OAAO,CAAC,MAAM,EAAE,CAAC;AACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useDeferredValue: (value: string) => string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useDeferredValue = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const maybeReactUseDeferredValue = react_1.default["useDeferredValue" + "" // Workaround for https://github.com/webpack/webpack/issues/14814
|
|
9
|
+
];
|
|
10
|
+
const useDeferredValue = (value) => maybeReactUseDeferredValue !== undefined
|
|
11
|
+
? maybeReactUseDeferredValue(value)
|
|
12
|
+
: value;
|
|
13
|
+
exports.useDeferredValue = useDeferredValue;
|
|
14
|
+
//# sourceMappingURL=useDeferredValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDeferredValue.js","sourceRoot":"","sources":["../../../src/utils/hooks/useDeferredValue.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,MAAM,0BAA0B,GAC9B,eACD,CACC,kBAAkB,GAAG,EAAE,CAAC,iEAAiE;CAC1F,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE,CACxD,0BAA0B,KAAK,SAAS;IACtC,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,KAAK,CAAC;AAHC,QAAA,gBAAgB,oBAGjB"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface DataDragAndDropItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
/**
|
|
5
|
+
* Unique id
|
|
6
|
+
*/
|
|
7
|
+
id: string;
|
|
8
|
+
/**
|
|
9
|
+
* Index of the item being dragged
|
|
10
|
+
*/
|
|
11
|
+
index: number;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* TODO
|
|
15
|
+
*
|
|
16
|
+
* @see 🏷️ {@link DataDragAndDropItemProps}
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
|
|
20
|
+
* TODO
|
|
21
|
+
* </DragAndDrop.Item>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
declare const DataDragAndDropItem: React.ForwardRefExoticComponent<DataDragAndDropItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export default DataDragAndDropItem;
|
|
26
|
+
export { DataDragAndDropItem };
|
|
27
|
+
export type { DataDragAndDropItemProps };
|
|
@@ -0,0 +1,55 @@
|
|
|
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 { useSortable } from "@dnd-kit/react/sortable";
|
|
13
|
+
import React, { useRef } from "react";
|
|
14
|
+
import { CaretDownCircleFillIcon, CaretUpCircleFillIcon, DragVerticalIcon, } from "@navikt/aksel-icons";
|
|
15
|
+
import { HStack } from "../../../primitives/stack/index.js";
|
|
16
|
+
import { cl } from "../../../utils/helpers/index.js";
|
|
17
|
+
import { useMergeRefs } from "../../../utils/hooks/index.js";
|
|
18
|
+
import { DataDragAndDropContext } from "../root/DataDragAndDrop.context.js";
|
|
19
|
+
/**
|
|
20
|
+
* TODO
|
|
21
|
+
*
|
|
22
|
+
* @see 🏷️ {@link DataDragAndDropItemProps}
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
|
|
26
|
+
* TODO
|
|
27
|
+
* </DragAndDrop.Item>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
const DataDragAndDropItem = React.forwardRef((_a, forwardedRef) => {
|
|
31
|
+
var { children, id, index, className } = _a, rest = __rest(_a, ["children", "id", "index", "className"]);
|
|
32
|
+
const handleRef = useRef(null);
|
|
33
|
+
const { ref, isDragging, isDropTarget } = useSortable({
|
|
34
|
+
id,
|
|
35
|
+
index,
|
|
36
|
+
handle: handleRef,
|
|
37
|
+
});
|
|
38
|
+
const mergedRef = useMergeRefs(ref, forwardedRef);
|
|
39
|
+
const context = React.useContext(DataDragAndDropContext);
|
|
40
|
+
const mouseDragging = isDragging && (context === null || context === void 0 ? void 0 : context.inputMethod) === "mouse";
|
|
41
|
+
const mouseDropTarget = isDropTarget && (context === null || context === void 0 ? void 0 : context.inputMethod) === "mouse";
|
|
42
|
+
const keyboardDragging = isDragging && (context === null || context === void 0 ? void 0 : context.inputMethod) === "keyboard";
|
|
43
|
+
return (React.createElement(HStack, { gap: "space-8", align: "center", wrap: false, asChild: true },
|
|
44
|
+
React.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: cl("aksel-data-table__drag-and-drop-item", className), "data-dragging": isDragging, "data-mouse-dragging": mouseDragging, "data-keyboard-dragging": keyboardDragging, "data-drop-target": mouseDropTarget, tabIndex: -1 }),
|
|
45
|
+
React.createElement("div", { className: "aksel-data-table__drag-and-drop-item-drag-handler", ref: handleRef },
|
|
46
|
+
keyboardDragging && (React.createElement("span", { className: "aksel-data-table__drag-and-drop-item-keyboard-drag-icon", "data-direction": "up" },
|
|
47
|
+
React.createElement(CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" }))),
|
|
48
|
+
React.createElement(DragVerticalIcon, { "aria-hidden": true, title: "Dra for \u00E5 flytte", fontSize: "1.5rem" }),
|
|
49
|
+
keyboardDragging && (React.createElement("span", { className: "aksel-data-table__drag-and-drop-item-keyboard-drag-icon", "data-direction": "down" },
|
|
50
|
+
React.createElement(CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" })))),
|
|
51
|
+
React.createElement("div", null, children))));
|
|
52
|
+
});
|
|
53
|
+
export default DataDragAndDropItem;
|
|
54
|
+
export { DataDragAndDropItem };
|
|
55
|
+
//# sourceMappingURL=DataDragAndDropItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataDragAndDropItem.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/item/DataDragAndDropItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAczE;;;;;;;;;;GAUG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAzC,wCAA2C,CAAF;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;QACpD,EAAE;QACF,KAAK;QACL,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACrE,MAAM,eAAe,GAAG,YAAY,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACzE,MAAM,gBAAgB,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,UAAU,CAAC;IAE3E,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO;QAEvD,2CACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,mBACjD,UAAU,yBACJ,aAAa,4BACV,gBAAgB,sBACtB,eAAe,EACjC,QAAQ,EAAE,CAAC,CAAC;YAEZ,6BACE,SAAS,EAAC,mDAAmD,EAC7D,GAAG,EAAE,SAAS;gBAIb,gBAAgB,IAAI,CACnB,8BACE,SAAS,EAAC,yDAAyD,oBACpD,IAAI;oBAEnB,oBAAC,qBAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAClD,CACR;gBACD,oBAAC,gBAAgB,yBAEf,KAAK,EAAC,uBAAkB,EACxB,QAAQ,EAAC,QAAQ,GACjB;gBACD,gBAAgB,IAAI,CACnB,8BACE,SAAS,EAAC,yDAAyD,oBACpD,MAAM;oBAErB,oBAAC,uBAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACpD,CACR,CACG;YACN,iCAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataDragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DataDragAndDrop.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAEjD,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import DataDragAndDropItem, { DataDragAndDropItemProps } from "../item/DataDragAndDropItem.js";
|
|
3
|
+
interface DataDragAndDropProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
4
|
+
children: any[];
|
|
5
|
+
setItems: React.Dispatch<React.SetStateAction<any[]>>;
|
|
6
|
+
}
|
|
7
|
+
interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DataDragAndDropProps & React.RefAttributes<HTMLTableElement>> {
|
|
8
|
+
/**
|
|
9
|
+
* @see 🏷️ {@link DataDragAndDropItemProps}
|
|
10
|
+
* * @example
|
|
11
|
+
* ```jsx
|
|
12
|
+
* <DragAndDrop>
|
|
13
|
+
* <DragAndDrop.Item id="1" index={0}>
|
|
14
|
+
* ...
|
|
15
|
+
* </DragAndDrop.Item>
|
|
16
|
+
* </DragAndDrop>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
Item: typeof DataDragAndDropItem;
|
|
20
|
+
}
|
|
21
|
+
declare const DataDragAndDrop: DataDragAndDropRootComponent;
|
|
22
|
+
export { DataDragAndDrop, DataDragAndDropItem };
|
|
23
|
+
export default DataDragAndDrop;
|
|
24
|
+
export type { DataDragAndDropItemProps, DataDragAndDropProps };
|
|
@@ -0,0 +1,71 @@
|
|
|
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 { DragDropProvider, DragOverlay } from "@dnd-kit/react";
|
|
13
|
+
import { isSortable } from "@dnd-kit/react/sortable";
|
|
14
|
+
import React, { forwardRef, isValidElement } from "react";
|
|
15
|
+
import { VStack } from "../../../primitives/stack/index.js";
|
|
16
|
+
import DataDragAndDropItem from "../item/DataDragAndDropItem.js";
|
|
17
|
+
import { DataDragAndDropContext } from "./DataDragAndDrop.context.js";
|
|
18
|
+
const DataDragAndDrop = forwardRef((_a, forwardedRef) => {
|
|
19
|
+
var { setItems, children } = _a, rest = __rest(_a, ["setItems", "children"]);
|
|
20
|
+
const [inputMethod, setInputMethod] = React.useState(null);
|
|
21
|
+
const setItemOrder = (initalIndex, targetIndex) => {
|
|
22
|
+
setItems((items) => {
|
|
23
|
+
const newItems = [...items];
|
|
24
|
+
const [movedItem] = newItems.splice(initalIndex, 1);
|
|
25
|
+
newItems.splice(targetIndex, 0, movedItem);
|
|
26
|
+
return newItems;
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
return (React.createElement(DataDragAndDropContext.Provider, { value: { inputMethod } },
|
|
30
|
+
React.createElement(DragDropProvider
|
|
31
|
+
// TODO Look into overriding default keybinds, might eliminate context need
|
|
32
|
+
, {
|
|
33
|
+
// TODO Look into overriding default keybinds, might eliminate context need
|
|
34
|
+
onBeforeDragStart: (event) => {
|
|
35
|
+
var _a;
|
|
36
|
+
return setInputMethod(((_a = event.operation.activatorEvent) === null || _a === void 0 ? void 0 : _a.type) === "pointerdown"
|
|
37
|
+
? "mouse"
|
|
38
|
+
: "keyboard");
|
|
39
|
+
}, onDragOver: (event) => {
|
|
40
|
+
var _a;
|
|
41
|
+
if (((_a = event.operation.activatorEvent) === null || _a === void 0 ? void 0 : _a.type) === "pointerdown") {
|
|
42
|
+
// Prevents items to rearrange while dragging with mouse, but allows keyboard dragging to work as intended
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
}
|
|
45
|
+
}, onDragEnd: (event) => {
|
|
46
|
+
var _a;
|
|
47
|
+
if (((_a = event.operation.activatorEvent) === null || _a === void 0 ? void 0 : _a.type) === "pointerdown") {
|
|
48
|
+
const { source, target } = event.operation;
|
|
49
|
+
if (!isSortable(source) || !isSortable(target))
|
|
50
|
+
return;
|
|
51
|
+
setItemOrder(source.initialIndex, target.index);
|
|
52
|
+
}
|
|
53
|
+
} },
|
|
54
|
+
React.createElement(VStack, { asChild: true, gap: "space-12" },
|
|
55
|
+
React.createElement("div", Object.assign({}, rest, { ref: forwardedRef }), children)),
|
|
56
|
+
React.createElement(DragOverlay, null, (source) => {
|
|
57
|
+
// Overlay not needed and causes glitching when using keyboard
|
|
58
|
+
if (inputMethod === "keyboard")
|
|
59
|
+
return null;
|
|
60
|
+
if (!isSortable(source))
|
|
61
|
+
return null;
|
|
62
|
+
if (isValidElement(children[source.initialIndex])) {
|
|
63
|
+
return children[source.initialIndex];
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
66
|
+
}))));
|
|
67
|
+
});
|
|
68
|
+
DataDragAndDrop.Item = DataDragAndDropItem;
|
|
69
|
+
export { DataDragAndDrop, DataDragAndDropItem };
|
|
70
|
+
export default DataDragAndDrop;
|
|
71
|
+
//# sourceMappingURL=DataDragAndDropRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataDragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DataDragAndDropRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,6 +30,7 @@ declare function getNavigationAction(event: KeyboardEvent): NavigationAction | n
|
|
|
30
30
|
* - Select arrow down/up for opening popup
|
|
31
31
|
* - User is navigating inside multiline textarea
|
|
32
32
|
* - contenteditable attrb is in use
|
|
33
|
+
* - element has attribute data-block-keyboard-nav="true"
|
|
33
34
|
*/
|
|
34
35
|
declare function shouldBlockNavigation(event: KeyboardEvent): boolean;
|
|
35
36
|
export { getNavigationAction, shouldBlockNavigation };
|
|
@@ -37,6 +37,7 @@ function getNavigationAction(event) {
|
|
|
37
37
|
* - Select arrow down/up for opening popup
|
|
38
38
|
* - User is navigating inside multiline textarea
|
|
39
39
|
* - contenteditable attrb is in use
|
|
40
|
+
* - element has attribute data-block-keyboard-nav="true"
|
|
40
41
|
*/
|
|
41
42
|
function shouldBlockNavigation(event) {
|
|
42
43
|
const key = event.key;
|
|
@@ -50,8 +51,8 @@ function shouldBlockNavigation(event) {
|
|
|
50
51
|
if (el.isContentEditable) {
|
|
51
52
|
return true;
|
|
52
53
|
}
|
|
53
|
-
/* If not any of these elements,
|
|
54
|
-
const editable = el.closest('input, textarea, select, [contenteditable="true"]');
|
|
54
|
+
/* If not any of these elements, assume "safe" to navigate */
|
|
55
|
+
const editable = el.closest('input, textarea, select, [contenteditable="true"], [data-block-keyboard-nav="true"]');
|
|
55
56
|
if (!editable) {
|
|
56
57
|
return false;
|
|
57
58
|
}
|
|
@@ -67,7 +68,8 @@ function shouldBlockNavigation(event) {
|
|
|
67
68
|
}
|
|
68
69
|
return false;
|
|
69
70
|
}
|
|
70
|
-
return editable.hasAttribute("contenteditable")
|
|
71
|
+
return (editable.hasAttribute("contenteditable") ||
|
|
72
|
+
editable.hasAttribute("data-block-keyboard-nav"));
|
|
71
73
|
}
|
|
72
74
|
function shouldBlockInputArrow(input, key) {
|
|
73
75
|
if (input.type === "checkbox" || input.type === "radio") {
|