@skatteetaten/ds-overlays 2.0.0 → 2.1.0

package/Modal/Modal.module.scss.esm.js

@@ -0,0 +1,17 @@
+var styles = {
+    "modal": "Modal-module_modal__Kyr-Y",
+    "modalContainer": "Modal-module_modalContainer__muf75",
+    "modalHeading": "Modal-module_modalHeading__uwT1R",
+    "modalHeadingNoPadding": "Modal-module_modalHeadingNoPadding__t2hkH",
+    "modalIllustration": "Modal-module_modalIllustration__jbA32",
+    "modalPaddingNONE": "Modal-module_modalPaddingNONE__02HaX",
+    "modalPaddingS": "Modal-module_modalPaddingS__O93ax",
+    "modalPaddingM": "Modal-module_modalPaddingM__c5Wi2",
+    "modalPaddingL": "Modal-module_modalPaddingL__IbVyg",
+    "modalPaddingMEGA": "Modal-module_modalPaddingMEGA__wWHwS",
+    "modalNoPaddingTop": "Modal-module_modalNoPaddingTop__REBWr",
+    "closeButton": "Modal-module_closeButton__jgbDq",
+    "srOnly": "Modal-module_srOnly__W8dQv"
+};
+
+export { styles as default };

package/Modal/Modal.types.esm.js

@@ -0,0 +1,13 @@
+const modalPaddingArr = [
+    'none',
+    's',
+    'm',
+    'l',
+    'mega'
+];
+const modalVariantArr = [
+    'outline',
+    'plain'
+];
+
+export { modalPaddingArr, modalVariantArr };

package/Modal/defaults.esm.js

@@ -0,0 +1,6 @@
+const getModalPaddingDefault = ()=>'l';
+const getModalVariantDefault = ()=>'outline';
+const getModalDismissOnOutsideClickDefault = ()=>true;
+const getModalDismissOnEscDefault = ()=>true;
+
+export { getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault, getModalPaddingDefault, getModalVariantDefault };

package/Modal/index.esm.js

@@ -5,30 +5,11 @@ import { IconButton } from '@skatteetaten/ds-buttons';
 import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
 import { CancelSVGpath } from '@skatteetaten/ds-icons';
 import { Heading } from '@skatteetaten/ds-typography';
+import { getModalDismissOnEscDefault, getModalPaddingDefault, getModalVariantDefault, getModalDismissOnOutsideClickDefault } from './defaults.esm.js';
+import styles from './Modal.module.scss.esm.js';
 import './styles.css';
 
 
