@navikt/ds-react 1.3.11 → 1.3.12
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/_docs.json +1 -1
- package/cjs/date/hooks/index.js +2 -2
- package/cjs/date/hooks/useMonthPicker.js +3 -3
- package/cjs/date/index.js +2 -2
- package/esm/date/hooks/index.d.ts +1 -1
- package/esm/date/hooks/index.js +1 -1
- package/esm/date/hooks/useMonthPicker.d.ts +1 -1
- package/esm/date/hooks/useMonthPicker.js +1 -1
- package/esm/date/index.d.ts +1 -1
- package/esm/date/index.js +1 -1
- package/package.json +3 -3
- package/src/date/hooks/index.ts +1 -1
- package/src/date/hooks/useMonthPicker.tsx +1 -1
- package/src/date/index.ts +1 -1
- package/src/date/monthpicker/monthpicker.stories.tsx +5 -5
package/_docs.json
CHANGED
package/cjs/date/hooks/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SharedMonthProvider = exports.useSharedMonthContext = exports.DateContext = exports.useDateInputContext = exports.
|
|
3
|
+
exports.SharedMonthProvider = exports.useSharedMonthContext = exports.DateContext = exports.useDateInputContext = exports.UNSAFE_useMonthpicker = exports.UNSAFE_useRangeDatepicker = exports.UNSAFE_useDatepicker = void 0;
|
|
4
4
|
var useDatepicker_1 = require("./useDatepicker");
|
|
5
5
|
Object.defineProperty(exports, "UNSAFE_useDatepicker", { enumerable: true, get: function () { return useDatepicker_1.useDatepicker; } });
|
|
6
6
|
var useRangeDatepicker_1 = require("./useRangeDatepicker");
|
|
7
7
|
Object.defineProperty(exports, "UNSAFE_useRangeDatepicker", { enumerable: true, get: function () { return useRangeDatepicker_1.useRangeDatepicker; } });
|
|
8
8
|
var useMonthPicker_1 = require("./useMonthPicker");
|
|
9
|
-
Object.defineProperty(exports, "
|
|
9
|
+
Object.defineProperty(exports, "UNSAFE_useMonthpicker", { enumerable: true, get: function () { return useMonthPicker_1.useMonthpicker; } });
|
|
10
10
|
var useDateInputContext_1 = require("./useDateInputContext");
|
|
11
11
|
Object.defineProperty(exports, "useDateInputContext", { enumerable: true, get: function () { return useDateInputContext_1.useDateInputContext; } });
|
|
12
12
|
Object.defineProperty(exports, "DateContext", { enumerable: true, get: function () { return useDateInputContext_1.DateContext; } });
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.useMonthpicker = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const utils_1 = require("../utils");
|
|
6
|
-
const
|
|
6
|
+
const useMonthpicker = (opt = {}) => {
|
|
7
7
|
const { locale: _locale = "nb", defaultSelected, fromDate, toDate, disabled, required, } = opt;
|
|
8
8
|
const today = new Date();
|
|
9
9
|
const locale = (0, utils_1.getLocaleFromString)(_locale);
|
|
@@ -136,4 +136,4 @@ const useMonthPicker = (opt = {}) => {
|
|
|
136
136
|
};
|
|
137
137
|
return { monthpickerProps, inputProps, reset, selectedMonth, setSelected };
|
|
138
138
|
};
|
|
139
|
-
exports.
|
|
139
|
+
exports.useMonthpicker = useMonthpicker;
|
package/cjs/date/index.js
CHANGED
|
@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.UNSAFE_MonthPicker = exports.UNSAFE_useRangeDatepicker = exports.
|
|
6
|
+
exports.UNSAFE_MonthPicker = exports.UNSAFE_useRangeDatepicker = exports.UNSAFE_useMonthpicker = exports.UNSAFE_useDatepicker = exports.UNSAFE_DatePicker = void 0;
|
|
7
7
|
var DatePicker_1 = require("./datepicker/DatePicker");
|
|
8
8
|
Object.defineProperty(exports, "UNSAFE_DatePicker", { enumerable: true, get: function () { return __importDefault(DatePicker_1).default; } });
|
|
9
9
|
var hooks_1 = require("./hooks");
|
|
10
10
|
Object.defineProperty(exports, "UNSAFE_useDatepicker", { enumerable: true, get: function () { return hooks_1.UNSAFE_useDatepicker; } });
|
|
11
|
-
Object.defineProperty(exports, "
|
|
11
|
+
Object.defineProperty(exports, "UNSAFE_useMonthpicker", { enumerable: true, get: function () { return hooks_1.UNSAFE_useMonthpicker; } });
|
|
12
12
|
Object.defineProperty(exports, "UNSAFE_useRangeDatepicker", { enumerable: true, get: function () { return hooks_1.UNSAFE_useRangeDatepicker; } });
|
|
13
13
|
var MonthPicker_1 = require("./monthpicker/MonthPicker");
|
|
14
14
|
Object.defineProperty(exports, "UNSAFE_MonthPicker", { enumerable: true, get: function () { return __importDefault(MonthPicker_1).default; } });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
|
|
2
2
|
export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
|
|
3
|
-
export {
|
|
3
|
+
export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
|
|
4
4
|
export { useDateInputContext, DateContext } from "./useDateInputContext";
|
|
5
5
|
export { useSharedMonthContext, SharedMonthProvider, } from "./useSharedMonthContext";
|
package/esm/date/hooks/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
|
|
2
2
|
export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
|
|
3
|
-
export {
|
|
3
|
+
export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
|
|
4
4
|
export { useDateInputContext, DateContext } from "./useDateInputContext";
|
|
5
5
|
export { useSharedMonthContext, SharedMonthProvider, } from "./useSharedMonthContext";
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -29,5 +29,5 @@ interface UseMonthPickerValue {
|
|
|
29
29
|
*/
|
|
30
30
|
reset: () => void;
|
|
31
31
|
}
|
|
32
|
-
export declare const
|
|
32
|
+
export declare const useMonthpicker: (opt?: UseMonthPickerOptions) => UseMonthPickerValue;
|
|
33
33
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
2
2
|
import { formatDateForInput, getLocaleFromString, isMatch, isValidDate, parseDate, } from "../utils";
|
|
3
|
-
export const
|
|
3
|
+
export const useMonthpicker = (opt = {}) => {
|
|
4
4
|
const { locale: _locale = "nb", defaultSelected, fromDate, toDate, disabled, required, } = opt;
|
|
5
5
|
const today = new Date();
|
|
6
6
|
const locale = getLocaleFromString(_locale);
|
package/esm/date/index.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ export { DateInputProps } from "./DateInput";
|
|
|
2
2
|
export { DatePickerProps, default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
|
|
3
3
|
export { DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
|
|
4
4
|
export { MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
|
|
5
|
-
export { UNSAFE_useDatepicker,
|
|
5
|
+
export { UNSAFE_useDatepicker, UNSAFE_useMonthpicker, UNSAFE_useRangeDatepicker, } from "./hooks";
|
|
6
6
|
export { default as UNSAFE_MonthPicker, MonthPickerProps, } from "./monthpicker/MonthPicker";
|
package/esm/date/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
|
|
2
|
-
export { UNSAFE_useDatepicker,
|
|
2
|
+
export { UNSAFE_useDatepicker, UNSAFE_useMonthpicker, UNSAFE_useRangeDatepicker, } from "./hooks";
|
|
3
3
|
export { default as UNSAFE_MonthPicker, } from "./monthpicker/MonthPicker";
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.12",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom-interactions": "0.9.2",
|
|
39
|
-
"@navikt/ds-icons": "^1.3.
|
|
39
|
+
"@navikt/ds-icons": "^1.3.12",
|
|
40
40
|
"@radix-ui/react-tabs": "1.0.0",
|
|
41
41
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
42
42
|
"clsx": "^1.2.1",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"optional": true
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "7777df7b7d0e867be7ece4f4fdec0a0186475494"
|
|
80
80
|
}
|
package/src/date/hooks/index.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useDatepicker as UNSAFE_useDatepicker } from "./useDatepicker";
|
|
2
2
|
export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatepicker";
|
|
3
|
-
export {
|
|
3
|
+
export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
|
|
4
4
|
export { useDateInputContext, DateContext } from "./useDateInputContext";
|
|
5
5
|
export {
|
|
6
6
|
useSharedMonthContext,
|
package/src/date/index.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
|
|
|
7
7
|
export { MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
|
|
8
8
|
export {
|
|
9
9
|
UNSAFE_useDatepicker,
|
|
10
|
-
|
|
10
|
+
UNSAFE_useMonthpicker,
|
|
11
11
|
UNSAFE_useRangeDatepicker,
|
|
12
12
|
} from "./hooks";
|
|
13
13
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useId, useState } from "react";
|
|
2
2
|
import { Button } from "../..";
|
|
3
|
-
import {
|
|
3
|
+
import { UNSAFE_useMonthpicker } from "../hooks";
|
|
4
4
|
import MonthPicker from "./MonthPicker";
|
|
5
5
|
|
|
6
6
|
export default {
|
|
@@ -23,7 +23,7 @@ export default {
|
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export const Default = () => {
|
|
26
|
-
const { inputProps, monthpickerProps } =
|
|
26
|
+
const { inputProps, monthpickerProps } = UNSAFE_useMonthpicker({
|
|
27
27
|
disabled: [new Date("Apr 1 2022")],
|
|
28
28
|
});
|
|
29
29
|
|
|
@@ -71,8 +71,8 @@ export const Standalone = () => {
|
|
|
71
71
|
return <MonthPicker.Standalone />;
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
-
export const
|
|
75
|
-
const { inputProps, monthpickerProps } =
|
|
74
|
+
export const UseMonthpicker = () => {
|
|
75
|
+
const { inputProps, monthpickerProps } = UNSAFE_useMonthpicker({
|
|
76
76
|
locale: "nb",
|
|
77
77
|
defaultSelected: new Date(),
|
|
78
78
|
disabled: [new Date("Apr 1 2022")],
|
|
@@ -92,7 +92,7 @@ export const UseMonthPicker = () => {
|
|
|
92
92
|
};
|
|
93
93
|
|
|
94
94
|
export const Required = () => {
|
|
95
|
-
const { inputProps, monthpickerProps } =
|
|
95
|
+
const { inputProps, monthpickerProps } = UNSAFE_useMonthpicker({
|
|
96
96
|
locale: "nb",
|
|
97
97
|
defaultSelected: new Date(),
|
|
98
98
|
disabled: [new Date("Apr 1 2022")],
|