@skatteetaten/ds-overlays 2.8.1 → 2.10.0
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 +1 -1
- package/Popover/PopoverContent/PopoverContent.css +1 -1
- package/Popover/PopoverContent/PopoverContent.module.css +1 -1
- package/Popover/PopoverTrigger/PopoverTrigger.esm.js +2 -2
- package/Popover/index.esm.js +3 -2
- package/RolePicker/RolePickerBusinessList/RolePickerBusinessList.esm.js +4 -0
- package/RolePicker/RolePickerFilterInput/RolePickerFilterInput.css +1 -1
- package/RolePicker/RolePickerFilterInput/RolePickerFilterInput.module.css +1 -1
- package/RolePicker/RolePickerPeopleList/RolePickerPeopleList.esm.js +2 -0
- package/RolePicker/RolePickerRow/RolePickerRow.esm.js +7 -2
- package/RolePicker/analyticsIds.esm.js +11 -0
- package/RolePicker/index.esm.js +7 -2
- package/package.json +11 -11
- package/src/Popover/PopoverTrigger/PopoverTrigger.d.ts +1 -1
- package/src/Popover/PopoverTrigger/PopoverTrigger.types.d.ts +2 -0
- package/src/RolePicker/RolePicker.types.d.ts +2 -2
- package/src/RolePicker/RolePickerRow/RolePickerRow.d.ts +1 -1
- package/src/RolePicker/RolePickerRow/RolePickerRow.types.d.ts +2 -0
- package/src/RolePicker/analyticsIds.d.ts +10 -0
- package/src/WordInfo/WordInfoContent/WordInfoContent.types.d.ts +2 -2
package/Modal/index.esm.js
CHANGED
|
@@ -5,7 +5,7 @@ import { IconButton } from '@skatteetaten/ds-buttons';
|
|
|
5
5
|
import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
|
|
6
6
|
import { CancelSVGpath } from '@skatteetaten/ds-icons';
|
|
7
7
|
import { Heading } from '@skatteetaten/ds-typography';
|
|
8
|
-
import { getModalDismissOnEscDefault,
|
|
8
|
+
import { getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault, getModalPaddingDefault, getModalVariantDefault } from './defaults.esm.js';
|
|
9
9
|
import styles from './Modal.module.scss.esm.js';
|
|
10
10
|
|
|
11
11
|
import './Modal.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width
|
|
1
|
+
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width:fit-content;max-width:var(--container-s);border:1px solid var(--border-color);background-color:var(--background-color)}.PopoverContent-module_popover_forest__HD4fi{--background-color: var(--semantic-success-background);--border-color: var(--semantic-success-foreground)}.PopoverContent-module_popover_ochre__KKnbi{--background-color: var(--semantic-warning-background);--border-color: var(--semantic-warning-foreground)}.PopoverContent-module_popover_white__TaNXR{--background-color: var(--palette-graphite-0);--border-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContent__q0qTL{display:flex;max-height:var(--popover-max-height);overflow-y:auto}.PopoverContent-module_popoverContentWrapper__-lefQ{flex-grow:1;padding:var(--spacing-s) 0 var(--spacing-s) var(--spacing-s);margin:0}@media(min-width: 480px){.PopoverContent-module_popoverContentWrapper__-lefQ{padding:var(--spacing-m) 0 var(--spacing-m) var(--spacing-m)}}.PopoverContent-module_popoverContentCloseButton__ryJUt{align-self:start;margin:var(--spacing-s) var(--spacing-s) 0 0;--icon-button-icon-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContentCloseButton__ryJUt:active{--icon-button-icon-color: var(--palette-graphite-0)}.PopoverContent-module_popoverArrow__t-CMj{position:absolute;z-index:-1;width:var(--size-large);height:var(--size-large);border:1px solid var(--border-color);background-color:var(--background-color);transform:rotate(45deg)}.PopoverContent-module_popoverArrow_top__pDZp9{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_bottom__PG8BL{border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_left__92grH{border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_right__-NMZe{border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width
|
|
1
|
+
.PopoverContent-module_popover__p0BhU{--popover-max-height: 560px;z-index:50;width:fit-content;max-width:var(--container-s);border:1px solid var(--border-color);background-color:var(--background-color)}.PopoverContent-module_popover_forest__HD4fi{--background-color: var(--semantic-success-background);--border-color: var(--semantic-success-foreground)}.PopoverContent-module_popover_ochre__KKnbi{--background-color: var(--semantic-warning-background);--border-color: var(--semantic-warning-foreground)}.PopoverContent-module_popover_white__TaNXR{--background-color: var(--palette-graphite-0);--border-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContent__q0qTL{display:flex;max-height:var(--popover-max-height);overflow-y:auto}.PopoverContent-module_popoverContentWrapper__-lefQ{flex-grow:1;padding:var(--spacing-s) 0 var(--spacing-s) var(--spacing-s);margin:0}@media(min-width: 480px){.PopoverContent-module_popoverContentWrapper__-lefQ{padding:var(--spacing-m) 0 var(--spacing-m) var(--spacing-m)}}.PopoverContent-module_popoverContentCloseButton__ryJUt{align-self:start;margin:var(--spacing-s) var(--spacing-s) 0 0;--icon-button-icon-color: var(--palette-graphite-100)}.PopoverContent-module_popoverContentCloseButton__ryJUt:active{--icon-button-icon-color: var(--palette-graphite-0)}.PopoverContent-module_popoverArrow__t-CMj{position:absolute;z-index:-1;width:var(--size-large);height:var(--size-large);border:1px solid var(--border-color);background-color:var(--background-color);transform:rotate(45deg)}.PopoverContent-module_popoverArrow_top__pDZp9{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_bottom__PG8BL{border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_left__92grH{border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.PopoverContent-module_popoverArrow_right__-NMZe{border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
|
|
@@ -7,7 +7,7 @@ import { dsI18n } from '@skatteetaten/ds-core-utils';
|
|
|
7
7
|
import { HelpSimpleSVGpath } from '@skatteetaten/ds-icons';
|
|
8
8
|
import { PopoverContext } from '../PopoverContext.esm.js';
|
|
9
9
|
|
|
10
|
-
const PopoverTrigger = ({ ref, id, className, lang, 'data-testid': dataTestId, title, ariaDescribedby, size, svgPath, onClick, onBlur, onFocus })=>{
|
|
10
|
+
const PopoverTrigger = ({ ref, id, className, lang, 'data-testid': dataTestId, title, ariaDescribedby, size, svgPath, hideOutline, onClick, onBlur, onFocus })=>{
|
|
11
11
|
const { t } = useTranslation('Shared', {
|
|
12
12
|
i18n: dsI18n
|
|
13
13
|
});
|
|
@@ -29,7 +29,7 @@ const PopoverTrigger = ({ ref, id, className, lang, 'data-testid': dataTestId, t
|
|
|
29
29
|
size: size,
|
|
30
30
|
ariaDescribedby: ariaDescribedby,
|
|
31
31
|
ariaExpanded: isOpen,
|
|
32
|
-
isOutlined:
|
|
32
|
+
isOutlined: !hideOutline,
|
|
33
33
|
onClick: (event)=>{
|
|
34
34
|
onClick?.(event);
|
|
35
35
|
setIsOpen(!isOpen);
|
package/Popover/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useRef, useState, useEffect, useMemo } from 'react';
|
|
3
|
-
import { useFloating, offset, flip, shift, arrow,
|
|
3
|
+
import { useFloating, autoUpdate, offset, flip, shift, arrow, useDismiss, useInteractions } from '@floating-ui/react';
|
|
4
4
|
import { useMediaQuery } from '@skatteetaten/ds-core-utils';
|
|
5
5
|
import { getPopoverPositionDefault } from './defaults.esm.js';
|
|
6
6
|
export { getPopoverColorDefault, getPopoverContentAsDefault, getPopoverRestoreFocusDefault } from './defaults.esm.js';
|
|
@@ -31,6 +31,7 @@ import { PopoverTrigger } from './PopoverTrigger/PopoverTrigger.esm.js';
|
|
|
31
31
|
onClose?.();
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
|
+
strategy: 'fixed',
|
|
34
35
|
placement: kebabize(position),
|
|
35
36
|
whileElementsMounted: autoUpdate,
|
|
36
37
|
middleware: [
|
|
@@ -47,7 +48,7 @@ import { PopoverTrigger } from './PopoverTrigger/PopoverTrigger.esm.js';
|
|
|
47
48
|
});
|
|
48
49
|
const dismiss = useDismiss(floatingData.context, {
|
|
49
50
|
enabled: shouldAutoDismiss,
|
|
50
|
-
ancestorScroll:
|
|
51
|
+
ancestorScroll: false
|
|
51
52
|
});
|
|
52
53
|
const interactions = useInteractions([
|
|
53
54
|
dismiss
|
|
@@ -7,6 +7,7 @@ import { Checkbox } from '@skatteetaten/ds-forms';
|
|
|
7
7
|
import { BriefcaseOffSVGpath, BriefcaseMultipleSVGpath, BriefcaseSVGpath } from '@skatteetaten/ds-icons';
|
|
8
8
|
import { Heading } from '@skatteetaten/ds-typography';
|
|
9
9
|
import { getBusinessTitle } from './utils.esm.js';
|
|
10
|
+
import { rolePickerAnalyticsIds } from '../analyticsIds.esm.js';
|
|
10
11
|
import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
11
12
|
import { RolePickerRow } from '../RolePickerRow/RolePickerRow.esm.js';
|
|
12
13
|
import styles from './RolePickerBusinessList.module.scss.esm.js';
|
|
@@ -140,6 +141,7 @@ const RolePickerBusinessList = ({ businesses, filterQuery, showInactiveBusinesse
|
|
|
140
141
|
]
|
|
141
142
|
}),
|
|
142
143
|
svgPath: item.isDeleted ? BriefcaseOffSVGpath : BriefcaseMultipleSVGpath,
|
|
144
|
+
webAnalyticsId: item.isDeleted ? rolePickerAnalyticsIds.discontinuedBusiness : rolePickerAnalyticsIds.business,
|
|
143
145
|
onClick: ()=>{
|
|
144
146
|
handleEntityClicked(item);
|
|
145
147
|
}
|
|
@@ -169,6 +171,7 @@ const RolePickerBusinessList = ({ businesses, filterQuery, showInactiveBusinesse
|
|
|
169
171
|
]
|
|
170
172
|
}),
|
|
171
173
|
svgPath: sub.isDeleted ? BriefcaseOffSVGpath : BriefcaseSVGpath,
|
|
174
|
+
webAnalyticsId: rolePickerAnalyticsIds.businessSubunit,
|
|
172
175
|
onClick: ()=>{
|
|
173
176
|
handleEntityClicked(sub);
|
|
174
177
|
}
|
|
@@ -186,6 +189,7 @@ const RolePickerBusinessList = ({ businesses, filterQuery, showInactiveBusinesse
|
|
|
186
189
|
title: getBusinessTitle(item),
|
|
187
190
|
description: `${t('rolepicker.BusinessDescriptionPrefix')} ${formatOrganisationNumber(item.organizationNumber)}`,
|
|
188
191
|
svgPath: item.isDeleted ? BriefcaseOffSVGpath : svgPath,
|
|
192
|
+
webAnalyticsId: item.isDeleted ? rolePickerAnalyticsIds.discontinuedBusiness : rolePickerAnalyticsIds.business,
|
|
189
193
|
onClick: ()=>{
|
|
190
194
|
handleEntityClicked(item);
|
|
191
195
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html:has(dialog[open]){overflow:hidden}.RolePickerFilterInput-module_searchContainer__03i0C{position:relative;display:flex;flex-direction:column;gap:var(--spacing-s)}.RolePickerFilterInput-module_topContainer__Gp2XP{--input-padding: var(--spacing-xs) calc(2 * var(--spacing-m) + var(--size-medium) + 2px) var(--spacing-xs) var(--spacing-s)}.RolePickerFilterInput-module_label__tz82y{color:var(--palette-graphite-100);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--semantic-line-height-input);overflow-wrap:anywhere}.RolePickerFilterInput-module_clearButton__aYK-n{position:absolute;z-index:10;top:5px;right:var(--spacing-xl)}.RolePickerFilterInput-module_filterIcon__Nc4Kq{position:absolute;z-index:10;top:5px;right:var(--spacing-s);fill:var(--palette-graphite-50)}.RolePickerFilterInput-module_inputWrapper__mYpsO{position:relative;flex-grow:1}.RolePickerFilterInput-module_input__GgGK1{position:relative;width:100%;padding:var(--input-padding);border:none;border-radius:0
|
|
1
|
+
html:has(dialog[open]){overflow:hidden}.RolePickerFilterInput-module_searchContainer__03i0C{position:relative;display:flex;flex-direction:column;gap:var(--spacing-s)}.RolePickerFilterInput-module_topContainer__Gp2XP{--input-padding: var(--spacing-xs) calc(2 * var(--spacing-m) + var(--size-medium) + 2px) var(--spacing-xs) var(--spacing-s)}.RolePickerFilterInput-module_label__tz82y{color:var(--palette-graphite-100);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--semantic-line-height-input);overflow-wrap:anywhere}.RolePickerFilterInput-module_clearButton__aYK-n{position:absolute;z-index:10;top:5px;right:var(--spacing-xl)}.RolePickerFilterInput-module_filterIcon__Nc4Kq{position:absolute;z-index:10;top:5px;right:var(--spacing-s);fill:var(--palette-graphite-50)}.RolePickerFilterInput-module_inputWrapper__mYpsO{position:relative;flex-grow:1}.RolePickerFilterInput-module_input__GgGK1{position:relative;width:100%;padding:var(--input-padding);border:none;border-radius:0;appearance:none;background:var(--semantic-page-background);box-shadow:inset 0 0 0 1px var(--palette-graphite-100);color:var(--semantic-page-foreground);font-size:var(--font-size-m);line-height:var(--semantic-line-height-input);outline:none;outline-offset:0}.RolePickerFilterInput-module_input__GgGK1::-webkit-search-cancel-button{appearance:none}.RolePickerFilterInput-module_input__GgGK1::placeholder{color:var(--palette-graphite-50)}.RolePickerFilterInput-module_input__GgGK1:hover{z-index:1;box-shadow:inset 0 0 0 2px var(--semantic-interactive-main);outline:2px solid var(--semantic-interactive-background)}.RolePickerFilterInput-module_input__GgGK1:has(~div :focus-within),.RolePickerFilterInput-module_input__GgGK1:enabled:focus-visible,.RolePickerFilterInput-module_input__GgGK1:enabled:active{z-index:1;box-shadow:inset 0 0 0 2px var(--semantic-interactive-main);outline:1px solid var(--semantic-interactive-main)}.RolePickerFilterInput-module_input__GgGK1:has(~div :focus-within)::selection,.RolePickerFilterInput-module_input__GgGK1:enabled:focus-visible::selection,.RolePickerFilterInput-module_input__GgGK1:enabled:active::selection{background:var(--semantic-interactive-background)}.RolePickerFilterInput-module_srOnly__9NWBD{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);white-space:nowrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html:has(dialog[open]){overflow:hidden}.RolePickerFilterInput-module_searchContainer__03i0C{position:relative;display:flex;flex-direction:column;gap:var(--spacing-s)}.RolePickerFilterInput-module_topContainer__Gp2XP{--input-padding: var(--spacing-xs) calc(2 * var(--spacing-m) + var(--size-medium) + 2px) var(--spacing-xs) var(--spacing-s)}.RolePickerFilterInput-module_label__tz82y{color:var(--palette-graphite-100);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--semantic-line-height-input);overflow-wrap:anywhere}.RolePickerFilterInput-module_clearButton__aYK-n{position:absolute;z-index:10;top:5px;right:var(--spacing-xl)}.RolePickerFilterInput-module_filterIcon__Nc4Kq{position:absolute;z-index:10;top:5px;right:var(--spacing-s);fill:var(--palette-graphite-50)}.RolePickerFilterInput-module_inputWrapper__mYpsO{position:relative;flex-grow:1}.RolePickerFilterInput-module_input__GgGK1{position:relative;width:100%;padding:var(--input-padding);border:none;border-radius:0
|
|
1
|
+
html:has(dialog[open]){overflow:hidden}.RolePickerFilterInput-module_searchContainer__03i0C{position:relative;display:flex;flex-direction:column;gap:var(--spacing-s)}.RolePickerFilterInput-module_topContainer__Gp2XP{--input-padding: var(--spacing-xs) calc(2 * var(--spacing-m) + var(--size-medium) + 2px) var(--spacing-xs) var(--spacing-s)}.RolePickerFilterInput-module_label__tz82y{color:var(--palette-graphite-100);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--semantic-line-height-input);overflow-wrap:anywhere}.RolePickerFilterInput-module_clearButton__aYK-n{position:absolute;z-index:10;top:5px;right:var(--spacing-xl)}.RolePickerFilterInput-module_filterIcon__Nc4Kq{position:absolute;z-index:10;top:5px;right:var(--spacing-s);fill:var(--palette-graphite-50)}.RolePickerFilterInput-module_inputWrapper__mYpsO{position:relative;flex-grow:1}.RolePickerFilterInput-module_input__GgGK1{position:relative;width:100%;padding:var(--input-padding);border:none;border-radius:0;appearance:none;background:var(--semantic-page-background);box-shadow:inset 0 0 0 1px var(--palette-graphite-100);color:var(--semantic-page-foreground);font-size:var(--font-size-m);line-height:var(--semantic-line-height-input);outline:none;outline-offset:0}.RolePickerFilterInput-module_input__GgGK1::-webkit-search-cancel-button{appearance:none}.RolePickerFilterInput-module_input__GgGK1::placeholder{color:var(--palette-graphite-50)}.RolePickerFilterInput-module_input__GgGK1:hover{z-index:1;box-shadow:inset 0 0 0 2px var(--semantic-interactive-main);outline:2px solid var(--semantic-interactive-background)}.RolePickerFilterInput-module_input__GgGK1:has(~div :focus-within),.RolePickerFilterInput-module_input__GgGK1:enabled:focus-visible,.RolePickerFilterInput-module_input__GgGK1:enabled:active{z-index:1;box-shadow:inset 0 0 0 2px var(--semantic-interactive-main);outline:1px solid var(--semantic-interactive-main)}.RolePickerFilterInput-module_input__GgGK1:has(~div :focus-within)::selection,.RolePickerFilterInput-module_input__GgGK1:enabled:focus-visible::selection,.RolePickerFilterInput-module_input__GgGK1:enabled:active::selection{background:var(--semantic-interactive-background)}.RolePickerFilterInput-module_srOnly__9NWBD{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);white-space:nowrap}
|
|
@@ -6,6 +6,7 @@ import { dsI18n } from '@skatteetaten/ds-core-utils';
|
|
|
6
6
|
import { Checkbox } from '@skatteetaten/ds-forms';
|
|
7
7
|
import { PersonSVGpath } from '@skatteetaten/ds-icons';
|
|
8
8
|
import { Heading } from '@skatteetaten/ds-typography';
|
|
9
|
+
import { rolePickerAnalyticsIds } from '../analyticsIds.esm.js';
|
|
9
10
|
import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
10
11
|
import { RolePickerRow } from '../RolePickerRow/RolePickerRow.esm.js';
|
|
11
12
|
import { getDateOfBirthAsLocaleString, getPersonDescription } from '../utils.esm.js';
|
|
@@ -86,6 +87,7 @@ const RolePickerPeopleList = ({ people, filterQuery, showDeceasedPeople: showDec
|
|
|
86
87
|
title: `${item.name}${item.isDeleted ? ` (${t('rolepicker.Deceased')})` : ''}`,
|
|
87
88
|
description: getPersonDescription(item),
|
|
88
89
|
svgPath: PersonSVGpath,
|
|
90
|
+
webAnalyticsId: item.isDeleted ? rolePickerAnalyticsIds.deceasedPerson : rolePickerAnalyticsIds.person,
|
|
89
91
|
onClick: ()=>handleEntityClicked(item)
|
|
90
92
|
})
|
|
91
93
|
}, item.personId);
|
|
@@ -6,7 +6,7 @@ import { RolePickerContext } from '../RolePickerContext.esm.js';
|
|
|
6
6
|
import styles from './RolePickerRow.module.scss.esm.js';
|
|
7
7
|
|
|
8
8
|
import './RolePickerRow.css';
|
|
9
|
-
function RolePickerRow({ id, title, description, svgPath, titleAs, onClick }) {
|
|
9
|
+
function RolePickerRow({ id, title, description, svgPath, titleAs, webAnalyticsId, onClick }) {
|
|
10
10
|
const ctx = useContext(RolePickerContext);
|
|
11
11
|
const ref = useRef(null);
|
|
12
12
|
const hasError = ctx?.error?.entityId === id;
|
|
@@ -17,7 +17,12 @@ function RolePickerRow({ id, title, description, svgPath, titleAs, onClick }) {
|
|
|
17
17
|
return jsxs("div", {
|
|
18
18
|
children: [
|
|
19
19
|
jsx(NavigationTile, {
|
|
20
|
-
ref:
|
|
20
|
+
ref: (node)=>{
|
|
21
|
+
ref.current = node;
|
|
22
|
+
if (node && webAnalyticsId) {
|
|
23
|
+
node?.setAttribute('data-webanalytics-id', webAnalyticsId);
|
|
24
|
+
}
|
|
25
|
+
},
|
|
21
26
|
href: '#',
|
|
22
27
|
className: `${hasError ? styles.withAlert : ''}`,
|
|
23
28
|
titleAs: titleAs ?? 'h3',
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const rolePickerAnalyticsIds = {
|
|
2
|
+
me: 'rolepicker.me',
|
|
3
|
+
person: 'rolepicker.person',
|
|
4
|
+
deceasedPerson: 'rolepicker.person.deceased',
|
|
5
|
+
business: 'rolepicker.business',
|
|
6
|
+
businessSubunit: 'rolepicker.business.subunit',
|
|
7
|
+
discontinuedBusiness: 'rolepicker.business.discontinued',
|
|
8
|
+
logout: 'rolepicker.logout'
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { rolePickerAnalyticsIds };
|
package/RolePicker/index.esm.js
CHANGED
|
@@ -5,8 +5,9 @@ import { Button } from '@skatteetaten/ds-buttons';
|
|
|
5
5
|
import { dsI18n, getCommonClassNameDefault } from '@skatteetaten/ds-core-utils';
|
|
6
6
|
import { FavoriteSVGpath, LogOutSVGpath } from '@skatteetaten/ds-icons';
|
|
7
7
|
import { Paragraph } from '@skatteetaten/ds-typography';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
8
|
+
import { rolePickerAnalyticsIds } from './analyticsIds.esm.js';
|
|
9
|
+
import { getRolePickerHideCloseButtonDefault, getRolePickerMinimumEntitiesForSearchDefault, getRolePickerShowInactiveBusinessesDefault, getRolePickerShowSubunitsDefault, getRolePickerShowDeceasedPeopleDefault } from './defaults.esm.js';
|
|
10
|
+
import { getModalDismissOnEscDefault, getModalDismissOnOutsideClickDefault } from '../Modal/defaults.esm.js';
|
|
10
11
|
import { Modal } from '../Modal/index.esm.js';
|
|
11
12
|
import { RolePickerBusinessList } from './RolePickerBusinessList/RolePickerBusinessList.esm.js';
|
|
12
13
|
import { RolePickerContext } from './RolePickerContext.esm.js';
|
|
@@ -130,6 +131,7 @@ import './RolePicker.css';
|
|
|
130
131
|
description: getPersonDescription(me),
|
|
131
132
|
svgPath: FavoriteSVGpath,
|
|
132
133
|
titleAs: 'h2',
|
|
134
|
+
webAnalyticsId: rolePickerAnalyticsIds.me,
|
|
133
135
|
onClick: ()=>handleEntitySelect(me)
|
|
134
136
|
}) : null,
|
|
135
137
|
getRepresentationText(),
|
|
@@ -173,6 +175,9 @@ import './RolePicker.css';
|
|
|
173
175
|
}) : jsxs(Fragment, {
|
|
174
176
|
children: [
|
|
175
177
|
jsx(Button, {
|
|
178
|
+
ref: (node)=>{
|
|
179
|
+
node?.setAttribute('data-webanalytics-id', rolePickerAnalyticsIds.logout);
|
|
180
|
+
},
|
|
176
181
|
variant: 'secondary',
|
|
177
182
|
svgPath: LogOutSVGpath,
|
|
178
183
|
onClick: onLogout,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skatteetaten/ds-overlays",
|
|
3
3
|
"groupId": "no.skatteetaten.aurora",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.10.0",
|
|
5
5
|
"main": "./index.esm.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"module": "./index.esm.js",
|
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
"i18next": "^24 || ^25",
|
|
17
17
|
"react": "^19.2.0",
|
|
18
18
|
"react-i18next": "^15",
|
|
19
|
-
"@skatteetaten/ds-core-utils": "2.
|
|
20
|
-
"@skatteetaten/ds-buttons": "2.
|
|
21
|
-
"@skatteetaten/ds-forms": "2.
|
|
22
|
-
"@skatteetaten/ds-icons": "2.
|
|
23
|
-
"@skatteetaten/ds-navigation": "2.
|
|
24
|
-
"@skatteetaten/ds-typography": "2.
|
|
25
|
-
"@skatteetaten/ds-progress": "2.
|
|
26
|
-
"@skatteetaten/ds-status": "2.
|
|
19
|
+
"@skatteetaten/ds-core-utils": "2.10.0",
|
|
20
|
+
"@skatteetaten/ds-buttons": "2.10.0",
|
|
21
|
+
"@skatteetaten/ds-forms": "2.10.0",
|
|
22
|
+
"@skatteetaten/ds-icons": "2.10.0",
|
|
23
|
+
"@skatteetaten/ds-navigation": "2.10.0",
|
|
24
|
+
"@skatteetaten/ds-typography": "2.10.0",
|
|
25
|
+
"@skatteetaten/ds-progress": "2.10.0",
|
|
26
|
+
"@skatteetaten/ds-status": "2.10.0",
|
|
27
27
|
"date-fns": "^4",
|
|
28
|
-
"@skatteetaten/ds-content": "2.
|
|
28
|
+
"@skatteetaten/ds-content": "2.10.0",
|
|
29
29
|
"@floating-ui/react": "0.26.28",
|
|
30
|
-
"@skatteetaten/ds-collections": "2.
|
|
30
|
+
"@skatteetaten/ds-collections": "2.10.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {},
|
|
33
33
|
"scripts": {}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
2
|
import { PopoverTriggerProps } from './PopoverTrigger.types';
|
|
3
3
|
export declare const PopoverTrigger: {
|
|
4
|
-
({ ref, id, className, lang, "data-testid": dataTestId, title, ariaDescribedby, size, svgPath, onClick, onBlur, onFocus, }: PopoverTriggerProps): JSX.Element;
|
|
4
|
+
({ ref, id, className, lang, "data-testid": dataTestId, title, ariaDescribedby, size, svgPath, hideOutline, onClick, onBlur, onFocus, }: PopoverTriggerProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -4,6 +4,8 @@ import { BaseProps } from '@skatteetaten/ds-core-utils';
|
|
|
4
4
|
type PropsFromIconButton = Pick<IconButtonProps, 'size' | 'svgPath' | 'title' | 'ariaDescribedby' | 'onClick' | 'onBlur' | 'onFocus'>;
|
|
5
5
|
type PopoverTriggerCommonProps = BaseProps & {
|
|
6
6
|
ref?: Ref<HTMLButtonElement>;
|
|
7
|
+
/** Om rammen til knappen skal skjules */
|
|
8
|
+
hideOutline?: boolean;
|
|
7
9
|
};
|
|
8
10
|
export interface PopoverTriggerProps extends PopoverTriggerCommonProps, Partial<PropsFromIconButton> {
|
|
9
11
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, Ref } from 'react';
|
|
2
2
|
import { BaseProps } from '@skatteetaten/ds-core-utils';
|
|
3
3
|
import { ModalProps } from '../Modal/Modal.types';
|
|
4
4
|
export type Paginated<T> = {
|
|
@@ -24,7 +24,7 @@ export type OnEntitySelectHandler = (entity: Entity) => Promise<{
|
|
|
24
24
|
error: string;
|
|
25
25
|
} | void>;
|
|
26
26
|
export interface RolePickerProps extends BaseProps, Partial<Pick<ModalProps, 'dismissOnEsc' | 'dismissOnOutsideClick' | 'hideCloseButton' | 'onClose'>> {
|
|
27
|
-
ref?:
|
|
27
|
+
ref?: Ref<HTMLDialogElement>;
|
|
28
28
|
/** Egendefinert tittel på modal. */
|
|
29
29
|
title?: string;
|
|
30
30
|
/** Den nåværende brukeren representert som et Person-objekt. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
2
|
import { RolePickerRowProps } from './RolePickerRow.types';
|
|
3
|
-
export declare function RolePickerRow({ id, title, description, svgPath, titleAs, onClick, }: RolePickerRowProps): JSX.Element;
|
|
3
|
+
export declare function RolePickerRow({ id, title, description, svgPath, titleAs, webAnalyticsId, onClick, }: RolePickerRowProps): JSX.Element;
|
|
4
4
|
export declare namespace RolePickerRow {
|
|
5
5
|
var displayName: string;
|
|
6
6
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { NavigationTileProps } from '@skatteetaten/ds-navigation';
|
|
2
|
+
import { RolePickerAnalyticsId } from '../analyticsIds';
|
|
2
3
|
export interface RolePickerRowProps extends Pick<NavigationTileProps, 'title' | 'description' | 'svgPath' | 'titleAs' | 'onClick'> {
|
|
3
4
|
id: string;
|
|
5
|
+
webAnalyticsId?: RolePickerAnalyticsId;
|
|
4
6
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const rolePickerAnalyticsIds: {
|
|
2
|
+
readonly me: "rolepicker.me";
|
|
3
|
+
readonly person: "rolepicker.person";
|
|
4
|
+
readonly deceasedPerson: "rolepicker.person.deceased";
|
|
5
|
+
readonly business: "rolepicker.business";
|
|
6
|
+
readonly businessSubunit: "rolepicker.business.subunit";
|
|
7
|
+
readonly discontinuedBusiness: "rolepicker.business.discontinued";
|
|
8
|
+
readonly logout: "rolepicker.logout";
|
|
9
|
+
};
|
|
10
|
+
export type RolePickerAnalyticsId = (typeof rolePickerAnalyticsIds)[keyof typeof rolePickerAnalyticsIds];
|
|
@@ -4,8 +4,8 @@ export interface WordInfoContentProps extends BaseProps {
|
|
|
4
4
|
ref?: Ref<HTMLDivElement>;
|
|
5
5
|
/**
|
|
6
6
|
* Innhold i popup-boksen. Må være string eller et HTML-element som er tillatt
|
|
7
|
-
* i en span. Finn ut hvilke elementer som er tillatt i en
|
|
8
|
-
*
|
|
7
|
+
* i en span. Finn ut hvilke [elementer som er tillatt i en
|
|
8
|
+
* span](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Content_categories#phrasing_content).
|
|
9
9
|
*/
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
}
|