@digdir/designsystemet-react 0.0.0-test-20250411135113 → 0.0.0-test-20250430125130
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/LICENSE +7 -0
- 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/Combobox/useFloatingCombobox.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 +3 -5
- 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 +2 -2
- 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/Combobox/useFloatingCombobox.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 +2 -4
- 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 +1 -1
- 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 +12 -35
- 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/Dropdown/index.d.ts +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.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.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/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 +17 -10
package/LICENSE
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Copyright 2024 Digitaliseringsdirektoratet (Digdir)
|
|
2
|
+
|
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
4
|
+
|
|
5
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
6
|
+
|
|
7
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@@ -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
|
/**
|
|
@@ -6,7 +6,7 @@ var react = require('react');
|
|
|
6
6
|
var reactDom = require('react-dom');
|
|
7
7
|
var ComboboxIdContext = require('./ComboboxIdContext.js');
|
|
8
8
|
|
|
9
|
-
const useFloatingCombobox = ({ listRef }) => {
|
|
9
|
+
const useFloatingCombobox = ({ listRef, }) => {
|
|
10
10
|
const [open, setOpen] = react.useState(false);
|
|
11
11
|
const { activeIndex } = ComboboxIdContext.useComboboxId();
|
|
12
12
|
const dispatch = ComboboxIdContext.useComboboxIdDispatch();
|
|
@@ -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;
|
|
@@ -95,9 +95,7 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
|
|
|
95
95
|
if (id)
|
|
96
96
|
setPopoverId?.(id);
|
|
97
97
|
}, [id]);
|
|
98
|
-
return (jsxRuntime.jsx(Component, { className: cl('ds-popover', className), id: id || popoverId,
|
|
99
|
-
// @ts-ignore @types/react-dom does not understand popover yet
|
|
100
|
-
popover: 'manual', "data-variant": variant, ref: mergedRefs, ...rest }));
|
|
98
|
+
return (jsxRuntime.jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-variant": variant, ref: mergedRefs, ...rest }));
|
|
101
99
|
});
|
|
102
100
|
const arrowPseudoElement = {
|
|
103
101
|
name: 'ArrowPseudoElement',
|
|
@@ -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.
|
|
@@ -26,7 +26,7 @@ const Tooltip = react.forwardRef(function Tooltip({ id, children, content, place
|
|
|
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);
|
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
|
/**
|
|
@@ -4,7 +4,7 @@ import { useState } from 'react';
|
|
|
4
4
|
import { flushSync } from 'react-dom';
|
|
5
5
|
import { useComboboxId, useComboboxIdDispatch } from './ComboboxIdContext.js';
|
|
6
6
|
|
|
7
|
-
const useFloatingCombobox = ({ listRef }) => {
|
|
7
|
+
const useFloatingCombobox = ({ listRef, }) => {
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
9
9
|
const { activeIndex } = useComboboxId();
|
|
10
10
|
const dispatch = useComboboxIdDispatch();
|
|
@@ -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.
|
|
@@ -93,9 +93,7 @@ const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, op
|
|
|
93
93
|
if (id)
|
|
94
94
|
setPopoverId?.(id);
|
|
95
95
|
}, [id]);
|
|
96
|
-
return (jsx(Component, { className: cl('ds-popover', className), id: id || popoverId,
|
|
97
|
-
// @ts-ignore @types/react-dom does not understand popover yet
|
|
98
|
-
popover: 'manual', "data-variant": variant, ref: mergedRefs, ...rest }));
|
|
96
|
+
return (jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-variant": variant, ref: mergedRefs, ...rest }));
|
|
99
97
|
});
|
|
100
98
|
const arrowPseudoElement = {
|
|
101
99
|
name: 'ArrowPseudoElement',
|
|
@@ -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.
|
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,42 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useInteractions } from '@floating-ui/react';
|
|
2
|
+
import type { UseFloatingReturn } from '@floating-ui/react';
|
|
3
|
+
import type { RefObject } from 'react';
|
|
2
4
|
type UseFloatingComboboxProps = {
|
|
3
|
-
listRef:
|
|
5
|
+
listRef: RefObject<(HTMLElement | null)[]>;
|
|
4
6
|
};
|
|
5
|
-
export declare const useFloatingCombobox: ({ listRef }: UseFloatingComboboxProps) => {
|
|
7
|
+
export declare const useFloatingCombobox: ({ listRef, }: UseFloatingComboboxProps) => {
|
|
6
8
|
open: boolean;
|
|
7
9
|
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
-
activeIndex: number;
|
|
9
|
-
refs:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
floatingStyles: React.CSSProperties;
|
|
16
|
-
context: {
|
|
17
|
-
x: number;
|
|
18
|
-
y: number;
|
|
19
|
-
placement: import("@floating-ui/utils").Placement;
|
|
20
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
21
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
22
|
-
isPositioned: boolean;
|
|
23
|
-
update: () => void;
|
|
24
|
-
floatingStyles: React.CSSProperties;
|
|
25
|
-
open: boolean;
|
|
26
|
-
onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
|
|
27
|
-
events: import("@floating-ui/react").FloatingEvents;
|
|
28
|
-
dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
|
|
29
|
-
nodeId: string | undefined;
|
|
30
|
-
floatingId: string;
|
|
31
|
-
refs: import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
|
|
32
|
-
elements: import("@floating-ui/react").ExtendedElements<HTMLInputElement>;
|
|
33
|
-
};
|
|
34
|
-
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
35
|
-
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
36
|
-
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
37
|
-
active?: boolean;
|
|
38
|
-
selected?: boolean;
|
|
39
|
-
}) => Record<string, unknown>;
|
|
10
|
+
activeIndex: number | null;
|
|
11
|
+
refs: UseFloatingReturn<HTMLInputElement>["refs"];
|
|
12
|
+
floatingStyles: UseFloatingReturn<HTMLInputElement>["floatingStyles"];
|
|
13
|
+
context: UseFloatingReturn<HTMLInputElement>["context"];
|
|
14
|
+
getReferenceProps: ReturnType<typeof useInteractions>["getReferenceProps"];
|
|
15
|
+
getFloatingProps: ReturnType<typeof useInteractions>["getFloatingProps"];
|
|
16
|
+
getItemProps: ReturnType<typeof useInteractions>["getItemProps"];
|
|
40
17
|
};
|
|
41
18
|
export {};
|
|
42
19
|
//# sourceMappingURL=useFloatingCombobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,eAAe,EAGhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,SAAS,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,cAEjC,wBAAwB,KAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,cAAc,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC;IACxD,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACzE,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;CAwElE,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"}
|
|
@@ -21,7 +21,7 @@ import { DropdownTriggerContext } from './DropdownTriggerContext';
|
|
|
21
21
|
* </Dropdown.TriggerContext>
|
|
22
22
|
*/
|
|
23
23
|
declare const Dropdown: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("..").PopoverProps, "variant">, "placement"> & {
|
|
24
|
-
placement?: import("@floating-ui/
|
|
24
|
+
placement?: import("@floating-ui/dom").Placement;
|
|
25
25
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
26
26
|
TriggerContext: {
|
|
27
27
|
({ children, }: import("./DropdownTriggerContext").DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -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"}
|
|
@@ -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;wCAgIpB,CAAC"}
|
|
@@ -13,7 +13,7 @@ import { PopoverTriggerContext } from './PopoverTriggerContext';
|
|
|
13
13
|
*/
|
|
14
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
|
-
placement?: import("@floating-ui/
|
|
16
|
+
placement?: import("@floating-ui/dom").Placement;
|
|
17
17
|
open?: boolean;
|
|
18
18
|
variant?: "default" | "tinted";
|
|
19
19
|
'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -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": "0.0.0-test-
|
|
4
|
+
"version": "0.0.0-test-20250430125130",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -28,12 +28,6 @@
|
|
|
28
28
|
"files": [
|
|
29
29
|
"dist/**"
|
|
30
30
|
],
|
|
31
|
-
"scripts": {
|
|
32
|
-
"build": "yarn run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|
|
33
|
-
"clean": "rimraf dist && rimraf tsc-build && rimraf --glob \"*.tsbuildinfo\"",
|
|
34
|
-
"copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
|
|
35
|
-
"types": "tsc --noEmit"
|
|
36
|
-
},
|
|
37
31
|
"peerDependencies": {
|
|
38
32
|
"react": ">=18.3.1 || ^19.0.0",
|
|
39
33
|
"react-dom": ">=18.3.1 || ^19.0.0"
|
|
@@ -48,11 +42,12 @@
|
|
|
48
42
|
"@radix-ui/react-slot": "^1.1.2",
|
|
49
43
|
"@tanstack/react-virtual": "^3.13.6",
|
|
50
44
|
"@u-elements/u-datalist": "^0.1.5",
|
|
51
|
-
"@u-elements/u-details": "^0.1.
|
|
45
|
+
"@u-elements/u-details": "^0.1.1",
|
|
52
46
|
"@u-elements/u-tags": "^0.1.4",
|
|
53
47
|
"clsx": "^2.1.1"
|
|
54
48
|
},
|
|
55
49
|
"devDependencies": {
|
|
50
|
+
"tsx": "4.19.4",
|
|
56
51
|
"@rollup/plugin-commonjs": "^28.0.3",
|
|
57
52
|
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
58
53
|
"@testing-library/dom": "^10.4.0",
|
|
@@ -68,6 +63,18 @@
|
|
|
68
63
|
"rimraf": "^6.0.1",
|
|
69
64
|
"rollup": "^4.39.0",
|
|
70
65
|
"rollup-plugin-copy": "^3.5.0",
|
|
71
|
-
"typescript": "^5.8.2"
|
|
66
|
+
"typescript": "^5.8.2",
|
|
67
|
+
"@storybook/types": "^8.6.12",
|
|
68
|
+
"@storybook/test": "^8.6.12",
|
|
69
|
+
"@storybook/react": "^8.6.12",
|
|
70
|
+
"@storybook/blocks": "^8.6.12",
|
|
71
|
+
"@storybook/preview-api": "^8.6.12",
|
|
72
|
+
"@digdir/designsystemet-css": "^0.0.0-test-20250430125130"
|
|
73
|
+
},
|
|
74
|
+
"scripts": {
|
|
75
|
+
"build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|
|
76
|
+
"clean": "rimraf dist && rimraf tsc-build && rimraf --glob \"*.tsbuildinfo\"",
|
|
77
|
+
"copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
|
|
78
|
+
"types": "tsc --noEmit"
|
|
72
79
|
}
|
|
73
|
-
}
|
|
80
|
+
}
|