@digdir/designsystemet-react 1.10.0 → 1.11.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/dist/cjs/components/avatar/avatar.js +3 -2
- package/dist/cjs/components/avatar-stack/avatar-stack.js +33 -0
- package/dist/cjs/components/suggestion/suggestion.js +8 -5
- package/dist/cjs/index.js +40 -38
- package/dist/esm/components/avatar/avatar.js +3 -2
- package/dist/esm/components/avatar-stack/avatar-stack.js +31 -0
- package/dist/esm/components/suggestion/suggestion.js +8 -5
- package/dist/esm/index.js +8 -7
- package/dist/types/components/avatar/avatar.d.ts +5 -0
- package/dist/types/components/avatar/avatar.d.ts.map +1 -1
- package/dist/types/components/avatar-stack/avatar-stack.d.ts +70 -0
- package/dist/types/components/avatar-stack/avatar-stack.d.ts.map +1 -0
- package/dist/types/components/badge/badge-position.d.ts +1 -1
- package/dist/types/components/badge/index.d.ts +1 -1
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/suggestion/suggestion.d.ts +2 -2
- package/dist/types/components/suggestion/suggestion.d.ts.map +1 -1
- package/dist/types/utilities/roving-focus/use-roving-focus.d.ts +11 -11
- package/package.json +18 -18
|
@@ -22,11 +22,12 @@ var react = require('react');
|
|
|
22
22
|
* <Icon />
|
|
23
23
|
* </Avatar>
|
|
24
24
|
*/
|
|
25
|
-
const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
|
|
25
|
+
const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, asChild, ...rest }, ref) {
|
|
26
|
+
const OuterComponent = asChild ? reactSlot.Slot : 'span';
|
|
26
27
|
const useSlot = children && typeof children !== 'string';
|
|
27
28
|
const textChild = children && typeof children === 'string';
|
|
28
29
|
const Component = useSlot ? reactSlot.Slot : react.Fragment;
|
|
29
|
-
return (jsxRuntime.jsx(
|
|
30
|
+
return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
|
|
30
31
|
});
|
|
31
32
|
|
|
32
33
|
exports.Avatar = Avatar;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var cl = require('clsx/lite');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Use `AvatarStack` to constrain Avatars into a stack.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* <EXPERIMENTAL_AvatarStack>
|
|
13
|
+
* <Avatar aria-label='name'>
|
|
14
|
+
* <img src={cat1} alt='' />
|
|
15
|
+
* </Avatar>
|
|
16
|
+
* <Avatar aria-label='name'>
|
|
17
|
+
* <BriefcaseIcon />
|
|
18
|
+
* </Avatar>
|
|
19
|
+
* <Avatar aria-label='name' initials='sm' />
|
|
20
|
+
* </EXPERIMENTAL_AvatarStack>
|
|
21
|
+
*/
|
|
22
|
+
const EXPERIMENTAL_AvatarStack = react.forwardRef(function AvatarStack({ className, gap, suffix, avatarSize, overlap, expandable, children, ...rest }, ref) {
|
|
23
|
+
const style = {
|
|
24
|
+
...(rest.style || {}),
|
|
25
|
+
'--dsc-avatar-stack-gap': gap !== undefined ? `${gap}` : undefined,
|
|
26
|
+
'--dsc-avatar-stack-size': avatarSize ? `${avatarSize}` : undefined,
|
|
27
|
+
'--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
|
|
28
|
+
'--dsc-avatar-count': expandable === 'fixed' ? react.Children.count(children) : undefined,
|
|
29
|
+
};
|
|
30
|
+
return (jsxRuntime.jsx("figure", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : -1, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
exports.EXPERIMENTAL_AvatarStack = EXPERIMENTAL_AvatarStack;
|
|
@@ -33,10 +33,14 @@ const Suggestion = react.forwardRef(function Suggestion({ children, className, c
|
|
|
33
33
|
const [defaultItems, setDefaultItems] = react.useState(sanitizeItems(defaultSelected));
|
|
34
34
|
const selectedItems = selected ? sanitizeItems(selected) : defaultItems;
|
|
35
35
|
const onSelectedChangeRef = react.useRef(onSelectedChange);
|
|
36
|
+
const selectedItemsRef = react.useRef(selectedItems);
|
|
36
37
|
// Keep the ref updated with the latest callback
|
|
37
38
|
react.useEffect(() => {
|
|
38
39
|
onSelectedChangeRef.current = onSelectedChange;
|
|
39
40
|
}, [onSelectedChange]);
|
|
41
|
+
react.useEffect(() => {
|
|
42
|
+
selectedItemsRef.current = selectedItems;
|
|
43
|
+
}, [selectedItems]);
|
|
40
44
|
/**
|
|
41
45
|
* Listerners and handling of adding/removing
|
|
42
46
|
*/
|
|
@@ -46,15 +50,14 @@ const Suggestion = react.forwardRef(function Suggestion({ children, className, c
|
|
|
46
50
|
event.preventDefault();
|
|
47
51
|
const multiple = combobox?.multiple;
|
|
48
52
|
const data = event.detail;
|
|
49
|
-
const nextItem = nextItems(data,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
else
|
|
53
|
+
const nextItem = nextItems(data, selectedItemsRef.current, multiple);
|
|
54
|
+
onSelectedChangeRef.current?.(nextItem || null);
|
|
55
|
+
if (!isControlled)
|
|
53
56
|
setDefaultItems(sanitizeItems(nextItem));
|
|
54
57
|
};
|
|
55
58
|
combobox?.addEventListener('comboboxbeforeselect', beforeChange);
|
|
56
59
|
return () => combobox?.removeEventListener('comboboxbeforeselect', beforeChange);
|
|
57
|
-
}, [
|
|
60
|
+
}, [isControlled]);
|
|
58
61
|
// Before match event listener
|
|
59
62
|
react.useEffect(() => {
|
|
60
63
|
const combobox = uComboboxRef.current;
|
package/dist/cjs/index.js
CHANGED
|
@@ -3,35 +3,36 @@
|
|
|
3
3
|
|
|
4
4
|
var alert = require('./components/alert/alert.js');
|
|
5
5
|
var avatar = require('./components/avatar/avatar.js');
|
|
6
|
+
var avatarStack = require('./components/avatar-stack/avatar-stack.js');
|
|
6
7
|
var index = require('./components/badge/index.js');
|
|
7
8
|
var index$1 = require('./components/breadcrumbs/index.js');
|
|
8
9
|
var button = require('./components/button/button.js');
|
|
9
|
-
var index$
|
|
10
|
-
var index$
|
|
10
|
+
var index$4 = require('./components/Combobox/index.js');
|
|
11
|
+
var index$2 = require('./components/card/index.js');
|
|
11
12
|
var checkbox = require('./components/checkbox/checkbox.js');
|
|
12
|
-
var index$
|
|
13
|
+
var index$3 = require('./components/chip/index.js');
|
|
13
14
|
var index$5 = require('./components/details/index.js');
|
|
14
15
|
var index$6 = require('./components/dialog/index.js');
|
|
15
16
|
var divider = require('./components/divider/divider.js');
|
|
16
17
|
var index$7 = require('./components/dropdown/index.js');
|
|
17
|
-
var index$
|
|
18
|
-
var index$
|
|
19
|
-
var index$
|
|
18
|
+
var index$9 = require('./components/error-summary/index.js');
|
|
19
|
+
var index$a = require('./components/field/index.js');
|
|
20
|
+
var index$b = require('./components/fieldset/index.js');
|
|
20
21
|
var heading = require('./components/heading/heading.js');
|
|
21
22
|
var input = require('./components/input/input.js');
|
|
22
23
|
var label = require('./components/label/label.js');
|
|
23
24
|
var link = require('./components/link/link.js');
|
|
24
|
-
var index$
|
|
25
|
-
var index$
|
|
25
|
+
var index$c = require('./components/list/index.js');
|
|
26
|
+
var index$d = require('./components/pagination/index.js');
|
|
26
27
|
var paragraph = require('./components/paragraph/paragraph.js');
|
|
27
|
-
var index$
|
|
28
|
+
var index$e = require('./components/popover/index.js');
|
|
28
29
|
var radio = require('./components/radio/radio.js');
|
|
29
|
-
var index$
|
|
30
|
-
var index$
|
|
30
|
+
var index$f = require('./components/search/index.js');
|
|
31
|
+
var index$g = require('./components/select/index.js');
|
|
31
32
|
var skeleton = require('./components/skeleton/skeleton.js');
|
|
32
33
|
var skipLink = require('./components/skip-link/skip-link.js');
|
|
33
34
|
var spinner = require('./components/spinner/spinner.js');
|
|
34
|
-
var index$
|
|
35
|
+
var index$8 = require('./components/suggestion/index.js');
|
|
35
36
|
var _switch = require('./components/switch/switch.js');
|
|
36
37
|
var index$h = require('./components/table/index.js');
|
|
37
38
|
var index$i = require('./components/tabs/index.js');
|
|
@@ -56,10 +57,10 @@ var badgePosition = require('./components/badge/badge-position.js');
|
|
|
56
57
|
var breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.js');
|
|
57
58
|
var breadcrumbsLink = require('./components/breadcrumbs/breadcrumbs-link.js');
|
|
58
59
|
var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
|
|
59
|
-
var Empty = require('./components/Combobox/Empty.js');
|
|
60
|
-
var Option = require('./components/Combobox/Option/Option.js');
|
|
61
60
|
var cardBlock = require('./components/card/card-block.js');
|
|
62
61
|
var chips = require('./components/chip/chips.js');
|
|
62
|
+
var Empty = require('./components/Combobox/Empty.js');
|
|
63
|
+
var Option = require('./components/Combobox/Option/Option.js');
|
|
63
64
|
var detailsContent = require('./components/details/details-content.js');
|
|
64
65
|
var detailsSummary = require('./components/details/details-summary.js');
|
|
65
66
|
var dialogBlock = require('./components/dialog/dialog-block.js');
|
|
@@ -71,6 +72,11 @@ var dropdownItem = require('./components/dropdown/dropdown-item.js');
|
|
|
71
72
|
var dropdownList = require('./components/dropdown/dropdown-list.js');
|
|
72
73
|
var dropdownTrigger = require('./components/dropdown/dropdown-trigger.js');
|
|
73
74
|
var dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
|
|
75
|
+
var suggestionClear = require('./components/suggestion/suggestion-clear.js');
|
|
76
|
+
var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
|
|
77
|
+
var suggestionInput = require('./components/suggestion/suggestion-input.js');
|
|
78
|
+
var suggestionList = require('./components/suggestion/suggestion-list.js');
|
|
79
|
+
var suggestionOption = require('./components/suggestion/suggestion-option.js');
|
|
74
80
|
var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
|
|
75
81
|
var errorSummaryItem = require('./components/error-summary/error-summary-item.js');
|
|
76
82
|
var errorSummaryLink = require('./components/error-summary/error-summary-link.js');
|
|
@@ -92,11 +98,6 @@ var searchClear = require('./components/search/search-clear.js');
|
|
|
92
98
|
var searchInput = require('./components/search/search-input.js');
|
|
93
99
|
var selectOptgroup = require('./components/select/select-optgroup.js');
|
|
94
100
|
var selectOption = require('./components/select/select-option.js');
|
|
95
|
-
var suggestionClear = require('./components/suggestion/suggestion-clear.js');
|
|
96
|
-
var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
|
|
97
|
-
var suggestionInput = require('./components/suggestion/suggestion-input.js');
|
|
98
|
-
var suggestionList = require('./components/suggestion/suggestion-list.js');
|
|
99
|
-
var suggestionOption = require('./components/suggestion/suggestion-option.js');
|
|
100
101
|
var tableBody = require('./components/table/table-body.js');
|
|
101
102
|
var tableCell = require('./components/table/table-cell.js');
|
|
102
103
|
var tableFoot = require('./components/table/table-foot.js');
|
|
@@ -112,35 +113,36 @@ var toggleGroupItem = require('./components/toggle-group/toggle-group-item.js');
|
|
|
112
113
|
|
|
113
114
|
exports.Alert = alert.Alert;
|
|
114
115
|
exports.Avatar = avatar.Avatar;
|
|
116
|
+
exports.EXPERIMENTAL_AvatarStack = avatarStack.EXPERIMENTAL_AvatarStack;
|
|
115
117
|
exports.Badge = index.Badge;
|
|
116
118
|
exports.Breadcrumbs = index$1.Breadcrumbs;
|
|
117
119
|
exports.Button = button.Button;
|
|
118
|
-
exports.Combobox = index$
|
|
119
|
-
exports.Card = index$
|
|
120
|
+
exports.Combobox = index$4.Combobox;
|
|
121
|
+
exports.Card = index$2.Card;
|
|
120
122
|
exports.Checkbox = checkbox.Checkbox;
|
|
121
|
-
exports.Chip = index$
|
|
123
|
+
exports.Chip = index$3.Chip;
|
|
122
124
|
exports.Details = index$5.Details;
|
|
123
125
|
exports.Dialog = index$6.Dialog;
|
|
124
126
|
exports.Divider = divider.Divider;
|
|
125
127
|
exports.Dropdown = index$7.Dropdown;
|
|
126
|
-
exports.ErrorSummary = index$
|
|
127
|
-
exports.Field = index$
|
|
128
|
-
exports.Fieldset = index$
|
|
128
|
+
exports.ErrorSummary = index$9.ErrorSummary;
|
|
129
|
+
exports.Field = index$a.Field;
|
|
130
|
+
exports.Fieldset = index$b.Fieldset;
|
|
129
131
|
exports.Heading = heading.Heading;
|
|
130
132
|
exports.Input = input.Input;
|
|
131
133
|
exports.Label = label.Label;
|
|
132
134
|
exports.Link = link.Link;
|
|
133
|
-
exports.List = index$
|
|
134
|
-
exports.Pagination = index$
|
|
135
|
+
exports.List = index$c.List;
|
|
136
|
+
exports.Pagination = index$d.Pagination;
|
|
135
137
|
exports.Paragraph = paragraph.Paragraph;
|
|
136
|
-
exports.Popover = index$
|
|
138
|
+
exports.Popover = index$e.Popover;
|
|
137
139
|
exports.Radio = radio.Radio;
|
|
138
|
-
exports.Search = index$
|
|
139
|
-
exports.Select = index$
|
|
140
|
+
exports.Search = index$f.Search;
|
|
141
|
+
exports.Select = index$g.Select;
|
|
140
142
|
exports.Skeleton = skeleton.Skeleton;
|
|
141
143
|
exports.SkipLink = skipLink.SkipLink;
|
|
142
144
|
exports.Spinner = spinner.Spinner;
|
|
143
|
-
exports.EXPERIMENTAL_Suggestion = index$
|
|
145
|
+
exports.EXPERIMENTAL_Suggestion = index$8.EXPERIMENTAL_Suggestion;
|
|
144
146
|
exports.Switch = _switch.Switch;
|
|
145
147
|
exports.Table = index$h.Table;
|
|
146
148
|
exports.Tabs = index$i.Tabs;
|
|
@@ -164,13 +166,13 @@ exports.BadgePosition = badgePosition.BadgePosition;
|
|
|
164
166
|
exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
|
|
165
167
|
exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
|
|
166
168
|
exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
|
|
167
|
-
exports.ComboboxEmpty = Empty.ComboboxEmpty;
|
|
168
|
-
exports.ComboboxOption = Option.ComboboxOption;
|
|
169
169
|
exports.CardBlock = cardBlock.CardBlock;
|
|
170
170
|
exports.ChipButton = chips.ChipButton;
|
|
171
171
|
exports.ChipCheckbox = chips.ChipCheckbox;
|
|
172
172
|
exports.ChipRadio = chips.ChipRadio;
|
|
173
173
|
exports.ChipRemovable = chips.ChipRemovable;
|
|
174
|
+
exports.ComboboxEmpty = Empty.ComboboxEmpty;
|
|
175
|
+
exports.ComboboxOption = Option.ComboboxOption;
|
|
174
176
|
exports.DetailsContent = detailsContent.DetailsContent;
|
|
175
177
|
exports.DetailsSummary = detailsSummary.DetailsSummary;
|
|
176
178
|
exports.DialogBlock = dialogBlock.DialogBlock;
|
|
@@ -182,6 +184,11 @@ exports.DropdownItem = dropdownItem.DropdownItem;
|
|
|
182
184
|
exports.DropdownList = dropdownList.DropdownList;
|
|
183
185
|
exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
|
|
184
186
|
exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
|
|
187
|
+
exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
|
|
188
|
+
exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
|
|
189
|
+
exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
|
|
190
|
+
exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
|
|
191
|
+
exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
|
|
185
192
|
exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
|
|
186
193
|
exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
|
|
187
194
|
exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
|
|
@@ -205,11 +212,6 @@ exports.SearchClear = searchClear.SearchClear;
|
|
|
205
212
|
exports.SearchInput = searchInput.SearchInput;
|
|
206
213
|
exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
|
|
207
214
|
exports.SelectOption = selectOption.SelectOption;
|
|
208
|
-
exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
|
|
209
|
-
exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
|
|
210
|
-
exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
|
|
211
|
-
exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
|
|
212
|
-
exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
|
|
213
215
|
exports.TableBody = tableBody.TableBody;
|
|
214
216
|
exports.TableCell = tableCell.TableCell;
|
|
215
217
|
exports.TableFoot = tableFoot.TableFoot;
|
|
@@ -20,11 +20,12 @@ import { forwardRef, Fragment } from 'react';
|
|
|
20
20
|
* <Icon />
|
|
21
21
|
* </Avatar>
|
|
22
22
|
*/
|
|
23
|
-
const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
|
|
23
|
+
const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, asChild, ...rest }, ref) {
|
|
24
|
+
const OuterComponent = asChild ? Slot : 'span';
|
|
24
25
|
const useSlot = children && typeof children !== 'string';
|
|
25
26
|
const textChild = children && typeof children === 'string';
|
|
26
27
|
const Component = useSlot ? Slot : Fragment;
|
|
27
|
-
return (jsx(
|
|
28
|
+
return (jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel, ...rest, children: jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
|
|
28
29
|
});
|
|
29
30
|
|
|
30
31
|
export { Avatar };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import cl from 'clsx/lite';
|
|
4
|
+
import { forwardRef, Children } from 'react';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Use `AvatarStack` to constrain Avatars into a stack.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* <EXPERIMENTAL_AvatarStack>
|
|
11
|
+
* <Avatar aria-label='name'>
|
|
12
|
+
* <img src={cat1} alt='' />
|
|
13
|
+
* </Avatar>
|
|
14
|
+
* <Avatar aria-label='name'>
|
|
15
|
+
* <BriefcaseIcon />
|
|
16
|
+
* </Avatar>
|
|
17
|
+
* <Avatar aria-label='name' initials='sm' />
|
|
18
|
+
* </EXPERIMENTAL_AvatarStack>
|
|
19
|
+
*/
|
|
20
|
+
const EXPERIMENTAL_AvatarStack = forwardRef(function AvatarStack({ className, gap, suffix, avatarSize, overlap, expandable, children, ...rest }, ref) {
|
|
21
|
+
const style = {
|
|
22
|
+
...(rest.style || {}),
|
|
23
|
+
'--dsc-avatar-stack-gap': gap !== undefined ? `${gap}` : undefined,
|
|
24
|
+
'--dsc-avatar-stack-size': avatarSize ? `${avatarSize}` : undefined,
|
|
25
|
+
'--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
|
|
26
|
+
'--dsc-avatar-count': expandable === 'fixed' ? Children.count(children) : undefined,
|
|
27
|
+
};
|
|
28
|
+
return (jsx("figure", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : -1, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
export { EXPERIMENTAL_AvatarStack };
|
|
@@ -31,10 +31,14 @@ const Suggestion = forwardRef(function Suggestion({ children, className, creatab
|
|
|
31
31
|
const [defaultItems, setDefaultItems] = useState(sanitizeItems(defaultSelected));
|
|
32
32
|
const selectedItems = selected ? sanitizeItems(selected) : defaultItems;
|
|
33
33
|
const onSelectedChangeRef = useRef(onSelectedChange);
|
|
34
|
+
const selectedItemsRef = useRef(selectedItems);
|
|
34
35
|
// Keep the ref updated with the latest callback
|
|
35
36
|
useEffect(() => {
|
|
36
37
|
onSelectedChangeRef.current = onSelectedChange;
|
|
37
38
|
}, [onSelectedChange]);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
selectedItemsRef.current = selectedItems;
|
|
41
|
+
}, [selectedItems]);
|
|
38
42
|
/**
|
|
39
43
|
* Listerners and handling of adding/removing
|
|
40
44
|
*/
|
|
@@ -44,15 +48,14 @@ const Suggestion = forwardRef(function Suggestion({ children, className, creatab
|
|
|
44
48
|
event.preventDefault();
|
|
45
49
|
const multiple = combobox?.multiple;
|
|
46
50
|
const data = event.detail;
|
|
47
|
-
const nextItem = nextItems(data,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
else
|
|
51
|
+
const nextItem = nextItems(data, selectedItemsRef.current, multiple);
|
|
52
|
+
onSelectedChangeRef.current?.(nextItem || null);
|
|
53
|
+
if (!isControlled)
|
|
51
54
|
setDefaultItems(sanitizeItems(nextItem));
|
|
52
55
|
};
|
|
53
56
|
combobox?.addEventListener('comboboxbeforeselect', beforeChange);
|
|
54
57
|
return () => combobox?.removeEventListener('comboboxbeforeselect', beforeChange);
|
|
55
|
-
}, [
|
|
58
|
+
}, [isControlled]);
|
|
56
59
|
// Before match event listener
|
|
57
60
|
useEffect(() => {
|
|
58
61
|
const combobox = uComboboxRef.current;
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
export { Alert } from './components/alert/alert.js';
|
|
3
3
|
export { Avatar } from './components/avatar/avatar.js';
|
|
4
|
+
export { EXPERIMENTAL_AvatarStack } from './components/avatar-stack/avatar-stack.js';
|
|
4
5
|
export { Badge } from './components/badge/index.js';
|
|
5
6
|
export { Breadcrumbs } from './components/breadcrumbs/index.js';
|
|
6
7
|
export { Button } from './components/button/button.js';
|
|
@@ -54,10 +55,10 @@ export { BadgePosition } from './components/badge/badge-position.js';
|
|
|
54
55
|
export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
|
|
55
56
|
export { BreadcrumbsLink } from './components/breadcrumbs/breadcrumbs-link.js';
|
|
56
57
|
export { BreadcrumbsList } from './components/breadcrumbs/breadcrumbs-list.js';
|
|
57
|
-
export { ComboboxEmpty } from './components/Combobox/Empty.js';
|
|
58
|
-
export { ComboboxOption } from './components/Combobox/Option/Option.js';
|
|
59
58
|
export { CardBlock } from './components/card/card-block.js';
|
|
60
59
|
export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/chip/chips.js';
|
|
60
|
+
export { ComboboxEmpty } from './components/Combobox/Empty.js';
|
|
61
|
+
export { ComboboxOption } from './components/Combobox/Option/Option.js';
|
|
61
62
|
export { DetailsContent } from './components/details/details-content.js';
|
|
62
63
|
export { DetailsSummary } from './components/details/details-summary.js';
|
|
63
64
|
export { DialogBlock } from './components/dialog/dialog-block.js';
|
|
@@ -69,6 +70,11 @@ export { DropdownItem } from './components/dropdown/dropdown-item.js';
|
|
|
69
70
|
export { DropdownList } from './components/dropdown/dropdown-list.js';
|
|
70
71
|
export { DropdownTrigger } from './components/dropdown/dropdown-trigger.js';
|
|
71
72
|
export { DropdownTriggerContext } from './components/dropdown/dropdown-trigger-context.js';
|
|
73
|
+
export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
|
|
74
|
+
export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
|
|
75
|
+
export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
|
|
76
|
+
export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
|
|
77
|
+
export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
|
|
72
78
|
export { ErrorSummaryHeading } from './components/error-summary/error-summary-heading.js';
|
|
73
79
|
export { ErrorSummaryItem } from './components/error-summary/error-summary-item.js';
|
|
74
80
|
export { ErrorSummaryLink } from './components/error-summary/error-summary-link.js';
|
|
@@ -90,11 +96,6 @@ export { SearchClear } from './components/search/search-clear.js';
|
|
|
90
96
|
export { SearchInput } from './components/search/search-input.js';
|
|
91
97
|
export { SelectOptgroup } from './components/select/select-optgroup.js';
|
|
92
98
|
export { SelectOption } from './components/select/select-option.js';
|
|
93
|
-
export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
|
|
94
|
-
export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
|
|
95
|
-
export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
|
|
96
|
-
export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
|
|
97
|
-
export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
|
|
98
99
|
export { TableBody } from './components/table/table-body.js';
|
|
99
100
|
export { TableCell } from './components/table/table-cell.js';
|
|
100
101
|
export { TableFoot } from './components/table/table-foot.js';
|
|
@@ -26,6 +26,11 @@ export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanEleme
|
|
|
26
26
|
* Initials to display inside the avatar.
|
|
27
27
|
*/
|
|
28
28
|
initials?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
asChild?: boolean;
|
|
29
34
|
/**
|
|
30
35
|
* Image, icon or initials to display inside the avatar.
|
|
31
36
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG;IACf;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG;IAAE,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG;IACf;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG;IAAE,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,yGAgCjB,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export type AvatarStackProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
|
|
5
|
+
* @default 2px
|
|
6
|
+
*/
|
|
7
|
+
gap?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
|
|
10
|
+
* @default 'var(--ds-size-12)'
|
|
11
|
+
*/
|
|
12
|
+
avatarSize?: string;
|
|
13
|
+
/**
|
|
14
|
+
* A number which represents the percentage value of how much avatars should overlap.
|
|
15
|
+
* @default 50
|
|
16
|
+
*/
|
|
17
|
+
overlap?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
|
|
20
|
+
*/
|
|
21
|
+
suffix?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Expand on hover to show full avatars.
|
|
24
|
+
* 'fixed': AvatarStack physical width does not change when avatars are expanded.
|
|
25
|
+
* @default undefined
|
|
26
|
+
*/
|
|
27
|
+
expandable?: 'fixed' | true;
|
|
28
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
29
|
+
/**
|
|
30
|
+
* Use `AvatarStack` to constrain Avatars into a stack.
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* <EXPERIMENTAL_AvatarStack>
|
|
34
|
+
* <Avatar aria-label='name'>
|
|
35
|
+
* <img src={cat1} alt='' />
|
|
36
|
+
* </Avatar>
|
|
37
|
+
* <Avatar aria-label='name'>
|
|
38
|
+
* <BriefcaseIcon />
|
|
39
|
+
* </Avatar>
|
|
40
|
+
* <Avatar aria-label='name' initials='sm' />
|
|
41
|
+
* </EXPERIMENTAL_AvatarStack>
|
|
42
|
+
*/
|
|
43
|
+
export declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticComponent<{
|
|
44
|
+
/**
|
|
45
|
+
* Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
|
|
46
|
+
* @default 2px
|
|
47
|
+
*/
|
|
48
|
+
gap?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
|
|
51
|
+
* @default 'var(--ds-size-12)'
|
|
52
|
+
*/
|
|
53
|
+
avatarSize?: string;
|
|
54
|
+
/**
|
|
55
|
+
* A number which represents the percentage value of how much avatars should overlap.
|
|
56
|
+
* @default 50
|
|
57
|
+
*/
|
|
58
|
+
overlap?: number;
|
|
59
|
+
/**
|
|
60
|
+
* Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
|
|
61
|
+
*/
|
|
62
|
+
suffix?: string;
|
|
63
|
+
/**
|
|
64
|
+
* Expand on hover to show full avatars.
|
|
65
|
+
* 'fixed': AvatarStack physical width does not change when avatars are expanded.
|
|
66
|
+
* @default undefined
|
|
67
|
+
*/
|
|
68
|
+
expandable?: "fixed" | true;
|
|
69
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
70
|
+
//# sourceMappingURL=avatar-stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;IAzCnC;;;OAGG;UACG,MAAM;IACZ;;;OAGG;iBACU,MAAM;IACnB;;;OAGG;cACO,MAAM;IAChB;;OAEG;aACM,MAAM;IACf;;;;OAIG;iBACU,OAAO,GAAG,IAAI;mFAyD3B,CAAC"}
|
|
@@ -24,7 +24,7 @@ export type BadgePositionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSp
|
|
|
24
24
|
* <Element />
|
|
25
25
|
* </BadgePosition>
|
|
26
26
|
*/
|
|
27
|
-
export declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "
|
|
27
|
+
export declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
|
|
28
28
|
/**
|
|
29
29
|
* The placement of the badge
|
|
30
30
|
*
|
|
@@ -12,7 +12,7 @@ declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../.
|
|
|
12
12
|
'data-color'?: import("packages/types/dist/types").Color | import("packages/types/dist/types").SeverityColors;
|
|
13
13
|
children?: never;
|
|
14
14
|
} & import("react").RefAttributes<HTMLSpanElement>> & {
|
|
15
|
-
Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "
|
|
15
|
+
Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
|
|
16
16
|
placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
17
17
|
overlap?: "circle" | "rectangle";
|
|
18
18
|
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -2,6 +2,8 @@ export type { AlertProps } from './alert/alert';
|
|
|
2
2
|
export { Alert } from './alert/alert';
|
|
3
3
|
export type { AvatarProps } from './avatar/avatar';
|
|
4
4
|
export { Avatar } from './avatar/avatar';
|
|
5
|
+
export type { AvatarStackProps } from './avatar-stack/avatar-stack';
|
|
6
|
+
export { EXPERIMENTAL_AvatarStack } from './avatar-stack/avatar-stack';
|
|
5
7
|
export type { BadgePositionProps, BadgeProps } from './badge';
|
|
6
8
|
export { Badge, BadgePosition } from './badge';
|
|
7
9
|
export type { BreadcrumbsItemProps, BreadcrumbsLinkProps, BreadcrumbsListProps, BreadcrumbsProps, } from './breadcrumbs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -93,7 +93,7 @@ type SuggestionValueProps<T extends {
|
|
|
93
93
|
*
|
|
94
94
|
* Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
|
|
95
95
|
*/
|
|
96
|
-
selected?: SuggestionValue<T
|
|
96
|
+
selected?: SuggestionValue<T> | null;
|
|
97
97
|
/**
|
|
98
98
|
* Default selected item when uncontrolled
|
|
99
99
|
*/
|
|
@@ -101,7 +101,7 @@ type SuggestionValueProps<T extends {
|
|
|
101
101
|
/**
|
|
102
102
|
* Callback when selected items changes
|
|
103
103
|
*/
|
|
104
|
-
onSelectedChange?: (value: T['multiple'] extends true ? SuggestionItem[] : SuggestionItem |
|
|
104
|
+
onSelectedChange?: (value: T['multiple'] extends true ? SuggestionItem[] : SuggestionItem | null) => void;
|
|
105
105
|
};
|
|
106
106
|
export type SuggestionSingleProps = SuggestionBaseProps & SuggestionValueProps<{
|
|
107
107
|
multiple: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAKnE,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,gBAAgB,GAAG,IAAI,CAC1B,WAAW,CAAC,iBAAiB,GAAG,SAAS,CAAC,EAC1C,eAAe,CAChB,GAAG;IACF,aAAa,EAAE,oBAAoB,CAAC;CACrC,CAAC;AAEF,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;CACzB,KAAK,OAAO,CAAC;AAEd,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,IAClD,CAAC,CAAC,UAAU,CAAC,SAAS,IAAI,GACtB,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,GAC9B,MAAM,GAAG,cAAc,CAAC;AAE9B,KAAK,mBAAmB,GAAG;IACzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CACxE,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,cAAc,CAAC,CAAC;AAE/D,KAAK,oBAAoB,CAAC,CAAC,SAAS;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,IAAI;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -140,18 +140,18 @@ export declare const useRovingFocus: (value: string) => {
|
|
|
140
140
|
onFocusCapture?: import("react").FocusEventHandler<T> | undefined;
|
|
141
141
|
onBlur?: import("react").FocusEventHandler<T> | undefined;
|
|
142
142
|
onBlurCapture?: import("react").FocusEventHandler<T> | undefined;
|
|
143
|
-
onChange?: import("react").
|
|
144
|
-
onChangeCapture?: import("react").
|
|
143
|
+
onChange?: import("react").ChangeEventHandler<T, Element> | undefined;
|
|
144
|
+
onChangeCapture?: import("react").ChangeEventHandler<T, Element> | undefined;
|
|
145
145
|
onBeforeInput?: import("react").InputEventHandler<T> | undefined;
|
|
146
|
-
onBeforeInputCapture?: import("react").
|
|
147
|
-
onInput?: import("react").
|
|
148
|
-
onInputCapture?: import("react").
|
|
149
|
-
onReset?: import("react").
|
|
150
|
-
onResetCapture?: import("react").
|
|
151
|
-
onSubmit?: import("react").
|
|
152
|
-
onSubmitCapture?: import("react").
|
|
153
|
-
onInvalid?: import("react").
|
|
154
|
-
onInvalidCapture?: import("react").
|
|
146
|
+
onBeforeInputCapture?: import("react").InputEventHandler<T> | undefined;
|
|
147
|
+
onInput?: import("react").InputEventHandler<T> | undefined;
|
|
148
|
+
onInputCapture?: import("react").InputEventHandler<T> | undefined;
|
|
149
|
+
onReset?: import("react").ReactEventHandler<T> | undefined;
|
|
150
|
+
onResetCapture?: import("react").ReactEventHandler<T> | undefined;
|
|
151
|
+
onSubmit?: import("react").SubmitEventHandler<T> | undefined;
|
|
152
|
+
onSubmitCapture?: import("react").SubmitEventHandler<T> | undefined;
|
|
153
|
+
onInvalid?: import("react").ReactEventHandler<T> | undefined;
|
|
154
|
+
onInvalidCapture?: import("react").ReactEventHandler<T> | undefined;
|
|
155
155
|
onLoad?: import("react").ReactEventHandler<T> | undefined;
|
|
156
156
|
onLoadCapture?: import("react").ReactEventHandler<T> | undefined;
|
|
157
157
|
onError?: import("react").ReactEventHandler<T> | undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.11.1",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -35,38 +35,38 @@
|
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@floating-ui/dom": "^1.7.
|
|
38
|
+
"@floating-ui/dom": "^1.7.5",
|
|
39
39
|
"@floating-ui/react": "0.26.23",
|
|
40
|
-
"@navikt/aksel-icons": "^
|
|
40
|
+
"@navikt/aksel-icons": "^8.2.0",
|
|
41
41
|
"@radix-ui/react-slot": "^1.2.4",
|
|
42
|
-
"@tanstack/react-virtual": "^3.13.
|
|
43
|
-
"@u-elements/u-combobox": "^1.0.
|
|
44
|
-
"@u-elements/u-datalist": "^1.0
|
|
42
|
+
"@tanstack/react-virtual": "^3.13.18",
|
|
43
|
+
"@u-elements/u-combobox": "^1.0.7",
|
|
44
|
+
"@u-elements/u-datalist": "^1.1.0",
|
|
45
45
|
"@u-elements/u-details": "^0.1.5",
|
|
46
46
|
"clsx": "^2.1.1",
|
|
47
|
-
"@digdir/designsystemet-types": "^1.
|
|
47
|
+
"@digdir/designsystemet-types": "^1.11.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@rollup/plugin-commonjs": "^29.0.0",
|
|
51
51
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
52
|
-
"@storybook/addon-docs": "^10.
|
|
53
|
-
"@storybook/addon-vitest": "^10.
|
|
54
|
-
"@storybook/react-vite": "^10.
|
|
52
|
+
"@storybook/addon-docs": "^10.2.3",
|
|
53
|
+
"@storybook/addon-vitest": "^10.2.3",
|
|
54
|
+
"@storybook/react-vite": "^10.2.3",
|
|
55
55
|
"@testing-library/jest-dom": "^6.9.1",
|
|
56
|
-
"@testing-library/react": "^16.3.
|
|
56
|
+
"@testing-library/react": "^16.3.2",
|
|
57
57
|
"@testing-library/user-event": "^14.6.1",
|
|
58
|
-
"@types/react": "^19.2.
|
|
58
|
+
"@types/react": "^19.2.10",
|
|
59
59
|
"@types/react-dom": "^19.2.3",
|
|
60
|
-
"react": "^19.2.
|
|
61
|
-
"react-dom": "^19.2.
|
|
60
|
+
"react": "^19.2.4",
|
|
61
|
+
"react-dom": "^19.2.4",
|
|
62
62
|
"rimraf": "^6.1.2",
|
|
63
|
-
"rollup": "^4.
|
|
63
|
+
"rollup": "^4.57.1",
|
|
64
64
|
"rollup-plugin-copy": "^3.5.0",
|
|
65
|
-
"storybook": "^10.
|
|
65
|
+
"storybook": "^10.2.3",
|
|
66
66
|
"tsx": "4.21.0",
|
|
67
67
|
"typescript": "^5.9.3",
|
|
68
|
-
"@digdir/designsystemet": "^1.
|
|
69
|
-
"@digdir/designsystemet
|
|
68
|
+
"@digdir/designsystemet-css": "^1.11.1",
|
|
69
|
+
"@digdir/designsystemet": "^1.11.1"
|
|
70
70
|
},
|
|
71
71
|
"scripts": {
|
|
72
72
|
"build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|