@navikt/ds-react 5.7.0 → 5.7.2
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/cjs/date/monthpicker/MonthButton.js +2 -2
- package/cjs/date/monthpicker/MonthSelector.js +1 -1
- package/esm/date/monthpicker/MonthButton.js +2 -2
- package/esm/date/monthpicker/MonthButton.js.map +1 -1
- package/esm/date/monthpicker/MonthSelector.js +1 -1
- package/esm/date/monthpicker/MonthSelector.js.map +1 -1
- package/package.json +3 -3
- package/src/date/monthpicker/MonthButton.tsx +2 -2
- package/src/date/monthpicker/MonthSelector.tsx +2 -2
- package/src/form/radio/radio.stories.tsx +26 -3
|
@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.MonthButton = void 0;
|
|
30
30
|
const clsx_1 = __importDefault(require("clsx"));
|
|
31
|
-
const format_1 = __importDefault(require("date-fns/format"));
|
|
32
|
-
const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
|
|
33
31
|
const compareAsc_1 = __importDefault(require("date-fns/compareAsc"));
|
|
34
32
|
const compareDesc_1 = __importDefault(require("date-fns/compareDesc"));
|
|
33
|
+
const format_1 = __importDefault(require("date-fns/format"));
|
|
34
|
+
const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
|
|
35
35
|
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
36
36
|
const react_1 = __importStar(require("react"));
|
|
37
37
|
const react_day_picker_1 = require("react-day-picker");
|
|
@@ -73,7 +73,7 @@ const MonthSelector = () => {
|
|
|
73
73
|
months.slice(8, 12),
|
|
74
74
|
];
|
|
75
75
|
return (react_1.default.createElement(typography_1.BodyShort, { as: "table", className: "rdp-table" },
|
|
76
|
-
react_1.default.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((
|
|
76
|
+
react_1.default.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((tableRow, i) => (react_1.default.createElement("tr", { className: "rdp-row", key: i }, tableRow.map((month) => {
|
|
77
77
|
return (react_1.default.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
|
|
78
78
|
react_1.default.createElement(MonthButton_1.default, { month: (0, setYear_1.default)(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
|
|
79
79
|
})))))));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
|
-
import format from "date-fns/format";
|
|
3
|
-
import isSameMonth from "date-fns/isSameMonth";
|
|
4
2
|
import compareAsc from "date-fns/compareAsc";
|
|
5
3
|
import compareDesc from "date-fns/compareDesc";
|
|
4
|
+
import format from "date-fns/format";
|
|
5
|
+
import isSameMonth from "date-fns/isSameMonth";
|
|
6
6
|
import setYear from "date-fns/setYear";
|
|
7
7
|
import React, { useEffect, useRef } from "react";
|
|
8
8
|
import { useDayPicker } from "react-day-picker";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,7 +44,7 @@ export const MonthSelector = () => {
|
|
|
44
44
|
months.slice(8, 12),
|
|
45
45
|
];
|
|
46
46
|
return (React.createElement(BodyShort, { as: "table", className: "rdp-table" },
|
|
47
|
-
React.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((
|
|
47
|
+
React.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((tableRow, i) => (React.createElement("tr", { className: "rdp-row", key: i }, tableRow.map((month) => {
|
|
48
48
|
return (React.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
|
|
49
49
|
React.createElement(MonthButton, { month: setYear(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
|
|
50
50
|
})))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthSelector.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthSelector.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MonthSelector.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthSelector.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "5.7.
|
|
3
|
+
"version": "5.7.2",
|
|
4
4
|
"description": "Aksel react-components for NAV designsystem",
|
|
5
5
|
"author": "Aksel | NAV designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@floating-ui/react": "0.25.4",
|
|
41
|
-
"@navikt/aksel-icons": "^5.7.
|
|
42
|
-
"@navikt/ds-tokens": "^5.7.
|
|
41
|
+
"@navikt/aksel-icons": "^5.7.2",
|
|
42
|
+
"@navikt/ds-tokens": "^5.7.2",
|
|
43
43
|
"@radix-ui/react-tabs": "1.0.0",
|
|
44
44
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
45
45
|
"clsx": "^1.2.1",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
|
-
import format from "date-fns/format";
|
|
3
|
-
import isSameMonth from "date-fns/isSameMonth";
|
|
4
2
|
import compareAsc from "date-fns/compareAsc";
|
|
5
3
|
import compareDesc from "date-fns/compareDesc";
|
|
4
|
+
import format from "date-fns/format";
|
|
5
|
+
import isSameMonth from "date-fns/isSameMonth";
|
|
6
6
|
import setYear from "date-fns/setYear";
|
|
7
7
|
import React, { useEffect, useRef } from "react";
|
|
8
8
|
import { useDayPicker } from "react-day-picker";
|
|
@@ -62,9 +62,9 @@ export const MonthSelector = () => {
|
|
|
62
62
|
return (
|
|
63
63
|
<BodyShort as="table" className="rdp-table">
|
|
64
64
|
<tbody className="rdp-tbody">
|
|
65
|
-
{tableMonths.map((
|
|
65
|
+
{tableMonths.map((tableRow, i) => (
|
|
66
66
|
<tr className="rdp-row" key={i}>
|
|
67
|
-
{
|
|
67
|
+
{tableRow.map((month: Date) => {
|
|
68
68
|
return (
|
|
69
69
|
<td key={month.toDateString()} className="rdp-cell">
|
|
70
70
|
<MonthButton
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
|
-
import { Accordion, Radio, RadioGroup } from "../../index";
|
|
4
|
-
import AccordionItem from "../../accordion/AccordionItem";
|
|
5
|
-
import AccordionHeader from "../../accordion/AccordionHeader";
|
|
6
3
|
import AccordionContent from "../../accordion/AccordionContent";
|
|
4
|
+
import AccordionHeader from "../../accordion/AccordionHeader";
|
|
5
|
+
import AccordionItem from "../../accordion/AccordionItem";
|
|
6
|
+
import { Accordion, Radio, RadioGroup } from "../../index";
|
|
7
7
|
|
|
8
8
|
const meta: Meta<typeof Radio> = {
|
|
9
9
|
title: "ds-react/Radio",
|
|
@@ -138,3 +138,26 @@ export const TestInsideAccordion = () => (
|
|
|
138
138
|
</AccordionItem>
|
|
139
139
|
</Accordion>
|
|
140
140
|
);
|
|
141
|
+
|
|
142
|
+
export const Readonly = () => (
|
|
143
|
+
<div className="colgap">
|
|
144
|
+
<RadioGroup
|
|
145
|
+
legend="Hvilken frukt liker du?"
|
|
146
|
+
defaultValue={["banan"]}
|
|
147
|
+
readOnly
|
|
148
|
+
>
|
|
149
|
+
<Radio value="banan">Banan</Radio>
|
|
150
|
+
<Radio value="eple">Eple</Radio>
|
|
151
|
+
<Radio value="druer">Druer</Radio>
|
|
152
|
+
</RadioGroup>
|
|
153
|
+
<RadioGroup
|
|
154
|
+
legend="Hvilken frukt liker du?"
|
|
155
|
+
error="feilmelding"
|
|
156
|
+
defaultValue="eple"
|
|
157
|
+
readOnly
|
|
158
|
+
>
|
|
159
|
+
<Radio value="eple">Eple</Radio>
|
|
160
|
+
<Radio value="banan">Banan</Radio>
|
|
161
|
+
</RadioGroup>
|
|
162
|
+
</div>
|
|
163
|
+
);
|