@navikt/ds-react 7.32.0 → 7.32.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/cjs/copybutton/CopyButton.js +4 -9
  2. package/cjs/copybutton/CopyButton.js.map +1 -1
  3. package/cjs/date/date-utils/dropdown-options.d.ts +11 -2
  4. package/cjs/date/date-utils/dropdown-options.js +5 -3
  5. package/cjs/date/date-utils/dropdown-options.js.map +1 -1
  6. package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -2
  7. package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
  8. package/cjs/form/combobox/Combobox.js +1 -3
  9. package/cjs/form/combobox/Combobox.js.map +1 -1
  10. package/cjs/form/combobox/ComboboxWrapper.d.ts +1 -2
  11. package/cjs/form/combobox/ComboboxWrapper.js +1 -2
  12. package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
  13. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +28 -19
  14. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  15. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  16. package/cjs/form/combobox/Input/Input.context.d.ts +2 -0
  17. package/cjs/form/combobox/Input/Input.context.js +4 -1
  18. package/cjs/form/combobox/Input/Input.context.js.map +1 -1
  19. package/cjs/form/combobox/Input/InputController.js +2 -2
  20. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  21. package/cjs/help-text/HelpText.js +3 -3
  22. package/cjs/help-text/HelpText.js.map +1 -1
  23. package/cjs/help-text/HelpTextIcon.d.ts +1 -2
  24. package/cjs/help-text/HelpTextIcon.js +3 -7
  25. package/cjs/help-text/HelpTextIcon.js.map +1 -1
  26. package/cjs/layout/page/parts/PageBlock.d.ts +9 -2
  27. package/cjs/layout/page/parts/PageBlock.js.map +1 -1
  28. package/cjs/modal/ModalUtils.js +6 -4
  29. package/cjs/modal/ModalUtils.js.map +1 -1
  30. package/cjs/overlays/dismissablelayer/DismissableLayer.js +9 -19
  31. package/cjs/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
  32. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js +5 -4
  33. package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  34. package/cjs/overlays/floating-menu/Menu.d.ts +4 -4
  35. package/cjs/overlays/floating-menu/Menu.js +7 -4
  36. package/cjs/overlays/floating-menu/Menu.js.map +1 -1
  37. package/cjs/overlays/floating-menu/parts/RovingFocus.js +3 -3
  38. package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
  39. package/cjs/overlays/overlay/hooks/useAnimationsFinished.js +1 -1
  40. package/cjs/overlays/overlay/hooks/useAnimationsFinished.js.map +1 -1
  41. package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js +2 -2
  42. package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -1
  43. package/cjs/progress-bar/ProgressBar.js +9 -6
  44. package/cjs/progress-bar/ProgressBar.js.map +1 -1
  45. package/cjs/table/AnimateHeight.js +12 -13
  46. package/cjs/table/AnimateHeight.js.map +1 -1
  47. package/cjs/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
  48. package/cjs/tabs/parts/tablist/useScrollButtons.js +4 -4
  49. package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -1
  50. package/cjs/util/TextareaAutoSize.js +3 -10
  51. package/cjs/util/TextareaAutoSize.js.map +1 -1
  52. package/cjs/util/create-context.d.ts +0 -1
  53. package/cjs/util/create-context.js.map +1 -1
  54. package/cjs/util/debounce.d.ts +1 -1
  55. package/cjs/util/debounce.js +5 -8
  56. package/cjs/util/debounce.js.map +1 -1
  57. package/cjs/util/detectBrowser.d.ts +2 -0
  58. package/cjs/util/detectBrowser.js +7 -0
  59. package/cjs/util/detectBrowser.js.map +1 -0
  60. package/cjs/util/focus-boundary/FocusBoundary.d.ts +44 -0
  61. package/cjs/util/focus-boundary/FocusBoundary.js +365 -0
  62. package/cjs/util/focus-boundary/FocusBoundary.js.map +1 -0
  63. package/cjs/util/focus-guards/FocusGuards.d.ts +8 -0
  64. package/cjs/util/focus-guards/FocusGuards.js +36 -0
  65. package/cjs/util/focus-guards/FocusGuards.js.map +1 -0
  66. package/cjs/util/hooks/useEventCallback.js.map +1 -0
  67. package/cjs/{overlays/overlay → util}/hooks/useLatestRef.js +2 -2
  68. package/cjs/util/hooks/useLatestRef.js.map +1 -0
  69. package/cjs/util/hooks/useRefWithInit.js.map +1 -0
  70. package/cjs/util/hooks/useTimeout.d.ts +16 -0
  71. package/cjs/util/hooks/useTimeout.js +49 -0
  72. package/cjs/util/hooks/useTimeout.js.map +1 -0
  73. package/cjs/util/link-anchor/LinkAnchor.js +6 -7
  74. package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
  75. package/cjs/util/owner.d.ts +29 -0
  76. package/cjs/util/owner.js +38 -0
  77. package/cjs/util/owner.js.map +1 -0
  78. package/esm/copybutton/CopyButton.js +5 -10
  79. package/esm/copybutton/CopyButton.js.map +1 -1
  80. package/esm/date/date-utils/dropdown-options.d.ts +11 -2
  81. package/esm/date/date-utils/dropdown-options.js +5 -3
  82. package/esm/date/date-utils/dropdown-options.js.map +1 -1
  83. package/esm/date/datepicker/parts/DatePicker.Months.js +7 -2
  84. package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
  85. package/esm/form/combobox/Combobox.js +1 -3
  86. package/esm/form/combobox/Combobox.js.map +1 -1
  87. package/esm/form/combobox/ComboboxWrapper.d.ts +1 -2
  88. package/esm/form/combobox/ComboboxWrapper.js +1 -2
  89. package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
  90. package/esm/form/combobox/FilteredOptions/FilteredOptions.js +29 -20
  91. package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  92. package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  93. package/esm/form/combobox/Input/Input.context.d.ts +2 -0
  94. package/esm/form/combobox/Input/Input.context.js +4 -1
  95. package/esm/form/combobox/Input/Input.context.js.map +1 -1
  96. package/esm/form/combobox/Input/InputController.js +2 -2
  97. package/esm/form/combobox/Input/InputController.js.map +1 -1
  98. package/esm/help-text/HelpText.js +3 -3
  99. package/esm/help-text/HelpText.js.map +1 -1
  100. package/esm/help-text/HelpTextIcon.d.ts +1 -2
  101. package/esm/help-text/HelpTextIcon.js +3 -7
  102. package/esm/help-text/HelpTextIcon.js.map +1 -1
  103. package/esm/layout/page/parts/PageBlock.d.ts +9 -2
  104. package/esm/layout/page/parts/PageBlock.js.map +1 -1
  105. package/esm/modal/ModalUtils.js +6 -4
  106. package/esm/modal/ModalUtils.js.map +1 -1
  107. package/esm/overlays/dismissablelayer/DismissableLayer.js +9 -19
  108. package/esm/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
  109. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js +5 -4
  110. package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
  111. package/esm/overlays/floating-menu/Menu.d.ts +4 -4
  112. package/esm/overlays/floating-menu/Menu.js +7 -4
  113. package/esm/overlays/floating-menu/Menu.js.map +1 -1
  114. package/esm/overlays/floating-menu/parts/RovingFocus.js +3 -3
  115. package/esm/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
  116. package/esm/overlays/overlay/hooks/useAnimationsFinished.js +1 -1
  117. package/esm/overlays/overlay/hooks/useAnimationsFinished.js.map +1 -1
  118. package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js +2 -2
  119. package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -1
  120. package/esm/progress-bar/ProgressBar.js +10 -7
  121. package/esm/progress-bar/ProgressBar.js.map +1 -1
  122. package/esm/table/AnimateHeight.js +12 -13
  123. package/esm/table/AnimateHeight.js.map +1 -1
  124. package/esm/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
  125. package/esm/tabs/parts/tablist/useScrollButtons.js +4 -4
  126. package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -1
  127. package/esm/util/TextareaAutoSize.js +1 -8
  128. package/esm/util/TextareaAutoSize.js.map +1 -1
  129. package/esm/util/create-context.d.ts +0 -1
  130. package/esm/util/create-context.js.map +1 -1
  131. package/esm/util/debounce.d.ts +1 -1
  132. package/esm/util/debounce.js +5 -8
  133. package/esm/util/debounce.js.map +1 -1
  134. package/esm/util/detectBrowser.d.ts +2 -0
  135. package/esm/util/detectBrowser.js +4 -0
  136. package/esm/util/detectBrowser.js.map +1 -0
  137. package/esm/util/focus-boundary/FocusBoundary.d.ts +44 -0
  138. package/esm/util/focus-boundary/FocusBoundary.js +329 -0
  139. package/esm/util/focus-boundary/FocusBoundary.js.map +1 -0
  140. package/esm/util/focus-guards/FocusGuards.d.ts +8 -0
  141. package/esm/util/focus-guards/FocusGuards.js +31 -0
  142. package/esm/util/focus-guards/FocusGuards.js.map +1 -0
  143. package/esm/util/hooks/useEventCallback.js.map +1 -0
  144. package/esm/{overlays/overlay → util}/hooks/useLatestRef.js +1 -1
  145. package/esm/util/hooks/useLatestRef.js.map +1 -0
  146. package/esm/util/hooks/useRefWithInit.js.map +1 -0
  147. package/esm/util/hooks/useTimeout.d.ts +16 -0
  148. package/esm/util/hooks/useTimeout.js +45 -0
  149. package/esm/util/hooks/useTimeout.js.map +1 -0
  150. package/esm/util/link-anchor/LinkAnchor.js +6 -7
  151. package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
  152. package/esm/util/owner.d.ts +29 -0
  153. package/esm/util/owner.js +35 -0
  154. package/esm/util/owner.js.map +1 -0
  155. package/package.json +8 -8
  156. package/src/copybutton/CopyButton.tsx +5 -17
  157. package/src/date/date-utils/dropdown-options.test.ts +37 -9
  158. package/src/date/date-utils/dropdown-options.ts +23 -12
  159. package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -2
  160. package/src/form/combobox/Combobox.tsx +0 -4
  161. package/src/form/combobox/ComboboxWrapper.tsx +0 -3
  162. package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +65 -45
  163. package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +1 -0
  164. package/src/form/combobox/Input/Input.context.tsx +5 -0
  165. package/src/form/combobox/Input/InputController.tsx +2 -1
  166. package/src/form/file-upload/parts/item/utils/format-file-size.test.ts +2 -2
  167. package/src/help-text/HelpText.tsx +3 -2
  168. package/src/help-text/HelpTextIcon.tsx +2 -12
  169. package/src/layout/page/parts/PageBlock.tsx +9 -2
  170. package/src/modal/ModalUtils.ts +7 -4
  171. package/src/overlays/dismissablelayer/DismissableLayer.tsx +9 -18
  172. package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts +5 -4
  173. package/src/overlays/floating-menu/Menu.tsx +13 -9
  174. package/src/overlays/floating-menu/parts/RovingFocus.tsx +3 -3
  175. package/src/overlays/overlay/hooks/useAnimationsFinished.ts +1 -1
  176. package/src/overlays/overlay/hooks/useOpenChangeAnimationComplete.ts +2 -2
  177. package/src/progress-bar/ProgressBar.tsx +12 -10
  178. package/src/table/AnimateHeight.tsx +12 -15
  179. package/src/tabs/parts/tablist/useScrollButtons.ts +4 -3
  180. package/src/util/TextareaAutoSize.tsx +1 -9
  181. package/src/util/create-context.tsx +0 -1
  182. package/src/util/debounce.ts +7 -8
  183. package/src/util/detectBrowser.ts +5 -0
  184. package/src/util/focus-boundary/FocusBoundary.tsx +453 -0
  185. package/src/util/focus-guards/FocusGuards.tsx +56 -0
  186. package/src/{overlays/overlay → util}/hooks/useLatestRef.ts +1 -1
  187. package/src/util/hooks/useTimeout.ts +54 -0
  188. package/src/util/link-anchor/LinkAnchor.tsx +7 -6
  189. package/src/util/owner.ts +35 -0
  190. package/cjs/overlays/floating-menu/parts/FocusScope.d.ts +0 -22
  191. package/cjs/overlays/floating-menu/parts/FocusScope.js +0 -98
  192. package/cjs/overlays/floating-menu/parts/FocusScope.js.map +0 -1
  193. package/cjs/overlays/overlay/hooks/useEventCallback.js.map +0 -1
  194. package/cjs/overlays/overlay/hooks/useLatestRef.js.map +0 -1
  195. package/cjs/overlays/overlay/hooks/useRefWithInit.js.map +0 -1
  196. package/esm/overlays/floating-menu/parts/FocusScope.d.ts +0 -22
  197. package/esm/overlays/floating-menu/parts/FocusScope.js +0 -62
  198. package/esm/overlays/floating-menu/parts/FocusScope.js.map +0 -1
  199. package/esm/overlays/overlay/hooks/useEventCallback.js.map +0 -1
  200. package/esm/overlays/overlay/hooks/useLatestRef.js.map +0 -1
  201. package/esm/overlays/overlay/hooks/useRefWithInit.js.map +0 -1
  202. package/src/overlays/floating-menu/parts/FocusScope.tsx +0 -83
  203. /package/cjs/{overlays/overlay → util}/hooks/useEventCallback.d.ts +0 -0
  204. /package/cjs/{overlays/overlay → util}/hooks/useEventCallback.js +0 -0
  205. /package/cjs/{overlays/overlay → util}/hooks/useLatestRef.d.ts +0 -0
  206. /package/cjs/{overlays/overlay → util}/hooks/useRefWithInit.d.ts +0 -0
  207. /package/cjs/{overlays/overlay → util}/hooks/useRefWithInit.js +0 -0
  208. /package/esm/{overlays/overlay → util}/hooks/useEventCallback.d.ts +0 -0
  209. /package/esm/{overlays/overlay → util}/hooks/useEventCallback.js +0 -0
  210. /package/esm/{overlays/overlay → util}/hooks/useLatestRef.d.ts +0 -0
  211. /package/esm/{overlays/overlay → util}/hooks/useRefWithInit.d.ts +0 -0
  212. /package/esm/{overlays/overlay → util}/hooks/useRefWithInit.js +0 -0
  213. /package/src/{overlays/overlay → util}/hooks/useEventCallback.ts +0 -0
  214. /package/src/{overlays/overlay → util}/hooks/useRefWithInit.ts +0 -0