-const getModalPaddingDefault = ()=>'l';
-const getModalVariantDefault = ()=>'outline';
-const getModalDismissOnOutsideClickDefault = ()=>true;
-const getModalDismissOnEscDefault = ()=>true;
-
-var styles = {
-    "modal": "Modal-module_modal__Kyr-Y",
-    "modalContainer": "Modal-module_modalContainer__muf75",
-    "modalHeading": "Modal-module_modalHeading__uwT1R",
-    "modalHeadingNoPadding": "Modal-module_modalHeadingNoPadding__t2hkH",
-    "modalIllustration": "Modal-module_modalIllustration__jbA32",
-    "modalPaddingNONE": "Modal-module_modalPaddingNONE__02HaX",
-    "modalPaddingS": "Modal-module_modalPaddingS__O93ax",
-    "modalPaddingM": "Modal-module_modalPaddingM__c5Wi2",
-    "modalPaddingL": "Modal-module_modalPaddingL__IbVyg",
-    "modalPaddingMEGA": "Modal-module_modalPaddingMEGA__wWHwS",
-    "modalNoPaddingTop": "Modal-module_modalNoPaddingTop__REBWr",
-    "closeButton": "Modal-module_closeButton__jgbDq",
-    "srOnly": "Modal-module_srOnly__W8dQv"
-};
-
 const Modal = ({ ref, id, className = getCommonClassNameDefault(), classNames, lang, 'data-testid': dataTestId, dismissOnEsc = getModalDismissOnEscDefault(), dismissOnOutsideClick = getModalDismissOnOutsideClickDefault(), hideCloseButton, hideTitle, imageSource, imageSourceAltText, padding = getModalPaddingDefault(), title, variant = getModalVariantDefault(), shadowRootNode, onClose, renderIcon, children })=>{
     const headingId = `modalHeadingId-${useId()}`;
     const { t } = useTranslation('ds_overlays', {

package/Popover/Popover.types.esm.js

@@ -0,0 +1,9 @@
+import { colorNamesArr } from '@skatteetaten/ds-core-utils';
+
+const popoverColorArr = [
+    colorNamesArr[0],
+    colorNamesArr[1],
+    colorNamesArr[6]
+];
+
+export { popoverColorArr };

package/Popover/defaults.esm.js

@@ -0,0 +1,5 @@
+const getPopoverColorDefault = ()=>'forest';
+const getPopoverPositionDefault = ()=>'bottomStart';
+const getPopoverRestoreFocusDefault = ()=>true;
+
+export { getPopoverColorDefault, getPopoverPositionDefault, getPopoverRestoreFocusDefault };

package/Popover/index.esm.js

@@ -2,13 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { useFloating, offset, flip, shift, arrow, autoUpdate, useDismiss, useInteractions } from '@floating-ui/react';
 import { useMediaQuery } from '@skatteetaten/ds-core-utils';
-import { a as getPopoverPositionDefault, P as PopoverContent } from '../PopoverContent.esm.js';
-export { g as getPopoverColorDefault, b as getPopoverRestoreFocusDefault } from '../PopoverContent.esm.js';
+import { getPopoverPositionDefault } from './defaults.esm.js';
+export { getPopoverColorDefault, getPopoverRestoreFocusDefault } from './defaults.esm.js';
+import { PopoverContent } from '../PopoverContent/index.esm.js';
 import { PopoverContext } from '../PopoverContext/index.esm.js';
 import { PopoverTrigger } from '../PopoverTrigger/index.esm.js';
-import 'react-i18next';
-import '@skatteetaten/ds-buttons';
-import '@skatteetaten/ds-icons';
 
 const Popover = (props)=>{
     const { isOpen: controlledOpen, position = getPopoverPositionDefault(), disableAutoDismiss, disableAutoDismissOnMobile, children, onClose } = props;

package/PopoverContent/PopoverContent.module.scss.esm.js

@@ -0,0 +1,16 @@
+var styles = {
+    "popover": "PopoverContent-module_popover__1i7nF",
+    "popover_forest": "PopoverContent-module_popover_forest__-WlLT",
+    "popover_ochre": "PopoverContent-module_popover_ochre__C9YUJ",
+    "popover_white": "PopoverContent-module_popover_white__gwTu5",
+    "popoverContent": "PopoverContent-module_popoverContent__iaSZD",
+    "popoverContentWrapper": "PopoverContent-module_popoverContentWrapper__bhEag",
+    "popoverContentCloseButton": "PopoverContent-module_popoverContentCloseButton__IZs-q",
+    "popoverArrow": "PopoverContent-module_popoverArrow__wCAG8",
+    "popoverArrow_top": "PopoverContent-module_popoverArrow_top__TYOrF",
+    "popoverArrow_bottom": "PopoverContent-module_popoverArrow_bottom__h891-",
+    "popoverArrow_left": "PopoverContent-module_popoverArrow_left__GmPTL",
+    "popoverArrow_right": "PopoverContent-module_popoverArrow_right__MPxU2"
+};
+
+export { styles as default };

package/PopoverContent/index.esm.js

@@ -1,9 +1,83 @@
-import 'react/jsx-runtime';
-import 'react';
-import 'react-i18next';
-import '@floating-ui/react';
-import '@skatteetaten/ds-buttons';
-import '@skatteetaten/ds-core-utils';
-import '@skatteetaten/ds-icons';
-export { P as PopoverContent } from '../PopoverContent.esm.js';
-import '../PopoverContext/index.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useMergeRefs } from '@floating-ui/react';
+import { IconButton } from '@skatteetaten/ds-buttons';
+import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
+import { CancelSVGpath } from '@skatteetaten/ds-icons';
+import { getPopoverColorDefault, getPopoverRestoreFocusDefault } from '../Popover/defaults.esm.js';
+import { PopoverContext } from '../PopoverContext/index.esm.js';
+import styles from './PopoverContent.module.scss.esm.js';
+import './styles.css';
+
+
+/* eslint-disable react/forbid-dom-props */ const PopoverContent = ({ ref, id, className = getCommonClassNameDefault(), lang, 'data-testid': dataTestId, children })=>{
+    const { floatingData, interactions, arrowRef, isOpen, setIsOpen, color = getPopoverColorDefault(), shouldRestoreFocus = getPopoverRestoreFocusDefault(), onClose } = useContext(PopoverContext);
+    const { refs, floatingStyles, placement, middlewareData } = floatingData;
+    const { getFloatingProps } = interactions;
+    const { t } = useTranslation('Shared', {
+        i18n: dsI18n
+    });
+    const side = placement.split('-')[0];
+    const colorClassName = styles[`popover_${color}`];
+    const arrowPositionClassName = styles[`popoverArrow_${side}`];
+    const mergedRef = useMergeRefs([
+        refs.setFloating,
+        ref
+    ]);
+    const staticSide = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right'
+    }[side];
+    if (!isOpen) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        ...getFloatingProps(),
+        ref: mergedRef,
+        style: floatingStyles,
+        id: id,
+        lang: lang,
+        "data-testid": dataTestId,
+        className: `${styles.popover} ${colorClassName} ${className}`.trim(),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: styles.popoverContent,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: styles.popoverContentWrapper,
+                        children: children
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        className: styles.popoverContentCloseButton,
+                        svgPath: CancelSVGpath,
+                        title: t('shared.Close'),
+                        onClick: ()=>{
+                            onClose?.();
+                            setIsOpen(false);
+                            if (shouldRestoreFocus) {
+                                refs.domReference.current?.focus();
+                            }
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                ref: arrowRef,
+                style: {
+                    left: middlewareData.arrow?.x,
+                    top: middlewareData.arrow?.y,
+                    ...staticSide ? {
+                        [staticSide]: `-${(arrowRef.current?.offsetWidth ?? 0) / 2}px`
+                    } : {}
+                },
+                className: `${styles.popoverArrow} ${arrowPositionClassName}`.trim()
+            })
+        ]
+    });
+};
+PopoverContent.displayName = 'PopoverContent';
+
+export { PopoverContent };

