@navikt/ds-react 7.32.0 → 7.32.1
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/date-utils/dropdown-options.d.ts +11 -2
- package/cjs/date/date-utils/dropdown-options.js +5 -3
- package/cjs/date/date-utils/dropdown-options.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -2
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.d.ts +4 -0
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/date/date-utils/dropdown-options.d.ts +11 -2
- package/esm/date/date-utils/dropdown-options.js +5 -3
- package/esm/date/date-utils/dropdown-options.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +7 -2
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.d.ts +4 -0
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/package.json +3 -3
- package/src/date/date-utils/dropdown-options.test.ts +37 -9
- package/src/date/date-utils/dropdown-options.ts +23 -12
- package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -2
- package/src/layout/page/parts/PageBlock.tsx +4 -0
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import { Locale } from "date-fns";
|
|
2
2
|
/** Return the months to show in the dropdown. */
|
|
3
|
-
export declare function getMonthOptions(displayMonth
|
|
3
|
+
export declare function getMonthOptions({ displayMonth, navStart, navEnd, locale, }: {
|
|
4
|
+
displayMonth: Date;
|
|
5
|
+
navStart: Date | undefined;
|
|
6
|
+
navEnd: Date | undefined;
|
|
7
|
+
locale: Locale;
|
|
8
|
+
}): {
|
|
4
9
|
value: number;
|
|
5
10
|
label: string;
|
|
6
11
|
disabled: boolean;
|
|
7
12
|
}[] | undefined;
|
|
8
13
|
/** Return the years to show in the dropdown. */
|
|
9
|
-
export declare function getYearOptions(navStart
|
|
14
|
+
export declare function getYearOptions({ navStart, navEnd, locale, }: {
|
|
15
|
+
navStart: Date | undefined;
|
|
16
|
+
navEnd: Date | undefined;
|
|
17
|
+
locale: Locale;
|
|
18
|
+
}): {
|
|
10
19
|
value: number;
|
|
11
20
|
label: string;
|
|
12
21
|
disabled: boolean;
|
|
@@ -4,13 +4,15 @@ exports.getMonthOptions = getMonthOptions;
|
|
|
4
4
|
exports.getYearOptions = getYearOptions;
|
|
5
5
|
const date_fns_1 = require("date-fns");
|
|
6
6
|
/** Return the months to show in the dropdown. */
|
|
7
|
-
function getMonthOptions(displayMonth, navStart, navEnd, locale) {
|
|
7
|
+
function getMonthOptions({ displayMonth, navStart, navEnd, locale, }) {
|
|
8
8
|
const months = (0, date_fns_1.eachMonthOfInterval)({
|
|
9
9
|
start: (0, date_fns_1.startOfYear)(displayMonth),
|
|
10
10
|
end: (0, date_fns_1.endOfYear)(displayMonth),
|
|
11
11
|
});
|
|
12
12
|
const options = months.map((month) => {
|
|
13
|
-
const label = (0, date_fns_1.format)(month, "LLLL", {
|
|
13
|
+
const label = (0, date_fns_1.format)(month, "LLLL", {
|
|
14
|
+
locale,
|
|
15
|
+
}).replace(".", "");
|
|
14
16
|
const value = (0, date_fns_1.getMonth)(month);
|
|
15
17
|
const disabled = (navStart && month < (0, date_fns_1.startOfMonth)(navStart)) ||
|
|
16
18
|
(navEnd && month > (0, date_fns_1.startOfMonth)(navEnd)) ||
|
|
@@ -20,7 +22,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, locale) {
|
|
|
20
22
|
return options;
|
|
21
23
|
}
|
|
22
24
|
/** Return the years to show in the dropdown. */
|
|
23
|
-
function getYearOptions(navStart, navEnd, locale) {
|
|
25
|
+
function getYearOptions({ navStart, navEnd, locale, }) {
|
|
24
26
|
if (!navStart)
|
|
25
27
|
return undefined;
|
|
26
28
|
if (!navEnd)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-options.js","sourceRoot":"","sources":["../../../src/date/date-utils/dropdown-options.ts"],"names":[],"mappings":";;AAeA,
|
|
1
|
+
{"version":3,"file":"dropdown-options.js","sourceRoot":"","sources":["../../../src/date/date-utils/dropdown-options.ts"],"names":[],"mappings":";;AAeA,0CAmCC;AAGD,wCAoCC;AAzFD,uCAYkB;AAElB,iDAAiD;AACjD,SAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,GAMP;IAOC,MAAM,MAAM,GAAG,IAAA,8BAAmB,EAAC;QACjC,KAAK,EAAE,IAAA,sBAAW,EAAC,YAAY,CAAC;QAChC,GAAG,EAAE,IAAA,oBAAS,EAAC,YAAY,CAAC;KAC7B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE,MAAM,EAAE;YAClC,MAAM;SACP,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,QAAQ,GACZ,CAAC,QAAQ,IAAI,KAAK,GAAG,IAAA,uBAAY,EAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC,MAAM,IAAI,KAAK,GAAG,IAAA,uBAAY,EAAC,MAAM,CAAC,CAAC;YACxC,KAAK,CAAC;QACR,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,gDAAgD;AAChD,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,MAAM,GAKP;IAOC,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,MAAM,YAAY,GAAG,IAAA,sBAAW,EAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,oBAAS,EAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAW,EAAE,CAAC;IAEzB,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,IAAA,mBAAQ,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,IAAA,qBAAU,EAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,IAAA,mBAAQ,EAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,OAAO;YACL,KAAK,EAAE,IAAA,kBAAO,EAAC,KAAK,CAAC;YACrB,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -79,8 +79,13 @@ const DatePickerMonths = (_a) => {
|
|
|
79
79
|
endMonth: dayPickerProps.endMonth,
|
|
80
80
|
today: dayPickerProps.today,
|
|
81
81
|
});
|
|
82
|
-
const months = (0, date_utils_1.getMonthOptions)(
|
|
83
|
-
|
|
82
|
+
const months = (0, date_utils_1.getMonthOptions)({
|
|
83
|
+
displayMonth: calendarMonth.date,
|
|
84
|
+
navStart,
|
|
85
|
+
navEnd,
|
|
86
|
+
locale,
|
|
87
|
+
});
|
|
88
|
+
const dropdownYears = (0, date_utils_1.getYearOptions)({ navStart, navEnd, locale });
|
|
84
89
|
return (react_1.default.createElement("div", Object.assign({}, (0, util_1.omit)(rest, ["displayIndex"])),
|
|
85
90
|
react_1.default.createElement("div", { className: cn("navds-date__caption") },
|
|
86
91
|
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) && (react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: cn("navds-sr-only") }, (0, date_fns_1.format)(calendarMonth.date, "LLLL y", { locale }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAQkB;AAClB,+CAAwD;AACxD,uDAA+D;AAC/D,qDAAoE;AACpE,4CAAyC;AACzC,iDAA8C;AAC9C,gDAAoD;AACpD,oDAAgD;AAChD,wCAAqC;AACrC,mDAA8D;AAC9D,iDAI0B;AAE1B,6DAAyD;AAEzD,MAAM,gBAAgB,GAAG,CAAC,EAWc,EAAE,EAAE;QAXlB,EACxB,QAAQ,EACR,aAAa,EACb,MAAM,EACN,iBAAiB,OAOqB,EANnC,IAAI,cALiB,4DAMzB,CADQ;IAOP,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,GAC3D,IAAA,+BAAY,GAAE,CAAC;IAEjB,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;IAEzC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAU,EAAE,CAAiC,EAAE,EAAE;QAChD,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,IAAA,mBAAQ,EAAC,IAAA,uBAAY,EAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;QAC7D,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,IAAU,EAAE,CAAiC,EAAE,EAAE;QAChD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAA,kBAAO,EAAC,IAAA,uBAAY,EAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC;QAC3D,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAA,0BAAa,EAAC;QACvC,aAAa,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;QAClE,UAAU,EAAE,cAAc,CAAC,UAAU;QACrC,QAAQ,EAAE,cAAc,CAAC,QAAQ;QACjC,KAAK,EAAE,cAAc,CAAC,KAAK;KAC5B,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,IAAA,4BAAe,EAAC,aAAa,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,19 +5,23 @@ export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
/**
|
|
6
6
|
* Predefined max-width
|
|
7
7
|
* @example
|
|
8
|
+
* ```
|
|
8
9
|
* text: 576px + dynamic gutters
|
|
9
10
|
* md: 768px
|
|
10
11
|
* lg: 1024px
|
|
11
12
|
* xl: 1280px
|
|
12
13
|
* 2xl: 1440px
|
|
14
|
+
* ```
|
|
13
15
|
* @default max-width: 100%;
|
|
14
16
|
*/
|
|
15
17
|
width?: (typeof widths)[number];
|
|
16
18
|
/**
|
|
17
19
|
* Adds a standardised responsive padding-inline
|
|
18
20
|
* @example
|
|
21
|
+
* ```
|
|
19
22
|
* 3rem on > md
|
|
20
23
|
* 1rem on < md
|
|
24
|
+
* ```
|
|
21
25
|
* @default false
|
|
22
26
|
*/
|
|
23
27
|
gutters?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAGvC,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAGvC,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AA4BjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,iBAAS,CAAC"}
|
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import { Locale } from "date-fns";
|
|
2
2
|
/** Return the months to show in the dropdown. */
|
|
3
|
-
export declare function getMonthOptions(displayMonth
|
|
3
|
+
export declare function getMonthOptions({ displayMonth, navStart, navEnd, locale, }: {
|
|
4
|
+
displayMonth: Date;
|
|
5
|
+
navStart: Date | undefined;
|
|
6
|
+
navEnd: Date | undefined;
|
|
7
|
+
locale: Locale;
|
|
8
|
+
}): {
|
|
4
9
|
value: number;
|
|
5
10
|
label: string;
|
|
6
11
|
disabled: boolean;
|
|
7
12
|
}[] | undefined;
|
|
8
13
|
/** Return the years to show in the dropdown. */
|
|
9
|
-
export declare function getYearOptions(navStart
|
|
14
|
+
export declare function getYearOptions({ navStart, navEnd, locale, }: {
|
|
15
|
+
navStart: Date | undefined;
|
|
16
|
+
navEnd: Date | undefined;
|
|
17
|
+
locale: Locale;
|
|
18
|
+
}): {
|
|
10
19
|
value: number;
|
|
11
20
|
label: string;
|
|
12
21
|
disabled: boolean;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { addYears, eachMonthOfInterval, endOfYear, format, getMonth, getYear, isBefore, isSameYear, startOfMonth, startOfYear, } from "date-fns";
|
|
2
2
|
/** Return the months to show in the dropdown. */
|
|
3
|
-
export function getMonthOptions(displayMonth, navStart, navEnd, locale) {
|
|
3
|
+
export function getMonthOptions({ displayMonth, navStart, navEnd, locale, }) {
|
|
4
4
|
const months = eachMonthOfInterval({
|
|
5
5
|
start: startOfYear(displayMonth),
|
|
6
6
|
end: endOfYear(displayMonth),
|
|
7
7
|
});
|
|
8
8
|
const options = months.map((month) => {
|
|
9
|
-
const label = format(month, "LLLL", {
|
|
9
|
+
const label = format(month, "LLLL", {
|
|
10
|
+
locale,
|
|
11
|
+
}).replace(".", "");
|
|
10
12
|
const value = getMonth(month);
|
|
11
13
|
const disabled = (navStart && month < startOfMonth(navStart)) ||
|
|
12
14
|
(navEnd && month > startOfMonth(navEnd)) ||
|
|
@@ -16,7 +18,7 @@ export function getMonthOptions(displayMonth, navStart, navEnd, locale) {
|
|
|
16
18
|
return options;
|
|
17
19
|
}
|
|
18
20
|
/** Return the years to show in the dropdown. */
|
|
19
|
-
export function getYearOptions(navStart, navEnd, locale) {
|
|
21
|
+
export function getYearOptions({ navStart, navEnd, locale, }) {
|
|
20
22
|
if (!navStart)
|
|
21
23
|
return undefined;
|
|
22
24
|
if (!navEnd)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-options.js","sourceRoot":"","sources":["../../../src/date/date-utils/dropdown-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,iDAAiD;AACjD,MAAM,UAAU,eAAe,
|
|
1
|
+
{"version":3,"file":"dropdown-options.js","sourceRoot":"","sources":["../../../src/date/date-utils/dropdown-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,iDAAiD;AACjD,MAAM,UAAU,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,GAMP;IAOC,MAAM,MAAM,GAAG,mBAAmB,CAAC;QACjC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC;QAChC,GAAG,EAAE,SAAS,CAAC,YAAY,CAAC;KAC7B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE;YAClC,MAAM;SACP,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,QAAQ,GACZ,CAAC,QAAQ,IAAI,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC,MAAM,IAAI,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACxC,KAAK,CAAC;QACR,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,gDAAgD;AAChD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,MAAM,GAKP;IAOC,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAW,EAAE,CAAC;IAEzB,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;YACrB,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -43,8 +43,13 @@ const DatePickerMonths = (_a) => {
|
|
|
43
43
|
endMonth: dayPickerProps.endMonth,
|
|
44
44
|
today: dayPickerProps.today,
|
|
45
45
|
});
|
|
46
|
-
const months = getMonthOptions(
|
|
47
|
-
|
|
46
|
+
const months = getMonthOptions({
|
|
47
|
+
displayMonth: calendarMonth.date,
|
|
48
|
+
navStart,
|
|
49
|
+
navEnd,
|
|
50
|
+
locale,
|
|
51
|
+
});
|
|
52
|
+
const dropdownYears = getYearOptions({ navStart, navEnd, locale });
|
|
48
53
|
return (React.createElement("div", Object.assign({}, omit(rest, ["displayIndex"])),
|
|
49
54
|
React.createElement("div", { className: cn("navds-date__caption") },
|
|
50
55
|
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) && (React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: cn("navds-sr-only") }, format(calendarMonth.date, "LLLL y", { locale }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,EAAe,WAAW,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,gBAAgB,GAAG,CAAC,EAWc,EAAE,EAAE;QAXlB,EACxB,QAAQ,EACR,aAAa,EACb,MAAM,EACN,iBAAiB,OAOqB,EANnC,IAAI,cALiB,4DAMzB,CADQ;IAOP,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,GAC3D,YAAY,EAAE,CAAC;IAEjB,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;IAEzC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,yBAAyB,EAAE,CAAC,SAAS,CAAC;IAExD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAU,EAAE,CAAiC,EAAE,EAAE;QAChD,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;QAC7D,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,IAAU,EAAE,CAAiC,EAAE,EAAE;QAChD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC;QAC3D,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC;QACvC,aAAa,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;QAClE,UAAU,EAAE,cAAc,CAAC,UAAU;QACrC,QAAQ,EAAE,cAAc,CAAC,QAAQ;QACjC,KAAK,EAAE,cAAc,CAAC,KAAK;KAC5B,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,19 +5,23 @@ export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
/**
|
|
6
6
|
* Predefined max-width
|
|
7
7
|
* @example
|
|
8
|
+
* ```
|
|
8
9
|
* text: 576px + dynamic gutters
|
|
9
10
|
* md: 768px
|
|
10
11
|
* lg: 1024px
|
|
11
12
|
* xl: 1280px
|
|
12
13
|
* 2xl: 1440px
|
|
14
|
+
* ```
|
|
13
15
|
* @default max-width: 100%;
|
|
14
16
|
*/
|
|
15
17
|
width?: (typeof widths)[number];
|
|
16
18
|
/**
|
|
17
19
|
* Adds a standardised responsive padding-inline
|
|
18
20
|
* @example
|
|
21
|
+
* ```
|
|
19
22
|
* 3rem on > md
|
|
20
23
|
* 1rem on < md
|
|
24
|
+
* ```
|
|
21
25
|
* @default false
|
|
22
26
|
*/
|
|
23
27
|
gutters?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AA4BjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,SAAS,GACpB,UAAU,CACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.32.
|
|
3
|
+
"version": "7.32.1",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -650,8 +650,8 @@
|
|
|
650
650
|
"dependencies": {
|
|
651
651
|
"@floating-ui/react": "0.27.8",
|
|
652
652
|
"@floating-ui/react-dom": "^2.0.9",
|
|
653
|
-
"@navikt/aksel-icons": "^7.32.
|
|
654
|
-
"@navikt/ds-tokens": "^7.32.
|
|
653
|
+
"@navikt/aksel-icons": "^7.32.1",
|
|
654
|
+
"@navikt/ds-tokens": "^7.32.1",
|
|
655
655
|
"clsx": "^2.1.0",
|
|
656
656
|
"date-fns": "^4.0.0",
|
|
657
657
|
"react-day-picker": "9.7.0"
|
|
@@ -4,19 +4,27 @@ import { getMonthOptions, getYearOptions } from "./dropdown-options";
|
|
|
4
4
|
|
|
5
5
|
describe("getYearOptions", () => {
|
|
6
6
|
test("should return undefined if navStart is undefined", () => {
|
|
7
|
-
const result = getYearOptions(
|
|
7
|
+
const result = getYearOptions({
|
|
8
|
+
navStart: undefined,
|
|
9
|
+
navEnd: new Date(),
|
|
10
|
+
locale: nb,
|
|
11
|
+
});
|
|
8
12
|
expect(result).toBeUndefined();
|
|
9
13
|
});
|
|
10
14
|
|
|
11
15
|
test("should return undefined if navEnd is undefined", () => {
|
|
12
|
-
const result = getYearOptions(
|
|
16
|
+
const result = getYearOptions({
|
|
17
|
+
navStart: new Date(),
|
|
18
|
+
navEnd: undefined,
|
|
19
|
+
locale: nb,
|
|
20
|
+
});
|
|
13
21
|
expect(result).toBeUndefined();
|
|
14
22
|
});
|
|
15
23
|
|
|
16
24
|
test("should return the correct year options within the interval", () => {
|
|
17
25
|
const navStart = new Date(2020, 0, 1); // Januar 1, 2020
|
|
18
26
|
const navEnd = new Date(2022, 11, 31); // Desember 31, 2022
|
|
19
|
-
const result = getYearOptions(navStart, navEnd, nb);
|
|
27
|
+
const result = getYearOptions({ navStart, navEnd, locale: nb });
|
|
20
28
|
|
|
21
29
|
const expected = [
|
|
22
30
|
{ value: 2020, label: "2020", disabled: false },
|
|
@@ -30,7 +38,7 @@ describe("getYearOptions", () => {
|
|
|
30
38
|
test("should return the correct year options for a single year", () => {
|
|
31
39
|
const navStart = new Date(2021, 0, 1); // Januar 1, 2021
|
|
32
40
|
const navEnd = new Date(2021, 11, 31); // Desember 31, 2021
|
|
33
|
-
const result = getYearOptions(navStart, navEnd, nb);
|
|
41
|
+
const result = getYearOptions({ navStart, navEnd, locale: nb });
|
|
34
42
|
|
|
35
43
|
const expected = [{ value: 2021, label: "2021", disabled: false }];
|
|
36
44
|
|
|
@@ -40,7 +48,7 @@ describe("getYearOptions", () => {
|
|
|
40
48
|
test("should return the correct year options when navStart and navEnd are the same date", () => {
|
|
41
49
|
const navStart = new Date(2021, 0, 1); // Januar 1, 2021
|
|
42
50
|
const navEnd = new Date(2021, 0, 1); // Januar 1, 2021
|
|
43
|
-
const result = getYearOptions(navStart, navEnd, nb);
|
|
51
|
+
const result = getYearOptions({ navStart, navEnd, locale: nb });
|
|
44
52
|
|
|
45
53
|
const expected = [{ value: 2021, label: "2021", disabled: false }];
|
|
46
54
|
|
|
@@ -51,7 +59,12 @@ describe("getYearOptions", () => {
|
|
|
51
59
|
describe("getMonthOptions", () => {
|
|
52
60
|
test("should return the correct month options for the given year", () => {
|
|
53
61
|
const displayMonth = new Date(2021, 0, 1); // Januar 1, 2021
|
|
54
|
-
const result = getMonthOptions(
|
|
62
|
+
const result = getMonthOptions({
|
|
63
|
+
displayMonth,
|
|
64
|
+
navStart: undefined,
|
|
65
|
+
navEnd: undefined,
|
|
66
|
+
locale: nb,
|
|
67
|
+
});
|
|
55
68
|
|
|
56
69
|
const expected = [
|
|
57
70
|
{ value: 0, label: "januar", disabled: false },
|
|
@@ -74,7 +87,12 @@ describe("getMonthOptions", () => {
|
|
|
74
87
|
test("should disable months before navStart", () => {
|
|
75
88
|
const displayMonth = new Date(2021, 0, 1); // Januar 1, 2021
|
|
76
89
|
const navStart = new Date(2021, 5, 1); // Juni 1, 2021
|
|
77
|
-
const result = getMonthOptions(
|
|
90
|
+
const result = getMonthOptions({
|
|
91
|
+
displayMonth,
|
|
92
|
+
navStart,
|
|
93
|
+
navEnd: undefined,
|
|
94
|
+
locale: nb,
|
|
95
|
+
});
|
|
78
96
|
|
|
79
97
|
const expected = [
|
|
80
98
|
{ value: 0, label: "januar", disabled: true },
|
|
@@ -97,7 +115,12 @@ describe("getMonthOptions", () => {
|
|
|
97
115
|
test("should disable months after navEnd", () => {
|
|
98
116
|
const displayMonth = new Date(2021, 0, 1); // Januar 1, 2021
|
|
99
117
|
const navEnd = new Date(2021, 5, 1); // Juni 1, 2021
|
|
100
|
-
const result = getMonthOptions(
|
|
118
|
+
const result = getMonthOptions({
|
|
119
|
+
displayMonth,
|
|
120
|
+
navStart: undefined,
|
|
121
|
+
navEnd,
|
|
122
|
+
locale: nb,
|
|
123
|
+
});
|
|
101
124
|
|
|
102
125
|
const expected = [
|
|
103
126
|
{ value: 0, label: "januar", disabled: false },
|
|
@@ -121,7 +144,12 @@ describe("getMonthOptions", () => {
|
|
|
121
144
|
const displayMonth = new Date(2021, 0, 1); // Januar 1, 2021
|
|
122
145
|
const navStart = new Date(2021, 3, 1); // April 1, 2021
|
|
123
146
|
const navEnd = new Date(2021, 8, 1); // September 1, 2021
|
|
124
|
-
const result = getMonthOptions(
|
|
147
|
+
const result = getMonthOptions({
|
|
148
|
+
displayMonth,
|
|
149
|
+
navStart,
|
|
150
|
+
navEnd,
|
|
151
|
+
locale: nb,
|
|
152
|
+
});
|
|
125
153
|
|
|
126
154
|
const expected = [
|
|
127
155
|
{ value: 0, label: "januar", disabled: true },
|
|
@@ -13,12 +13,17 @@ import {
|
|
|
13
13
|
} from "date-fns";
|
|
14
14
|
|
|
15
15
|
/** Return the months to show in the dropdown. */
|
|
16
|
-
export function getMonthOptions(
|
|
17
|
-
displayMonth
|
|
18
|
-
navStart
|
|
19
|
-
navEnd
|
|
20
|
-
locale
|
|
21
|
-
|
|
16
|
+
export function getMonthOptions({
|
|
17
|
+
displayMonth,
|
|
18
|
+
navStart,
|
|
19
|
+
navEnd,
|
|
20
|
+
locale,
|
|
21
|
+
}: {
|
|
22
|
+
displayMonth: Date;
|
|
23
|
+
navStart: Date | undefined;
|
|
24
|
+
navEnd: Date | undefined;
|
|
25
|
+
locale: Locale;
|
|
26
|
+
}):
|
|
22
27
|
| {
|
|
23
28
|
value: number;
|
|
24
29
|
label: string;
|
|
@@ -31,7 +36,9 @@ export function getMonthOptions(
|
|
|
31
36
|
});
|
|
32
37
|
|
|
33
38
|
const options = months.map((month) => {
|
|
34
|
-
const label = format(month, "LLLL", {
|
|
39
|
+
const label = format(month, "LLLL", {
|
|
40
|
+
locale,
|
|
41
|
+
}).replace(".", "");
|
|
35
42
|
const value = getMonth(month);
|
|
36
43
|
const disabled =
|
|
37
44
|
(navStart && month < startOfMonth(navStart)) ||
|
|
@@ -44,11 +51,15 @@ export function getMonthOptions(
|
|
|
44
51
|
}
|
|
45
52
|
|
|
46
53
|
/** Return the years to show in the dropdown. */
|
|
47
|
-
export function getYearOptions(
|
|
48
|
-
navStart
|
|
49
|
-
navEnd
|
|
50
|
-
locale
|
|
51
|
-
|
|
54
|
+
export function getYearOptions({
|
|
55
|
+
navStart,
|
|
56
|
+
navEnd,
|
|
57
|
+
locale,
|
|
58
|
+
}: {
|
|
59
|
+
navStart: Date | undefined;
|
|
60
|
+
navEnd: Date | undefined;
|
|
61
|
+
locale: Locale;
|
|
62
|
+
}):
|
|
52
63
|
| {
|
|
53
64
|
value: number;
|
|
54
65
|
label: string;
|
|
@@ -69,8 +69,14 @@ const DatePickerMonths = ({
|
|
|
69
69
|
today: dayPickerProps.today,
|
|
70
70
|
});
|
|
71
71
|
|
|
72
|
-
const months = getMonthOptions(
|
|
73
|
-
|
|
72
|
+
const months = getMonthOptions({
|
|
73
|
+
displayMonth: calendarMonth.date,
|
|
74
|
+
navStart,
|
|
75
|
+
navEnd,
|
|
76
|
+
locale,
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
const dropdownYears = getYearOptions({ navStart, navEnd, locale });
|
|
74
80
|
|
|
75
81
|
return (
|
|
76
82
|
<div {...omit(rest, ["displayIndex"])}>
|
|
@@ -8,19 +8,23 @@ export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
/**
|
|
9
9
|
* Predefined max-width
|
|
10
10
|
* @example
|
|
11
|
+
* ```
|
|
11
12
|
* text: 576px + dynamic gutters
|
|
12
13
|
* md: 768px
|
|
13
14
|
* lg: 1024px
|
|
14
15
|
* xl: 1280px
|
|
15
16
|
* 2xl: 1440px
|
|
17
|
+
* ```
|
|
16
18
|
* @default max-width: 100%;
|
|
17
19
|
*/
|
|
18
20
|
width?: (typeof widths)[number];
|
|
19
21
|
/**
|
|
20
22
|
* Adds a standardised responsive padding-inline
|
|
21
23
|
* @example
|
|
24
|
+
* ```
|
|
22
25
|
* 3rem on > md
|
|
23
26
|
* 1rem on < md
|
|
27
|
+
* ```
|
|
24
28
|
* @default false
|
|
25
29
|
*/
|
|
26
30
|
gutters?: boolean;
|