@skatteetaten/ds-overlays 0.5.2 → 0.6.1
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/Modal/index.esm.js +4 -3
- package/package.json +3 -2
- package/src/Modal/Modal.types.d.ts +1 -0
package/Modal/index.esm.js
CHANGED
|
@@ -1148,6 +1148,7 @@ const Modal = /*#__PURE__*/forwardRef(({
|
|
|
1148
1148
|
padding: _padding = getModalPaddingDefault(),
|
|
1149
1149
|
title,
|
|
1150
1150
|
variant: _variant = getModalVariantDefault(),
|
|
1151
|
+
shadowRootNode,
|
|
1151
1152
|
onClose,
|
|
1152
1153
|
children
|
|
1153
1154
|
}, ref) => {
|
|
@@ -1166,8 +1167,8 @@ const Modal = /*#__PURE__*/forwardRef(({
|
|
|
1166
1167
|
}
|
|
1167
1168
|
const onClickOutside = event => {
|
|
1168
1169
|
var _a;
|
|
1169
|
-
const element = event.target;
|
|
1170
|
-
if (!(event.target instanceof HTMLElement) || element.tagName !== 'DIALOG') {
|
|
1170
|
+
const element = shadowRootNode ? shadowRootNode === null || shadowRootNode === void 0 ? void 0 : shadowRootNode.activeElement : event.target;
|
|
1171
|
+
if (!(event.target instanceof HTMLElement) || (element === null || element === void 0 ? void 0 : element.tagName) !== 'DIALOG') {
|
|
1171
1172
|
return;
|
|
1172
1173
|
}
|
|
1173
1174
|
const rect = event.target.getBoundingClientRect();
|
|
@@ -1180,7 +1181,7 @@ const Modal = /*#__PURE__*/forwardRef(({
|
|
|
1180
1181
|
return () => {
|
|
1181
1182
|
document.removeEventListener('click', onClickOutside, true);
|
|
1182
1183
|
};
|
|
1183
|
-
}, [modalRef, _dismissOnOutsideClick, onClose]);
|
|
1184
|
+
}, [modalRef, _dismissOnOutsideClick, onClose, shadowRootNode]);
|
|
1184
1185
|
const hideTitleClassName = hideTitle ? styles.srOnly : '';
|
|
1185
1186
|
const hideOutlineClassName = _variant === 'plain' || _variant === 'important' ? styles.modalNoBorder : '';
|
|
1186
1187
|
const paddingClassName = styles[`modalPadding${_padding.toUpperCase()}`];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skatteetaten/ds-overlays",
|
|
3
3
|
"groupId": "no.skatteetaten.aurora",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.6.1",
|
|
5
5
|
"main": "./index.esm.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"module": "./index.esm.js",
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"@skatteetaten/ds-core-utils": "*",
|
|
18
18
|
"@skatteetaten/ds-buttons": "*",
|
|
19
19
|
"@skatteetaten/ds-icons": "*",
|
|
20
|
-
"@skatteetaten/ds-typography": "*"
|
|
20
|
+
"@skatteetaten/ds-typography": "*",
|
|
21
|
+
"@skatteetaten/ds-progress": "*"
|
|
21
22
|
},
|
|
22
23
|
"scripts": {}
|
|
23
24
|
}
|
|
@@ -29,6 +29,7 @@ export interface ModalProps extends BaseProps {
|
|
|
29
29
|
imageSource?: string;
|
|
30
30
|
/** Alt tekst til illustrasjonsbilde. Hvis bildet er meningsbærende, legg på alt tekst. */
|
|
31
31
|
imageSourceAltText?: string;
|
|
32
|
+
shadowRootNode?: Document | ShadowRoot;
|
|
32
33
|
/** Callback når modalen lukkes */
|
|
33
34
|
onClose?: () => void;
|
|
34
35
|
}
|