package/RolePicker/RolePicker.module.scss.esm.js

@@ -0,0 +1,6 @@
+var styles = {
+    "rolePicker": "RolePicker-module_rolePicker__pTz4X",
+    "rolePickerFooter": "RolePicker-module_rolePickerFooter__64Pj-",
+    "container": "RolePicker-module_container__VtHRL"};
+
+export { styles as default };

package/RolePicker/defaults.esm.js

@@ -0,0 +1,7 @@
+const getRolePickerHideCloseButtonDefault = ()=>false;
+const getRolePickerShowSubunitsDefault = ()=>true;
+const getRolePickerShowInactiveBusinessesDefault = ()=>false;
+const getRolePickerShowDeceasedPeopleDefault = ()=>false;
+const getRolePickerMinimumEntitiesForSearchDefault = ()=>11;
+
+export { getRolePickerHideCloseButtonDefault, getRolePickerMinimumEntitiesForSearchDefault, getRolePickerShowDeceasedPeopleDefault, getRolePickerShowInactiveBusinessesDefault, getRolePickerShowSubunitsDefault };

package/RolePicker/index.esm.js

@@ -5,29 +5,20 @@ import { Button } from '@skatteetaten/ds-buttons';
 import { dsI18n, getCommonClassNameDefault, formatNationalIdentityNumber } from '@skatteetaten/ds-core-utils';
 import { FavoriteSVGpath, LogOutSVGpath } from '@skatteetaten/ds-icons';
 import { Paragraph } from '@skatteetaten/ds-typography';
