@digdir/designsystemet-react 1.1.9 → 1.1.10
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/dialog/dialog.js +2 -0
- package/dist/cjs/utilities/roving-focus/roving-focus-root.js +4 -3
- package/dist/esm/components/dialog/dialog.js +2 -0
- package/dist/esm/utilities/roving-focus/roving-focus-root.js +4 -3
- package/dist/types/components/Combobox/Custom.d.ts.map +1 -1
- package/dist/types/components/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/dist/types/components/dialog/dialog.d.ts.map +1 -1
- package/dist/types/utilities/roving-focus/roving-focus-root.d.ts.map +1 -1
- package/package.json +18 -18
|
@@ -42,6 +42,8 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
|
|
|
42
42
|
react.useEffect(() => {
|
|
43
43
|
const dialog = dialogRef.current;
|
|
44
44
|
const handleClosedby = (event) => {
|
|
45
|
+
if (event.defaultPrevented)
|
|
46
|
+
return; // Skip if default action is prevented
|
|
45
47
|
const { clientY: y, clientX: x, target } = event;
|
|
46
48
|
if (event instanceof KeyboardEvent)
|
|
47
49
|
return (closedby === 'none' &&
|
|
@@ -20,7 +20,8 @@ const RovingFocusContext = react.createContext({
|
|
|
20
20
|
});
|
|
21
21
|
const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
|
|
22
22
|
const Component = asChild ? reactSlot.Slot : 'div';
|
|
23
|
-
const
|
|
23
|
+
const activeValueOrNull = activeValue ?? null;
|
|
24
|
+
const [focusableValue, setFocusableValue] = react.useState(activeValueOrNull);
|
|
24
25
|
const [isShiftTabbing, setIsShiftTabbing] = react.useState(false);
|
|
25
26
|
const elements = react.useRef(new Map());
|
|
26
27
|
const myRef = react.useRef(null);
|
|
@@ -34,8 +35,8 @@ const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation =
|
|
|
34
35
|
.map(([value, element]) => ({ value, element }));
|
|
35
36
|
};
|
|
36
37
|
react.useEffect(() => {
|
|
37
|
-
setFocusableValue(
|
|
38
|
-
}, [
|
|
38
|
+
setFocusableValue(activeValueOrNull);
|
|
39
|
+
}, [activeValueOrNull]);
|
|
39
40
|
return (jsxRuntime.jsx(RovingFocusContext.Provider, { value: {
|
|
40
41
|
elements,
|
|
41
42
|
getOrderedItems,
|
|
@@ -40,6 +40,8 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
|
|
|
40
40
|
useEffect(() => {
|
|
41
41
|
const dialog = dialogRef.current;
|
|
42
42
|
const handleClosedby = (event) => {
|
|
43
|
+
if (event.defaultPrevented)
|
|
44
|
+
return; // Skip if default action is prevented
|
|
43
45
|
const { clientY: y, clientX: x, target } = event;
|
|
44
46
|
if (event instanceof KeyboardEvent)
|
|
45
47
|
return (closedby === 'none' &&
|
|
@@ -18,7 +18,8 @@ const RovingFocusContext = createContext({
|
|
|
18
18
|
});
|
|
19
19
|
const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
|
|
20
20
|
const Component = asChild ? Slot : 'div';
|
|
21
|
-
const
|
|
21
|
+
const activeValueOrNull = activeValue ?? null;
|
|
22
|
+
const [focusableValue, setFocusableValue] = useState(activeValueOrNull);
|
|
22
23
|
const [isShiftTabbing, setIsShiftTabbing] = useState(false);
|
|
23
24
|
const elements = useRef(new Map());
|
|
24
25
|
const myRef = useRef(null);
|
|
@@ -32,8 +33,8 @@ const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = 'horiz
|
|
|
32
33
|
.map(([value, element]) => ({ value, element }));
|
|
33
34
|
};
|
|
34
35
|
useEffect(() => {
|
|
35
|
-
setFocusableValue(
|
|
36
|
-
}, [
|
|
36
|
+
setFocusableValue(activeValueOrNull);
|
|
37
|
+
}, [activeValueOrNull]);
|
|
37
38
|
return (jsx(RovingFocusContext.Provider, { value: {
|
|
38
39
|
elements,
|
|
39
40
|
getOrderedItems,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Custom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,QAAA,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Custom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,QAAA,MAAM,cAAc,4FAgDnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,mBAAmB,EACnB,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,aAAa;4EAOhB,kBAAkB;;
|
|
1
|
+
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,mBAAmB,EACnB,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,aAAa;4EAOhB,kBAAkB;;CAoIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,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;
|
|
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;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,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;2CAsHpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roving-focus-root.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAuBf,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;
|
|
1
|
+
{"version":3,"file":"roving-focus-root.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAuBf,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;mEAqHtD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.10",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -36,39 +36,39 @@
|
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@floating-ui/dom": "^1.7.
|
|
39
|
+
"@floating-ui/dom": "^1.7.3",
|
|
40
40
|
"@floating-ui/react": "0.26.23",
|
|
41
41
|
"@navikt/aksel-icons": "^7.25.1",
|
|
42
42
|
"@radix-ui/react-slot": "^1.2.3",
|
|
43
43
|
"@tanstack/react-virtual": "^3.13.12",
|
|
44
|
-
"@u-elements/u-combobox": "^0.0.
|
|
45
|
-
"@u-elements/u-datalist": "^1.0.
|
|
44
|
+
"@u-elements/u-combobox": "^0.0.20",
|
|
45
|
+
"@u-elements/u-datalist": "^1.0.12",
|
|
46
46
|
"@u-elements/u-details": "^0.1.1",
|
|
47
47
|
"clsx": "^2.1.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
51
51
|
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
52
|
-
"@storybook/addon-docs": "^9.0
|
|
53
|
-
"@storybook/addon-vitest": "^9.0
|
|
54
|
-
"@storybook/react-vite": "^9.0
|
|
55
|
-
"@testing-library/dom": "^10.4.
|
|
56
|
-
"@testing-library/jest-dom": "^6.6.
|
|
52
|
+
"@storybook/addon-docs": "^9.1.0",
|
|
53
|
+
"@storybook/addon-vitest": "^9.1.0",
|
|
54
|
+
"@storybook/react-vite": "^9.1.0",
|
|
55
|
+
"@testing-library/dom": "^10.4.1",
|
|
56
|
+
"@testing-library/jest-dom": "^6.6.4",
|
|
57
57
|
"@testing-library/react": "^16.3.0",
|
|
58
58
|
"@testing-library/user-event": "^14.6.1",
|
|
59
|
-
"@types/react": "^19.1.
|
|
60
|
-
"@types/react-dom": "^19.1.
|
|
59
|
+
"@types/react": "^19.1.9",
|
|
60
|
+
"@types/react-dom": "^19.1.7",
|
|
61
61
|
"jsdom": "^26.1.0",
|
|
62
|
-
"react": "^19.1.
|
|
63
|
-
"react-dom": "^19.1.
|
|
62
|
+
"react": "^19.1.1",
|
|
63
|
+
"react-dom": "^19.1.1",
|
|
64
64
|
"rimraf": "^6.0.1",
|
|
65
|
-
"rollup": "^4.
|
|
65
|
+
"rollup": "^4.46.2",
|
|
66
66
|
"rollup-plugin-copy": "^3.5.0",
|
|
67
|
-
"storybook": "^9.0
|
|
67
|
+
"storybook": "^9.1.0",
|
|
68
68
|
"tsx": "4.20.3",
|
|
69
|
-
"typescript": "^5.
|
|
70
|
-
"@digdir/designsystemet": "^1.1.
|
|
71
|
-
"@digdir/designsystemet-css": "^1.1.
|
|
69
|
+
"typescript": "^5.9.2",
|
|
70
|
+
"@digdir/designsystemet": "^1.1.10",
|
|
71
|
+
"@digdir/designsystemet-css": "^1.1.10"
|
|
72
72
|
},
|
|
73
73
|
"scripts": {
|
|
74
74
|
"build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|