@skatteetaten/ds-overlays 1.3.0 → 1.4.0

package/Modal/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId, useRef, useImperativeHandle } from 'react';
+import { forwardRef, useId, useRef, useImperativeHandle, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { IconButton } from '@skatteetaten/ds-buttons';
 import { dsI18n, SkatteetatenLogo, Separator, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
@@ -42,6 +42,17 @@ shadowRootNode, onClose, children }, ref)=>{
     });
     const modalRef = useRef(null);
     useImperativeHandle(ref, ()=>modalRef?.current);
+    useEffect(()=>{
+        /**
+       * Hvis konsument endrer children i en åpen modal, vil fokus settes til body og dismissOnEsc vil slutte å fungere.
+       * Setter derfor fokus tilbake til modalen.
+       */ if (!dismissOnEsc && modalRef.current?.open && document.activeElement?.nodeName === 'BODY') {
+            modalRef.current.focus();
+        }
+    }, [
+        children,
+        dismissOnEsc
+    ]);
     const isClickOutside = (event)=>{
         if (!(event.target instanceof HTMLElement)) {
             return true;
@@ -78,7 +89,8 @@ shadowRootNode, onClose, children }, ref)=>{
         "data-testid": dataTestId,
         "aria-labelledby": headingId,
         autoFocus: true,
-        /* Merk at onCancel kan ikke brukes til å hindre lukking fordi to trykk på esc lukker allikevel i chrome  */ onKeyDown: (e)=>{
+        /* Må bruke onCancel i kombinasjon med onKeyDown siden to trykk på esc lukker modalen i chrome (https://issues.chromium.org/issues/41491338) */ onCancel: (e)=>!dismissOnEsc && e.preventDefault(),
+        onKeyDown: (e)=>{
             if (e.key === 'Escape') {
                 if (dismissOnEsc) {
                     onClose?.();

package/Popover/index.esm.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { useFloating, autoUpdate, offset, flip, shift, arrow, useDismiss, useInteractions } from '@floating-ui/react';
 import { useMediaQuery } from '@skatteetaten/ds-core-utils';
-import { P as PopoverContent, a as getPopoverPositionDefault } from '../PopoverContent-o3iFbvYe.js';
-export { g as getPopoverColorDefault, b as getPopoverRestoreFocusDefault } from '../PopoverContent-o3iFbvYe.js';
+import { P as PopoverContent, a as getPopoverPositionDefault } from '../PopoverContent.esm.js';
+export { g as getPopoverColorDefault, b as getPopoverRestoreFocusDefault } from '../PopoverContent.esm.js';
 import { PopoverContext } from '../PopoverContext/index.esm.js';
 import { PopoverTrigger } from '../PopoverTrigger/index.esm.js';
 import 'react-i18next';

package/PopoverContent/index.esm.js

@@ -5,5 +5,5 @@ import '@floating-ui/react';
 import '@skatteetaten/ds-buttons';
 import '@skatteetaten/ds-core-utils';
 import '@skatteetaten/ds-icons';
-export { P as PopoverContent } from '../PopoverContent-o3iFbvYe.js';
+export { P as PopoverContent } from '../PopoverContent.esm.js';
 import '../PopoverContext/index.esm.js';

package/index.esm.js

@@ -1,7 +1,7 @@
 export { Modal, getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault, getModalPaddingDefault, getModalVariantDefault } from './Modal/index.esm.js';
 export { Popover } from './Popover/index.esm.js';
 import { colorNamesArr } from '@skatteetaten/ds-core-utils';
-export { g as getPopoverColorDefault, a as getPopoverPositionDefault, b as getPopoverRestoreFocusDefault } from './PopoverContent-o3iFbvYe.js';
+export { g as getPopoverColorDefault, a as getPopoverPositionDefault, b as getPopoverRestoreFocusDefault } from './PopoverContent.esm.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-i18next';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skatteetaten/ds-overlays",
   "groupId": "no.skatteetaten.aurora",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "main": "./index.esm.js",
   "type": "module",
   "module": "./index.esm.js",
@@ -10,16 +10,17 @@
     "type": "git",
     "url": "git+https://github.com/Skatteetaten/designsystemet.git"
   },
+  "license": "Apache-2.0",
   "homepage": "https://www.skatteetaten.no/stilogtone/designsystemet/",
   "peerDependencies": {
     "i18next": "^23",
     "react": "^18",
     "react-i18next": "^14",
-    "@skatteetaten/ds-core-utils": "1.3.0",
-    "@skatteetaten/ds-buttons": "1.3.0",
-    "@skatteetaten/ds-icons": "1.3.0",
-    "@skatteetaten/ds-typography": "1.3.0",
-    "@skatteetaten/ds-progress": "1.3.0",
+    "@skatteetaten/ds-core-utils": "1.4.0",
+    "@skatteetaten/ds-buttons": "1.4.0",
+    "@skatteetaten/ds-icons": "1.4.0",
+    "@skatteetaten/ds-typography": "1.4.0",
+    "@skatteetaten/ds-progress": "1.4.0",
     "@floating-ui/react": "0.26.17"
   },
   "dependencies": {},