-import { Modal, getModalDismissOnOutsideClickDefault, getModalDismissOnEscDefault } from '../Modal/index.esm.js';
+import { getRolePickerHideCloseButtonDefault, getRolePickerShowDeceasedPeopleDefault, getRolePickerShowInactiveBusinessesDefault, getRolePickerShowSubunitsDefault, getRolePickerMinimumEntitiesForSearchDefault } from './defaults.esm.js';
+import './styles.css';
+
+import { Modal } from '../Modal/index.esm.js';
 import { RolePickerBusinessList } from '../RolePickerBusinessList/index.esm.js';
 import { RolePickerContext } from '../RolePickerContext/index.esm.js';
 import { RolePickerFilterInput } from '../RolePickerFilterInput/index.esm.js';
 import { RolePickerPeopleList } from '../RolePickerPeopleList/index.esm.js';
 import { RolePickerRow } from '../RolePickerRow/index.esm.js';
-import '@skatteetaten/ds-forms';
-import '@skatteetaten/ds-navigation';
-import '@skatteetaten/ds-status';
+import styles from './RolePicker.module.scss.esm.js';
+import { getModalDismissOnOutsideClickDefault, getModalDismissOnEscDefault } from '../Modal/defaults.esm.js';
 import './styles.css';
 
 
