@navikt/ds-react 7.32.3 → 7.32.5
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/accordion/AccordionHeader.js +1 -1
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +2 -1
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/modal/Modal.js +12 -0
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalUtils.d.ts +3 -2
- package/cjs/modal/ModalUtils.js +60 -10
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/util/detectBrowser.d.ts +3 -1
- package/cjs/util/detectBrowser.js +27 -1
- package/cjs/util/detectBrowser.js.map +1 -1
- package/cjs/util/hideNonTargetElements.d.ts +8 -0
- package/cjs/util/hideNonTargetElements.js +141 -0
- package/cjs/util/hideNonTargetElements.js.map +1 -0
- package/cjs/util/hooks/useScrollLock.d.ts +11 -0
- package/cjs/util/hooks/useScrollLock.js +270 -0
- package/cjs/util/hooks/useScrollLock.js.map +1 -0
- package/esm/accordion/AccordionHeader.js +1 -1
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +2 -1
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/modal/Modal.js +13 -1
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalUtils.d.ts +3 -2
- package/esm/modal/ModalUtils.js +27 -7
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/util/detectBrowser.d.ts +3 -1
- package/esm/util/detectBrowser.js +25 -1
- package/esm/util/detectBrowser.js.map +1 -1
- package/esm/util/hideNonTargetElements.d.ts +8 -0
- package/esm/util/hideNonTargetElements.js +139 -0
- package/esm/util/hideNonTargetElements.js.map +1 -0
- package/esm/util/hooks/useScrollLock.d.ts +11 -0
- package/esm/util/hooks/useScrollLock.js +268 -0
- package/esm/util/hooks/useScrollLock.js.map +1 -0
- package/package.json +5 -5
- package/src/accordion/AccordionHeader.tsx +1 -1
- package/src/form/combobox/Input/ToggleListButton.tsx +2 -1
- package/src/form/combobox/__tests__/combobox.test.tsx +45 -106
- package/src/modal/Modal.test.tsx +13 -24
- package/src/modal/Modal.tsx +16 -0
- package/src/modal/ModalUtils.ts +35 -7
- package/src/util/__tests__/hideNonTargetElements.test.ts +147 -0
- package/src/util/detectBrowser.ts +41 -1
- package/src/util/hideNonTargetElements.ts +179 -0
- package/src/util/hooks/useScrollLock.ts +317 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useScrollLock = useScrollLock;
|
|
4
|
+
const detectBrowser_1 = require("../detectBrowser");
|
|
5
|
+
const owner_1 = require("../owner");
|
|
6
|
+
const useClientLayoutEffect_1 = require("./useClientLayoutEffect");
|
|
7
|
+
const useTimeout_1 = require("./useTimeout");
|
|
8
|
+
let originalHtmlStyles = {};
|
|
9
|
+
let originalBodyStyles = {};
|
|
10
|
+
let originalHtmlScrollBehavior = "";
|
|
11
|
+
function hasInsetScrollbars(referenceElement) {
|
|
12
|
+
if (typeof document === "undefined") {
|
|
13
|
+
return false;
|
|
14
|
+
}
|
|
15
|
+
const doc = (0, owner_1.ownerDocument)(referenceElement);
|
|
16
|
+
const win = (0, owner_1.ownerWindow)(doc);
|
|
17
|
+
return win.innerWidth - doc.documentElement.clientWidth > 0;
|
|
18
|
+
}
|
|
19
|
+
function preventScrollBasic(referenceElement) {
|
|
20
|
+
const doc = (0, owner_1.ownerDocument)(referenceElement);
|
|
21
|
+
const html = doc.documentElement;
|
|
22
|
+
const originalOverflow = html.style.overflow;
|
|
23
|
+
html.style.overflow = "hidden";
|
|
24
|
+
return () => {
|
|
25
|
+
html.style.overflow = originalOverflow;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
function preventScrollStandard(referenceElement) {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
const doc = (0, owner_1.ownerDocument)(referenceElement);
|
|
31
|
+
const html = doc.documentElement;
|
|
32
|
+
const body = doc.body;
|
|
33
|
+
const win = (0, owner_1.ownerWindow)(html);
|
|
34
|
+
let scrollTop = 0;
|
|
35
|
+
let scrollLeft = 0;
|
|
36
|
+
let resizeRaf = 0;
|
|
37
|
+
/* Pinch-zoom in Safari causes a shift. Just don't lock scroll if there's any pinch-zoom. */
|
|
38
|
+
if (detectBrowser_1.isWebKit && ((_b = (_a = win.visualViewport) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1) !== 1) {
|
|
39
|
+
return () => { };
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Locks the scroll by applying styles to Html and Body element.
|
|
43
|
+
* Reads the DOM first, then writes to avoid layout thrashing.
|
|
44
|
+
*/
|
|
45
|
+
function lockScroll() {
|
|
46
|
+
/* DOM reads: */
|
|
47
|
+
var _a;
|
|
48
|
+
const htmlStyles = win.getComputedStyle(html);
|
|
49
|
+
const bodyStyles = win.getComputedStyle(body);
|
|
50
|
+
scrollTop = html.scrollTop;
|
|
51
|
+
scrollLeft = html.scrollLeft;
|
|
52
|
+
originalHtmlStyles = {
|
|
53
|
+
scrollbarGutter: html.style.scrollbarGutter,
|
|
54
|
+
overflowY: html.style.overflowY,
|
|
55
|
+
overflowX: html.style.overflowX,
|
|
56
|
+
};
|
|
57
|
+
originalHtmlScrollBehavior = html.style.scrollBehavior;
|
|
58
|
+
originalBodyStyles = {
|
|
59
|
+
position: body.style.position,
|
|
60
|
+
height: body.style.height,
|
|
61
|
+
width: body.style.width,
|
|
62
|
+
boxSizing: body.style.boxSizing,
|
|
63
|
+
overflowY: body.style.overflowY,
|
|
64
|
+
overflowX: body.style.overflowX,
|
|
65
|
+
scrollBehavior: body.style.scrollBehavior,
|
|
66
|
+
};
|
|
67
|
+
const isScrollableY = html.scrollHeight > html.clientHeight;
|
|
68
|
+
const isScrollableX = html.scrollWidth > html.clientWidth;
|
|
69
|
+
const hasConstantOverflowY = htmlStyles.overflowY === "scroll" || bodyStyles.overflowY === "scroll";
|
|
70
|
+
const hasConstantOverflowX = htmlStyles.overflowX === "scroll" || bodyStyles.overflowX === "scroll";
|
|
71
|
+
/* Values can be negative in Firefox */
|
|
72
|
+
const scrollbarWidth = Math.max(0, win.innerWidth - html.clientWidth);
|
|
73
|
+
const scrollbarHeight = Math.max(0, win.innerHeight - html.clientHeight);
|
|
74
|
+
/*
|
|
75
|
+
* Avoid shift due to <body> margin. NB: This does cause elements to be clipped
|
|
76
|
+
* with whitespace.
|
|
77
|
+
*/
|
|
78
|
+
const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);
|
|
79
|
+
const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);
|
|
80
|
+
/**
|
|
81
|
+
* Check support for stable scrollbar gutter to avoid layout shift when scrollbars appear/disappear.
|
|
82
|
+
*/
|
|
83
|
+
const supportsStableScrollbarGutter = typeof CSS !== "undefined" &&
|
|
84
|
+
((_a = CSS.supports) === null || _a === void 0 ? void 0 : _a.call(CSS, "scrollbar-gutter", "stable"));
|
|
85
|
+
/*
|
|
86
|
+
* DOM writes:
|
|
87
|
+
* Do not read the DOM past this point!
|
|
88
|
+
*/
|
|
89
|
+
Object.assign(html.style, {
|
|
90
|
+
scrollbarGutter: "stable",
|
|
91
|
+
overflowY: !supportsStableScrollbarGutter &&
|
|
92
|
+
(isScrollableY || hasConstantOverflowY)
|
|
93
|
+
? "scroll"
|
|
94
|
+
: "hidden",
|
|
95
|
+
overflowX: !supportsStableScrollbarGutter &&
|
|
96
|
+
(isScrollableX || hasConstantOverflowX)
|
|
97
|
+
? "scroll"
|
|
98
|
+
: "hidden",
|
|
99
|
+
});
|
|
100
|
+
Object.assign(body.style, {
|
|
101
|
+
/*
|
|
102
|
+
* Keeps existing positioned children in place (e.g. fixed headers).
|
|
103
|
+
*/
|
|
104
|
+
position: "relative",
|
|
105
|
+
/**
|
|
106
|
+
* Limits height to the viewport minus margins/scrollbar compensation to stop vertical overflow from reappearing.
|
|
107
|
+
*/
|
|
108
|
+
height: marginY || scrollbarHeight
|
|
109
|
+
? `calc(100dvh - ${marginY + scrollbarHeight}px)`
|
|
110
|
+
: "100dvh",
|
|
111
|
+
/**
|
|
112
|
+
* Mirrors height-logic for width.
|
|
113
|
+
*/
|
|
114
|
+
width: marginX || scrollbarWidth
|
|
115
|
+
? `calc(100vw - ${marginX + scrollbarWidth}px)`
|
|
116
|
+
: "100vw",
|
|
117
|
+
/**
|
|
118
|
+
* Ensures the adjusted dimensions include padding/border, matching the measured values.
|
|
119
|
+
*/
|
|
120
|
+
boxSizing: "border-box",
|
|
121
|
+
/**
|
|
122
|
+
* Blocks scrollable overflow.
|
|
123
|
+
*/
|
|
124
|
+
overflow: "hidden",
|
|
125
|
+
/**
|
|
126
|
+
* Removes smooth-scrolling so immediate position restores occur without animation.
|
|
127
|
+
*/
|
|
128
|
+
scrollBehavior: "unset",
|
|
129
|
+
});
|
|
130
|
+
body.scrollTop = scrollTop;
|
|
131
|
+
body.scrollLeft = scrollLeft;
|
|
132
|
+
html.setAttribute("data-aksel-scroll-locked", "");
|
|
133
|
+
html.style.scrollBehavior = "unset";
|
|
134
|
+
}
|
|
135
|
+
/**
|
|
136
|
+
* Restores the original scroll position and styles to Html and Body element.
|
|
137
|
+
*/
|
|
138
|
+
function cleanup() {
|
|
139
|
+
Object.assign(html.style, originalHtmlStyles);
|
|
140
|
+
Object.assign(body.style, originalBodyStyles);
|
|
141
|
+
html.scrollTop = scrollTop;
|
|
142
|
+
html.scrollLeft = scrollLeft;
|
|
143
|
+
html.removeAttribute("data-aksel-scroll-locked");
|
|
144
|
+
html.style.scrollBehavior = originalHtmlScrollBehavior;
|
|
145
|
+
}
|
|
146
|
+
/**
|
|
147
|
+
* On resize, restore original styles, then re-apply scroll lock next frame.
|
|
148
|
+
*/
|
|
149
|
+
function handleResize() {
|
|
150
|
+
cleanup();
|
|
151
|
+
if (resizeRaf) {
|
|
152
|
+
cancelAnimationFrame(resizeRaf);
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* Wait until next frame to re-apply scroll lock ensuring layout has settled after resize.
|
|
156
|
+
*/
|
|
157
|
+
resizeRaf = requestAnimationFrame(lockScroll);
|
|
158
|
+
}
|
|
159
|
+
lockScroll();
|
|
160
|
+
win.addEventListener("resize", handleResize);
|
|
161
|
+
return () => {
|
|
162
|
+
if (resizeRaf) {
|
|
163
|
+
cancelAnimationFrame(resizeRaf);
|
|
164
|
+
}
|
|
165
|
+
cleanup();
|
|
166
|
+
win.removeEventListener("resize", handleResize);
|
|
167
|
+
};
|
|
168
|
+
}
|
|
169
|
+
class ScrollLocker {
|
|
170
|
+
constructor() {
|
|
171
|
+
this.lockCount = 0;
|
|
172
|
+
this.restore = null;
|
|
173
|
+
this.timeoutLock = useTimeout_1.Timeout.create();
|
|
174
|
+
this.timeoutUnlock = useTimeout_1.Timeout.create();
|
|
175
|
+
/**
|
|
176
|
+
* Releases a lock
|
|
177
|
+
* - If last lock, unlock document-scroll.
|
|
178
|
+
* - If not last lock, do nothing.
|
|
179
|
+
*/
|
|
180
|
+
this.release = () => {
|
|
181
|
+
this.lockCount -= 1;
|
|
182
|
+
if (this.lockCount === 0 && this.restore) {
|
|
183
|
+
this.timeoutUnlock.start(0, this.unlock);
|
|
184
|
+
}
|
|
185
|
+
};
|
|
186
|
+
this.unlock = () => {
|
|
187
|
+
var _a;
|
|
188
|
+
if (this.lockCount === 0 && this.restore) {
|
|
189
|
+
(_a = this.restore) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
190
|
+
this.restore = null;
|
|
191
|
+
}
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
/**
|
|
195
|
+
* Aquires a new lock
|
|
196
|
+
* - If first lock, lock document-scroll.
|
|
197
|
+
* - If not first lock, do nothing.
|
|
198
|
+
*/
|
|
199
|
+
acquire(referenceElement) {
|
|
200
|
+
this.lockCount += 1;
|
|
201
|
+
if (this.lockCount === 1 && this.restore === null) {
|
|
202
|
+
/*
|
|
203
|
+
* Delay locking to avoid layout thrashing when multiple locks/unlocks are requested in quick succession.
|
|
204
|
+
*/
|
|
205
|
+
this.timeoutLock.start(0, () => this.lock(referenceElement));
|
|
206
|
+
}
|
|
207
|
+
return this.release;
|
|
208
|
+
}
|
|
209
|
+
lock(referenceElement) {
|
|
210
|
+
if (this.lockCount === 0 || this.restore !== null) {
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
const doc = (0, owner_1.ownerDocument)(referenceElement);
|
|
214
|
+
const html = doc.documentElement;
|
|
215
|
+
const htmlOverflowY = (0, owner_1.ownerWindow)(html).getComputedStyle(html).overflowY;
|
|
216
|
+
/* If the site author already hid overflow on <html>, respect it and bail out. */
|
|
217
|
+
if (htmlOverflowY === "hidden" || htmlOverflowY === "clip") {
|
|
218
|
+
this.restore = () => { };
|
|
219
|
+
return;
|
|
220
|
+
}
|
|
221
|
+
const shouldUseBasicLock = detectBrowser_1.isIOS || !hasInsetScrollbars(referenceElement);
|
|
222
|
+
/**
|
|
223
|
+
* On iOS, the standard scroll locking method does not work properly if the navbar is collapsed.
|
|
224
|
+
* The following must be researched extensively before activating standard scroll locking on iOS:
|
|
225
|
+
* - Textboxes must scroll into view when focused, and not cause a glitchy scroll animation.
|
|
226
|
+
* - The navbar must not force itself into view and cause layout shift.
|
|
227
|
+
* - Scroll containers must not flicker upon closing a popup when it has an exit animation.
|
|
228
|
+
*/
|
|
229
|
+
this.restore = shouldUseBasicLock
|
|
230
|
+
? preventScrollBasic(referenceElement)
|
|
231
|
+
: preventScrollStandard(referenceElement);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
const SCROLL_LOCKER = new ScrollLocker();
|
|
235
|
+
/**
|
|
236
|
+
* Locks the scroll of the document when enabled.
|
|
237
|
+
* @param enabled - Whether to enable the scroll lock.
|
|
238
|
+
*/
|
|
239
|
+
function useScrollLock(params) {
|
|
240
|
+
const { enabled = true, mounted, open, referenceElement = null } = params;
|
|
241
|
+
/**
|
|
242
|
+
* When closing elements with "sloppy clicks" (clicks that start inside the element and ends outside),
|
|
243
|
+
* animating out on WebKit browsers (mounted + not open) can cause the whole page to be selected.
|
|
244
|
+
* To prevent this, we temporarily disable user-select on body while the element is animating out.
|
|
245
|
+
* This bug might be fixed in newer WebKit versions.
|
|
246
|
+
*
|
|
247
|
+
* @see https://github.com/mui/base-ui/issues/1135
|
|
248
|
+
*/
|
|
249
|
+
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
250
|
+
if (enabled && detectBrowser_1.isWebKit && mounted && !open) {
|
|
251
|
+
const doc = (0, owner_1.ownerDocument)(referenceElement);
|
|
252
|
+
const originalUserSelect = doc.body.style.userSelect;
|
|
253
|
+
const originalWebkitUserSelect = doc.body.style.webkitUserSelect;
|
|
254
|
+
doc.body.style.userSelect = "none";
|
|
255
|
+
doc.body.style.webkitUserSelect = "none";
|
|
256
|
+
return () => {
|
|
257
|
+
doc.body.style.userSelect = originalUserSelect;
|
|
258
|
+
doc.body.style.webkitUserSelect = originalWebkitUserSelect;
|
|
259
|
+
};
|
|
260
|
+
}
|
|
261
|
+
return undefined;
|
|
262
|
+
}, [enabled, mounted, open, referenceElement]);
|
|
263
|
+
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
264
|
+
if (!enabled) {
|
|
265
|
+
return undefined;
|
|
266
|
+
}
|
|
267
|
+
return SCROLL_LOCKER.acquire(referenceElement);
|
|
268
|
+
}, [enabled, referenceElement]);
|
|
269
|
+
}
|
|
270
|
+
//# sourceMappingURL=useScrollLock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../../src/util/hooks/useScrollLock.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ const AccordionHeader = forwardRef((_a, ref) => {
|
|
|
30
30
|
let headingSize = (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small";
|
|
31
31
|
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
32
32
|
/* Fallback to "medium" Accordion-size if any other sizes are used */
|
|
33
|
-
headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "
|
|
33
|
+
headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "large" ? "small" : "xsmall";
|
|
34
34
|
}
|
|
35
35
|
return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cn("navds-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
|
|
36
36
|
React.createElement("span", { className: cn("navds-accordion__icon-wrapper") },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACxE,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -7,7 +7,8 @@ export const ToggleListButton = forwardRef((_, ref) => {
|
|
|
7
7
|
const { cn } = useRenameCSS();
|
|
8
8
|
const { isListOpen, toggleIsListOpen } = useFilteredOptionsContext();
|
|
9
9
|
const { focusInput } = useInputContext();
|
|
10
|
-
return (React.createElement("div", { ref: ref, onClick: () => {
|
|
10
|
+
return (React.createElement("div", { ref: ref, onClick: (event) => {
|
|
11
|
+
event.stopPropagation();
|
|
11
12
|
toggleIsListOpen();
|
|
12
13
|
focusInput();
|
|
13
14
|
}, className: cn("navds-combobox__button-toggle-list"), "aria-hidden": true }, isListOpen ? React.createElement(ChevronUpIcon, null) : React.createElement(ChevronDownIcon, null)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,yBAGlD,UAAU,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
|
package/esm/modal/Modal.js
CHANGED
|
@@ -19,11 +19,12 @@ import { Detail, Heading } from "../typography/index.js";
|
|
|
19
19
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
20
20
|
import { useId } from "../util/hooks/index.js";
|
|
21
21
|
import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
|
|
22
|
+
import { useScrollLock } from "../util/hooks/useScrollLock.js";
|
|
22
23
|
import { ModalContextProvider, useModalContext } from "./Modal.context.js";
|
|
23
24
|
import ModalBody from "./ModalBody.js";
|
|
24
25
|
import ModalFooter from "./ModalFooter.js";
|
|
25
26
|
import ModalHeader from "./ModalHeader.js";
|
|
26
|
-
import { coordsAreInside, getCloseHandler, useBodyScrollLock, } from "./ModalUtils.js";
|
|
27
|
+
import { coordsAreInside, getCloseHandler, useBodyScrollLock, useIsModalOpen, } from "./ModalUtils.js";
|
|
27
28
|
import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
|
|
28
29
|
/**
|
|
29
30
|
* A component that displays a modal dialog.
|
|
@@ -83,6 +84,7 @@ export const Modal = forwardRef((_a, ref) => {
|
|
|
83
84
|
const portalNode = useFloatingPortalNode({ root: rootElement });
|
|
84
85
|
const dateContext = useDateInputContext(false);
|
|
85
86
|
const isNested = useModalContext(false) !== undefined;
|
|
87
|
+
const isModalOpen = useIsModalOpen(modalRef.current);
|
|
86
88
|
if (isNested && !dateContext) {
|
|
87
89
|
console.error("Modals should not be nested");
|
|
88
90
|
}
|
|
@@ -115,6 +117,16 @@ export const Modal = forwardRef((_a, ref) => {
|
|
|
115
117
|
}
|
|
116
118
|
}
|
|
117
119
|
}, [portalNode, open]);
|
|
120
|
+
useScrollLock({
|
|
121
|
+
enabled: isModalOpen,
|
|
122
|
+
mounted: isModalOpen,
|
|
123
|
+
open: isModalOpen,
|
|
124
|
+
referenceElement: modalRef.current,
|
|
125
|
+
});
|
|
126
|
+
/**
|
|
127
|
+
* TODO: Kept for legacy support.
|
|
128
|
+
* - Remove utility in v8 and deprecate body-classes in ModalUtils.ts
|
|
129
|
+
*/
|
|
118
130
|
useBodyScrollLock(modalRef, portalNode, isNested);
|
|
119
131
|
const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
|
|
120
132
|
const mergedClassName = cn("navds-modal", className, {
|
package/esm/modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAEL,eAAe,EACf,eAAe,EACf,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export interface MouseCoordinates {
|
|
|
6
6
|
}
|
|
7
7
|
export declare const coordsAreInside: ({ clientX, clientY }: MouseCoordinates, { left, top, right, bottom }: DOMRect) => boolean;
|
|
8
8
|
export declare function getCloseHandler(modalRef: React.RefObject<HTMLDialogElement | null>, header: ModalProps["header"], onBeforeClose: ModalProps["onBeforeClose"]): (() => false | void | undefined) | undefined;
|
|
9
|
+
declare function useIsModalOpen(modalRef: HTMLDialogElement | null): boolean;
|
|
9
10
|
export declare const BODY_CLASS_LEGACY = "navds-modal__document-body";
|
|
10
|
-
|
|
11
|
-
export
|
|
11
|
+
declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement | null>, portalNode: HTMLElement | null, isNested: boolean): void;
|
|
12
|
+
export { useIsModalOpen, useBodyScrollLock };
|
package/esm/modal/ModalUtils.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
2
|
import { ownerDocument } from "../util/owner.js";
|
|
3
3
|
export const coordsAreInside = ({ clientX, clientY }, { left, top, right, bottom }) => {
|
|
4
4
|
if (clientX < left || clientY < top)
|
|
@@ -15,9 +15,28 @@ export function getCloseHandler(modalRef, header, onBeforeClose) {
|
|
|
15
15
|
}
|
|
16
16
|
return () => { var _a; return (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); };
|
|
17
17
|
}
|
|
18
|
+
function useIsModalOpen(modalRef) {
|
|
19
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (!modalRef) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
setIsOpen(modalRef.open);
|
|
25
|
+
const observer = new MutationObserver(() => {
|
|
26
|
+
setIsOpen(modalRef.open);
|
|
27
|
+
});
|
|
28
|
+
observer.observe(modalRef, {
|
|
29
|
+
attributes: true,
|
|
30
|
+
attributeFilter: ["open"],
|
|
31
|
+
});
|
|
32
|
+
return () => {
|
|
33
|
+
observer.disconnect();
|
|
34
|
+
};
|
|
35
|
+
}, [modalRef]);
|
|
36
|
+
return isOpen;
|
|
37
|
+
}
|
|
18
38
|
export const BODY_CLASS_LEGACY = "navds-modal__document-body";
|
|
19
|
-
|
|
20
|
-
export function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
39
|
+
function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
21
40
|
React.useEffect(() => {
|
|
22
41
|
if (isNested) {
|
|
23
42
|
return;
|
|
@@ -29,15 +48,15 @@ export function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
29
48
|
const ownerDoc = ownerDocument(modalRef.current);
|
|
30
49
|
// In case `open` is true initially
|
|
31
50
|
if (modalRef.current.open) {
|
|
32
|
-
ownerDoc.body.classList.add(
|
|
51
|
+
ownerDoc.body.classList.add(BODY_CLASS_LEGACY);
|
|
33
52
|
}
|
|
34
53
|
const observer = new MutationObserver(() => {
|
|
35
54
|
var _a;
|
|
36
55
|
if ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.open) {
|
|
37
|
-
ownerDoc.body.classList.add(
|
|
56
|
+
ownerDoc.body.classList.add(BODY_CLASS_LEGACY);
|
|
38
57
|
}
|
|
39
58
|
else {
|
|
40
|
-
ownerDoc.body.classList.remove(
|
|
59
|
+
ownerDoc.body.classList.remove(BODY_CLASS_LEGACY);
|
|
41
60
|
}
|
|
42
61
|
});
|
|
43
62
|
observer.observe(modalRef.current, {
|
|
@@ -47,8 +66,9 @@ export function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
47
66
|
return () => {
|
|
48
67
|
observer.disconnect();
|
|
49
68
|
// In case modal is unmounted before it's closed
|
|
50
|
-
ownerDoc.body.classList.remove(
|
|
69
|
+
ownerDoc.body.classList.remove(BODY_CLASS_LEGACY);
|
|
51
70
|
};
|
|
52
71
|
}, [modalRef, portalNode, isNested]);
|
|
53
72
|
}
|
|
73
|
+
export { useIsModalOpen, useBodyScrollLock };
|
|
54
74
|
//# sourceMappingURL=ModalUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,28 @@
|
|
|
1
1
|
const hasNavigator = typeof navigator !== "undefined";
|
|
2
|
+
function getNavigatorData() {
|
|
3
|
+
var _a, _b;
|
|
4
|
+
if (!hasNavigator) {
|
|
5
|
+
return { platform: "", maxTouchPoints: -1 };
|
|
6
|
+
}
|
|
7
|
+
const uaData = navigator.userAgentData;
|
|
8
|
+
if (uaData === null || uaData === void 0 ? void 0 : uaData.platform) {
|
|
9
|
+
return {
|
|
10
|
+
platform: uaData.platform,
|
|
11
|
+
maxTouchPoints: navigator.maxTouchPoints,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
return {
|
|
15
|
+
platform: (_a = navigator.platform) !== null && _a !== void 0 ? _a : "",
|
|
16
|
+
maxTouchPoints: (_b = navigator.maxTouchPoints) !== null && _b !== void 0 ? _b : -1,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
const nav = getNavigatorData();
|
|
2
20
|
const isSafari = hasNavigator && /apple/i.test(navigator.vendor);
|
|
3
|
-
|
|
21
|
+
const isWebKit = typeof CSS === "undefined" || !CSS.supports
|
|
22
|
+
? false
|
|
23
|
+
: CSS.supports("-webkit-backdrop-filter:none");
|
|
24
|
+
const isIOS = nav.platform === "MacIntel" && nav.maxTouchPoints > 1
|
|
25
|
+
? true
|
|
26
|
+
: /iP(hone|ad|od)|iOS/.test(nav.platform);
|
|
27
|
+
export { isSafari, isWebKit, isIOS };
|
|
4
28
|
//# sourceMappingURL=detectBrowser.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detectBrowser.js","sourceRoot":"","sources":["../../src/util/detectBrowser.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"detectBrowser.js","sourceRoot":"","sources":["../../src/util/detectBrowser.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC;AAQtD,SAAS,gBAAgB;;IACvB,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,MAAM,MAAM,GAAI,SAAiB,CAAC,aAErB,CAAC;IAEd,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,CAAC;QACrB,OAAO;YACL,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,cAAc,EAAE,SAAS,CAAC,cAAc;SACzC,CAAC;IACJ,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,mCAAI,EAAE;QAClC,cAAc,EAAE,MAAA,SAAS,CAAC,cAAc,mCAAI,CAAC,CAAC;KAC/C,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;AAE/B,MAAM,QAAQ,GAAG,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAEjE,MAAM,QAAQ,GACZ,OAAO,GAAG,KAAK,WAAW,IAAI,CAAC,GAAG,CAAC,QAAQ;IACzC,CAAC,CAAC,KAAK;IACP,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC;AAEnD,MAAM,KAAK,GACT,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,CAAC,cAAc,GAAG,CAAC;IACnD,CAAC,CAAC,IAAI;IACN,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type UndoFn = () => void;
|
|
2
|
+
/**
|
|
3
|
+
* Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
|
|
4
|
+
* @param avoidElements - An array of elements to avoid hiding.
|
|
5
|
+
* @returns A function that, when called, will undo the hiding of elements.
|
|
6
|
+
*/
|
|
7
|
+
declare function hideNonTargetElements(avoidElements: Element[]): UndoFn;
|
|
8
|
+
export { hideNonTargetElements };
|