@digdir/designsystemet-react 1.0.3 → 1.0.4
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/Breadcrumbs/BreadcrumbsList.js +2 -2
- package/dist/cjs/components/Card/Card.js +2 -2
- package/dist/cjs/components/Combobox/Combobox.js +1 -1
- package/dist/cjs/components/Details/Details.js +2 -2
- package/dist/cjs/components/Dialog/Dialog.js +2 -2
- package/dist/cjs/components/Field/Field.js +2 -2
- package/dist/cjs/components/MultiSuggestion/MultiSuggestion.js +2 -2
- package/dist/cjs/components/MultiSuggestion/MultiSuggestionInput.js +2 -2
- package/dist/cjs/components/Popover/Popover.js +2 -2
- package/dist/cjs/components/Skeleton/Skeleton.js +2 -2
- package/dist/cjs/components/Spinner/Spinner.js +2 -2
- package/dist/cjs/components/Suggestion/SuggestionInput.js +2 -2
- package/dist/cjs/components/Tabs/TabsPanel.js +2 -2
- package/dist/cjs/components/Tooltip/Tooltip.js +6 -6
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/utilities/RovingFocus/RovingFocusItem.js +2 -2
- package/dist/cjs/utilities/RovingFocus/RovingFocusRoot.js +2 -2
- package/dist/cjs/utilities/hooks/useMergeRefs/useMergeRefs.js +57 -0
- package/dist/esm/components/Breadcrumbs/BreadcrumbsList.js +1 -1
- package/dist/esm/components/Card/Card.js +1 -1
- package/dist/esm/components/Combobox/Combobox.js +1 -1
- package/dist/esm/components/Details/Details.js +1 -1
- package/dist/esm/components/Dialog/Dialog.js +1 -1
- package/dist/esm/components/Field/Field.js +1 -1
- package/dist/esm/components/MultiSuggestion/MultiSuggestion.js +1 -1
- package/dist/esm/components/MultiSuggestion/MultiSuggestionInput.js +1 -1
- package/dist/esm/components/Popover/Popover.js +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +1 -1
- package/dist/esm/components/Spinner/Spinner.js +1 -1
- package/dist/esm/components/Suggestion/SuggestionInput.js +1 -1
- package/dist/esm/components/Tabs/TabsPanel.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +5 -5
- package/dist/esm/index.js +3 -3
- package/dist/esm/utilities/RovingFocus/RovingFocusItem.js +1 -1
- package/dist/esm/utilities/RovingFocus/RovingFocusRoot.js +1 -1
- package/dist/esm/utilities/hooks/useMergeRefs/useMergeRefs.js +55 -0
- package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts.map +1 -1
- package/dist/types/components/Card/Card.d.ts.map +1 -1
- package/dist/types/components/Combobox/useFloatingCombobox.d.ts.map +1 -1
- package/dist/types/components/Details/Details.d.ts.map +1 -1
- package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/types/components/ErrorSummary/index.d.ts.map +1 -1
- package/dist/types/components/Field/Field.d.ts.map +1 -1
- package/dist/types/components/MultiSuggestion/MultiSuggestion.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +1 -1
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/Popover/index.d.ts +1 -1
- package/dist/types/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +11 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/utilities/RovingFocus/RovingFocusItem.d.ts.map +1 -1
- package/dist/types/utilities/RovingFocus/RovingFocusRoot.d.ts.map +1 -1
- package/dist/types/utilities/RovingFocus/useRovingFocus.d.ts +4 -0
- package/dist/types/utilities/RovingFocus/useRovingFocus.d.ts.map +1 -1
- package/dist/types/utilities/hooks/index.d.ts +1 -0
- package/dist/types/utilities/hooks/index.d.ts.map +1 -1
- package/dist/types/utilities/hooks/useMergeRefs/useMergeRefs.d.ts +6 -0
- package/dist/types/utilities/hooks/useMergeRefs/useMergeRefs.d.ts.map +1 -0
- package/dist/types/utilities/index.d.ts +2 -1
- package/dist/types/utilities/index.d.ts.map +1 -1
- package/package.json +18 -18
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var react = require('react');
|
|
6
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
7
7
|
|
|
8
8
|
const BreadcrumbsList = react.forwardRef(function BreadcrumbsList(rest, ref) {
|
|
9
9
|
const innerRef = react.useRef(null);
|
|
10
|
-
const mergedRefs =
|
|
10
|
+
const mergedRefs = useMergeRefs.useMergeRefs([innerRef, ref]);
|
|
11
11
|
// Set aria-current on last link
|
|
12
12
|
react.useEffect(() => {
|
|
13
13
|
const links = innerRef.current?.querySelectorAll(':scope > * > *') || [];
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
6
|
var cl = require('clsx/lite');
|
|
8
7
|
var react = require('react');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Card component to present content in a structured way.
|
|
@@ -20,7 +20,7 @@ var react = require('react');
|
|
|
20
20
|
const Card = react.forwardRef(function Card({ asChild = false, variant = 'default', className, ...rest }, ref) {
|
|
21
21
|
const Component = asChild ? reactSlot.Slot : 'div';
|
|
22
22
|
const cardRef = react.useRef(null);
|
|
23
|
-
const mergedRefs =
|
|
23
|
+
const mergedRefs = useMergeRefs.useMergeRefs([cardRef, ref]);
|
|
24
24
|
// Forward click on card to heading links for better accessibility
|
|
25
25
|
// https://adrianroselli.com/2020/02/block-links-cards-clickable-regions-etc.html
|
|
26
26
|
react.useEffect(() => {
|
|
@@ -18,8 +18,8 @@ var useCombobox = require('./useCombobox.js');
|
|
|
18
18
|
var useComboboxKeyboard = require('./useComboboxKeyboard.js');
|
|
19
19
|
var useFloatingCombobox = require('./useFloatingCombobox.js');
|
|
20
20
|
var utilities = require('./utilities.js');
|
|
21
|
-
var Spinner = require('../Spinner/Spinner.js');
|
|
22
21
|
var useDebounceCallback = require('../../utilities/hooks/useDebounceCallback/useDebounceCallback.js');
|
|
22
|
+
var Spinner = require('../Spinner/Spinner.js');
|
|
23
23
|
var omit = require('../../utilities/omit/omit.js');
|
|
24
24
|
|
|
25
25
|
/**
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var cl = require('clsx/lite');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
require('@u-elements/u-details');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Details component, contains `Details.Summary` and `Details.Content` components.
|
|
@@ -19,7 +19,7 @@ require('@u-elements/u-details');
|
|
|
19
19
|
const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, variant = 'default', onToggle, ...rest }, ref) {
|
|
20
20
|
const detailsRef = react.useRef(null);
|
|
21
21
|
const initialOpen = react.useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
|
|
22
|
-
const mergedRefs =
|
|
22
|
+
const mergedRefs = useMergeRefs.useMergeRefs([detailsRef, ref]);
|
|
23
23
|
const onToggleRef = react.useRef(onToggle); // Using ref to enable access inside useEffect without re-binding event listeners
|
|
24
24
|
const openRef = react.useRef(open);
|
|
25
25
|
onToggleRef.current = onToggle;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
6
|
var cl = require('clsx/lite');
|
|
8
7
|
var react = require('react');
|
|
9
8
|
var DialogTriggerContext = require('./DialogTriggerContext.js');
|
|
9
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
10
10
|
var Button = require('../Button/Button.js');
|
|
11
11
|
|
|
12
12
|
/**
|
|
@@ -36,7 +36,7 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
|
|
|
36
36
|
const contextRef = react.useContext(DialogTriggerContext.Context);
|
|
37
37
|
const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
|
|
38
38
|
const Component = asChild ? reactSlot.Slot : 'dialog';
|
|
39
|
-
const mergedRefs =
|
|
39
|
+
const mergedRefs = useMergeRefs.useMergeRefs([contextRef, ref, dialogRef]);
|
|
40
40
|
const showProp = modal ? 'showModal' : 'show';
|
|
41
41
|
react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]); // Toggle open based on prop
|
|
42
42
|
react.useEffect(() => {
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var cl = require('clsx/lite');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
var fieldObserver = require('./fieldObserver.js');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Field component, used to wrap a form field.
|
|
@@ -20,7 +20,7 @@ var fieldObserver = require('./fieldObserver.js');
|
|
|
20
20
|
*/
|
|
21
21
|
const Field = react.forwardRef(function Field({ className, position, ...rest }, ref) {
|
|
22
22
|
const fieldRef = react.useRef(null);
|
|
23
|
-
const mergedRefs =
|
|
23
|
+
const mergedRefs = useMergeRefs.useMergeRefs([fieldRef, ref]);
|
|
24
24
|
react.useEffect(() => fieldObserver.fieldObserver(fieldRef.current), []);
|
|
25
25
|
return (jsxRuntime.jsx("div", { className: cl('ds-field', className), "data-position": position, ref: mergedRefs, ...rest }));
|
|
26
26
|
});
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
require('@u-elements/u-tags');
|
|
7
|
-
var react$1 = require('@floating-ui/react');
|
|
8
7
|
var uDatalist = require('@u-elements/u-datalist');
|
|
9
8
|
var cl = require('clsx/lite');
|
|
9
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
10
10
|
|
|
11
11
|
const MultiSuggestionContext = react.createContext({});
|
|
12
12
|
const MultiSuggestion = react.forwardRef(function MultiSuggestion({ value, defaultValue, onValueChange, name, filter = true, allowCreate = false, className, ...rest }, ref) {
|
|
@@ -14,7 +14,7 @@ const MultiSuggestion = react.forwardRef(function MultiSuggestion({ value, defau
|
|
|
14
14
|
const [selectedItems, setSelectedItems] = react.useState({});
|
|
15
15
|
const inputRef = react.useRef(null);
|
|
16
16
|
const uTagsRef = react.useRef(null);
|
|
17
|
-
const mergedRefs =
|
|
17
|
+
const mergedRefs = useMergeRefs.useMergeRefs([ref, uTagsRef]);
|
|
18
18
|
const isControlled = Boolean(value);
|
|
19
19
|
const [controlledDirty, setControlledDirty] = react.useState(false);
|
|
20
20
|
/**
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var uDatalist = require('@u-elements/u-datalist');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
var MultiSuggestion = require('./MultiSuggestion.js');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
var Input = require('../Input/Input.js');
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -21,7 +21,7 @@ var Input = require('../Input/Input.js');
|
|
|
21
21
|
*/
|
|
22
22
|
const MultiSuggestionInput = react.forwardRef(function MultiSuggestionList({ value, onInput, ...rest }, ref) {
|
|
23
23
|
const { listId, inputRef, handleFilter } = react.useContext(MultiSuggestion.MultiSuggestionContext);
|
|
24
|
-
const mergedRefs =
|
|
24
|
+
const mergedRefs = useMergeRefs.useMergeRefs([inputRef, ref]);
|
|
25
25
|
// Update also if controlled value
|
|
26
26
|
react.useEffect(() => {
|
|
27
27
|
handleFilter?.(inputRef?.current);
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var dom = require('@floating-ui/dom');
|
|
6
|
-
var react$1 = require('@floating-ui/react');
|
|
7
6
|
var reactSlot = require('@radix-ui/react-slot');
|
|
8
7
|
var cl = require('clsx/lite');
|
|
9
8
|
var react = require('react');
|
|
10
9
|
var PopoverTriggerContext = require('./PopoverTriggerContext.js');
|
|
10
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Popover component, used to display content in a popover over an element.
|
|
@@ -29,7 +29,7 @@ var PopoverTriggerContext = require('./PopoverTriggerContext.js');
|
|
|
29
29
|
const Popover = react.forwardRef(function Popover({ id, className, onClose, onOpen, open, variant = 'default', placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
|
|
30
30
|
const Component = asChild ? reactSlot.Slot : 'div';
|
|
31
31
|
const popoverRef = react.useRef(null);
|
|
32
|
-
const mergedRefs =
|
|
32
|
+
const mergedRefs = useMergeRefs.useMergeRefs([popoverRef, ref]);
|
|
33
33
|
const { popoverId, setPopoverId } = react.useContext(PopoverTriggerContext.Context);
|
|
34
34
|
const [internalOpen, setInternalOpen] = react.useState(false);
|
|
35
35
|
const controlledOpen = open ?? internalOpen;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
6
|
var cl = require('clsx/lite');
|
|
8
7
|
var react = require('react');
|
|
9
8
|
var useSynchronizedAnimation = require('../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
|
|
9
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Skeleton is used to represent a draft of page while the content loads.
|
|
@@ -20,7 +20,7 @@ const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height
|
|
|
20
20
|
const Component = asChild ? reactSlot.Slot : 'span';
|
|
21
21
|
const isText = variant === 'text';
|
|
22
22
|
const animationRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-skeleton-opacity-fade');
|
|
23
|
-
const mergedRefs =
|
|
23
|
+
const mergedRefs = useMergeRefs.useMergeRefs([animationRef, ref]);
|
|
24
24
|
return (jsxRuntime.jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-text": isText ? '-'.repeat(Number(width) || 1) : undefined, "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest }));
|
|
25
25
|
});
|
|
26
26
|
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var cl = require('clsx/lite');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
var useSynchronizedAnimation = require('../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Spinner component used for indicating busy or indeterminate loading.
|
|
@@ -16,7 +16,7 @@ var useSynchronizedAnimation = require('../../utilities/hooks/useSynchronizedAni
|
|
|
16
16
|
const Spinner = react.forwardRef(function Spinner({ 'aria-label': ariaLabel, className, ...rest }, ref) {
|
|
17
17
|
const svgRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-spinner-rotate-animation');
|
|
18
18
|
const strokeRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-spinner-stroke-animation');
|
|
19
|
-
const mergedRefs =
|
|
19
|
+
const mergedRefs = useMergeRefs.useMergeRefs([svgRef, ref]);
|
|
20
20
|
return (jsxRuntime.jsxs("svg", { "aria-label": ariaLabel, className: cl('ds-spinner', className), ref: mergedRefs, role: 'img', viewBox: '0 0 50 50', ...rest, children: [jsxRuntime.jsx("circle", { className: cl('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsxRuntime.jsx("circle", { className: cl(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
|
|
21
21
|
});
|
|
22
22
|
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var uDatalist = require('@u-elements/u-datalist');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
var Suggestion = require('./Suggestion.js');
|
|
8
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
var Input = require('../Input/Input.js');
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -21,7 +21,7 @@ var Input = require('../Input/Input.js');
|
|
|
21
21
|
*/
|
|
22
22
|
const SuggestionInput = react.forwardRef(function SuggestionList({ value, onInput, ...rest }, ref) {
|
|
23
23
|
const { listId, inputRef, handleFilter } = react.useContext(Suggestion.SuggestionContext);
|
|
24
|
-
const mergedRefs =
|
|
24
|
+
const mergedRefs = useMergeRefs.useMergeRefs([inputRef, ref]);
|
|
25
25
|
const updateSelected = react.useCallback(() => {
|
|
26
26
|
const { list, value } = inputRef?.current || {};
|
|
27
27
|
for (const option of list?.options || []) {
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var react$1 = require('@floating-ui/react');
|
|
7
6
|
var Tabs = require('./Tabs.js');
|
|
7
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* A single content item in a Tabs component.
|
|
@@ -17,7 +17,7 @@ const TabsPanel = react.forwardRef(function TabsPanel({ children, value, ...rest
|
|
|
17
17
|
const active = value === tabsValue;
|
|
18
18
|
const [hasTabbableElement, setHasTabbableElement] = react.useState(false);
|
|
19
19
|
const internalRef = react.useRef(null);
|
|
20
|
-
const mergedRef =
|
|
20
|
+
const mergedRef = useMergeRefs.useMergeRefs([ref, internalRef]);
|
|
21
21
|
/* Check if the panel has any tabbable elements */
|
|
22
22
|
react.useEffect(() => {
|
|
23
23
|
if (!internalRef.current)
|
|
@@ -6,7 +6,7 @@ var dom = require('@floating-ui/dom');
|
|
|
6
6
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
7
|
var cl = require('clsx/lite');
|
|
8
8
|
var react = require('react');
|
|
9
|
-
var
|
|
9
|
+
var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Tooltip component that displays a small piece of information when hovering or focusing on an element.
|
|
@@ -21,12 +21,12 @@ var react$1 = require('@floating-ui/react');
|
|
|
21
21
|
* Hover me
|
|
22
22
|
* </Tooltip>
|
|
23
23
|
*/
|
|
24
|
-
const Tooltip = react.forwardRef(function Tooltip({ id, children, content, placement = 'top', open, className, ...rest }, ref) {
|
|
24
|
+
const Tooltip = react.forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
|
|
25
25
|
const randomTooltipId = react.useId();
|
|
26
26
|
const [internalOpen, setInternalOpen] = react.useState(false);
|
|
27
27
|
const triggerRef = react.useRef(null);
|
|
28
28
|
const tooltipRef = react.useRef(null);
|
|
29
|
-
const mergedRefs =
|
|
29
|
+
const mergedRefs = useMergeRefs.useMergeRefs([tooltipRef, ref]);
|
|
30
30
|
const controlledOpen = open ?? internalOpen;
|
|
31
31
|
const setOpen = () => {
|
|
32
32
|
setInternalOpen(true);
|
|
@@ -52,9 +52,9 @@ const Tooltip = react.forwardRef(function Tooltip({ id, children, content, place
|
|
|
52
52
|
const styles = getComputedStyle(data.elements.floating, '::before');
|
|
53
53
|
return parseFloat(styles.height);
|
|
54
54
|
}),
|
|
55
|
-
|
|
56
|
-
fallbackAxisSideDirection: 'start',
|
|
57
|
-
|
|
55
|
+
...(autoPlacement
|
|
56
|
+
? [dom.flip({ fallbackAxisSideDirection: 'start' }), dom.shift()]
|
|
57
|
+
: []),
|
|
58
58
|
dom.shift(),
|
|
59
59
|
arrowPseudoElement,
|
|
60
60
|
],
|
package/dist/cjs/index.js
CHANGED
|
@@ -103,14 +103,14 @@ var MultiSuggestionOption = require('./components/MultiSuggestion/MultiSuggestio
|
|
|
103
103
|
var MultiSuggestionChips = require('./components/MultiSuggestion/MultiSuggestionChips.js');
|
|
104
104
|
var MultiSuggestionEmpty = require('./components/MultiSuggestion/MultiSuggestionEmpty.js');
|
|
105
105
|
var MultiSuggestionClear = require('./components/MultiSuggestion/MultiSuggestionClear.js');
|
|
106
|
-
var omit = require('./utilities/omit/omit.js');
|
|
107
106
|
var useCheckboxGroup = require('./utilities/hooks/useCheckboxGroup/useCheckboxGroup.js');
|
|
107
|
+
var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
|
|
108
|
+
var usePagination = require('./utilities/hooks/usePagination/usePagination.js');
|
|
108
109
|
var useDebounceCallback = require('./utilities/hooks/useDebounceCallback/useDebounceCallback.js');
|
|
109
110
|
var useIsomorphicLayoutEffect = require('./utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
|
|
110
111
|
var useMediaQuery = require('./utilities/hooks/useMediaQuery/useMediaQuery.js');
|
|
111
|
-
var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
|
|
112
112
|
var useSynchronizedAnimation = require('./utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
|
|
113
|
-
var
|
|
113
|
+
var omit = require('./utilities/omit/omit.js');
|
|
114
114
|
var RovingFocusRoot = require('./utilities/RovingFocus/RovingFocusRoot.js');
|
|
115
115
|
var useRovingFocus = require('./utilities/RovingFocus/useRovingFocus.js');
|
|
116
116
|
var RovingFocusItem = require('./utilities/RovingFocus/RovingFocusItem.js');
|
|
@@ -224,14 +224,14 @@ exports.EXPERIMENTAL_MultiSuggestionOption = MultiSuggestionOption.MultiSuggesti
|
|
|
224
224
|
exports.EXPERIMENTAL_MultiSuggestionChips = MultiSuggestionChips.MultiSuggestionChips;
|
|
225
225
|
exports.EXPERIMENTAL_MultiSuggestionEmpty = MultiSuggestionEmpty.MultiSuggestionEmpty;
|
|
226
226
|
exports.EXPERIMENTAL_MultiSuggestionClear = MultiSuggestionClear.MultiSuggestionClear;
|
|
227
|
-
exports.omit = omit.omit;
|
|
228
227
|
exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
|
|
228
|
+
exports.useRadioGroup = useRadioGroup.useRadioGroup;
|
|
229
|
+
exports.usePagination = usePagination.usePagination;
|
|
229
230
|
exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
|
|
230
231
|
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
|
|
231
232
|
exports.useMediaQuery = useMediaQuery.useMediaQuery;
|
|
232
|
-
exports.useRadioGroup = useRadioGroup.useRadioGroup;
|
|
233
233
|
exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
|
|
234
|
-
exports.
|
|
234
|
+
exports.omit = omit.omit;
|
|
235
235
|
exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;
|
|
236
236
|
exports.useRovingFocus = useRovingFocus.useRovingFocus;
|
|
237
237
|
exports.RovingFocusItem = RovingFocusItem.RovingFocusItem;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
6
|
var react = require('react');
|
|
8
7
|
var useRovingFocus = require('./useRovingFocus.js');
|
|
8
|
+
var useMergeRefs = require('../hooks/useMergeRefs/useMergeRefs.js');
|
|
9
9
|
|
|
10
10
|
/** Get the next focusable RovingFocusItem */
|
|
11
11
|
function getNextFocusableValue(items, value) {
|
|
@@ -63,7 +63,7 @@ const RovingFocusItem = react.forwardRef(({ value, asChild, ...rest }, ref) => {
|
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
});
|
|
66
|
-
const mergedRefs =
|
|
66
|
+
const mergedRefs = useMergeRefs.useMergeRefs([ref, rovingProps.ref]);
|
|
67
67
|
return (jsxRuntime.jsx(Component, { ...rest, ...rovingProps, ref: mergedRefs, children: rest.children }));
|
|
68
68
|
});
|
|
69
69
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react$1 = require('@floating-ui/react');
|
|
6
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
6
|
var react = require('react');
|
|
7
|
+
var useMergeRefs = require('../hooks/useMergeRefs/useMergeRefs.js');
|
|
8
8
|
|
|
9
9
|
const RovingFocusContext = react.createContext({
|
|
10
10
|
elements: { current: new Map() },
|
|
@@ -24,7 +24,7 @@ const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation =
|
|
|
24
24
|
const [isShiftTabbing, setIsShiftTabbing] = react.useState(false);
|
|
25
25
|
const elements = react.useRef(new Map());
|
|
26
26
|
const myRef = react.useRef(null);
|
|
27
|
-
const refs =
|
|
27
|
+
const refs = useMergeRefs.useMergeRefs([ref, myRef]);
|
|
28
28
|
const getOrderedItems = () => {
|
|
29
29
|
if (!myRef.current)
|
|
30
30
|
return [];
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var react = require('react');
|
|
5
|
+
|
|
6
|
+
// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts
|
|
7
|
+
/**
|
|
8
|
+
* Merges an array of refs into a single memoized callback ref or `null`.
|
|
9
|
+
*/
|
|
10
|
+
function useMergeRefs(refs) {
|
|
11
|
+
const cleanupRef = react.useRef(undefined);
|
|
12
|
+
const refEffect = react.useCallback((instance) => {
|
|
13
|
+
const cleanups = refs.map((ref) => {
|
|
14
|
+
if (ref == null) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (typeof ref === 'function') {
|
|
18
|
+
const refCallback = ref;
|
|
19
|
+
// biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here
|
|
20
|
+
const refCleanup = refCallback(instance);
|
|
21
|
+
return typeof refCleanup === 'function'
|
|
22
|
+
? refCleanup
|
|
23
|
+
: () => {
|
|
24
|
+
refCallback(null);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
ref.current = instance;
|
|
28
|
+
return () => {
|
|
29
|
+
ref.current = null;
|
|
30
|
+
};
|
|
31
|
+
});
|
|
32
|
+
return () => {
|
|
33
|
+
for (const refCleanup of cleanups) {
|
|
34
|
+
refCleanup?.();
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
38
|
+
}, refs);
|
|
39
|
+
return react.useMemo(() => {
|
|
40
|
+
if (refs.every((ref) => ref == null)) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
return (value) => {
|
|
44
|
+
if (cleanupRef.current) {
|
|
45
|
+
cleanupRef.current();
|
|
46
|
+
cleanupRef.current = undefined;
|
|
47
|
+
}
|
|
48
|
+
if (value != null) {
|
|
49
|
+
cleanupRef.current =
|
|
50
|
+
refEffect(value);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
|
+
}, refs);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
exports.useMergeRefs = useMergeRefs;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { forwardRef, useRef, useEffect } from 'react';
|
|
4
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
5
5
|
|
|
6
6
|
const BreadcrumbsList = forwardRef(function BreadcrumbsList(rest, ref) {
|
|
7
7
|
const innerRef = useRef(null);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import cl from 'clsx/lite';
|
|
6
5
|
import { forwardRef, useRef, useEffect } from 'react';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Card component to present content in a structured way.
|
|
@@ -16,8 +16,8 @@ import { useCombobox } from './useCombobox.js';
|
|
|
16
16
|
import { useComboboxKeyboard } from './useComboboxKeyboard.js';
|
|
17
17
|
import { useFloatingCombobox } from './useFloatingCombobox.js';
|
|
18
18
|
import { prefix, setReactInputValue, removePrefix } from './utilities.js';
|
|
19
|
-
import { Spinner } from '../Spinner/Spinner.js';
|
|
20
19
|
import { useDebounceCallback } from '../../utilities/hooks/useDebounceCallback/useDebounceCallback.js';
|
|
20
|
+
import { Spinner } from '../Spinner/Spinner.js';
|
|
21
21
|
import { omit } from '../../utilities/omit/omit.js';
|
|
22
22
|
|
|
23
23
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import cl from 'clsx/lite';
|
|
5
4
|
import { forwardRef, useRef, useEffect } from 'react';
|
|
6
5
|
import '@u-elements/u-details';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Details component, contains `Details.Summary` and `Details.Content` components.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import cl from 'clsx/lite';
|
|
6
5
|
import { forwardRef, useContext, useRef, useEffect } from 'react';
|
|
7
6
|
import { Context } from './DialogTriggerContext.js';
|
|
7
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
8
8
|
import { Button } from '../Button/Button.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import cl from 'clsx/lite';
|
|
5
4
|
import { forwardRef, useRef, useEffect } from 'react';
|
|
6
5
|
import { fieldObserver } from './fieldObserver.js';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Field component, used to wrap a form field.
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, createContext, useState, useId, useRef, useEffect, useCallback } from 'react';
|
|
4
4
|
import '@u-elements/u-tags';
|
|
5
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
6
5
|
import { getDatalistValue, syncDatalistState } from '@u-elements/u-datalist';
|
|
7
6
|
import cl from 'clsx/lite';
|
|
7
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
8
8
|
|
|
9
9
|
const MultiSuggestionContext = createContext({});
|
|
10
10
|
const MultiSuggestion = forwardRef(function MultiSuggestion({ value, defaultValue, onValueChange, name, filter = true, allowCreate = false, className, ...rest }, ref) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { isDatalistClick } from '@u-elements/u-datalist';
|
|
5
4
|
import { forwardRef, useContext, useEffect } from 'react';
|
|
6
5
|
import { MultiSuggestionContext } from './MultiSuggestion.js';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
import { Input } from '../Input/Input.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/dom';
|
|
4
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
5
4
|
import { Slot } from '@radix-ui/react-slot';
|
|
6
5
|
import cl from 'clsx/lite';
|
|
7
6
|
import { forwardRef, useRef, useContext, useState, useEffect } from 'react';
|
|
8
7
|
import { Context } from './PopoverTriggerContext.js';
|
|
8
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Popover component, used to display content in a popover over an element.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import cl from 'clsx/lite';
|
|
6
5
|
import { forwardRef } from 'react';
|
|
7
6
|
import { useSynchronizedAnimation } from '../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
|
|
7
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Skeleton is used to represent a draft of page while the content loads.
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import cl from 'clsx/lite';
|
|
5
4
|
import { forwardRef } from 'react';
|
|
6
5
|
import { useSynchronizedAnimation } from '../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Spinner component used for indicating busy or indeterminate loading.
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { getDatalistValue, isDatalistClick } from '@u-elements/u-datalist';
|
|
5
4
|
import { forwardRef, useContext, useCallback, useEffect } from 'react';
|
|
6
5
|
import { SuggestionContext } from './Suggestion.js';
|
|
6
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
import { Input } from '../Input/Input.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useContext, useState, useRef, useEffect } from 'react';
|
|
4
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
5
4
|
import { Context } from './Tabs.js';
|
|
5
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A single content item in a Tabs component.
|
|
@@ -4,7 +4,7 @@ import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/d
|
|
|
4
4
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
5
|
import cl from 'clsx/lite';
|
|
6
6
|
import { forwardRef, useId, useState, useRef, useEffect, Fragment, version } from 'react';
|
|
7
|
-
import { useMergeRefs } from '
|
|
7
|
+
import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Tooltip component that displays a small piece of information when hovering or focusing on an element.
|
|
@@ -19,7 +19,7 @@ import { useMergeRefs } from '@floating-ui/react';
|
|
|
19
19
|
* Hover me
|
|
20
20
|
* </Tooltip>
|
|
21
21
|
*/
|
|
22
|
-
const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', open, className, ...rest }, ref) {
|
|
22
|
+
const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
|
|
23
23
|
const randomTooltipId = useId();
|
|
24
24
|
const [internalOpen, setInternalOpen] = useState(false);
|
|
25
25
|
const triggerRef = useRef(null);
|
|
@@ -50,9 +50,9 @@ const Tooltip = forwardRef(function Tooltip({ id, children, content, placement =
|
|
|
50
50
|
const styles = getComputedStyle(data.elements.floating, '::before');
|
|
51
51
|
return parseFloat(styles.height);
|
|
52
52
|
}),
|
|
53
|
-
|
|
54
|
-
fallbackAxisSideDirection: 'start',
|
|
55
|
-
|
|
53
|
+
...(autoPlacement
|
|
54
|
+
? [flip({ fallbackAxisSideDirection: 'start' }), shift()]
|
|
55
|
+
: []),
|
|
56
56
|
shift(),
|
|
57
57
|
arrowPseudoElement,
|
|
58
58
|
],
|
package/dist/esm/index.js
CHANGED
|
@@ -101,14 +101,14 @@ export { MultiSuggestionOption as EXPERIMENTAL_MultiSuggestionOption } from './c
|
|
|
101
101
|
export { MultiSuggestionChips as EXPERIMENTAL_MultiSuggestionChips } from './components/MultiSuggestion/MultiSuggestionChips.js';
|
|
102
102
|
export { MultiSuggestionEmpty as EXPERIMENTAL_MultiSuggestionEmpty } from './components/MultiSuggestion/MultiSuggestionEmpty.js';
|
|
103
103
|
export { MultiSuggestionClear as EXPERIMENTAL_MultiSuggestionClear } from './components/MultiSuggestion/MultiSuggestionClear.js';
|
|
104
|
-
export { omit } from './utilities/omit/omit.js';
|
|
105
104
|
export { useCheckboxGroup } from './utilities/hooks/useCheckboxGroup/useCheckboxGroup.js';
|
|
105
|
+
export { useRadioGroup } from './utilities/hooks/useRadioGroup/useRadioGroup.js';
|
|
106
|
+
export { usePagination } from './utilities/hooks/usePagination/usePagination.js';
|
|
106
107
|
export { useDebounceCallback } from './utilities/hooks/useDebounceCallback/useDebounceCallback.js';
|
|
107
108
|
export { useIsomorphicLayoutEffect } from './utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
|
|
108
109
|
export { useMediaQuery } from './utilities/hooks/useMediaQuery/useMediaQuery.js';
|
|
109
|
-
export { useRadioGroup } from './utilities/hooks/useRadioGroup/useRadioGroup.js';
|
|
110
110
|
export { useSynchronizedAnimation } from './utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
|
|
111
|
-
export {
|
|
111
|
+
export { omit } from './utilities/omit/omit.js';
|
|
112
112
|
export { RovingFocusRoot } from './utilities/RovingFocus/RovingFocusRoot.js';
|
|
113
113
|
export { useRovingFocus } from './utilities/RovingFocus/useRovingFocus.js';
|
|
114
114
|
export { RovingFocusItem, getNextFocusableValue, getPrevFocusableValue } from './utilities/RovingFocus/RovingFocusItem.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import { forwardRef } from 'react';
|
|
6
5
|
import { useRovingFocus } from './useRovingFocus.js';
|
|
6
|
+
import { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.js';
|
|
7
7
|
|
|
8
8
|
/** Get the next focusable RovingFocusItem */
|
|
9
9
|
function getNextFocusableValue(items, value) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import { forwardRef, useState, useRef, useEffect, createContext } from 'react';
|
|
5
|
+
import { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.js';
|
|
6
6
|
|
|
7
7
|
const RovingFocusContext = createContext({
|
|
8
8
|
elements: { current: new Map() },
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useRef, useCallback, useMemo } from 'react';
|
|
3
|
+
|
|
4
|
+
// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts
|
|
5
|
+
/**
|
|
6
|
+
* Merges an array of refs into a single memoized callback ref or `null`.
|
|
7
|
+
*/
|
|
8
|
+
function useMergeRefs(refs) {
|
|
9
|
+
const cleanupRef = useRef(undefined);
|
|
10
|
+
const refEffect = useCallback((instance) => {
|
|
11
|
+
const cleanups = refs.map((ref) => {
|
|
12
|
+
if (ref == null) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
if (typeof ref === 'function') {
|
|
16
|
+
const refCallback = ref;
|
|
17
|
+
// biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here
|
|
18
|
+
const refCleanup = refCallback(instance);
|
|
19
|
+
return typeof refCleanup === 'function'
|
|
20
|
+
? refCleanup
|
|
21
|
+
: () => {
|
|
22
|
+
refCallback(null);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
ref.current = instance;
|
|
26
|
+
return () => {
|
|
27
|
+
ref.current = null;
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
return () => {
|
|
31
|
+
for (const refCleanup of cleanups) {
|
|
32
|
+
refCleanup?.();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
|
+
}, refs);
|
|
37
|
+
return useMemo(() => {
|
|
38
|
+
if (refs.every((ref) => ref == null)) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
return (value) => {
|
|
42
|
+
if (cleanupRef.current) {
|
|
43
|
+
cleanupRef.current();
|
|
44
|
+
cleanupRef.current = undefined;
|
|
45
|
+
}
|
|
46
|
+
if (value != null) {
|
|
47
|
+
cleanupRef.current =
|
|
48
|
+
refEffect(value);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
|
+
}, refs);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export { useMergeRefs };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAG3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAiB1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,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;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI;IA1Bb;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;wCAgDrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,aAAa,wBAAwB
|
|
1
|
+
{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,aAAa,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/components/Details/Details.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/components/Details/Details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,kBAAkB,CAAC,EACjD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,yFA2CnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA1Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAoHpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C;IACE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;IAnCjB;;;OAGG;gBACS,SAAS;wCA6CxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC5B,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,YAAY,CAAC;AAEf;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;eACQ,OAAO,GAAG,KAAK;wFA+B1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSuggestion.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSuggestion.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,KAAK,0BAA0B,GAAG;IAChC,aAAa,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;KAAE,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,2CAElC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;;;;OAQG;IACH,MAAM,CAAC,EACH,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,eAAe;IA5D1B;;;;;;;;OAQG;aAEC,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC;IAClB;;;;OAIG;kBACW,OAAO;IACrB;;;OAGG;YACK,MAAM,EAAE;IAChB;;OAEG;mBACY,MAAM,EAAE;IACvB;;OAEG;oBACa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC;;;;OAIG;WACI,MAAM;6EA0Nb,CAAC"}
|
|
@@ -76,7 +76,7 @@ export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivEleme
|
|
|
76
76
|
* Content
|
|
77
77
|
* </Popover>
|
|
78
78
|
*/
|
|
79
|
-
export declare const Popover: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "
|
|
79
|
+
export declare const Popover: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "autoPlacement" | "onOpen"> & {
|
|
80
80
|
/**
|
|
81
81
|
* id to connect the trigger with the popover - required when not using Popover.Context.
|
|
82
82
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAiIpB,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { PopoverTriggerContext } from './PopoverTriggerContext';
|
|
|
11
11
|
* </Popover>
|
|
12
12
|
* </Popover.TriggerContext>
|
|
13
13
|
*/
|
|
14
|
-
declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "
|
|
14
|
+
declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "autoPlacement" | "onOpen"> & {
|
|
15
15
|
id?: string;
|
|
16
16
|
placement?: import("@floating-ui/utils").Placement;
|
|
17
17
|
open?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAKxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,eAAe,CAAC,GACjC,CACI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,CAC3D,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,uFAgCpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAIlE,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACjC,CACI;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAC/C;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAC1D,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,OAAO,oFA0ClB,CAAC"}
|
|
@@ -18,6 +18,11 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
|
|
|
18
18
|
* @default 'top'
|
|
19
19
|
*/
|
|
20
20
|
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
21
|
+
/**
|
|
22
|
+
* Whether to enable auto placement.
|
|
23
|
+
* @default true
|
|
24
|
+
*/
|
|
25
|
+
autoPlacement?: boolean;
|
|
21
26
|
/**
|
|
22
27
|
* Whether the tooltip is open or not.
|
|
23
28
|
* This overrides the internal state of the tooltip.
|
|
@@ -37,7 +42,7 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
|
|
|
37
42
|
* Hover me
|
|
38
43
|
* </Tooltip>
|
|
39
44
|
*/
|
|
40
|
-
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "content" | "children" | "open" | "placement"> & {
|
|
45
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "content" | "children" | "open" | "placement" | "autoPlacement"> & {
|
|
41
46
|
/**
|
|
42
47
|
* The element or string that triggers the tooltip.
|
|
43
48
|
*
|
|
@@ -54,6 +59,11 @@ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<DefaultP
|
|
|
54
59
|
* @default 'top'
|
|
55
60
|
*/
|
|
56
61
|
placement?: "top" | "right" | "bottom" | "left";
|
|
62
|
+
/**
|
|
63
|
+
* Whether to enable auto placement.
|
|
64
|
+
* @default true
|
|
65
|
+
*/
|
|
66
|
+
autoPlacement?: boolean;
|
|
57
67
|
/**
|
|
58
68
|
* Whether the tooltip is open or not.
|
|
59
69
|
* This overrides the internal state of the tooltip.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IA1ChB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC/C;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;WACI,OAAO;kCA+IjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RovingFocusItem.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/RovingFocusItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RovingFocusItem.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/RovingFocusItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAa5D,6CAA6C;AAC7C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,iDAAiD;AACjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,eAAO,MAAM,eAAe;IA3B1B,yFAAyF;YACjF,MAAM;IACd;;;OAGG;cACO,OAAO;mEAwFlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RovingFocusRoot.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/RovingFocusRoot.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RovingFocusRoot.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/RovingFocusRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAsBf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,kBAAkB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,iCAW7B,CAAC;AAEH,eAAO,MAAM,eAAe;IA7C1B,iIAAiI;cACvH,SAAS;IACnB,iGAAiG;kBACnF,MAAM;IACpB;;;OAGG;cACO,OAAO;IACjB;;;;;OAKG;kBACW,UAAU,GAAG,YAAY,GAAG,WAAW;mEAkHtD,CAAC"}
|
|
@@ -62,6 +62,8 @@ export declare const useRovingFocus: (value: string) => {
|
|
|
62
62
|
inert?: boolean | undefined;
|
|
63
63
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
64
64
|
is?: string | undefined;
|
|
65
|
+
exportparts?: string | undefined;
|
|
66
|
+
part?: string | undefined;
|
|
65
67
|
popovertarget?: string;
|
|
66
68
|
'data-size'?: import("../..").Size | (string & {});
|
|
67
69
|
'data-color'?: import("../../colors").Color | (string & {});
|
|
@@ -270,6 +272,8 @@ export declare const useRovingFocus: (value: string) => {
|
|
|
270
272
|
onLostPointerCaptureCapture?: React.PointerEventHandler<T> | undefined;
|
|
271
273
|
onScroll?: React.UIEventHandler<T> | undefined;
|
|
272
274
|
onScrollCapture?: React.UIEventHandler<T> | undefined;
|
|
275
|
+
onScrollEnd?: React.UIEventHandler<T> | undefined;
|
|
276
|
+
onScrollEndCapture?: React.UIEventHandler<T> | undefined;
|
|
273
277
|
onWheel?: React.WheelEventHandler<T> | undefined;
|
|
274
278
|
onWheelCapture?: React.WheelEventHandler<T> | undefined;
|
|
275
279
|
onAnimationStart?: React.AnimationEventHandler<T> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRovingFocus.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/useRovingFocus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;qBAOxB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"useRovingFocus.d.ts","sourceRoot":"","sources":["../../../src/utilities/RovingFocus/useRovingFocus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;qBAOxB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrC,CAAC"}
|
|
@@ -5,6 +5,7 @@ export { useMediaQuery } from './useMediaQuery/useMediaQuery';
|
|
|
5
5
|
export { useRadioGroup } from './useRadioGroup/useRadioGroup';
|
|
6
6
|
export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
|
|
7
7
|
export { usePagination } from './usePagination/usePagination';
|
|
8
|
+
export { useMergeRefs } from './useMergeRefs/useMergeRefs';
|
|
8
9
|
export type { UseRadioGroupProps } from './useRadioGroup/useRadioGroup';
|
|
9
10
|
export type { UseCheckboxGroupProps } from './useCheckboxGroup/useCheckboxGroup';
|
|
10
11
|
export type { UsePaginationProps } from './usePagination/usePagination';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Ref, RefCallback } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Merges an array of refs into a single memoized callback ref or `null`.
|
|
4
|
+
*/
|
|
5
|
+
export declare function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance>;
|
|
6
|
+
//# sourceMappingURL=useMergeRefs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMergeRefs.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useMergeRefs/useMergeRefs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AACzD;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EACnC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,GACrC,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAoD9B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './omit/omit';
|
|
2
|
-
export
|
|
2
|
+
export type { UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './hooks';
|
|
3
|
+
export { useCheckboxGroup, useRadioGroup, usePagination, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, useSynchronizedAnimation, } from './hooks';
|
|
3
4
|
export * from './RovingFocus';
|
|
4
5
|
export type * from './types';
|
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,cAAc,eAAe,CAAC;AAC9B,mBAAmB,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.4",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -42,32 +42,32 @@
|
|
|
42
42
|
"access": "public"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@floating-ui/dom": "^1.6.
|
|
45
|
+
"@floating-ui/dom": "^1.6.13",
|
|
46
46
|
"@floating-ui/react": "0.26.23",
|
|
47
|
-
"@navikt/aksel-icons": "^7.
|
|
48
|
-
"@radix-ui/react-slot": "^1.1.
|
|
49
|
-
"@tanstack/react-virtual": "^3.
|
|
50
|
-
"@u-elements/u-datalist": "^0.1.
|
|
51
|
-
"@u-elements/u-details": "^0.1.
|
|
52
|
-
"@u-elements/u-tags": "^0.1.
|
|
47
|
+
"@navikt/aksel-icons": "^7.18.0",
|
|
48
|
+
"@radix-ui/react-slot": "^1.1.2",
|
|
49
|
+
"@tanstack/react-virtual": "^3.13.6",
|
|
50
|
+
"@u-elements/u-datalist": "^0.1.5",
|
|
51
|
+
"@u-elements/u-details": "^0.1.1",
|
|
52
|
+
"@u-elements/u-tags": "^0.1.4",
|
|
53
53
|
"clsx": "^2.1.1"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@rollup/plugin-commonjs": "^28.0.
|
|
57
|
-
"@rollup/plugin-node-resolve": "^16.0.
|
|
56
|
+
"@rollup/plugin-commonjs": "^28.0.3",
|
|
57
|
+
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
58
58
|
"@testing-library/dom": "^10.4.0",
|
|
59
59
|
"@testing-library/jest-dom": "^6.6.3",
|
|
60
|
-
"@testing-library/react": "^16.
|
|
61
|
-
"@testing-library/user-event": "^14.6.
|
|
62
|
-
"@types/react": "^19.0
|
|
63
|
-
"@types/react-dom": "^19.
|
|
60
|
+
"@testing-library/react": "^16.3.0",
|
|
61
|
+
"@testing-library/user-event": "^14.6.1",
|
|
62
|
+
"@types/react": "^19.1.0",
|
|
63
|
+
"@types/react-dom": "^19.1.1",
|
|
64
64
|
"copyfiles": "^2.4.1",
|
|
65
65
|
"jsdom": "^26.0.0",
|
|
66
|
-
"react": "^19.
|
|
67
|
-
"react-dom": "^19.
|
|
66
|
+
"react": "^19.1.0",
|
|
67
|
+
"react-dom": "^19.1.0",
|
|
68
68
|
"rimraf": "^6.0.1",
|
|
69
|
-
"rollup": "^4.
|
|
69
|
+
"rollup": "^4.39.0",
|
|
70
70
|
"rollup-plugin-copy": "^3.5.0",
|
|
71
|
-
"typescript": "^5.
|
|
71
|
+
"typescript": "^5.8.2"
|
|
72
72
|
}
|
|
73
73
|
}
|