-const getRolePickerHideCloseButtonDefault = ()=>false;
-const getRolePickerShowSubunitsDefault = ()=>true;
-const getRolePickerShowInactiveBusinessesDefault = ()=>false;
-const getRolePickerShowDeceasedPeopleDefault = ()=>false;
-const getRolePickerMinimumEntitiesForSearchDefault = ()=>11;
-
-var styles = {
-    "rolePicker": "RolePicker-module_rolePicker__pTz4X",
-    "rolePickerFooter": "RolePicker-module_rolePickerFooter__64Pj-",
-    "container": "RolePicker-module_container__VtHRL"};
-
 const RolePicker = ({ ref, id, className = getCommonClassNameDefault(), lang, 'data-testid': dataTestId, me, businesses, people, title, dismissOnEsc = getModalDismissOnEscDefault(), dismissOnOutsideClick = getModalDismissOnOutsideClickDefault(), hideCloseButton = getRolePickerHideCloseButtonDefault(), minimumEntitiesForSearch = getRolePickerMinimumEntitiesForSearchDefault(), showInactiveBusinesses = getRolePickerShowInactiveBusinessesDefault(), showSubunits = getRolePickerShowSubunitsDefault(), showDeceasedPeople = getRolePickerShowDeceasedPeopleDefault(), onClose, onEntitySelect, onLogout, children })=>{
     const [filter, setFilter] = useState('');
     const [loadingEntityId, setLoadingEntityId] = useState(undefined);

package/RolePickerBusinessList/RolePickerBusinessList.module.scss.esm.js

@@ -0,0 +1,9 @@
+var styles = {
+    "businessList": "RolePickerBusinessList-module_businessList__15fne",
+    "checkboxGroup": "RolePickerBusinessList-module_checkboxGroup__cdE2w",
+    "showAllButtonWrapper": "RolePickerBusinessList-module_showAllButtonWrapper__ZffHt",
+    "subUnitsList": "RolePickerBusinessList-module_subUnitsList__bDv87",
+    "subUnit": "RolePickerBusinessList-module_subUnit__DIX6O"
+};
+
+export { styles as default };

package/RolePickerBusinessList/index.esm.js

@@ -6,49 +6,13 @@ import { dsI18n, formatOrganisationNumber } from '@skatteetaten/ds-core-utils';
 import { Checkbox } from '@skatteetaten/ds-forms';
 import { BriefcaseOffSVGpath, BriefcaseMultipleSVGpath, BriefcaseSVGpath } from '@skatteetaten/ds-icons';
 import { Heading } from '@skatteetaten/ds-typography';
+import { getBusinessTitle } from './utils.esm.js';
 import { RolePickerContext } from '../RolePickerContext/index.esm.js';
 import { RolePickerRow } from '../RolePickerRow/index.esm.js';
-import '@skatteetaten/ds-navigation';
-import '@skatteetaten/ds-status';
+import styles from './RolePickerBusinessList.module.scss.esm.js';
 import './styles.css';
 
 
-const unitTypesToHide = [
-    'AS',
-    'DA',
-    'ANS',
-    'ASA',
-    'SE',
-    'BA',
-    'SA',
-    'SCE',
-    'STI',
-    'IKS',
-    'KF',
-    'FKF',
-    'RHF',
-    'HF',
-    'NUF'
-];
-const getBusinessTitle = (business)=>{
-    let title = business.name;
-    if (!unitTypesToHide.includes(business.unitType)) {
-        title += ` ${business.unitType}`;
-    }
-    if (business.isDeleted) {
-        title += ` (${dsI18n.t('ds_overlays:rolepicker.Deleted')})`;
-    }
-    return title;
-};
-
-var styles = {
-    "businessList": "RolePickerBusinessList-module_businessList__15fne",
-    "checkboxGroup": "RolePickerBusinessList-module_checkboxGroup__cdE2w",
-    "showAllButtonWrapper": "RolePickerBusinessList-module_showAllButtonWrapper__ZffHt",
-    "subUnitsList": "RolePickerBusinessList-module_subUnitsList__bDv87",
-    "subUnit": "RolePickerBusinessList-module_subUnit__DIX6O"
-};
-
 const MAX_INITIAL_ITEMS = 5;
 const RolePickerBusinessList = ({ businesses, filterQuery, showInactiveBusinesses: externalShowInactiveBusinesses, showSubunits: externalShowSubUnits })=>{
     const { t } = useTranslation('ds_overlays', {

package/RolePickerBusinessList/utils.esm.js

@@ -0,0 +1,31 @@
+import { dsI18n } from '@skatteetaten/ds-core-utils';
+
+const unitTypesToHide = [
+    'AS',
+    'DA',
+    'ANS',
+    'ASA',
+    'SE',
+    'BA',
+    'SA',
+    'SCE',
+    'STI',
+    'IKS',
+    'KF',
+    'FKF',
+    'RHF',
+    'HF',
+    'NUF'
+];
+const getBusinessTitle = (business)=>{
+    let title = business.name;
+    if (!unitTypesToHide.includes(business.unitType)) {
+        title += ` ${business.unitType}`;
+    }
+    if (business.isDeleted) {
+        title += ` (${dsI18n.t('ds_overlays:rolepicker.Deleted')})`;
+    }
+    return title;
+};
+
+export { getBusinessTitle };

package/RolePickerFilterInput/RolePickerFilterInput.module.scss.esm.js

@@ -0,0 +1,12 @@
+var styles = {
+    "searchContainer": "RolePickerFilterInput-module_searchContainer__o-Vzy",
+    "topContainer": "RolePickerFilterInput-module_topContainer__yFxDA",
+    "label": "RolePickerFilterInput-module_label__lgvnq",
+    "clearButton": "RolePickerFilterInput-module_clearButton__etHYm",
+    "filterIcon": "RolePickerFilterInput-module_filterIcon__v--p8",
+    "inputWrapper": "RolePickerFilterInput-module_inputWrapper__wGC-J",
+    "input": "RolePickerFilterInput-module_input__eShOX",
+    "srOnly": "RolePickerFilterInput-module_srOnly__CFhaY"
+};
+
+export { styles as default };

package/RolePickerFilterInput/index.esm.js

@@ -4,20 +4,10 @@ import { useTranslation } from 'react-i18next';
 import { IconButton } from '@skatteetaten/ds-buttons';
 import { dsI18n } from '@skatteetaten/ds-core-utils';
 import { CancelSVGpath, Icon, FilterSVGpath } from '@skatteetaten/ds-icons';
+import styles from './RolePickerFilterInput.module.scss.esm.js';
 import './styles.css';
 
 
-var styles = {
-    "searchContainer": "RolePickerFilterInput-module_searchContainer__o-Vzy",
-    "topContainer": "RolePickerFilterInput-module_topContainer__yFxDA",
-    "label": "RolePickerFilterInput-module_label__lgvnq",
-    "clearButton": "RolePickerFilterInput-module_clearButton__etHYm",
-    "filterIcon": "RolePickerFilterInput-module_filterIcon__v--p8",
-    "inputWrapper": "RolePickerFilterInput-module_inputWrapper__wGC-J",
-    "input": "RolePickerFilterInput-module_input__eShOX",
-    "srOnly": "RolePickerFilterInput-module_srOnly__CFhaY"
-};
-
 const RolePickerFilterInput = ({ label, value, onChange, onClear })=>{
     const { t: formsT } = useTranslation('ds_forms', {
         i18n: dsI18n

package/RolePickerPeopleList/RolePickerPeopleList.module.scss.esm.js

@@ -0,0 +1,7 @@
+var styles = {
+    "peopleList": "RolePickerPeopleList-module_peopleList__dEumR",
+    "showDeceasedChecbox": "RolePickerPeopleList-module_showDeceasedChecbox__4SCg3",
+    "showAllButtonWrapper": "RolePickerPeopleList-module_showAllButtonWrapper__-ErxO"
+};
+
+export { styles as default };

package/RolePickerPeopleList/index.esm.js

@@ -8,17 +8,10 @@ import { PersonSVGpath } from '@skatteetaten/ds-icons';
 import { Heading } from '@skatteetaten/ds-typography';
 import { RolePickerContext } from '../RolePickerContext/index.esm.js';
 import { RolePickerRow } from '../RolePickerRow/index.esm.js';
-import '@skatteetaten/ds-navigation';
-import '@skatteetaten/ds-status';
+import styles from './RolePickerPeopleList.module.scss.esm.js';
 import './styles.css';
 
 
-var styles = {
-    "peopleList": "RolePickerPeopleList-module_peopleList__dEumR",
-    "showDeceasedChecbox": "RolePickerPeopleList-module_showDeceasedChecbox__4SCg3",
-    "showAllButtonWrapper": "RolePickerPeopleList-module_showAllButtonWrapper__-ErxO"
-};
-
 const MAX_INITIAL_ITEMS = 5;
 const RolePickerPeopleList = ({ people, filterQuery, showDeceasedPeople: showDeceasedPeopleExternal })=>{
     const { t } = useTranslation('ds_overlays', {

package/RolePickerRow/RolePickerRow.module.scss.esm.js

@@ -0,0 +1,5 @@
+var styles = {
+    "withAlert": "RolePickerRow-module_withAlert__DxPmf"
+};
+
+export { styles as default };

package/RolePickerRow/index.esm.js

@@ -1,21 +1,24 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { useContext, useRef } from 'react';
 import { NavigationTile } from '@skatteetaten/ds-navigation';
 import { Alert } from '@skatteetaten/ds-status';
 import { RolePickerContext } from '../RolePickerContext/index.esm.js';
+import styles from './RolePickerRow.module.scss.esm.js';
 import './styles.css';
 
 
-var styles = {
-    "withAlert": "RolePickerRow-module_withAlert__DxPmf"
-};
-
 function RolePickerRow({ id, title, description, svgPath, titleAs, onClick }) {
     const ctx = useContext(RolePickerContext);
+    const ref = useRef(null);
     const hasError = ctx?.error?.entityId === id;
+    const handleCloseError = ()=>{
+        ctx?.setError(undefined);
+        ref.current?.focus();
+    };
     return /*#__PURE__*/ jsxs("div", {
         children: [
             /*#__PURE__*/ jsx(NavigationTile, {
+                ref: ref,
                 href: '#',
                 className: `${hasError ? styles.withAlert : ''}`,
                 titleAs: titleAs ?? 'h3',
@@ -32,7 +35,7 @@ function RolePickerRow({ id, title, description, svgPath, titleAs, onClick }) {
             /*#__PURE__*/ jsx(Alert, {
                 variant: 'warning',
                 showAlert: hasError,
-                onClose: ()=>ctx?.setError(undefined),
+                onClose: handleCloseError,
                 children: ctx?.error?.message
             })
         ]

package/index.esm.js

@@ -1,42 +1,8 @@
-export { Modal, getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault, getModalPaddingDefault, getModalVariantDefault } from './Modal/index.esm.js';
+export { Modal } from './Modal/index.esm.js';
+export { modalPaddingArr, modalVariantArr } from './Modal/Modal.types.esm.js';
 export { Popover } from './Popover/index.esm.js';
-import { colorNamesArr } from '@skatteetaten/ds-core-utils';
-export { RolePicker, getRolePickerHideCloseButtonDefault, getRolePickerMinimumEntitiesForSearchDefault, getRolePickerShowDeceasedPeopleDefault, getRolePickerShowInactiveBusinessesDefault, getRolePickerShowSubunitsDefault } from './RolePicker/index.esm.js';
-export { g as getPopoverColorDefault, a as getPopoverPositionDefault, b as getPopoverRestoreFocusDefault } from './PopoverContent.esm.js';
-import 'react/jsx-runtime';
-import 'react';
-import 'react-i18next';
-import '@skatteetaten/ds-buttons';
-import '@skatteetaten/ds-icons';
-import '@skatteetaten/ds-typography';
-import '@floating-ui/react';
-import './PopoverContext/index.esm.js';
-import './PopoverTrigger/index.esm.js';
-import './RolePickerBusinessList/index.esm.js';
-import '@skatteetaten/ds-forms';
-import './RolePickerContext/index.esm.js';
-import './RolePickerRow/index.esm.js';
-import '@skatteetaten/ds-navigation';
-import '@skatteetaten/ds-status';
-import './RolePickerFilterInput/index.esm.js';
-import './RolePickerPeopleList/index.esm.js';
-
-const modalPaddingArr = [
-    'none',
-    's',
-    'm',
-    'l',
-    'mega'
-];
-const modalVariantArr = [
-    'outline',
-    'plain'
-];
-
-const popoverColorArr = [
-    colorNamesArr[0],
-    colorNamesArr[1],
-    colorNamesArr[6]
-];
-
-export { modalPaddingArr, modalVariantArr, popoverColorArr };
+export { popoverColorArr } from './Popover/Popover.types.esm.js';
+export { RolePicker } from './RolePicker/index.esm.js';
+export { getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault, getModalPaddingDefault, getModalVariantDefault } from './Modal/defaults.esm.js';
+export { getPopoverColorDefault, getPopoverPositionDefault, getPopoverRestoreFocusDefault } from './Popover/defaults.esm.js';
+export { getRolePickerHideCloseButtonDefault, getRolePickerMinimumEntitiesForSearchDefault, getRolePickerShowDeceasedPeopleDefault, getRolePickerShowInactiveBusinessesDefault, getRolePickerShowSubunitsDefault } from './RolePicker/defaults.esm.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skatteetaten/ds-overlays",
   "groupId": "no.skatteetaten.aurora",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "main": "./index.esm.js",
   "type": "module",
   "module": "./index.esm.js",
@@ -16,17 +16,17 @@
     "i18next": "^24",
     "react": "^19 ",
     "react-i18next": "^15",
-    "@skatteetaten/ds-core-utils": "2.0.0",
-    "@skatteetaten/ds-buttons": "2.0.0",
-    "@skatteetaten/ds-forms": "2.0.0",
-    "@skatteetaten/ds-icons": "2.0.0",
-    "@skatteetaten/ds-navigation": "2.0.0",
-    "@skatteetaten/ds-typography": "2.0.0",
-    "@skatteetaten/ds-progress": "2.0.0",
-    "@skatteetaten/ds-status": "2.0.0",
+    "@skatteetaten/ds-core-utils": "2.1.0",
+    "@skatteetaten/ds-buttons": "2.1.0",
+    "@skatteetaten/ds-forms": "2.1.0",
+    "@skatteetaten/ds-icons": "2.1.0",
+    "@skatteetaten/ds-navigation": "2.1.0",
+    "@skatteetaten/ds-typography": "2.1.0",
+    "@skatteetaten/ds-progress": "2.1.0",
+    "@skatteetaten/ds-status": "2.1.0",
     "date-fns": "^4",
-    "@floating-ui/react": "0.26.28",
-    "@skatteetaten/ds-content": "2.0.0"
+    "@skatteetaten/ds-content": "2.1.0",
+    "@floating-ui/react": "0.26.28"
   },
   "dependencies": {},
   "scripts": {}

package/PopoverContent.esm.js

@@ -1,100 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useMergeRefs } from '@floating-ui/react';
-import { IconButton } from '@skatteetaten/ds-buttons';
-import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
-import { CancelSVGpath } from '@skatteetaten/ds-icons';
-import { PopoverContext } from './PopoverContext/index.esm.js';
-import './PopoverContent/styles.css';
-
-
-const getPopoverColorDefault = ()=>'forest';
-const getPopoverPositionDefault = ()=>'bottomStart';
-const getPopoverRestoreFocusDefault = ()=>true;
-
-var styles = {
-    "popover": "PopoverContent-module_popover__1i7nF",
-    "popover_forest": "PopoverContent-module_popover_forest__-WlLT",
-    "popover_ochre": "PopoverContent-module_popover_ochre__C9YUJ",
-    "popover_white": "PopoverContent-module_popover_white__gwTu5",
-    "popoverContent": "PopoverContent-module_popoverContent__iaSZD",
-    "popoverContentWrapper": "PopoverContent-module_popoverContentWrapper__bhEag",
-    "popoverContentCloseButton": "PopoverContent-module_popoverContentCloseButton__IZs-q",
-    "popoverArrow": "PopoverContent-module_popoverArrow__wCAG8",
-    "popoverArrow_top": "PopoverContent-module_popoverArrow_top__TYOrF",
-    "popoverArrow_bottom": "PopoverContent-module_popoverArrow_bottom__h891-",
-    "popoverArrow_left": "PopoverContent-module_popoverArrow_left__GmPTL",
-    "popoverArrow_right": "PopoverContent-module_popoverArrow_right__MPxU2"
-};
-
-/* eslint-disable react/forbid-dom-props */ const PopoverContent = ({ ref, id, className = getCommonClassNameDefault(), lang, 'data-testid': dataTestId, children })=>{
-    const { floatingData, interactions, arrowRef, isOpen, setIsOpen, color = getPopoverColorDefault(), shouldRestoreFocus = getPopoverRestoreFocusDefault(), onClose } = useContext(PopoverContext);
-    const { refs, floatingStyles, placement, middlewareData } = floatingData;
-    const { getFloatingProps } = interactions;
-    const { t } = useTranslation('Shared', {
-        i18n: dsI18n
-    });
-    const side = placement.split('-')[0];
-    const colorClassName = styles[`popover_${color}`];
-    const arrowPositionClassName = styles[`popoverArrow_${side}`];
-    const mergedRef = useMergeRefs([
-        refs.setFloating,
-        ref
-    ]);
-    const staticSide = {
-        top: 'bottom',
-        right: 'left',
-        bottom: 'top',
-        left: 'right'
-    }[side];
-    if (!isOpen) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxs("div", {
-        ...getFloatingProps(),
-        ref: mergedRef,
-        style: floatingStyles,
-        id: id,
-        lang: lang,
-        "data-testid": dataTestId,
-        className: `${styles.popover} ${colorClassName} ${className}`.trim(),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: styles.popoverContent,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: styles.popoverContentWrapper,
-                        children: children
-                    }),
-                    /*#__PURE__*/ jsx(IconButton, {
-                        className: styles.popoverContentCloseButton,
-                        svgPath: CancelSVGpath,
-                        title: t('shared.Close'),
-                        onClick: ()=>{
-                            onClose?.();
-                            setIsOpen(false);
-                            if (shouldRestoreFocus) {
-                                refs.domReference.current?.focus();
-                            }
-                        }
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                ref: arrowRef,
-                style: {
-                    left: middlewareData.arrow?.x,
-                    top: middlewareData.arrow?.y,
-                    ...staticSide ? {
-                        [staticSide]: `-${(arrowRef.current?.offsetWidth ?? 0) / 2}px`
-                    } : {}
-                },
-                className: `${styles.popoverArrow} ${arrowPositionClassName}`.trim()
-            })
-        ]
-    });
-};
-PopoverContent.displayName = 'PopoverContent';
-
-export { PopoverContent as P, getPopoverPositionDefault as a, getPopoverRestoreFocusDefault as b, getPopoverColorDefault as g };