@navikt/ds-react 7.32.4 → 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/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/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/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/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 +4 -4
- 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/detectBrowser.ts +41 -1
- package/src/util/hooks/useScrollLock.ts +317 -0
package/cjs/modal/Modal.js
CHANGED
|
@@ -58,6 +58,7 @@ const typography_1 = require("../typography");
|
|
|
58
58
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
59
59
|
const hooks_1 = require("../util/hooks");
|
|
60
60
|
const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
|
|
61
|
+
const useScrollLock_1 = require("../util/hooks/useScrollLock");
|
|
61
62
|
const Modal_context_1 = require("./Modal.context");
|
|
62
63
|
const ModalBody_1 = __importDefault(require("./ModalBody"));
|
|
63
64
|
const ModalFooter_1 = __importDefault(require("./ModalFooter"));
|
|
@@ -122,6 +123,7 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
122
123
|
const portalNode = (0, react_1.useFloatingPortalNode)({ root: rootElement });
|
|
123
124
|
const dateContext = (0, Date_Input_1.useDateInputContext)(false);
|
|
124
125
|
const isNested = (0, Modal_context_1.useModalContext)(false) !== undefined;
|
|
126
|
+
const isModalOpen = (0, ModalUtils_1.useIsModalOpen)(modalRef.current);
|
|
125
127
|
if (isNested && !dateContext) {
|
|
126
128
|
console.error("Modals should not be nested");
|
|
127
129
|
}
|
|
@@ -154,6 +156,16 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
154
156
|
}
|
|
155
157
|
}
|
|
156
158
|
}, [portalNode, open]);
|
|
159
|
+
(0, useScrollLock_1.useScrollLock)({
|
|
160
|
+
enabled: isModalOpen,
|
|
161
|
+
mounted: isModalOpen,
|
|
162
|
+
open: isModalOpen,
|
|
163
|
+
referenceElement: modalRef.current,
|
|
164
|
+
});
|
|
165
|
+
/**
|
|
166
|
+
* TODO: Kept for legacy support.
|
|
167
|
+
* - Remove utility in v8 and deprecate body-classes in ModalUtils.ts
|
|
168
|
+
*/
|
|
157
169
|
(0, ModalUtils_1.useBodyScrollLock)(modalRef, portalNode, isNested);
|
|
158
170
|
const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
|
|
159
171
|
const mergedClassName = cn("navds-modal", className, {
|
package/cjs/modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA2D;AAC3D,+CAA6D;AAC7D,yCAAyC;AACzC,mDAAyD;AACzD,mDAAmD;AACnD,0CAA8C;AAC9C,8CAAgD;AAChD,uEAAoE;AACpE,yCAAsC;AACtC,6DAA0D;AAC1D,mDAAwE;AACxE,4DAAoC;AACpC,gEAAwC;AACxC,gEAAwC;AACxC,
|
|
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/cjs/modal/ModalUtils.js
CHANGED
|
@@ -1,12 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
5
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
36
|
+
exports.BODY_CLASS_LEGACY = exports.coordsAreInside = void 0;
|
|
7
37
|
exports.getCloseHandler = getCloseHandler;
|
|
38
|
+
exports.useIsModalOpen = useIsModalOpen;
|
|
8
39
|
exports.useBodyScrollLock = useBodyScrollLock;
|
|
9
|
-
const react_1 =
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
10
41
|
const owner_1 = require("../util/owner");
|
|
11
42
|
const coordsAreInside = ({ clientX, clientY }, { left, top, right, bottom }) => {
|
|
12
43
|
if (clientX < left || clientY < top)
|
|
@@ -24,8 +55,27 @@ function getCloseHandler(modalRef, header, onBeforeClose) {
|
|
|
24
55
|
}
|
|
25
56
|
return () => { var _a; return (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); };
|
|
26
57
|
}
|
|
58
|
+
function useIsModalOpen(modalRef) {
|
|
59
|
+
const [isOpen, setIsOpen] = react_1.default.useState(false);
|
|
60
|
+
(0, react_1.useEffect)(() => {
|
|
61
|
+
if (!modalRef) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
setIsOpen(modalRef.open);
|
|
65
|
+
const observer = new MutationObserver(() => {
|
|
66
|
+
setIsOpen(modalRef.open);
|
|
67
|
+
});
|
|
68
|
+
observer.observe(modalRef, {
|
|
69
|
+
attributes: true,
|
|
70
|
+
attributeFilter: ["open"],
|
|
71
|
+
});
|
|
72
|
+
return () => {
|
|
73
|
+
observer.disconnect();
|
|
74
|
+
};
|
|
75
|
+
}, [modalRef]);
|
|
76
|
+
return isOpen;
|
|
77
|
+
}
|
|
27
78
|
exports.BODY_CLASS_LEGACY = "navds-modal__document-body";
|
|
28
|
-
exports.BODY_CLASS = "aksel-modal__document-body";
|
|
29
79
|
function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
30
80
|
react_1.default.useEffect(() => {
|
|
31
81
|
if (isNested) {
|
|
@@ -38,15 +88,15 @@ function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
38
88
|
const ownerDoc = (0, owner_1.ownerDocument)(modalRef.current);
|
|
39
89
|
// In case `open` is true initially
|
|
40
90
|
if (modalRef.current.open) {
|
|
41
|
-
ownerDoc.body.classList.add(exports.
|
|
91
|
+
ownerDoc.body.classList.add(exports.BODY_CLASS_LEGACY);
|
|
42
92
|
}
|
|
43
93
|
const observer = new MutationObserver(() => {
|
|
44
94
|
var _a;
|
|
45
95
|
if ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.open) {
|
|
46
|
-
ownerDoc.body.classList.add(exports.
|
|
96
|
+
ownerDoc.body.classList.add(exports.BODY_CLASS_LEGACY);
|
|
47
97
|
}
|
|
48
98
|
else {
|
|
49
|
-
ownerDoc.body.classList.remove(exports.
|
|
99
|
+
ownerDoc.body.classList.remove(exports.BODY_CLASS_LEGACY);
|
|
50
100
|
}
|
|
51
101
|
});
|
|
52
102
|
observer.observe(modalRef.current, {
|
|
@@ -56,7 +106,7 @@ function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
56
106
|
return () => {
|
|
57
107
|
observer.disconnect();
|
|
58
108
|
// In case modal is unmounted before it's closed
|
|
59
|
-
ownerDoc.body.classList.remove(exports.
|
|
109
|
+
ownerDoc.body.classList.remove(exports.BODY_CLASS_LEGACY);
|
|
60
110
|
};
|
|
61
111
|
}, [modalRef, portalNode, isNested]);
|
|
62
112
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isSafari = void 0;
|
|
3
|
+
exports.isIOS = exports.isWebKit = exports.isSafari = void 0;
|
|
4
4
|
const hasNavigator = typeof navigator !== "undefined";
|
|
5
|
+
function getNavigatorData() {
|
|
6
|
+
var _a, _b;
|
|
7
|
+
if (!hasNavigator) {
|
|
8
|
+
return { platform: "", maxTouchPoints: -1 };
|
|
9
|
+
}
|
|
10
|
+
const uaData = navigator.userAgentData;
|
|
11
|
+
if (uaData === null || uaData === void 0 ? void 0 : uaData.platform) {
|
|
12
|
+
return {
|
|
13
|
+
platform: uaData.platform,
|
|
14
|
+
maxTouchPoints: navigator.maxTouchPoints,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
return {
|
|
18
|
+
platform: (_a = navigator.platform) !== null && _a !== void 0 ? _a : "",
|
|
19
|
+
maxTouchPoints: (_b = navigator.maxTouchPoints) !== null && _b !== void 0 ? _b : -1,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
const nav = getNavigatorData();
|
|
5
23
|
const isSafari = hasNavigator && /apple/i.test(navigator.vendor);
|
|
6
24
|
exports.isSafari = isSafari;
|
|
25
|
+
const isWebKit = typeof CSS === "undefined" || !CSS.supports
|
|
26
|
+
? false
|
|
27
|
+
: CSS.supports("-webkit-backdrop-filter:none");
|
|
28
|
+
exports.isWebKit = isWebKit;
|
|
29
|
+
const isIOS = nav.platform === "MacIntel" && nav.maxTouchPoints > 1
|
|
30
|
+
? true
|
|
31
|
+
: /iP(hone|ad|od)|iOS/.test(nav.platform);
|
|
32
|
+
exports.isIOS = isIOS;
|
|
7
33
|
//# 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;AAYxD,4BAAQ;AAVjB,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;AAOhC,4BAAQ;AAL3B,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;AAEjB,sBAAK"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Locks the scroll of the document when enabled.
|
|
3
|
+
* @param enabled - Whether to enable the scroll lock.
|
|
4
|
+
*/
|
|
5
|
+
declare function useScrollLock(params: {
|
|
6
|
+
enabled: boolean;
|
|
7
|
+
mounted: boolean;
|
|
8
|
+
open: boolean;
|
|
9
|
+
referenceElement?: Element | null;
|
|
10
|
+
}): void;
|
|
11
|
+
export { useScrollLock };
|
|
@@ -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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"}
|
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 };
|