@navikt/ds-react 8.6.0 → 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 -11
- package/cjs/data/token-filter/AutoSuggest.js.map +1 -1
- package/cjs/data/token-filter/TokenFilter.d.ts +5 -5
- package/cjs/data/token-filter/TokenFilter.js +105 -42
- package/cjs/data/token-filter/TokenFilter.js.map +1 -1
- package/cjs/data/token-filter/TokenFilter.types.d.ts +51 -33
- package/cjs/data/token-filter/helpers/generate-autocomplete-options.d.ts +2 -3
- package/cjs/data/token-filter/helpers/generate-autocomplete-options.js +11 -15
- 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/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 -13
- package/esm/data/token-filter/AutoSuggest.js.map +1 -1
- package/esm/data/token-filter/TokenFilter.d.ts +5 -5
- package/esm/data/token-filter/TokenFilter.js +105 -42
- package/esm/data/token-filter/TokenFilter.js.map +1 -1
- package/esm/data/token-filter/TokenFilter.types.d.ts +51 -33
- package/esm/data/token-filter/helpers/generate-autocomplete-options.d.ts +2 -3
- package/esm/data/token-filter/helpers/generate-autocomplete-options.js +11 -15
- 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/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 -29
- package/src/data/token-filter/TokenFilter.tsx +174 -79
- package/src/data/token-filter/TokenFilter.types.ts +70 -42
- package/src/data/token-filter/helpers/generate-autocomplete-options.test.ts +97 -97
- package/src/data/token-filter/helpers/generate-autocomplete-options.ts +31 -38
- 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/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
package/cjs/dropdown/Toggle.js
CHANGED
|
@@ -47,28 +47,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.DropdownToggle = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const helpers_1 = require("../utils/helpers");
|
|
50
|
+
const hooks_1 = require("../utils/hooks");
|
|
50
51
|
const context_1 = require("./context");
|
|
51
52
|
exports.DropdownToggle = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
53
|
var { className, onClick } = _a, rest = __rest(_a, ["className", "onClick"]);
|
|
53
54
|
const context = (0, react_1.useContext)(context_1.DropdownContext);
|
|
55
|
+
const mergedRef = (0, hooks_1.useMergeRefs)(context === null || context === void 0 ? void 0 : context.setAnchorEl, ref);
|
|
54
56
|
if (!context) {
|
|
55
57
|
console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
|
|
56
58
|
return null;
|
|
57
59
|
}
|
|
58
|
-
const {
|
|
59
|
-
const handleClick = (
|
|
60
|
-
setAnchorEl(e.currentTarget);
|
|
60
|
+
const { handleToggle, isOpen } = context;
|
|
61
|
+
const handleClick = () => {
|
|
61
62
|
handleToggle(!isOpen);
|
|
62
63
|
};
|
|
63
|
-
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: (
|
|
64
|
-
setAnchorEl(el);
|
|
65
|
-
if (typeof ref === "function") {
|
|
66
|
-
ref(el);
|
|
67
|
-
}
|
|
68
|
-
else if (ref != null) {
|
|
69
|
-
ref.current = el;
|
|
70
|
-
}
|
|
71
|
-
}, onClick: (0, helpers_1.composeEventHandlers)(onClick, handleClick), "aria-expanded": isOpen, className: (0, helpers_1.cl)("aksel-dropdown__toggle", className) })));
|
|
64
|
+
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, helpers_1.composeEventHandlers)(onClick, handleClick), "aria-expanded": isOpen, className: (0, helpers_1.cl)("aksel-dropdown__toggle", className) })));
|
|
72
65
|
});
|
|
73
66
|
exports.default = exports.DropdownToggle;
|
|
74
67
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/dropdown/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,8CAA4D;AAC5D,uCAA4C;AAS/B,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/dropdown/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,8CAA4D;AAC5D,0CAA8C;AAC9C,uCAA4C;AAS/B,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,GAAG,CAAC,CAAC;IAE1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEzC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,8BAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,mBACpC,MAAM,EACrB,SAAS,EAAE,IAAA,YAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}
|
|
@@ -235,7 +235,7 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
235
235
|
readOnly,
|
|
236
236
|
]);
|
|
237
237
|
const onChangeHandler = (0, react_1.useCallback)((event) => {
|
|
238
|
-
const newValue = event.
|
|
238
|
+
const newValue = event.currentTarget.value;
|
|
239
239
|
if (newValue && newValue !== "") {
|
|
240
240
|
toggleIsListOpen(true);
|
|
241
241
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,4DAA+C;AAC/C,oDAAkE;AAClE,gDAAoD;AACpD,qGAA2E;AAC3E,sFAAsF;AACtF,sFAAsF;AAEtF,mDAAkD;AAoBlD,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,cAAc,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,OAAW,EAAN,IAAI,cAAzE,wEAA2E,CAAF;IAGzE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClD,MAAM,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,6BAA6B,EAC7B,kBAAkB,EAClB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAA0B,EAAE,EAAE;;QAC7B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAClC,eAAe,CAAC,IAAI,CAClB,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAChE,CAAC;QAEJ,IAAI,aAAa,EAAE,CAAC;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,wDAAwD;YACxD,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;aAAM,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,+EAA+E;YAC/E,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAClE,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,MAAM,mBAAmB,GACvB,+BAAmB,CAAC,yBAAyB,CAC3C,KAAK,EACL,eAAe,CAChB,CAAC;YAEJ;;;eAGG;YACH,MAAM,wBAAwB,GAC5B,+BAAmB,CAAC,aAAa,CAAC,KAAK,CAAC;gBACxC,+BAAmB,CAAC,aAAa,CAAC,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC;YAEtE,IAAI,cAA0C,CAAC;YAE/C,IACE,kBAAkB;gBAClB,mBAAmB;gBACnB,wBAAwB,EACxB,CAAC;gBACD,cAAc,GAAG,mBAAmB,CAAC;YACvC,CAAC;iBAAM,IAAI,cAAc,IAAI,UAAU,EAAE,CAAC;gBACxC,cAAc,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;YAC3C,CAAC;YAED,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YACD,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACpC,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC,EACD;QACE,cAAc;QACd,UAAU;QACV,aAAa;QACb,eAAe;QACf,aAAa;QACb,UAAU;QACV,eAAe;QACf,kBAAkB;QAClB,gBAAgB;QAChB,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAwC,EAAE,EAAE;QAC/D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,CAAC,CAAC,CAAC,CAAC;gBACX,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAwC,EAAE,EAAE;QAC3C,6BAA6B,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC1B,IAAI,KAAK,KAAK,EAAE,IAAI,yBAAyB,EAAE,CAAC;gBAC9C,MAAM,kBAAkB,GACtB,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC9C,IAAI,kBAAkB,EAAE,CAAC;oBACvB,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;gBAC3C,CAAC;YACH,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnD,IAAI,iBAAiB,IAAI,KAAK,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC;gBACxB,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,mEAAmE;gBACvF,UAAU,CAAC,CAAC,CAAC,CAAC;gBACd,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACvD;;;eAGG;YACH,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACjC,4DAA4D;YAC5D,sDAAsD;YACtD,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,0DAA0D;YACvG,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,aAAa,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC;YACD,qEAAqE;YACrE,yEAAyE;YACzE,IAAI,UAAU,IAAI,iBAAiB,EAAE,CAAC;gBACpC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC;oBACnC,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC;gBACD,YAAY,CAAC,WAAW,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,0DAA0D;YAC3G,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,iBAAiB,EAAE,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0DAA0D;YAClH,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC,EACD;QACE,KAAK;QACL,eAAe;QACf,oBAAoB;QACpB,UAAU;QACV,iBAAiB;QACjB,6BAA6B;QAC7B,UAAU;QACV,gBAAgB;QAChB,QAAQ;QACR,YAAY;QACZ,QAAQ;QACR,UAAU;QACV,yBAAyB;QACzB,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CAAC,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -78,9 +78,9 @@ exports.InlineMessage = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
78
78
|
const translate = (0, i18n_hooks_1.useI18n)("global");
|
|
79
79
|
const statusId = (0, utils_external_1.useId)();
|
|
80
80
|
const contentId = (0, utils_external_1.useId)();
|
|
81
|
-
return (react_1.default.createElement(typography_1.
|
|
81
|
+
return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: forwardedRef, className: (0, helpers_1.cl)("aksel-inline-message", className), "data-color": status === "error" ? "danger" : status }, restProps, { size: size, as: Component, "data-size": size }),
|
|
82
82
|
react_1.default.createElement(InlineMessageIcon_1.InlineMessageIcon, { status: status }),
|
|
83
|
-
status && (react_1.default.createElement(typography_1.
|
|
83
|
+
status && (react_1.default.createElement(typography_1.BodyLong, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
|
|
84
84
|
react_1.default.createElement("span", { "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color, id: contentId, "aria-labelledby": (0, helpers_1.cl)(statusId, contentId) }, children)));
|
|
85
85
|
});
|
|
86
86
|
exports.default = exports.InlineMessage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAqD;AACrD,iDAA4C;AAC5C,yDAAwE;AACxE,iDAAyC;AACzC,4DAAsD;AACtD,iEAA8D;AAkB9D;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,aAAa,GAGtB,IAAA,kBAAU,EACZ,CACE,EAOkD,EAClD,YAAY,EACZ,EAAE;QATF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,OAEiC,EAD7C,SAAS,cANd,iDAOC,CADa;IAId,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAA,sBAAK,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE1B,OAAO,CACL,8BAAC,qBAAQ,kBACP,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,gBACpC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAC9C,SAAS,IACb,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,SAAS,eACF,IAAI;QAEf,8BAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,MAAM,IAAI,CACT,8BAAC,qBAAQ,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAC/C,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAChB,CACZ;QAED,sDACc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAC/B,EAAE,EAAE,SAAS,qBACI,IAAA,YAAE,EAAC,QAAQ,EAAE,SAAS,CAAC,IAEvC,QAAQ,CACJ,CACE,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { PartialTranslations, Translations } from "../utils/i18n/i18n.types";
|
|
3
3
|
type ProviderContextType = {
|
|
4
|
-
rootElement?: HTMLElement;
|
|
4
|
+
rootElement?: HTMLElement | null;
|
|
5
5
|
locale: Translations;
|
|
6
6
|
translations?: PartialTranslations | PartialTranslations[];
|
|
7
7
|
};
|
|
@@ -11,7 +11,7 @@ export type ProviderProps = {
|
|
|
11
11
|
/**
|
|
12
12
|
* Global root-element to attach portals to. Used by Tooltip, Modal (optionally) and ActionMenu.
|
|
13
13
|
*/
|
|
14
|
-
rootElement?: HTMLElement;
|
|
14
|
+
rootElement?: HTMLElement | null;
|
|
15
15
|
} & ({
|
|
16
16
|
/**
|
|
17
17
|
* Aksel locale
|
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -132,9 +132,7 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
132
132
|
}, role: "tooltip", id: ariaId, className: (0, helpers_1.cl)("aksel-tooltip", "aksel-detail aksel-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
|
|
133
133
|
content,
|
|
134
134
|
react_2.default.createElement(TooltipShortcuts, { shortcuts: keys }),
|
|
135
|
-
_arrow && (react_2.default.createElement("div", { ref:
|
|
136
|
-
arrowRef.current = node;
|
|
137
|
-
}, className: "aksel-tooltip__arrow", style: {
|
|
135
|
+
_arrow && (react_2.default.createElement("div", { ref: arrowRef, className: "aksel-tooltip__arrow", style: {
|
|
138
136
|
left: arrowX != null ? `${arrowX}px` : "",
|
|
139
137
|
top: arrowY != null ? `${arrowY}px` : "",
|
|
140
138
|
right: "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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.HighlightText = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const HighlightText = ({ text, children }) => {
|
|
9
|
+
const textIndex = children
|
|
10
|
+
.toLocaleLowerCase()
|
|
11
|
+
.indexOf(text.toLocaleLowerCase());
|
|
12
|
+
if (textIndex === -1) {
|
|
13
|
+
return children;
|
|
14
|
+
}
|
|
15
|
+
const start = children.substring(0, textIndex);
|
|
16
|
+
const match = children.substring(textIndex, textIndex + text.length);
|
|
17
|
+
const end = children.substring(textIndex + text.length);
|
|
18
|
+
return (
|
|
19
|
+
// aria-label is used to fix testing-library wrongly evaluating the accessible name of the option when highlighting text
|
|
20
|
+
// biome-ignore lint/a11y/useAriaPropsSupportedByRole: Doesn't matter if it doesn't work in the browser
|
|
21
|
+
react_1.default.createElement("span", { "aria-label": children },
|
|
22
|
+
start,
|
|
23
|
+
match && react_1.default.createElement("mark", null, match),
|
|
24
|
+
end));
|
|
25
|
+
};
|
|
26
|
+
exports.HighlightText = HighlightText;
|
|
27
|
+
//# sourceMappingURL=HighlightText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HighlightText.js","sourceRoot":"","sources":["../../../../src/utils/components/HighlightText/HighlightText.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAY1B,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAG,QAAQ;SACvB,iBAAiB,EAAE;SACnB,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;QACrB,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACrE,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,OAAO;IACL,wHAAwH;IACxH,uGAAuG;IACvG,sDAAkB,QAAQ;QACvB,KAAK;QACL,KAAK,IAAI,4CAAO,KAAK,CAAQ;QAC7B,GAAG,CACC,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,sCAAa"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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.ListboxGroup = ListboxGroup;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const utils_external_1 = require("../../../../utils-external");
|
|
9
|
+
function ListboxGroup({ label, children }) {
|
|
10
|
+
const labelId = (0, utils_external_1.useId)();
|
|
11
|
+
return (react_1.default.createElement("div", { role: "group", className: "aksel-listbox__group", "aria-labelledby": labelId },
|
|
12
|
+
react_1.default.createElement("div", { id: labelId, "aria-hidden": true }, label),
|
|
13
|
+
children));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=ListboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxGroup.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/group/ListboxGroup.tsx"],"names":[],"mappings":";;;;;AAyBS,oCAAY;AAzBrB,kDAA0B;AAC1B,+DAAmD;AAOnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,OAAO,GAAG,IAAA,sBAAK,GAAE,CAAC;IAExB,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,sBAAsB,qBACf,OAAO;QAExB,uCAAK,EAAE,EAAE,OAAO,yBACb,KAAK,CACF;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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.ListboxInputSlot = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Slot_1 = require("../../slot/Slot");
|
|
9
|
+
const ListboxInputSlot = ({ children }) => {
|
|
10
|
+
return (react_1.default.createElement(Slot_1.Slot, { "aria-activedescendant": "aksel-listbox__item-active",
|
|
11
|
+
// @ts-expect-error - You are meant to use an <input>, but Slot doesn't know that.
|
|
12
|
+
autoComplete: "off", role: "combobox" }, children));
|
|
13
|
+
};
|
|
14
|
+
exports.ListboxInputSlot = ListboxInputSlot;
|
|
15
|
+
//# sourceMappingURL=ListboxInputSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxInputSlot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACL,8BAAC,WAAI,6BACmB,4BAA4B;QAClD,kFAAkF;QAClF,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,IAEd,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,4CAAgB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ListboxItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex"> {
|
|
3
|
+
/**
|
|
4
|
+
* Unique ID used for tracking which item has virtual focus.
|
|
5
|
+
*/
|
|
6
|
+
id: string;
|
|
7
|
+
hasVirtualFocus: boolean;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Callback when item is selected.
|
|
11
|
+
* To improve performance when you have many items,
|
|
12
|
+
* memoize the prop with e.g. useEventCallback.
|
|
13
|
+
*/
|
|
14
|
+
onClick: React.MouseEventHandler<HTMLDivElement>;
|
|
15
|
+
}
|
|
16
|
+
declare function ListboxItemComponent({ id, hasVirtualFocus, children, className, ...rest }: ListboxItemProps): React.JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* This component is memoized. To improve performance when you have many items,
|
|
19
|
+
* make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
|
|
20
|
+
*
|
|
21
|
+
* NB: Remember to set `aria-selected` on selected items!
|
|
22
|
+
*/
|
|
23
|
+
export declare const ListboxItem: typeof ListboxItemComponent;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.ListboxItem = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const helpers_1 = require("../../../helpers");
|
|
20
|
+
function ListboxItemComponent(_a) {
|
|
21
|
+
//console.log("Rendering item", id);
|
|
22
|
+
var { id, hasVirtualFocus, children, className } = _a, rest = __rest(_a, ["id", "hasVirtualFocus", "children", "className"]);
|
|
23
|
+
// TODO: Slot?
|
|
24
|
+
return (react_1.default.createElement("div", Object.assign({ "aria-selected": false }, rest, { className: (0, helpers_1.cl)("aksel-listbox__item", className), role: "option", tabIndex: -1, "data-virtual-focus": hasVirtualFocus, "data-id": id, id: hasVirtualFocus ? "aksel-listbox__item-active" : undefined }), children));
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* This component is memoized. To improve performance when you have many items,
|
|
28
|
+
* make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
|
|
29
|
+
*
|
|
30
|
+
* NB: Remember to set `aria-selected` on selected items!
|
|
31
|
+
*/
|
|
32
|
+
exports.ListboxItem = react_1.default.memo(ListboxItemComponent);
|
|
33
|
+
//# sourceMappingURL=ListboxItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxItem.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/item/ListboxItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8CAAsC;AAoBtC,SAAS,oBAAoB,CAAC,EAMX;IACjB,oCAAoC;QAPR,EAC5B,EAAE,EACF,eAAe,EACf,QAAQ,EACR,SAAS,OAEQ,EADd,IAAI,cALqB,kDAM7B,CADQ;IAIP,cAAc;IAEd,OAAO,CACL,sEACiB,KAAK,IAChB,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,wBACQ,eAAe,aAC1B,EAAE,EACX,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,KAE7D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,IAAI,CACnC,oBAAoB,CACU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface ListboxListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex" | "onMouseOver"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
setVirtuallyFocusedItemId: (value: string) => void;
|
|
6
|
+
}
|
|
7
|
+
declare function ListboxList({ children, setVirtuallyFocusedItemId, ...rest }: ListboxListProps): React.JSX.Element;
|
|
8
|
+
export { ListboxList };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.ListboxList = ListboxList;
|
|
18
|
+
/* eslint-disable jsx-a11y/mouse-events-have-key-events */
|
|
19
|
+
/** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
|
|
20
|
+
const react_1 = __importDefault(require("react"));
|
|
21
|
+
const helpers_1 = require("../../../helpers");
|
|
22
|
+
function ListboxList(_a) {
|
|
23
|
+
var { children, setVirtuallyFocusedItemId } = _a, rest = __rest(_a, ["children", "setVirtuallyFocusedItemId"]);
|
|
24
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, helpers_1.cl)(rest.className, "aksel-listbox__list"), role: "listbox", tabIndex: -1, onMouseOver: (event) => {
|
|
25
|
+
const target = event.target;
|
|
26
|
+
const itemEl = target.closest('[role="option"]');
|
|
27
|
+
if (itemEl) {
|
|
28
|
+
setVirtuallyFocusedItemId((itemEl === null || itemEl === void 0 ? void 0 : itemEl.dataset.id) || "");
|
|
29
|
+
}
|
|
30
|
+
} }), children));
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=ListboxList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxList.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/list/ListboxList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCS,kCAAW;AArCpB,0DAA0D;AAC1D,kFAAkF;AAClF,kDAA0B;AAC1B,8CAAsC;AAUtC,SAAS,WAAW,CAAC,EAIF;QAJE,EACnB,QAAQ,EACR,yBAAyB,OAER,EADd,IAAI,cAHY,yCAIpB,CADQ;IAEP,OAAO,CACL,uDACM,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,IAAI,CAAC,SAAS,EAAE,qBAAqB,CAAC,EACpD,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,MAAM,MAAM,GAAuB,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACrE,IAAI,MAAM,EAAE,CAAC;gBACX,yBAAyB,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,EAAE,KAAI,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** biome-ignore-all lint/a11y/noStaticElementInteractions: We know what we are doing */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ListboxGroup } from "../group/ListboxGroup";
|
|
4
|
+
import { ListboxList } from "../list/ListboxList";
|
|
5
|
+
export interface ListboxProps {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
setVirtuallyFocusedItemId: (value: string) => void;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Low level component for displaying a list of selectable items with optional grouping.
|
|
11
|
+
* Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
|
|
12
|
+
*/
|
|
13
|
+
declare function Listbox({ children, setVirtuallyFocusedItemId }: ListboxProps): React.JSX.Element;
|
|
14
|
+
declare namespace Listbox {
|
|
15
|
+
var InputSlot: ({ children }: import("../input-slot/ListboxInputSlot").ListboxInputSlotProps) => React.JSX.Element;
|
|
16
|
+
var List: typeof ListboxList;
|
|
17
|
+
var Item: ({ id, hasVirtualFocus, children, className, ...rest }: import("../item/ListboxItem").ListboxItemProps) => React.JSX.Element;
|
|
18
|
+
var Group: typeof ListboxGroup;
|
|
19
|
+
}
|
|
20
|
+
export default Listbox;
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
7
|
+
/** biome-ignore-all lint/a11y/noStaticElementInteractions: We know what we are doing */
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const ListboxGroup_1 = require("../group/ListboxGroup");
|
|
10
|
+
const ListboxInputSlot_1 = require("../input-slot/ListboxInputSlot");
|
|
11
|
+
const ListboxItem_1 = require("../item/ListboxItem");
|
|
12
|
+
const ListboxList_1 = require("../list/ListboxList");
|
|
13
|
+
const domHelpers_1 = require("./domHelpers");
|
|
14
|
+
/**
|
|
15
|
+
* Low level component for displaying a list of selectable items with optional grouping.
|
|
16
|
+
* Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
|
|
17
|
+
*/
|
|
18
|
+
function Listbox({ children, setVirtuallyFocusedItemId }) {
|
|
19
|
+
const virtuallyFocusItem = (element) => {
|
|
20
|
+
setVirtuallyFocusedItemId((element === null || element === void 0 ? void 0 : element.dataset.id) || "");
|
|
21
|
+
element === null || element === void 0 ? void 0 : element.scrollIntoView({ block: "nearest" });
|
|
22
|
+
};
|
|
23
|
+
return (react_1.default.createElement("div", { onKeyDown: (event) => {
|
|
24
|
+
const listbox = event.currentTarget.querySelector('[role="listbox"]');
|
|
25
|
+
if (!listbox) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
// Helper functions
|
|
29
|
+
const getFirstItem = (suffix = "") => listbox.querySelector(`[role="option"]${suffix}`);
|
|
30
|
+
const getLastItem = () => {
|
|
31
|
+
const allItems = listbox.querySelectorAll('[role="option"]');
|
|
32
|
+
return allItems[allItems.length - 1];
|
|
33
|
+
};
|
|
34
|
+
const focusedItemElm = getFirstItem('[data-virtual-focus="true"]');
|
|
35
|
+
// Doesn't make sense to have real focus on one item and virtual focus on another at the same time.
|
|
36
|
+
// Not sure if it matters, though 🤔
|
|
37
|
+
const itemElmWithRealFocus = getFirstItem(":focus");
|
|
38
|
+
if (itemElmWithRealFocus) {
|
|
39
|
+
listbox.focus();
|
|
40
|
+
}
|
|
41
|
+
const virtuallyFocusWithFallback = (getNextElement, getFallback) => {
|
|
42
|
+
event.preventDefault();
|
|
43
|
+
if (!focusedItemElm) {
|
|
44
|
+
virtuallyFocusItem(getFallback());
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const nextItem = getNextElement(focusedItemElm);
|
|
48
|
+
if (!nextItem) {
|
|
49
|
+
virtuallyFocusItem(getFallback());
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
virtuallyFocusItem(nextItem);
|
|
53
|
+
};
|
|
54
|
+
switch (event.key) {
|
|
55
|
+
case "ArrowDown":
|
|
56
|
+
virtuallyFocusWithFallback(domHelpers_1.findNextItem, getFirstItem);
|
|
57
|
+
break;
|
|
58
|
+
case "ArrowUp":
|
|
59
|
+
virtuallyFocusWithFallback(domHelpers_1.findPrevItem, getLastItem);
|
|
60
|
+
break;
|
|
61
|
+
case "Home":
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
virtuallyFocusItem(getFirstItem());
|
|
64
|
+
break;
|
|
65
|
+
case "End":
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
virtuallyFocusItem(getLastItem());
|
|
68
|
+
break;
|
|
69
|
+
case "Enter":
|
|
70
|
+
case "Accept":
|
|
71
|
+
if (focusedItemElm) {
|
|
72
|
+
focusedItemElm.click();
|
|
73
|
+
}
|
|
74
|
+
break;
|
|
75
|
+
// TODO: Consider implementing PageUp/PageDown too
|
|
76
|
+
}
|
|
77
|
+
} }, children));
|
|
78
|
+
}
|
|
79
|
+
Listbox.InputSlot = ListboxInputSlot_1.ListboxInputSlot;
|
|
80
|
+
Listbox.List = ListboxList_1.ListboxList;
|
|
81
|
+
Listbox.Item = ListboxItem_1.ListboxItem;
|
|
82
|
+
Listbox.Group = ListboxGroup_1.ListboxGroup;
|
|
83
|
+
exports.default = Listbox;
|
|
84
|
+
//# sourceMappingURL=ListboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxRoot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/ListboxRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|