@navikt/ds-react 5.7.1 → 5.7.3
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 +4 -4
- package/cjs/date/datepicker/DatePicker.js +6 -6
- package/cjs/date/datepicker/DatePickerStandalone.js +4 -4
- package/cjs/date/hooks/useDatepicker.js +5 -4
- package/cjs/date/hooks/useMonthPicker.js +4 -3
- package/cjs/date/hooks/useRangeDatepicker.js +1 -1
- package/cjs/date/monthpicker/MonthButton.js +2 -2
- package/cjs/date/monthpicker/MonthCaption.js +7 -7
- package/cjs/date/monthpicker/MonthSelector.js +1 -1
- package/cjs/date/utils/navigation.js +6 -6
- package/cjs/form/Select.js +1 -1
- package/cjs/form/TextField.js +1 -1
- package/cjs/form/Textarea.js +1 -1
- package/cjs/form/combobox/Input/Input.js +1 -1
- package/cjs/form/combobox/Input/inputContext.js +4 -4
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +3 -3
- package/cjs/form/search/Search.js +1 -1
- package/cjs/help-text/HelpText.js +1 -1
- package/cjs/help-text/HelpTextIcon.js +1 -1
- package/cjs/table/ExpandableRow.js +2 -2
- package/cjs/tabs/TabList.js +3 -3
- package/cjs/timeline/Timeline.js +6 -6
- package/cjs/timeline/hooks/useTimelineRows.js +1 -2
- package/cjs/util/omit.js +1 -1
- package/esm/date/datepicker/DatePicker.js +6 -6
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js +4 -4
- package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/esm/date/hooks/useDatepicker.js +5 -4
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.js +4 -3
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/hooks/useRangeDatepicker.js +3 -3
- package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/date/monthpicker/MonthButton.js +2 -2
- package/esm/date/monthpicker/MonthButton.js.map +1 -1
- package/esm/date/monthpicker/MonthCaption.js +7 -7
- package/esm/date/monthpicker/MonthCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthSelector.js +1 -1
- package/esm/date/monthpicker/MonthSelector.js.map +1 -1
- package/esm/date/utils/navigation.js +6 -6
- package/esm/date/utils/navigation.js.map +1 -1
- package/esm/form/Select.js +1 -1
- package/esm/form/Select.js.map +1 -1
- package/esm/form/TextField.js +1 -1
- package/esm/form/TextField.js.map +1 -1
- package/esm/form/Textarea.js +1 -1
- package/esm/form/Textarea.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +1 -1
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/inputContext.js +4 -4
- package/esm/form/combobox/Input/inputContext.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +3 -3
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/esm/form/search/Search.js +1 -1
- package/esm/form/search/Search.js.map +1 -1
- package/esm/help-text/HelpText.js +1 -1
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +1 -1
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +1 -1
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/table/ExpandableRow.js +2 -2
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/tabs/TabList.js +3 -3
- package/esm/tabs/TabList.js.map +1 -1
- package/esm/timeline/Timeline.d.ts +2 -2
- package/esm/timeline/Timeline.js +6 -6
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/hooks/useTimelineRows.js +1 -2
- package/esm/timeline/hooks/useTimelineRows.js.map +1 -1
- package/esm/util/omit.js +1 -1
- package/esm/util/omit.js.map +1 -1
- package/package.json +3 -3
- package/src/chips/chips.stories.tsx +13 -15
- package/src/date/datepicker/DatePicker.tsx +6 -6
- package/src/date/datepicker/DatePickerStandalone.tsx +4 -4
- package/src/date/hooks/useDatepicker.tsx +5 -4
- package/src/date/hooks/useMonthPicker.tsx +4 -3
- package/src/date/hooks/useRangeDatepicker.tsx +3 -3
- package/src/date/monthpicker/MonthButton.tsx +2 -2
- package/src/date/monthpicker/MonthCaption.tsx +9 -9
- package/src/date/monthpicker/MonthSelector.tsx +2 -2
- package/src/date/utils/__tests__/get-month-weeks.test.ts +10 -7
- package/src/date/utils/navigation.ts +6 -6
- package/src/form/Select.tsx +1 -1
- package/src/form/TextField.tsx +1 -1
- package/src/form/Textarea.tsx +1 -1
- package/src/form/combobox/Input/Input.tsx +1 -1
- package/src/form/combobox/Input/inputContext.tsx +4 -4
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +5 -5
- package/src/form/search/Search.tsx +1 -1
- package/src/form/stories/textarea.stories.tsx +21 -37
- package/src/help-text/HelpText.tsx +1 -0
- package/src/help-text/HelpTextIcon.tsx +1 -1
- package/src/layout/utilities/css.ts +1 -0
- package/src/table/ExpandableRow.tsx +2 -2
- package/src/table/stories/table-async.stories.tsx +4 -4
- package/src/table/stories/table-expandable.stories.tsx +26 -26
- package/src/table/stories/table.stories.tsx +4 -4
- package/src/tabs/TabList.tsx +4 -4
- package/src/timeline/Timeline.tsx +8 -8
- package/src/timeline/hooks/useTimelineRows.ts +1 -2
- package/src/util/omit.ts +2 -2
|
@@ -8,7 +8,7 @@ export const HelpTextIcon = ({ title, filled = false, }) => {
|
|
|
8
8
|
"navds-help-text__icon--filled": filled,
|
|
9
9
|
}) },
|
|
10
10
|
title ? React.createElement("title", { id: titleId }, title) : null,
|
|
11
|
-
React.createElement("circle", { cx: "12", cy: "12", r: "11", strokeWidth: "
|
|
11
|
+
React.createElement("circle", { cx: "12", cy: "12", r: "11", strokeWidth: "1.5", stroke: "currentColor", fill: filled ? "currentColor" : "transparent" }),
|
|
12
12
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 9C9.75 7.75736 10.7574 6.75 12 6.75H12.1716C13.3195 6.75 14.25 7.68054 14.25 8.82843C14.25 9.37966 14.031 9.90832 13.6412 10.2981L12.6412 11.2981C11.7504 12.1889 11.25 13.3971 11.25 14.6569C11.25 15.0711 11.5858 15.4069 12 15.4069C12.4142 15.4069 12.75 15.0711 12.75 14.6569C12.75 13.7949 13.0924 12.9682 13.7019 12.3588L14.7019 11.3588C15.373 10.6877 15.75 9.77748 15.75 8.82843C15.75 6.85212 14.1479 5.25 12.1716 5.25H12C9.92893 5.25 8.25 6.92893 8.25 9V9.5C8.25 9.91421 8.58579 10.25 9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5V9ZM12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5Z", fill: filled ? "var(--a-surface-default)" : "currentColor" })));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=HelpTextIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,MAAM,GAAG,KAAK,GAIf,EAAE,EAAE;IACH,IAAI,OAAO,GAAuB,KAAK,EAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACjD,OAAO,CACL,6BACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAED,KAAK,CAAC,CAAC,CAAC,+BAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,
|
|
1
|
+
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,MAAM,GAAG,KAAK,GAIf,EAAE,EAAE;IACH,IAAI,OAAO,GAAuB,KAAK,EAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACjD,OAAO,CACL,6BACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAED,KAAK,CAAC,CAAC,CAAC,+BAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,cAAc,GAC1D,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl";
|
|
2
|
-
export type SpacingScale = "0" | "05" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | "24" | "32";
|
|
2
|
+
export type SpacingScale = "0" | "05" | "1" | "1-alt" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | "24" | "32";
|
|
3
3
|
export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
|
|
4
4
|
type FixedResponsiveT<T> = {
|
|
5
5
|
[Breakpoint in BreakpointsAlias]?: T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"AAqCA,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,cAAkC;IAElC,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QACtC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAAE,cAAc;SAChE,CAAC;KACH;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,EAAE,EAAE,CAAC;QACzE,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE;QAC7D,eAAe;KAChB,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACpD,QAAQ,SAAS,EAAE;QACjB,KAAK,IAAI;YACP,OAAO,KAAK,CAAC;KAChB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAChC,aAAqB,EACrB,WAAmB,EACnB,aAAqB,EACrB,eAAyB,EACzB,MAAe,EACf,EAAE;IACF,OAAO,WAAW;SACf,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QACjB,IAAI,aAAa,KAAK,eAAe,IAAI,CAAC,KAAK,MAAM,EAAE;YACrD,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;YAC/B,OAAO,iBAAiB,KAAK,QAAQ,CAAC;SACvC;QAED,IAAI,MAAM,GAAG,WAAW,aAAa,IAAI,CAAC,GAAG,CAAC;QAC9C,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC/B,MAAM,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,KAAK,GAAG,EAAE;gBACb,OAAO,GAAG,CAAC;aACZ;YACD,OAAO,aAAa,MAAM,GAAG,CAAC;SAC/B;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,aAAqB,EACrB,cAAkC,EAClC,MAAM,GAAG,KAAK,EACd,kBAA4B,EAAE;IAE9B,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QACtC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAC7C,yBAAyB,CACvB,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,MAAM,CACP;SACJ,CAAC;KACH;IAED,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE;QACzE,UAAU,CAAC,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE,CAAC;YACvE,yBAAyB,CACvB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,MAAM,CACP,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
|
@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
+
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
12
13
|
import cl from "clsx";
|
|
13
14
|
import React, { forwardRef, useState } from "react";
|
|
14
15
|
import { useId } from "../util";
|
|
15
16
|
import AnimateHeight from "../util/AnimateHeight";
|
|
16
17
|
import DataCell from "./DataCell";
|
|
17
18
|
import Row from "./Row";
|
|
18
|
-
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
19
19
|
export const ExpandableRow = forwardRef((_a, ref) => {
|
|
20
20
|
var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan"]);
|
|
21
21
|
const [internalOpen, setInternalOpen] = useState(defaultOpen);
|
|
@@ -24,7 +24,7 @@ export const ExpandableRow = forwardRef((_a, ref) => {
|
|
|
24
24
|
const expansionHandler = (e) => {
|
|
25
25
|
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!isOpen);
|
|
26
26
|
if (open === undefined) {
|
|
27
|
-
setInternalOpen((
|
|
27
|
+
setInternalOpen((oldOpen) => !oldOpen);
|
|
28
28
|
}
|
|
29
29
|
e.stopPropagation();
|
|
30
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,GAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":"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"}
|
package/esm/tabs/TabList.js
CHANGED
|
@@ -32,9 +32,9 @@ export const TabList = forwardRef((_a, ref) => {
|
|
|
32
32
|
// use 1 for the potential rounding error with browser zooms.
|
|
33
33
|
const showStartScroll = scrollLeft > 1;
|
|
34
34
|
const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
|
|
35
|
-
setDisplayScroll((
|
|
36
|
-
showEndScroll ===
|
|
37
|
-
?
|
|
35
|
+
setDisplayScroll((oldDisplayScroll) => showStartScroll === oldDisplayScroll.start &&
|
|
36
|
+
showEndScroll === oldDisplayScroll.end
|
|
37
|
+
? oldDisplayScroll
|
|
38
38
|
: { start: showStartScroll, end: showEndScroll });
|
|
39
39
|
}), []);
|
|
40
40
|
useEffect(() => {
|
package/esm/tabs/TabList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/tabs/TabList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AASxC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC;QACjD,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,KAAK;KACX,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA;YAAE,OAAO;QAC9B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;QACrD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9C,6DAA6D;QAC7D,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,CAAC;QACvC,MAAM,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;QAEjE,gBAAgB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/tabs/TabList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { PeriodType } from "./period";
|
|
3
2
|
import { PinType } from "./Pin";
|
|
4
3
|
import { TimelineRowType } from "./TimelineRow";
|
|
5
|
-
import {
|
|
4
|
+
import { PeriodType } from "./period";
|
|
6
5
|
import { AxisLabelTemplates } from "./utils/types.external";
|
|
6
|
+
import { ZoomType } from "./zoom";
|
|
7
7
|
export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
/**
|
package/esm/timeline/Timeline.js
CHANGED
|
@@ -12,12 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { endOfDay, isSameDay, startOfDay } from "date-fns";
|
|
13
13
|
import React, { forwardRef, useMemo, useRef, useState } from "react";
|
|
14
14
|
import { AxisLabels } from "./AxisLabels";
|
|
15
|
+
import Pin from "./Pin";
|
|
16
|
+
import TimelineRow from "./TimelineRow";
|
|
15
17
|
import { RowContext } from "./hooks/useRowContext";
|
|
16
18
|
import { TimelineContext } from "./hooks/useTimelineContext";
|
|
17
19
|
import { useEarliestDate, useLatestDate, useTimelineRows, } from "./hooks/useTimelineRows";
|
|
18
20
|
import Period from "./period";
|
|
19
|
-
import Pin from "./Pin";
|
|
20
|
-
import TimelineRow from "./TimelineRow";
|
|
21
21
|
import { parseRows } from "./utils/timeline";
|
|
22
22
|
import Zoom from "./zoom";
|
|
23
23
|
/**
|
|
@@ -112,10 +112,10 @@ export const Timeline = forwardRef((_a, ref) => {
|
|
|
112
112
|
return;
|
|
113
113
|
}
|
|
114
114
|
};
|
|
115
|
-
const addFocusable = (
|
|
115
|
+
const addFocusable = (btnRef, id) => {
|
|
116
116
|
let items = firstFocusabled.current;
|
|
117
117
|
items = items.filter((x) => x.id !== id);
|
|
118
|
-
items.push({ ref, id });
|
|
118
|
+
items.push({ ref: btnRef, id });
|
|
119
119
|
firstFocusabled.current = items;
|
|
120
120
|
};
|
|
121
121
|
return (React.createElement(TimelineContext.Provider, { value: {
|
|
@@ -132,7 +132,7 @@ export const Timeline = forwardRef((_a, ref) => {
|
|
|
132
132
|
React.createElement("div", Object.assign({}, rest, { ref: ref }),
|
|
133
133
|
React.createElement("div", { className: "navds-timeline" },
|
|
134
134
|
React.createElement(AxisLabels, { templates: axisLabelTemplates }),
|
|
135
|
-
pins.map((
|
|
135
|
+
pins.map((PinChild, i) => (React.createElement(PinChild, { key: `pin-${i}` }))),
|
|
136
136
|
processedRows.map((row, i) => {
|
|
137
137
|
return (React.createElement(RowContext.Provider, { key: `row-${row.id}`, value: {
|
|
138
138
|
periods: row.periods,
|
|
@@ -142,7 +142,7 @@ export const Timeline = forwardRef((_a, ref) => {
|
|
|
142
142
|
} },
|
|
143
143
|
React.createElement(TimelineRow, Object.assign({}, row === null || row === void 0 ? void 0 : row.restProps, { ref: row === null || row === void 0 ? void 0 : row.ref, label: row.label, icon: row.icon, headingTag: row.headingTag }))));
|
|
144
144
|
})),
|
|
145
|
-
zoomComponent
|
|
145
|
+
zoomComponent)));
|
|
146
146
|
});
|
|
147
147
|
Timeline.Row = TimelineRow;
|
|
148
148
|
Timeline.Period = Period;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,MAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,8 +48,7 @@ const trimmedPeriods = (period) => {
|
|
|
48
48
|
horizontalPosition,
|
|
49
49
|
cropped });
|
|
50
50
|
};
|
|
51
|
-
export const useTimelineRows = (rows, startDate, endDate, direction) => useMemo(() => rows.map((periods,
|
|
52
|
-
const rowIndex = i;
|
|
51
|
+
export const useTimelineRows = (rows, startDate, endDate, direction) => useMemo(() => rows.map((periods, rowIndex) => {
|
|
53
52
|
const timelinePeriods = periods.periods
|
|
54
53
|
.sort((a, b) => a.start.valueOf() - b.start.valueOf())
|
|
55
54
|
.map((period, i) => (Object.assign(Object.assign({}, spatialPeriod(period, startDate, endDate, direction, i, periods.periods, rowIndex)), { restProps: period === null || period === void 0 ? void 0 : period.restProps, ref: period === null || period === void 0 ? void 0 : period.ref })))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTimelineRows.js","sourceRoot":"","sources":["../../../src/timeline/hooks/useTimelineRows.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useTimelineRows.js","sourceRoot":"","sources":["../../../src/timeline/hooks/useTimelineRows.ts"],"names":[],"mappings":"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"}
|
package/esm/util/omit.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const omit = (obj, props) => Object.entries(obj)
|
|
2
2
|
.filter(([key]) => !props.includes(key))
|
|
3
|
-
.reduce((
|
|
3
|
+
.reduce((prevObj, [key, value]) => (Object.assign(Object.assign({}, prevObj), { [key]: value })), {});
|
|
4
4
|
//# sourceMappingURL=omit.js.map
|
package/esm/util/omit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"omit.js","sourceRoot":"","sources":["../../src/util/omit.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,KAAe,EAAE,EAAE,CACnD,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;KAChB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;KACvC,MAAM,CACL,CAAC,
|
|
1
|
+
{"version":3,"file":"omit.js","sourceRoot":"","sources":["../../src/util/omit.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,KAAe,EAAE,EAAE,CACnD,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;KAChB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;KACvC,MAAM,CACL,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCACtB,OAAO,KACV,CAAC,GAAG,CAAC,EAAE,KAAK,IACZ,EACF,EAAE,CACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "5.7.
|
|
3
|
+
"version": "5.7.3",
|
|
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.3",
|
|
42
|
+
"@navikt/ds-tokens": "^5.7.3",
|
|
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,24 +1,12 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
1
2
|
import React, { useState } from "react";
|
|
2
3
|
import { Chips } from ".";
|
|
3
4
|
|
|
4
|
-
|
|
5
|
+
const meta: Meta<typeof Chips> = {
|
|
5
6
|
title: "ds-react/Chips",
|
|
6
7
|
component: Chips,
|
|
7
|
-
argTypes: {
|
|
8
|
-
type: {
|
|
9
|
-
control: {
|
|
10
|
-
type: "radio",
|
|
11
|
-
options: ["toggle", "removable"],
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
control: {
|
|
16
|
-
type: "radio",
|
|
17
|
-
options: ["medium", "small"],
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
8
|
};
|
|
9
|
+
export default meta;
|
|
22
10
|
|
|
23
11
|
const options = ["Norsk", "Dansk", "Svensk", "Tysk", "Spansk"];
|
|
24
12
|
|
|
@@ -61,6 +49,16 @@ export const Default = (props) => {
|
|
|
61
49
|
</Chips>
|
|
62
50
|
);
|
|
63
51
|
};
|
|
52
|
+
Default.argTypes = {
|
|
53
|
+
type: {
|
|
54
|
+
control: { type: "radio" },
|
|
55
|
+
options: ["toggle", "removable"],
|
|
56
|
+
},
|
|
57
|
+
size: {
|
|
58
|
+
control: { type: "radio" },
|
|
59
|
+
options: ["medium", "small"],
|
|
60
|
+
},
|
|
61
|
+
};
|
|
64
62
|
|
|
65
63
|
export const Toggle = () => {
|
|
66
64
|
const [selected, setSelected] = useState<number[]>([2, 4]);
|
|
@@ -97,17 +97,17 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
|
|
|
97
97
|
const mode = rest.mode ?? ("single" as any);
|
|
98
98
|
|
|
99
99
|
/**
|
|
100
|
-
* @param
|
|
100
|
+
* @param newSelected Date | Date[] | DateRange | undefined
|
|
101
101
|
*/
|
|
102
|
-
const handleSelect = (
|
|
103
|
-
setSelectedDates(
|
|
102
|
+
const handleSelect = (newSelected) => {
|
|
103
|
+
setSelectedDates(newSelected);
|
|
104
104
|
|
|
105
105
|
if (rest.mode === "single") {
|
|
106
|
-
|
|
106
|
+
newSelected && (onClose?.() ?? setOpen(false));
|
|
107
107
|
} else if (rest.mode === "range") {
|
|
108
|
-
|
|
108
|
+
newSelected?.from && newSelected?.to && (onClose?.() ?? setOpen(false));
|
|
109
109
|
}
|
|
110
|
-
rest?.onSelect?.(
|
|
110
|
+
rest?.onSelect?.(newSelected);
|
|
111
111
|
};
|
|
112
112
|
|
|
113
113
|
return (
|
|
@@ -71,11 +71,11 @@ export const DatePickerStandalone: DatePickerStandaloneType = forwardRef<
|
|
|
71
71
|
const mode = rest.mode ?? ("single" as any);
|
|
72
72
|
|
|
73
73
|
/**
|
|
74
|
-
* @param
|
|
74
|
+
* @param newSelected Date | Date[] | DateRange | undefined
|
|
75
75
|
*/
|
|
76
|
-
const handleSelect = (
|
|
77
|
-
setSelectedDates(
|
|
78
|
-
onSelect?.(
|
|
76
|
+
const handleSelect = (newSelected) => {
|
|
77
|
+
setSelectedDates(newSelected);
|
|
78
|
+
onSelect?.(newSelected);
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
return (
|
|
@@ -164,9 +164,10 @@ export const useDatepicker = (
|
|
|
164
164
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
165
165
|
|
|
166
166
|
const handleOpen = useCallback(
|
|
167
|
-
(
|
|
168
|
-
setOpen(
|
|
169
|
-
|
|
167
|
+
(newOpen: boolean) => {
|
|
168
|
+
setOpen(newOpen);
|
|
169
|
+
newOpen &&
|
|
170
|
+
setMonth(selectedDay ?? defaultSelected ?? defaultMonth ?? today);
|
|
170
171
|
},
|
|
171
172
|
[defaultMonth, defaultSelected, selectedDay, today]
|
|
172
173
|
);
|
|
@@ -310,7 +311,7 @@ export const useDatepicker = (
|
|
|
310
311
|
|
|
311
312
|
const datepickerProps = {
|
|
312
313
|
month,
|
|
313
|
-
onMonthChange:
|
|
314
|
+
onMonthChange: setMonth,
|
|
314
315
|
onDayClick: handleDayClick,
|
|
315
316
|
selected: selectedDay ?? new Date("Invalid date"),
|
|
316
317
|
locale: _locale,
|
|
@@ -161,9 +161,10 @@ export const useMonthpicker = (
|
|
|
161
161
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
162
162
|
|
|
163
163
|
const handleOpen = useCallback(
|
|
164
|
-
(
|
|
165
|
-
setOpen(
|
|
166
|
-
|
|
164
|
+
(newOpen: boolean) => {
|
|
165
|
+
setOpen(newOpen);
|
|
166
|
+
newOpen &&
|
|
167
|
+
setYear(selectedMonth ?? defaultSelected ?? defaultYear ?? today);
|
|
167
168
|
},
|
|
168
169
|
[defaultSelected, defaultYear, selectedMonth, today]
|
|
169
170
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
|
|
2
|
-
import
|
|
2
|
+
import checkIsBefore from "date-fns/isBefore";
|
|
3
3
|
import isWeekend from "date-fns/isWeekend";
|
|
4
4
|
import React, { useRef, useState } from "react";
|
|
5
5
|
import { DateRange, isMatch } from "react-day-picker";
|
|
@@ -382,7 +382,7 @@ export const useRangeDatepicker = (
|
|
|
382
382
|
const prevToRange =
|
|
383
383
|
!selectedRange?.from && selectedRange?.to ? selectedRange?.to : range?.to;
|
|
384
384
|
|
|
385
|
-
const resetTo =
|
|
385
|
+
const resetTo = checkIsBefore(prevToRange, range?.from);
|
|
386
386
|
|
|
387
387
|
range?.from
|
|
388
388
|
? setFromInputValue(
|
|
@@ -535,7 +535,7 @@ export const useRangeDatepicker = (
|
|
|
535
535
|
|
|
536
536
|
const datepickerProps = {
|
|
537
537
|
month,
|
|
538
|
-
onMonthChange:
|
|
538
|
+
onMonthChange: setMonth,
|
|
539
539
|
onSelect: handleSelect,
|
|
540
540
|
selected: selectedRange,
|
|
541
541
|
locale: _locale,
|
|
@@ -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,14 +1,14 @@
|
|
|
1
1
|
import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
|
|
2
|
+
import { isAfter, isBefore } from "date-fns";
|
|
2
3
|
import setYear from "date-fns/setYear";
|
|
3
4
|
import startOfMonth from "date-fns/startOfMonth";
|
|
4
5
|
import startOfYear from "date-fns/startOfYear";
|
|
5
6
|
import React from "react";
|
|
6
7
|
import { useDayPicker } from "react-day-picker";
|
|
7
|
-
import { useSharedMonthContext } from "../context";
|
|
8
|
-
import { labelNextYear, labelPrevYear } from "../utils";
|
|
9
|
-
import { isAfter, isBefore } from "date-fns";
|
|
10
8
|
import { Button } from "../../button";
|
|
11
9
|
import { Select } from "../../form/Select";
|
|
10
|
+
import { useSharedMonthContext } from "../context";
|
|
11
|
+
import { labelNextYear, labelPrevYear } from "../utils";
|
|
12
12
|
|
|
13
13
|
export const MonthCaption = () => {
|
|
14
14
|
const {
|
|
@@ -24,9 +24,9 @@ export const MonthCaption = () => {
|
|
|
24
24
|
|
|
25
25
|
if (hasDropdown && fromDate && toDate) {
|
|
26
26
|
const fromYear = fromDate.getFullYear();
|
|
27
|
-
const
|
|
28
|
-
for (let
|
|
29
|
-
years.push(setYear(startOfYear(new Date()),
|
|
27
|
+
const toDateYear = toDate.getFullYear();
|
|
28
|
+
for (let currYear = fromYear; currYear <= toDateYear; currYear++) {
|
|
29
|
+
years.push(setYear(startOfYear(new Date()), currYear));
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
if (!years.map((x) => x.getFullYear()).includes(year.getFullYear())) {
|
|
@@ -75,9 +75,9 @@ export const MonthCaption = () => {
|
|
|
75
75
|
onChange={handleYearChange}
|
|
76
76
|
className="navds-date__caption__year"
|
|
77
77
|
>
|
|
78
|
-
{years.map((
|
|
79
|
-
<option key={
|
|
80
|
-
{formatYearCaption(
|
|
78
|
+
{years.map((yearOpt) => (
|
|
79
|
+
<option key={yearOpt.getFullYear()} value={yearOpt.getFullYear()}>
|
|
80
|
+
{formatYearCaption(yearOpt, { locale })}
|
|
81
81
|
</option>
|
|
82
82
|
))}
|
|
83
83
|
</Select>
|
|
@@ -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,13 +1,12 @@
|
|
|
1
1
|
/* https://github.com/gpbl/react-day-picker/blob/main/src/components/Table/utils/getMonthWeeks.test.ts */
|
|
2
|
-
import {
|
|
2
|
+
import { enGB, nb } from "date-fns/locale";
|
|
3
3
|
|
|
4
4
|
import { getMonthWeeks } from "../get-month-weeks";
|
|
5
5
|
|
|
6
6
|
describe('when using the "nB" locale', () => {
|
|
7
7
|
const locale = nb;
|
|
8
8
|
describe("when getting the weeks for January 2022", () => {
|
|
9
|
-
const
|
|
10
|
-
const weeks = getMonthWeeks(date, { locale });
|
|
9
|
+
const weeks = getMonthWeeks(new Date(2022, 0), { locale });
|
|
11
10
|
test("the first week should be the last of the previous year", () => {
|
|
12
11
|
const weekNumbers = weeks.map((week) => week.weekNumber);
|
|
13
12
|
expect(weekNumbers[0]).toEqual(52);
|
|
@@ -29,8 +28,10 @@ describe('when using the "enGB" locale', () => {
|
|
|
29
28
|
describe("when using fixed weeks", () => {
|
|
30
29
|
const useFixedWeeks = true;
|
|
31
30
|
describe("when getting the weeks for December 2022", () => {
|
|
32
|
-
const
|
|
33
|
-
|
|
31
|
+
const weeks = getMonthWeeks(new Date(2022, 11), {
|
|
32
|
+
useFixedWeeks,
|
|
33
|
+
locale,
|
|
34
|
+
});
|
|
34
35
|
test("should return 48 - 1 week numbers", () => {
|
|
35
36
|
const weekNumbers = weeks.map((week) => week.weekNumber);
|
|
36
37
|
const expectedResult = [48, 49, 50, 51, 52, 1];
|
|
@@ -67,8 +68,10 @@ describe('when using the "nb" locale', () => {
|
|
|
67
68
|
describe("when using fixed weeks", () => {
|
|
68
69
|
const useFixedWeeks = true;
|
|
69
70
|
describe("when getting the weeks for December 2022", () => {
|
|
70
|
-
const
|
|
71
|
-
|
|
71
|
+
const weeks = getMonthWeeks(new Date(2022, 11), {
|
|
72
|
+
useFixedWeeks,
|
|
73
|
+
locale,
|
|
74
|
+
});
|
|
72
75
|
test("should return 48 - 1 week numbers", () => {
|
|
73
76
|
const weekNumbers = weeks.map((week) => week.weekNumber);
|
|
74
77
|
const expectedResult = [48, 49, 50, 51, 52, 1];
|
|
@@ -15,27 +15,27 @@ export const nextEnabled = (
|
|
|
15
15
|
const currentIndex = currentMonth.getMonth();
|
|
16
16
|
|
|
17
17
|
if (key === "Home") {
|
|
18
|
-
const
|
|
18
|
+
const nextDate = nextOnRow(
|
|
19
19
|
currentIndex,
|
|
20
20
|
months,
|
|
21
21
|
yearState,
|
|
22
22
|
disabled,
|
|
23
23
|
"home"
|
|
24
24
|
);
|
|
25
|
-
if (
|
|
26
|
-
return
|
|
25
|
+
if (nextDate) {
|
|
26
|
+
return nextDate;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
if (key === "End") {
|
|
30
|
-
const
|
|
30
|
+
const nextDate = nextOnRow(
|
|
31
31
|
currentIndex,
|
|
32
32
|
months,
|
|
33
33
|
yearState,
|
|
34
34
|
disabled,
|
|
35
35
|
"end"
|
|
36
36
|
);
|
|
37
|
-
if (
|
|
38
|
-
return
|
|
37
|
+
if (nextDate) {
|
|
38
|
+
return nextDate;
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
if (key === "PageUp") {
|
package/src/form/Select.tsx
CHANGED
package/src/form/TextField.tsx
CHANGED
|
@@ -116,7 +116,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
|
|
|
116
116
|
className={cl(
|
|
117
117
|
"navds-text-field__input",
|
|
118
118
|
"navds-body-short",
|
|
119
|
-
`navds-body
|
|
119
|
+
`navds-body-short--${size ?? "medium"}`
|
|
120
120
|
)}
|
|
121
121
|
size={htmlSize}
|
|
122
122
|
/>
|
package/src/form/Textarea.tsx
CHANGED
|
@@ -162,7 +162,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
|
162
162
|
className={cl(
|
|
163
163
|
"navds-textarea__input",
|
|
164
164
|
"navds-body-short",
|
|
165
|
-
`navds-body
|
|
165
|
+
`navds-body-short--${size ?? "medium"}`,
|
|
166
166
|
{
|
|
167
167
|
"navds-textarea--counter": hasMaxLength,
|
|
168
168
|
}
|