@@ -0,0 +1,329 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { forwardRef, useCallback, useEffect, useRef, useState, } from "react";
13
+ import { Slot } from "../../slot/Slot.js";
14
+ import { useMergeRefs } from "../../util/hooks/index.js";
15
+ import { useEventCallback } from "../hooks/useEventCallback.js";
16
+ const AUTOFOCUS_ON_MOUNT = "focusBoundary.autoFocusOnMount";
17
+ const AUTOFOCUS_ON_UNMOUNT = "focusBoundary.autoFocusOnUnmount";
18
+ const EVENT_OPTIONS = { bubbles: false, cancelable: true };
19
+ const FocusBoundary = forwardRef((_a, forwardedRef) => {
20
+ var { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp } = _a, restProps = __rest(_a, ["loop", "trapped", "onMountAutoFocus", "onUnmountAutoFocus"]);
21
+ const onMountAutoFocus = useEventCallback(onMountAutoFocusProp);
22
+ const onUnmountAutoFocus = useEventCallback(onUnmountAutoFocusProp);
23
+ const lastFocusedElementRef = useRef(null);
24
+ const [container, setContainer] = useState(null);
25
+ const mergedRefs = useMergeRefs(forwardedRef, setContainer);
26
+ const focusBoundary = useRef({
27
+ paused: false,
28
+ pause() {
29
+ this.paused = true;
30
+ },
31
+ resume() {
32
+ this.paused = false;
33
+ },
34
+ }).current;
35
+ /* Handles trapped state */
36
+ useEffect(() => {
37
+ if (!trapped || !container) {
38
+ return;
39
+ }
40
+ function handleFocusIn(event) {
41
+ if (focusBoundary.paused || container === null) {
42
+ return;
43
+ }
44
+ const target = event.target;
45
+ if (container.contains(target)) {
46
+ lastFocusedElementRef.current = target;
47
+ }
48
+ else {
49
+ focus(lastFocusedElementRef.current, { select: true });
50
+ }
51
+ }
52
+ function handleFocusOut(event) {
53
+ if (focusBoundary.paused || container === null) {
54
+ return;
55
+ }
56
+ const relatedTarget = event.relatedTarget;
57
+ /*
58
+ * `focusout` event with a `null` `relatedTarget` will happen in a few known cases:
59
+ * 1. When the user switches app/tabs/windows/the browser itself loses focus.
60
+ * 2. In Google Chrome, when the focused element is removed from the DOM.
61
+ * 3. When clicking on an element that cannot receive focus.
62
+ *
63
+ * We let the browser do its thing here because:
64
+ * 1. The browser already keeps a memory of what's focused for when the page gets refocused.
65
+ * 2. In Google Chrome, if we try to focus the deleted focused element (as per below), it
66
+ * throws the CPU to 100%, so we avoid doing anything for this reason here too.
67
+ */
68
+ if (relatedTarget === null) {
69
+ return;
70
+ }
71
+ /*
72
+ * If the focus has moved to an element outside the container, we move focus to the last valid focused element inside.
73
+ * This makes sure to "trap" focus inside the container.
74
+ * We handle focus on focusout instead of focusin to avoid elements recieving focusin events
75
+ * when they are not supposed to (like when clicking on elements outside the container
76
+ */
77
+ if (!container.contains(relatedTarget)) {
78
+ focus(lastFocusedElementRef.current, { select: true });
79
+ }
80
+ }
81
+ /**
82
+ * When the currently focused element is removed from the DOM, browsers move focus
83
+ * to the document.body. In this case, we move focus to the container
84
+ * to keep focus trapped correctly instead.
85
+ */
86
+ const handleMutations = (mutations) => {
87
+ if (document.activeElement !== document.body) {
88
+ return;
89
+ }
90
+ if (mutations.some((mutation) => mutation.removedNodes.length > 0)) {
91
+ focus(container);
92
+ }
93
+ };
94
+ document.addEventListener("focusin", handleFocusIn);
95
+ document.addEventListener("focusout", handleFocusOut);
96
+ const observer = new MutationObserver(handleMutations);
97
+ observer.observe(container, { childList: true, subtree: true });
98
+ return () => {
99
+ document.removeEventListener("focusin", handleFocusIn);
100
+ document.removeEventListener("focusout", handleFocusOut);
101
+ observer.disconnect();
102
+ };
103
+ }, [trapped, container, focusBoundary.paused]);
104
+ /* Handles autofocus on mount and unmount */
105
+ useEffect(() => {
106
+ if (!container) {
107
+ return;
108
+ }
109
+ focusBoundarysStack.add(focusBoundary);
110
+ const initialFocusedElement = document.activeElement;
111
+ const containsActiveElement = initialFocusedElement && container.contains(initialFocusedElement);
112
+ /*
113
+ * We only autofocus on mount if container does not contain active element.
114
+ * If container has an element with `autoFocus` attribute, browser will
115
+ * have already moved focus there before this effect runs.
116
+ */
117
+ if (!containsActiveElement) {
118
+ const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
119
+ container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
120
+ container.dispatchEvent(mountEvent);
121
+ /* If consumer does not manually prevent event and handle focus themselves */
122
+ if (!mountEvent.defaultPrevented) {
123
+ /**
124
+ * Attempts focusing the first element in a list of candidates.
125
+ * Stops when focus has actually moved.
126
+ */
127
+ const candidates = removeLinks(getTabbableCandidates(container));
128
+ const previouslyFocusedElement = document.activeElement;
129
+ for (const candidate of candidates) {
130
+ focus(candidate, { select: true });
131
+ if (document.activeElement !== previouslyFocusedElement) {
132
+ break;
133
+ }
134
+ }
135
+ /* focusFirst might not find any candidates, so we fall back to focusing container */
136
+ if (document.activeElement === initialFocusedElement) {
137
+ focus(container);
138
+ }
139
+ }
140
+ }
141
+ return () => {
142
+ container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
143
+ /**
144
+ * https://github.com/facebook/react/issues/17894
145
+ * We delay to next tick to avoid issues with React's event system
146
+ * where calling `focus` inside a effect cleanup causes React to not call onFocus handlers.
147
+ */
148
+ setTimeout(() => {
149
+ const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
150
+ container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
151
+ container.dispatchEvent(unmountEvent);
152
+ /* If consumer does not manually prevent event and handle focus themselves */
153
+ if (!unmountEvent.defaultPrevented) {
154
+ /* To avoid CPU-spikes on Chrome, we make sure element is still connected to the DOM. */
155
+ focus((initialFocusedElement === null || initialFocusedElement === void 0 ? void 0 : initialFocusedElement.isConnected)
156
+ ? initialFocusedElement
157
+ : document.body, {
158
+ select: true,
159
+ });
160
+ }
161
+ /* Since this is inside a cleanup, we need to instantly remove the listener ourselves */
162
+ container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
163
+ focusBoundarysStack.remove(focusBoundary);
164
+ }, 0);
165
+ };
166
+ }, [container, onMountAutoFocus, onUnmountAutoFocus, focusBoundary]);
167
+ /* Takes care of looping focus */
168
+ const handleKeyDown = useCallback((event) => {
169
+ if ((!loop && !trapped) || focusBoundary.paused) {
170
+ return;
171
+ }
172
+ const isTabKey = event.key === "Tab" &&
173
+ !event.altKey &&
174
+ !event.ctrlKey &&
175
+ !event.metaKey;
176
+ const focusedElement = document.activeElement;
177
+ if (isTabKey && focusedElement) {
178
+ const containerTarget = event.currentTarget;
179
+ const [first, last] = getTabbableEdges(containerTarget);
180
+ /* We can only wrap focus if we have tabbable edges */
181
+ if (!(first && last)) {
182
+ /*
183
+ * No need to do anything if active element is the expected focus-target
184
+ * Case: No tabbable elements, focus should stay on container. If we don't preventDefault, the container will lose focus
185
+ * and potentially lose controll of focus to browser (like focusing address bar).
186
+ */
187
+ if (focusedElement === containerTarget) {
188
+ event.preventDefault();
189
+ }
190
+ return;
191
+ }
192
+ /**
193
+ * Since we are either trapped + looping, or one of them we will do nothing when trapped and focus first element when looping.
194
+ */
195
+ if (!event.shiftKey && focusedElement === last) {
196
+ event.preventDefault();
197
+ if (loop) {
198
+ focus(first, { select: true });
199
+ }
200
+ }
201
+ else if (event.shiftKey && focusedElement === first) {
202
+ event.preventDefault();
203
+ if (loop) {
204
+ focus(last, { select: true });
205
+ }
206
+ }
207
+ }
208
+ }, [loop, trapped, focusBoundary.paused]);
209
+ return (React.createElement(Slot, Object.assign({ tabIndex: -1 }, restProps, { ref: mergedRefs, onKeyDown: handleKeyDown })));
210
+ });
211
+ /* ---------------------------- FocusBoundary utils ---------------------------- */
212
+ /**
213
+ * Returns the first and last tabbable elements inside a container as a tuple.
214
+ */
215
+ function getTabbableEdges(container) {
216
+ const candidates = getTabbableCandidates(container);
217
+ return [
218
+ findFirstVisible(candidates, container),
219
+ findFirstVisible(candidates.reverse(), container),
220
+ ];
221
+ }
222
+ /**
223
+ * Returns a list of potential tabbable candidates.
224
+ * We do not take into account tabindex values.
225
+ *
226
+ * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
227
+ * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
228
+ */
229
+ function getTabbableCandidates(container) {
230
+ const nodes = [];
231
+ const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
232
+ acceptNode: (node) => {
233
+ const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
234
+ if (node.disabled || node.hidden || isHiddenInput) {
235
+ return NodeFilter.FILTER_SKIP;
236
+ }
237
+ /**
238
+ * `.tabIndex` is not the same as the `tabindex` attribute. It works on the
239
+ * runtime's understanding of tabbability, so this automatically accounts
240
+ * for any kind of element that could be tabbed to.
241
+ */
242
+ return node.tabIndex >= 0
243
+ ? NodeFilter.FILTER_ACCEPT
244
+ : NodeFilter.FILTER_SKIP;
245
+ },
246
+ });
247
+ while (walker.nextNode()) {
248
+ nodes.push(walker.currentNode);
249
+ }
250
+ return nodes;
251
+ }
252
+ /**
253
+ * Returns the first visible element in a list.
254
+ * NOTE: Only checks visibility up to the `container`.
255
+ */
256
+ function findFirstVisible(elements, container) {
257
+ for (const element of elements) {
258
+ if (!isHidden(element, { upTo: container })) {
259
+ return element;
260
+ }
261
+ }
262
+ }
263
+ function isHidden(node, { upTo }) {
264
+ if (getComputedStyle(node).visibility === "hidden") {
265
+ return true;
266
+ }
267
+ while (node) {
268
+ /* we stop at `upTo` */
269
+ if (upTo !== undefined && node === upTo) {
270
+ return false;
271
+ }
272
+ if (getComputedStyle(node).display === "none") {
273
+ return true;
274
+ }
275
+ node = node.parentElement;
276
+ }
277
+ return false;
278
+ }
279
+ function focus(element, { select = false } = {}) {
280
+ if (!(element === null || element === void 0 ? void 0 : element.focus)) {
281
+ return;
282
+ }
283
+ const previouslyFocusedElement = document.activeElement;
284
+ /* Prevent scrolling on focus, to minimize jarring transitions */
285
+ element.focus({ preventScroll: true });
286
+ if (!select) {
287
+ return;
288
+ }
289
+ /* By default, inputs that gets focus should select its contents */
290
+ if (element !== previouslyFocusedElement &&
291
+ element instanceof HTMLInputElement &&
292
+ "select" in element)
293
+ element.select();
294
+ }
295
+ const focusBoundarysStack = createFocusBoundarysStack();
296
+ function createFocusBoundarysStack() {
297
+ /* A stack of focus-boundaries, with the active one at the top */
298
+ let stack = [];
299
+ return {
300
+ add(focusBoundary) {
301
+ /* Pause the currently active focus-boundary (at the top of the stack) */
302
+ const activeFocusBoundary = stack[0];
303
+ if (focusBoundary !== activeFocusBoundary) {
304
+ activeFocusBoundary === null || activeFocusBoundary === void 0 ? void 0 : activeFocusBoundary.pause();
305
+ }
306
+ /* remove in case it already exists (because we'll re-add it at the top of the stack) */
307
+ stack = arrayRemove(stack, focusBoundary);
308
+ stack.unshift(focusBoundary);
309
+ },
310
+ remove(focusBoundary) {
311
+ var _a;
312
+ stack = arrayRemove(stack, focusBoundary);
313
+ (_a = stack[0]) === null || _a === void 0 ? void 0 : _a.resume();
314
+ },
315
+ };
316
+ }
317
+ function arrayRemove(array, item) {
318
+ const updatedArray = [...array];
319
+ const index = updatedArray.indexOf(item);
320
+ if (index !== -1) {
321
+ updatedArray.splice(index, 1);
322
+ }
323
+ return updatedArray;
324
+ }
325
+ function removeLinks(items) {
326
+ return items.filter((item) => item.tagName !== "A");
327
+ }
328
+ export { FocusBoundary };
329
+ //# sourceMappingURL=FocusBoundary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FocusBoundary.js","sourceRoot":"","sources":["../../../src/util/focus-boundary/FocusBoundary.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ type FocusGuardsProps = {
3
+ children: React.ReactNode;
4
+ startRef?: React.RefObject<HTMLSpanElement>;
5
+ endRef?: React.RefObject<HTMLSpanElement>;
6
+ };
7
+ declare function FocusGuards({ children, startRef: forwardedStartRef, endRef: forwardedEndRef, }: FocusGuardsProps): React.JSX.Element;
8
+ export { FocusGuards };
@@ -0,0 +1,31 @@
1
+ import React from "react";
2
+ import { useMergeRefs } from "../hooks/index.js";
3
+ const visuallyHidden = {
4
+ clip: "rect(0 0 0 0)",
5
+ overflow: "hidden",
6
+ whiteSpace: "nowrap",
7
+ position: "fixed",
8
+ top: 0,
9
+ left: 0,
10
+ border: 0,
11
+ padding: 0,
12
+ width: 1,
13
+ height: 1,
14
+ margin: -1,
15
+ };
16
+ function FocusGuards({ children, startRef: forwardedStartRef, endRef: forwardedEndRef, }) {
17
+ const startRef = React.useRef(null);
18
+ const endRef = React.useRef(null);
19
+ const startRefCombined = useMergeRefs(startRef, forwardedStartRef);
20
+ const endRefCombined = useMergeRefs(endRef, forwardedEndRef);
21
+ return (React.createElement(React.Fragment, null,
22
+ React.createElement("span", { ref: startRefCombined,
23
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
24
+ tabIndex: 0, style: visuallyHidden, "data-aksel-focus-guard": "" }),
25
+ children,
26
+ React.createElement("span", { ref: endRefCombined,
27
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
28
+ tabIndex: 0, style: visuallyHidden, "data-aksel-focus-guard": "" })));
29
+ }
30
+ export { FocusGuards };
31
+ //# sourceMappingURL=FocusGuards.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FocusGuards.js","sourceRoot":"","sources":["../../../src/util/focus-guards/FocusGuards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,cAAc,GAAwB;IAC1C,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAQF,SAAS,WAAW,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,eAAe,GACN;IACjB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAAG,YAAY,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,8BACE,GAAG,EAAE,gBAAgB;YACrB,+DAA+D;YAC/D,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,cAAc,4BACE,EAAE,GACzB;QACD,QAAQ;QACT,8BACE,GAAG,EAAE,cAAc;YACnB,+DAA+D;YAC/D,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,cAAc,4BACE,EAAE,GACzB,CACa,CAClB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useEventCallback.js","sourceRoot":"","sources":["../../../src/util/hooks/useEventCallback.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,6EAA6E;AAC7E,MAAM,kBAAkB,GAAI,KAAa,CACvC,qBAAqB,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC7D,CAAC;AAEF,MAAM,sBAAsB;AAC1B,4CAA4C;AAC5C,kBAAkB;IAClB,8EAA8E;IAC9E,kBAAkB,KAAK,eAAe;IACpC,CAAC,CAAC,kBAAkB;IACpB,CAAC,CAAC,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;AAaxB;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAuB;IAEvB,MAAM,MAAM,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC,OAAoB,CAAC;IACzE,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,sBAAsB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,MAAM,CAAC,UAAU,CAAC;AAC3B,CAAC;AAED,SAAS,oBAAoB;IAC3B,MAAM,MAAM,GAAqB;QAC/B,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,eAAe;QACzB,UAAU,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,QAAQ,uDAAG,GAAG,IAAI,CAAC,CAAA,EAAA;QAC1D,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC;QAChC,CAAC;KACF,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe;IACtB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC"}
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { useClientLayoutEffect } from "../../../util/index.js";
2
+ import { useClientLayoutEffect } from "./useClientLayoutEffect.js";
3
3
  import { useRefWithInit } from "./useRefWithInit.js";
4
4
  export function useLatestRef(value) {
5
5
  const latest = useRefWithInit(createLatestRef, value).current;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLatestRef.js","sourceRoot":"","sources":["../../../src/util/hooks/useLatestRef.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,UAAU,YAAY,CAAI,KAAQ;IACtC,MAAM,MAAM,GAAG,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,OAAQ,CAAC;IAE/D,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;IAEpB,qBAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAErC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe,CAAI,KAAQ;IAClC,MAAM,MAAM,GAAG;QACb,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QAC/B,CAAC;KACF,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRefWithInit.js","sourceRoot":"","sources":["../../../src/util/hooks/useRefWithInit.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,aAAa,GAAG,EAAE,CAAC;AAUzB,SAAS,cAAc,CAAC,IAAgC,EAAE,OAAiB;IACzE,MAAM,GAAG,GAAG,MAAM,CAAC,aAAoB,CAAC,CAAC;IAEzC,IAAI,GAAG,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;QAClC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ declare class Timeout {
2
+ static create(): Timeout;
3
+ currentId: number;
4
+ /**
5
+ * Executes `fn` after `delay`, clearing any previously scheduled call.
6
+ */
7
+ start(delay: number, fn: () => void): void;
8
+ isStarted(): boolean;
9
+ clear: () => void;
10
+ disposeEffect: () => () => void;
11
+ }
12
+ /**
13
+ * A `setTimeout` with automatic cleanup and guard.
14
+ */
15
+ declare function useTimeout(): Timeout;
16
+ export { Timeout, useTimeout };
@@ -0,0 +1,45 @@
1
+ "use client";
2
+ import { useEffect } from "react";
3
+ import { useRefWithInit } from "./useRefWithInit.js";
4
+ const EMPTY = 0;
5
+ class Timeout {
6
+ constructor() {
7
+ this.currentId = EMPTY;
8
+ this.clear = () => {
9
+ if (this.currentId !== EMPTY) {
10
+ clearTimeout(this.currentId);
11
+ this.currentId = EMPTY;
12
+ }
13
+ };
14
+ this.disposeEffect = () => {
15
+ return this.clear;
16
+ };
17
+ }
18
+ static create() {
19
+ return new Timeout();
20
+ }
21
+ /**
22
+ * Executes `fn` after `delay`, clearing any previously scheduled call.
23
+ */
24
+ start(delay, fn) {
25
+ this.clear();
26
+ this.currentId = setTimeout(() => {
27
+ this.currentId = EMPTY;
28
+ fn();
29
+ }, delay); /* Node.js types are enabled in development */
30
+ }
31
+ isStarted() {
32
+ return this.currentId !== EMPTY;
33
+ }
34
+ }
35
+ /**
36
+ * A `setTimeout` with automatic cleanup and guard.
37
+ */
38
+ function useTimeout() {
39
+ const timeout = useRefWithInit(Timeout.create).current;
40
+ // eslint-disable-next-line react-hooks/exhaustive-deps
41
+ useEffect(timeout.disposeEffect, []);
42
+ return timeout;
43
+ }
44
+ export { Timeout, useTimeout };
45
+ //# sourceMappingURL=useTimeout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["../../../src/util/hooks/useTimeout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO;IAAb;QAKE,cAAS,GAAW,KAAK,CAAC;QAiB1B,UAAK,GAAG,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC7B,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;IA/BC,MAAM,CAAC,MAAM;QACX,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC;IAID;;OAEG;IACH,KAAK,CAAC,KAAa,EAAE,EAAc;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,EAAE,EAAE,CAAC;QACP,CAAC,EAAE,KAAK,CAAsB,CAAC,CAAC,8CAA8C;IAChF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;IAClC,CAAC;CAYF;AAED;;GAEG;AACH,SAAS,UAAU;IACjB,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAQ,CAAC;IAExD,uDAAuD;IACvD,SAAS,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAErC,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -16,6 +16,7 @@ import { useRenameCSS } from "../../theme/Theme.js";
16
16
  import { composeEventHandlers } from "../composeEventHandlers.js";
17
17
  import { createContext } from "../create-context.js";
18
18
  import { useMergeRefs } from "../hooks/useMergeRefs.js";
19
+ import { ownerWindow } from "../owner.js";
19
20
  const [LinkAnchorContextProvider, useLinkAnchorContext] = createContext({
20
21
  name: "LinkAnchorOverlayContext",
21
22
  });
@@ -27,7 +28,8 @@ const LinkAnchorOverlay = forwardRef((_a, forwardedRef) => {
27
28
  return (React.createElement(LinkAnchorContextProvider, { anchorRef: anchorRef },
28
29
  React.createElement(Component, Object.assign({ ref: forwardedRef }, restProps, { className: cn("navds-link-anchor__overlay", className), onClick: composeEventHandlers(onClick, (e) => {
29
30
  var _a;
30
- if (e.target === anchorRef.current || isTextSelected()) {
31
+ if (e.target === anchorRef.current ||
32
+ isTextSelected(anchorRef.current)) {
31
33
  return;
32
34
  }
33
35
  const event = new MouseEvent("click", {
@@ -61,12 +63,9 @@ const LinkAnchorArrow = forwardRef((_a, forwardedRef) => {
61
63
  return (React.createElement(ArrowRightIcon, Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-anchor__arrow", className) }, restProps)));
62
64
  });
63
65
  /* -------------------------- LinkAnchor Utilities -------------------------- */
64
- function isTextSelected() {
65
- var _a;
66
- if (typeof window === "undefined") {
67
- return false;
68
- }
69
- return !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString());
66
+ function isTextSelected(refElement) {
67
+ var _a, _b;
68
+ return !!((_b = (_a = ownerWindow(refElement)) === null || _a === void 0 ? void 0 : _a.getSelection()) === null || _b === void 0 ? void 0 : _b.toString());
70
69
  }
71
70
  export { LinkAnchor, LinkAnchorArrow, LinkAnchorOverlay };
72
71
  //# sourceMappingURL=LinkAnchor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkAnchor.js","sourceRoot":"","sources":["../../../src/util/link-anchor/LinkAnchor.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LinkAnchor.js","sourceRoot":"","sources":["../../../src/util/link-anchor/LinkAnchor.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Returns the owner document of a given element.
3
+ *
4
+ * Use this when the node might live in a different browsing context than the code
5
+ * invoking the utility (portals, iframes, custom documents).
6
+ *
7
+ * Examples:
8
+ * - Focus guards for portaled menus: pass the menu root so guards are created in the portal document.
9
+ * - Components rendered inside an iframe preview: scope listeners to the iframe-document.
10
+ * - Element opened with `window.open`: scope listeners to the new window-document.
11
+ *
12
+ * Scenarios:
13
+ * - Modal content rendered to parent `document.body` via a portal while running inside an iframe.
14
+ * - Tooltips or popovers that live outside the component't immediate DOM tree.
15
+ *
16
+ * https://github.com/radix-ui/primitives/issues/1676
17
+ * https://github.com/radix-ui/primitives/issues/1721
18
+ * https://github.com/radix-ui/primitives/discussions/1715
19
+ */
20
+ declare function ownerDocument(node: Element | null): Document;
21
+ /**
22
+ * Returns the owner window of a given element.
23
+ *
24
+ * Examples:
25
+ * - Keyboard listeners for portaled overlays.
26
+ * - Resize/scroll observers applied to iframe widgets.
27
+ */
28
+ declare function ownerWindow(node: Document | Element | null): typeof window;
29
+ export { ownerDocument, ownerWindow };
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Returns the owner document of a given element.
3
+ *
4
+ * Use this when the node might live in a different browsing context than the code
5
+ * invoking the utility (portals, iframes, custom documents).
6
+ *
7
+ * Examples:
8
+ * - Focus guards for portaled menus: pass the menu root so guards are created in the portal document.
9
+ * - Components rendered inside an iframe preview: scope listeners to the iframe-document.
10
+ * - Element opened with `window.open`: scope listeners to the new window-document.
11
+ *
12
+ * Scenarios:
13
+ * - Modal content rendered to parent `document.body` via a portal while running inside an iframe.
14
+ * - Tooltips or popovers that live outside the component't immediate DOM tree.
15
+ *
16
+ * https://github.com/radix-ui/primitives/issues/1676
17
+ * https://github.com/radix-ui/primitives/issues/1721
18
+ * https://github.com/radix-ui/primitives/discussions/1715
19
+ */
20
+ function ownerDocument(node) {
21
+ return (node === null || node === void 0 ? void 0 : node.ownerDocument) || (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document);
22
+ }
23
+ /**
24
+ * Returns the owner window of a given element.
25
+ *
26
+ * Examples:
27
+ * - Keyboard listeners for portaled overlays.
28
+ * - Resize/scroll observers applied to iframe widgets.
29
+ */
30
+ function ownerWindow(node) {
31
+ var _a;
32
+ return ((_a = node === null || node === void 0 ? void 0 : node.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) || window;
33
+ }
34
+ export { ownerDocument, ownerWindow };
35
+ //# sourceMappingURL=owner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"owner.js","sourceRoot":"","sources":["../../src/util/owner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAS,aAAa,CAAC,IAAoB;IACzC,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAA,CAAC;AACrD,CAAC;AAED;;;;;;GAMG;AACH,SAAS,WAAW,CAAC,IAA+B;;IAClD,OAAO,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAE,WAAW,KAAI,MAAM,CAAC;AACpD,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "7.32.0",
3
+ "version": "7.32.2",
4
4
  "description": "React components from the Norwegian Labour and Welfare Administration.",
5
5
  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
6
6
  "license": "MIT",
@@ -643,21 +643,21 @@
643
643
  "clean": "rimraf cjs esm",
644
644
  "build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup && yarn copy-types",
645
645
  "watch": "tsc --watch -p tsconfig.esm.json",
646
- "test": "TZ=UTC vitest run -c tests/vitest.config.ts",
646
+ "test": "TZ=UTC vitest run -c tests/vitest.config.ts --silent",
647
647
  "test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts",
648
648
  "copy-types": "copyfiles -f ./src/types/theme.d.ts ./esm/types"
649
649
  },
650
650
  "dependencies": {
651
651
  "@floating-ui/react": "0.27.8",
652
- "@floating-ui/react-dom": "^2.0.9",
653
- "@navikt/aksel-icons": "^7.32.0",
654
- "@navikt/ds-tokens": "^7.32.0",
652
+ "@floating-ui/react-dom": "^2.1.6",
653
+ "@navikt/aksel-icons": "^7.32.2",
654
+ "@navikt/ds-tokens": "^7.32.2",
655
655
  "clsx": "^2.1.0",
656
656
  "date-fns": "^4.0.0",
657
657
  "react-day-picker": "9.7.0"
658
658
  },
659
659
  "devDependencies": {
660
- "@testing-library/dom": "10.4.0",
660
+ "@testing-library/dom": "10.4.1",
661
661
  "@testing-library/jest-dom": "^6.6.3",
662
662
  "@testing-library/react": "^16.3.0",
663
663
  "@testing-library/user-event": "^14.5.2",
@@ -674,8 +674,8 @@
674
674
  "swr": "^2.3.6",
675
675
  "tsc-alias": "1.8.16",
676
676
  "tsx": "^4.20.6",
677
- "typescript": "5.8.3",
678
- "vitest": "^2.1.9"
677
+ "typescript": "5.9.3",
678
+ "vitest": "^3.2.4"
679
679
  },
680
680
  "peerDependencies": {
681
681
  "@types/react": ">=17.0.30",