@navikt/ds-react 7.31.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/chat/Chat.d.ts +1 -1
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +1 -1
- package/cjs/copybutton/CopyButton.js.map +1 -1
- 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/form/combobox/Input/Input.context.d.ts +2 -2
- package/cjs/form/file-upload/useFileUpload.d.ts +1 -1
- package/cjs/form/useFormField.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/cjs/modal/ModalUtils.d.ts +2 -2
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/overlays/dismissablelayer/DismissableLayer.d.ts +1 -1
- package/cjs/overlays/floating/Floating.js +2 -2
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/overlays/overlay/hooks/{useOpenChangeComplete.d.ts → useOpenChangeAnimationComplete.d.ts} +2 -2
- package/cjs/overlays/overlay/hooks/{useOpenChangeComplete.js → useOpenChangeAnimationComplete.js} +3 -3
- package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -0
- package/cjs/overlays/overlay/hooks/useTransitionStatus.d.ts +38 -0
- package/cjs/overlays/overlay/hooks/useTransitionStatus.js +118 -0
- package/cjs/overlays/overlay/hooks/useTransitionStatus.js.map +1 -0
- package/cjs/progress-bar/ProgressBar.js +1 -1
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +2 -9
- package/cjs/read-more/ReadMore.js +1 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/table/AnimateHeight.js +2 -2
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/parts/tab/useTab.d.ts +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/cjs/util/hooks/useMergeRefs.d.ts +3 -3
- package/cjs/util/hooks/useMergeRefs.js +3 -3
- package/cjs/util/hooks/useMergeRefs.js.map +1 -1
- package/cjs/util/renderStoriesForChromatic.d.ts +2 -2
- package/cjs/util/renderStoriesForChromatic.js +2 -2
- package/cjs/util/renderStoriesForChromatic.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/esm/chat/Chat.d.ts +1 -1
- package/esm/chat/Chat.js.map +1 -1
- package/esm/copybutton/CopyButton.js +1 -1
- package/esm/copybutton/CopyButton.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/form/combobox/Input/Input.context.d.ts +2 -2
- package/esm/form/file-upload/useFileUpload.d.ts +1 -1
- package/esm/form/useFormField.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/esm/modal/ModalUtils.d.ts +2 -2
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/overlays/dismissablelayer/DismissableLayer.d.ts +1 -1
- package/esm/overlays/floating/Floating.js +2 -2
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/overlays/overlay/hooks/{useOpenChangeComplete.d.ts → useOpenChangeAnimationComplete.d.ts} +2 -2
- package/esm/overlays/overlay/hooks/{useOpenChangeComplete.js → useOpenChangeAnimationComplete.js} +2 -2
- package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -0
- package/esm/overlays/overlay/hooks/useTransitionStatus.d.ts +38 -0
- package/esm/overlays/overlay/hooks/useTransitionStatus.js +113 -0
- package/esm/overlays/overlay/hooks/useTransitionStatus.js.map +1 -0
- package/esm/progress-bar/ProgressBar.js +1 -1
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +2 -9
- package/esm/read-more/ReadMore.js +1 -8
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/table/AnimateHeight.js +2 -2
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/parts/tab/useTab.d.ts +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/esm/util/hooks/useMergeRefs.d.ts +3 -3
- package/esm/util/hooks/useMergeRefs.js +3 -3
- package/esm/util/hooks/useMergeRefs.js.map +1 -1
- package/esm/util/renderStoriesForChromatic.d.ts +2 -2
- package/esm/util/renderStoriesForChromatic.js +2 -2
- package/esm/util/renderStoriesForChromatic.js.map +1 -1
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +4 -4
- package/src/chat/Chat.tsx +3 -3
- package/src/copybutton/CopyButton.tsx +1 -1
- 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/form/combobox/Input/Input.context.tsx +2 -2
- package/src/form/useFormField.ts +1 -1
- package/src/layout/page/parts/PageBlock.tsx +4 -0
- package/src/modal/ModalUtils.ts +2 -2
- package/src/overlays/action-menu/ActionMenu.tsx +1 -1
- package/src/overlays/floating/Floating.tsx +2 -2
- package/src/overlays/overlay/hooks/{useOpenChangeComplete.ts → useOpenChangeAnimationComplete.ts} +3 -3
- package/src/overlays/overlay/hooks/useTransitionStatus.ts +145 -0
- package/src/progress-bar/ProgressBar.tsx +1 -1
- package/src/read-more/ReadMore.tsx +4 -11
- package/src/table/AnimateHeight.tsx +2 -2
- package/src/tabs/parts/tablist/useScrollButtons.ts +3 -1
- package/src/util/hooks/useMergeRefs.ts +5 -5
- package/src/util/link-anchor/LinkAnchor.tsx +1 -1
- package/src/util/renderStoriesForChromatic.tsx +4 -5
- package/cjs/overlays/overlay/hooks/useOpenChangeComplete.js.map +0 -1
- package/esm/overlays/overlay/hooks/useOpenChangeComplete.js.map +0 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
type TransitionStatus = "entering" | "exiting" | "idle" | undefined;
|
|
2
|
+
/**
|
|
3
|
+
* Transition status state machine for components that animate between an
|
|
4
|
+
* `open` boolean and actual mount/unmount. Keeps the element mounted while
|
|
5
|
+
* exit animations run and introduces an optional stable `idle` phase.
|
|
6
|
+
*
|
|
7
|
+
* Adapted from MUI Base + Floating UI examples:
|
|
8
|
+
* - Source: https://github.com/mui/base-ui/blob/6fd69008d83561dbe75ff89acf270f0fac3e0049/packages/react/src/utils/useTransitionStatus.ts
|
|
9
|
+
* - Originally based on https://github.com/floating-ui/floating-ui/blob/7c33a3d0198a9b523d54ae2c37cedb315a309452/packages/react/src/hooks/useTransition.ts
|
|
10
|
+
*
|
|
11
|
+
* States (transitionStatus):
|
|
12
|
+
* - "entering" : just entered (initial frame of enter) OR re-entering to reach "idle".
|
|
13
|
+
* - "idle" : stable open (only when `enableIdleState === true`).
|
|
14
|
+
* - "exiting" : exit animation is running; element still mounted.
|
|
15
|
+
* - undefined : closed (unmounted) OR stable open when idle state is disabled.
|
|
16
|
+
* When `enableIdleState` is false we clear the label after
|
|
17
|
+
* the first frame so styling can rely purely on `mounted`.
|
|
18
|
+
*
|
|
19
|
+
* Distinction:
|
|
20
|
+
* - `mounted` tells you whether to render DOM.
|
|
21
|
+
* - `transitionStatus` tells you which phase-specific classes to apply.
|
|
22
|
+
*
|
|
23
|
+
* Frame separation: state changes that must trigger CSS transitions are
|
|
24
|
+
* scheduled with `requestAnimationFrame` so the browser sees distinct style
|
|
25
|
+
* mutations across frames (avoids missed transitions due to batching).
|
|
26
|
+
*
|
|
27
|
+
* @param open Controls visibility lifecycle.
|
|
28
|
+
* @param enableIdleState Insert a persistent "idle" phase after entering.
|
|
29
|
+
* @param deferExitingState Delay entering the exit phase by one frame to allow
|
|
30
|
+
* measurement / layout work before applying exit styles.
|
|
31
|
+
*/
|
|
32
|
+
declare function useTransitionStatus(open: boolean, enableIdleState?: boolean, deferExitingState?: boolean): {
|
|
33
|
+
mounted: boolean;
|
|
34
|
+
setMounted: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
35
|
+
transitionStatus: TransitionStatus;
|
|
36
|
+
};
|
|
37
|
+
export { useTransitionStatus };
|
|
38
|
+
export type { TransitionStatus };
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useMemo, useState } from "react";
|
|
3
|
+
import ReactDOM from "react-dom";
|
|
4
|
+
import { useClientLayoutEffect } from "../../../util/index.js";
|
|
5
|
+
/**
|
|
6
|
+
* Transition status state machine for components that animate between an
|
|
7
|
+
* `open` boolean and actual mount/unmount. Keeps the element mounted while
|
|
8
|
+
* exit animations run and introduces an optional stable `idle` phase.
|
|
9
|
+
*
|
|
10
|
+
* Adapted from MUI Base + Floating UI examples:
|
|
11
|
+
* - Source: https://github.com/mui/base-ui/blob/6fd69008d83561dbe75ff89acf270f0fac3e0049/packages/react/src/utils/useTransitionStatus.ts
|
|
12
|
+
* - Originally based on https://github.com/floating-ui/floating-ui/blob/7c33a3d0198a9b523d54ae2c37cedb315a309452/packages/react/src/hooks/useTransition.ts
|
|
13
|
+
*
|
|
14
|
+
* States (transitionStatus):
|
|
15
|
+
* - "entering" : just entered (initial frame of enter) OR re-entering to reach "idle".
|
|
16
|
+
* - "idle" : stable open (only when `enableIdleState === true`).
|
|
17
|
+
* - "exiting" : exit animation is running; element still mounted.
|
|
18
|
+
* - undefined : closed (unmounted) OR stable open when idle state is disabled.
|
|
19
|
+
* When `enableIdleState` is false we clear the label after
|
|
20
|
+
* the first frame so styling can rely purely on `mounted`.
|
|
21
|
+
*
|
|
22
|
+
* Distinction:
|
|
23
|
+
* - `mounted` tells you whether to render DOM.
|
|
24
|
+
* - `transitionStatus` tells you which phase-specific classes to apply.
|
|
25
|
+
*
|
|
26
|
+
* Frame separation: state changes that must trigger CSS transitions are
|
|
27
|
+
* scheduled with `requestAnimationFrame` so the browser sees distinct style
|
|
28
|
+
* mutations across frames (avoids missed transitions due to batching).
|
|
29
|
+
*
|
|
30
|
+
* @param open Controls visibility lifecycle.
|
|
31
|
+
* @param enableIdleState Insert a persistent "idle" phase after entering.
|
|
32
|
+
* @param deferExitingState Delay entering the exit phase by one frame to allow
|
|
33
|
+
* measurement / layout work before applying exit styles.
|
|
34
|
+
*/
|
|
35
|
+
function useTransitionStatus(open, enableIdleState = false, deferExitingState = false) {
|
|
36
|
+
const [mounted, setMounted] = useState(open);
|
|
37
|
+
const [transitionStatus, setTransitionStatus] = useState(open && enableIdleState ? "idle" : undefined);
|
|
38
|
+
/* Opening: mount immediately and label as "entering" for the first frame. */
|
|
39
|
+
if (open && !mounted) {
|
|
40
|
+
setMounted(true);
|
|
41
|
+
setTransitionStatus("entering");
|
|
42
|
+
}
|
|
43
|
+
/* Closing (no defer): begin exit animation right away. */
|
|
44
|
+
if (!open &&
|
|
45
|
+
mounted &&
|
|
46
|
+
transitionStatus !== "exiting" &&
|
|
47
|
+
!deferExitingState) {
|
|
48
|
+
setTransitionStatus("exiting");
|
|
49
|
+
}
|
|
50
|
+
/* Cleanup: after unmount post-exit ensure status returns to undefined. */
|
|
51
|
+
if (!open && !mounted && transitionStatus === "exiting") {
|
|
52
|
+
setTransitionStatus(undefined);
|
|
53
|
+
}
|
|
54
|
+
/* Deferred closing: provide one frame to measure / flush layout before exit styles. */
|
|
55
|
+
useClientLayoutEffect(() => {
|
|
56
|
+
if (!open &&
|
|
57
|
+
mounted &&
|
|
58
|
+
transitionStatus !== "exiting" &&
|
|
59
|
+
deferExitingState) {
|
|
60
|
+
const frame = requestAnimationFrame(() => {
|
|
61
|
+
setTransitionStatus("exiting");
|
|
62
|
+
});
|
|
63
|
+
return () => {
|
|
64
|
+
cancelAnimationFrame(frame);
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
return undefined;
|
|
68
|
+
}, [open, mounted, transitionStatus, deferExitingState]);
|
|
69
|
+
/* Enter (no idle): hold "entering" for one frame, then clear label (stable open). */
|
|
70
|
+
useClientLayoutEffect(() => {
|
|
71
|
+
if (!open || enableIdleState) {
|
|
72
|
+
return undefined;
|
|
73
|
+
}
|
|
74
|
+
const frame = requestAnimationFrame(() => {
|
|
75
|
+
ReactDOM.flushSync(() => {
|
|
76
|
+
setTransitionStatus(undefined);
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
return () => {
|
|
80
|
+
cancelAnimationFrame(frame);
|
|
81
|
+
};
|
|
82
|
+
}, [enableIdleState, open]);
|
|
83
|
+
useClientLayoutEffect(() => {
|
|
84
|
+
if (!open || !enableIdleState) {
|
|
85
|
+
return undefined;
|
|
86
|
+
}
|
|
87
|
+
/*
|
|
88
|
+
* We can enter this state by re-opening before exiting-state was finished
|
|
89
|
+
* (open → close → open in quick succession).
|
|
90
|
+
*/
|
|
91
|
+
if (open && mounted && transitionStatus !== "idle") {
|
|
92
|
+
setTransitionStatus("entering");
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* Next frame, after "entering", switch to persistent "idle" state.
|
|
96
|
+
* By delaying to the next frame we ensure any "entering" styles are
|
|
97
|
+
* applied and the transition can run.
|
|
98
|
+
*/
|
|
99
|
+
const frame = requestAnimationFrame(() => {
|
|
100
|
+
setTransitionStatus("idle");
|
|
101
|
+
});
|
|
102
|
+
return () => {
|
|
103
|
+
cancelAnimationFrame(frame);
|
|
104
|
+
};
|
|
105
|
+
}, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);
|
|
106
|
+
return useMemo(() => ({
|
|
107
|
+
mounted,
|
|
108
|
+
setMounted,
|
|
109
|
+
transitionStatus,
|
|
110
|
+
}), [mounted, transitionStatus]);
|
|
111
|
+
}
|
|
112
|
+
export { useTransitionStatus };
|
|
113
|
+
//# sourceMappingURL=useTransitionStatus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTransitionStatus.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useTransitionStatus.ts"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ export const ProgressBar = forwardRef((_a, ref) => {
|
|
|
35
35
|
var { size = "medium", value = 0, valueMax = 100, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, className, simulated } = _a, rest = __rest(_a, ["size", "value", "valueMax", "aria-labelledby", "aria-label", "className", "simulated"]);
|
|
36
36
|
const { cn } = useRenameCSS();
|
|
37
37
|
const translateX = 100 - (Math.round(value) / valueMax) * 100;
|
|
38
|
-
const onTimeoutRef = useRef();
|
|
38
|
+
const onTimeoutRef = useRef(undefined);
|
|
39
39
|
onTimeoutRef.current = simulated === null || simulated === void 0 ? void 0 : simulated.onTimeout;
|
|
40
40
|
const translate = useI18n("ProgressBar");
|
|
41
41
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA4DlD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,GAAG,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,SAAS,OAEV,EADI,IAAI,cART,wFASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAC9D,MAAM,YAAY,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,11 +19,11 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
19
19
|
*/
|
|
20
20
|
defaultOpen?: boolean;
|
|
21
21
|
/**
|
|
22
|
-
* Callback for current open-state
|
|
22
|
+
* Callback for current open-state.
|
|
23
23
|
*/
|
|
24
24
|
onOpenChange?: (open: boolean) => void;
|
|
25
25
|
/**
|
|
26
|
-
* Changes
|
|
26
|
+
* Changes font size for content.
|
|
27
27
|
* @default "medium"
|
|
28
28
|
*/
|
|
29
29
|
size?: "large" | "medium" | "small";
|
|
@@ -34,14 +34,7 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
34
34
|
* @see 🏷️ {@link ReadMoreProps}
|
|
35
35
|
*
|
|
36
36
|
* @example
|
|
37
|
-
* // Default
|
|
38
37
|
* <ReadMore header="Dette regnes som helsemessige begrensninger">
|
|
39
|
-
* Med helsemessige begrensninger mener vi funksjonshemming, sykdom...
|
|
40
|
-
* </ReadMore>
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* // Litt mindre versjon
|
|
44
|
-
* <ReadMore size="small" header="Dette regnes som helsemessige begrensninger">
|
|
45
38
|
* Med helsemessige begrensninger mener vi funksjonshemming, sykdom...
|
|
46
39
|
* </ReadMore>
|
|
47
40
|
*/
|
|
@@ -21,14 +21,7 @@ import { useControllableState } from "../util/hooks/useControllableState.js";
|
|
|
21
21
|
* @see 🏷️ {@link ReadMoreProps}
|
|
22
22
|
*
|
|
23
23
|
* @example
|
|
24
|
-
* // Default
|
|
25
24
|
* <ReadMore header="Dette regnes som helsemessige begrensninger">
|
|
26
|
-
* Med helsemessige begrensninger mener vi funksjonshemming, sykdom...
|
|
27
|
-
* </ReadMore>
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* // Litt mindre versjon
|
|
31
|
-
* <ReadMore size="small" header="Dette regnes som helsemessige begrensninger">
|
|
32
25
|
* Med helsemessige begrensninger mener vi funksjonshemming, sykdom...
|
|
33
26
|
* </ReadMore>
|
|
34
27
|
*/
|
|
@@ -47,7 +40,7 @@ export const ReadMore = forwardRef((_a, ref) => {
|
|
|
47
40
|
}), onClick: composeEventHandlers(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open, "data-state": _open ? "open" : "closed" }),
|
|
48
41
|
React.createElement(ChevronDownIcon, { className: cn("navds-read-more__expand-icon"), "aria-hidden": true }),
|
|
49
42
|
React.createElement("span", null, header)),
|
|
50
|
-
React.createElement(BodyLong, { as: "div",
|
|
43
|
+
React.createElement(BodyLong, { as: "div", tabIndex: 0, className: cn("navds-read-more__content", {
|
|
51
44
|
"navds-read-more__content--closed": !_open,
|
|
52
45
|
}), size: typoSize, "data-state": _open ? "open" : "closed" }, children)));
|
|
53
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAiC1E
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAiC1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -46,8 +46,8 @@ const AnimateHeight = (_a) => {
|
|
|
46
46
|
// ------------------ Initialization
|
|
47
47
|
const prevHeight = useRef(height);
|
|
48
48
|
const contentElement = useRef(null);
|
|
49
|
-
const animationClassesTimeoutID = useRef();
|
|
50
|
-
const timeoutID = useRef();
|
|
49
|
+
const animationClassesTimeoutID = useRef(undefined);
|
|
50
|
+
const timeoutID = useRef(undefined);
|
|
51
51
|
const initialHeight = useRef(height);
|
|
52
52
|
const initialOverflow = useRef("visible");
|
|
53
53
|
const duration = prefersReducedMotion ? 0 : userDuration;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimateHeight.js","sourceRoot":"","sources":["../../src/table/AnimateHeight.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0EAA0E;AAC1E,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,6BAA6B;AAE7B,MAAM,oBAAoB,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU;IACjD,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;IACnE,CAAC,CAAC,KAAK,CAAC;AAEV,SAAS,QAAQ,CAAC,CAAS;IACzB,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,oBAAoB;IACpB,OAAO,CACL,OAAO,MAAM,KAAK,QAAQ;QAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG;QACjC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,OAA8B,EAAE,MAAc;IACjE,yFAAyF;IACzF,2EAA2E;IAC3E,IAAI,MAAM,KAAK,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,OAA8B,EAAE,MAAc;IACjE,yFAAyF;IACzF,2EAA2E;IAC3E,IAAI,MAAM,KAAK,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC7B,CAAC;AACH,CAAC;AAiBD,MAAM,aAAa,GAAiC,CAAC,EAQpD,EAAE,EAAE;QARgD,EACnD,QAAQ,EACR,SAAS,EACT,cAAc,EACd,QAAQ,EAAE,YAAY,GAAG,GAAG,EAC5B,MAAM,GAAG,MAAM,EACf,MAAM,OAEP,EADI,KAAK,cAP2C,2EAQpD,CADS;IAER,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,oCAAoC;IACpC,MAAM,UAAU,GAAG,MAAM,CAAS,MAAM,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,yBAAyB,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"AnimateHeight.js","sourceRoot":"","sources":["../../src/table/AnimateHeight.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0EAA0E;AAC1E,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,6BAA6B;AAE7B,MAAM,oBAAoB,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU;IACjD,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;IACnE,CAAC,CAAC,KAAK,CAAC;AAEV,SAAS,QAAQ,CAAC,CAAS;IACzB,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,oBAAoB;IACpB,OAAO,CACL,OAAO,MAAM,KAAK,QAAQ;QAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG;QACjC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,OAA8B,EAAE,MAAc;IACjE,yFAAyF;IACzF,2EAA2E;IAC3E,IAAI,MAAM,KAAK,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,OAA8B,EAAE,MAAc;IACjE,yFAAyF;IACzF,2EAA2E;IAC3E,IAAI,MAAM,KAAK,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC7B,CAAC;AACH,CAAC;AAiBD,MAAM,aAAa,GAAiC,CAAC,EAQpD,EAAE,EAAE;QARgD,EACnD,QAAQ,EACR,SAAS,EACT,cAAc,EACd,QAAQ,EAAE,YAAY,GAAG,GAAG,EAC5B,MAAM,GAAG,MAAM,EACf,MAAM,OAEP,EADI,KAAK,cAP2C,2EAQpD,CADS;IAER,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,oCAAoC;IACpC,MAAM,UAAU,GAAG,MAAM,CAAS,MAAM,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,yBAAyB,GAAG,MAAM,CAAU,SAAS,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAU,SAAS,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,MAAM,CAAS,MAAM,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,MAAM,CAAW,SAAS,CAAC,CAAC;IAEpD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IAEzD,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC9C,6BAA6B;QAC7B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,aAAa,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAClD,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;IACrC,CAAC;SAAM,IAAI,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;QAC/C,8DAA8D;QAC9D,aAAa,CAAC,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACrD,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,aAAa,CAAC,OAAO,CACtB,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,eAAe,CAAC,OAAO,CAAC,CAAC;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,2DAA2D;QAC3D,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mCAAmC;IACnC,+GAA+G;IAC/G,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,UAAU,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC5D,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;YAExD,uBAAuB;YACvB,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACjD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC;YAC1D,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YAE3C,2BAA2B;YAC3B,MAAM,aAAa,GAAG,QAAQ,CAAC;YAE/B,IAAI,SAAiB,CAAC;YACtB,IAAI,aAAqB,CAAC;YAC1B,IAAI,eAAe,GAAa,QAAQ,CAAC;YACzC,IAAI,qBAA8B,CAAC;YAEnC,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,KAAK,MAAM,CAAC;YAE1D,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,6BAA6B;gBAC7B,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBACpC,aAAa,GAAG,SAAS,CAAC;YAC5B,CAAC;iBAAM,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,8DAA8D;gBAC9D,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBACzC,aAAa,GAAG,SAAS,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,oCAAoC;gBACpC,yBAAyB;gBACzB,SAAS,GAAG,aAAa,CAAC,CAAC,+BAA+B;gBAC1D,aAAa,GAAG,MAAM,CAAC;gBACvB,eAAe,GAAG,SAAS,CAAC;YAC9B,CAAC;YAED,IAAI,mBAAmB,EAAE,CAAC;gBACxB,uCAAuC;gBACvC,aAAa,GAAG,SAAS,CAAC;gBAE1B,gCAAgC;gBAChC,8DAA8D;gBAC9D,SAAS,GAAG,aAAa,CAAC;YAC5B,CAAC;YAED,4CAA4C;YAC5C,+DAA+D;YAC/D,iCAAiC;YACjC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,WAAW,CAAC,QAAQ,CAAC,CAAC;YACtB,iBAAiB,CAAC,CAAC,mBAAmB,CAAC,CAAC;YAExC,iBAAiB;YACjB,YAAY,CAAC,SAAS,CAAC,OAAkB,CAAC,CAAC;YAC3C,YAAY,CAAC,yBAAyB,CAAC,OAAkB,CAAC,CAAC;YAE3D,IAAI,mBAAmB,EAAE,CAAC;gBACxB,uEAAuE;gBACvE,mCAAmC;gBACnC,qBAAqB,GAAG,IAAI,CAAC;gBAE7B,wEAAwE;gBACxE,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAClC,gBAAgB,CAAC,aAAa,CAAC,CAAC;oBAChC,WAAW,CAAC,eAAe,CAAC,CAAC;oBAC7B,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;gBAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;gBAEP,gEAAgE;gBAChE,yBAAyB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAClD,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBAEzB,iBAAiB;oBACjB,2DAA2D;oBAC3D,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;gBACrD,CAAC,EAAE,aAAa,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,4EAA4E;gBAC5E,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAClC,gBAAgB,CAAC,aAAa,CAAC,CAAC;oBAChC,WAAW,CAAC,eAAe,CAAC,CAAC;oBAC7B,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBAEzB,iBAAiB;oBACjB,4CAA4C;oBAC5C,sDAAsD;oBACtD,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;wBACtB,2DAA2D;wBAC3D,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,2BAA2B;oBAC7E,CAAC;gBACH,CAAC,EAAE,aAAa,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QAED,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,OAAkB,CAAC,CAAC;YAC3C,YAAY,CAAC,yBAAyB,CAAC,OAAkB,CAAC,CAAC;QAC7D,CAAC,CAAC;QAEF,sDAAsD;QACtD,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,4BAA4B;IAE5B,MAAM,cAAc,GAAkB;QACpC,MAAM,EAAE,aAAa;QACrB,QAAQ;KACT,CAAC;IAEF,IAAI,cAAc,EAAE,CAAC;QACnB,cAAc,CAAC,UAAU,GAAG,UAAU,QAAQ,MAAM,MAAM,MAAM,CAAC;QAEjE,8DAA8D;QAC9D,cAAc,CAAC,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC;IAC9D,CAAC;IAED,wCAAwC;IACxC,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,WAAW,CAAC;IACtE,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IAE3E,OAAO,CACL,6CAAS,KAAK,IAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,cAAc;QAC7D,4CACe,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAC7B,GAAG,EAAE,cAAc,IAElB,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -16,7 +16,7 @@ export declare const TabsDescendantsProvider: import("react").Provider<import(".
|
|
|
16
16
|
}>;
|
|
17
17
|
index: number;
|
|
18
18
|
enabledIndex: number;
|
|
19
|
-
register: (instance: HTMLButtonElement | null) => void
|
|
19
|
+
register: (instance: HTMLButtonElement | null) => void;
|
|
20
20
|
};
|
|
21
21
|
type TabsProviderProps = ReturnType<typeof useTabs> & Pick<TabsProps, "selectionFollowsFocus" | "loop" | "size" | "iconPosition" | "fill">;
|
|
22
22
|
export declare const TabsProvider: import("react").ForwardRefExoticComponent<{
|
|
@@ -9,7 +9,7 @@ export interface UseTabProps {
|
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
|
11
11
|
export declare function useTab<P extends UseTabProps>({ value, disabled, onFocus: _onFocus, onClick }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
|
|
12
|
-
ref: (instance: HTMLButtonElement | null) => void
|
|
12
|
+
ref: (instance: HTMLButtonElement | null) => void;
|
|
13
13
|
isSelected: boolean;
|
|
14
14
|
isFocused: boolean;
|
|
15
15
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/useScrollButtons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,UAAU,gBAAgB,
|
|
1
|
+
{"version":3,"file":"useScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/useScrollButtons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,UAAU,gBAAgB,CAC9B,OAA+C;IAE/C,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,gBAAgB,EAAE,EAAE,CACpC,eAAe,KAAK,gBAAgB,CAAC,KAAK;YAC1C,aAAa,KAAK,gBAAgB,CAAC,GAAG;YACpC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,aAAa,EAAE,CACnD,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC;QACrD,MAAM,GAAG,GAAG,MAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,aAAa,mCAAI,QAAQ,mCAAI,MAAM,CAAC;QACjE,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE7C,IAAI,cAA8B,CAAC;QAEnC,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YAC7D,cAAc,GAAG,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;YAClD,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;YAC7B,uBAAuB,CAAC,KAAK,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,uBAAuB,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,MAAM,EAAE,uBAAuB;QAC/B,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,GAAG,EAAE,aAAa,CAAC,GAAG;QACtB,IAAI,EAAE,aAAa,CAAC,GAAG,IAAI,aAAa,CAAC,KAAK;QAC9C,UAAU,EAAE,GAAG,EAAE;YACf,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,UAAU,IAAI,GAAG,CAAC;YACpC,CAAC;QACH,CAAC;QACD,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,UAAU,IAAI,GAAG,CAAC;YACpC,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -20,7 +20,7 @@ export declare const ToggleGroupDescendantsProvider: import("react").Provider<im
|
|
|
20
20
|
}>;
|
|
21
21
|
index: number;
|
|
22
22
|
enabledIndex: number;
|
|
23
|
-
register: (instance: HTMLButtonElement | null) => void
|
|
23
|
+
register: (instance: HTMLButtonElement | null) => void;
|
|
24
24
|
};
|
|
25
25
|
type ToggleGroupProviderProps = ReturnType<typeof useToggleGroup> & Pick<ToggleGroupProps, "size">;
|
|
26
26
|
export declare const ToggleGroupProvider: import("react").ForwardRefExoticComponent<{
|
|
@@ -10,7 +10,7 @@ export interface UseToggleItemProps {
|
|
|
10
10
|
value: string;
|
|
11
11
|
}
|
|
12
12
|
export declare function useToggleItem<P extends UseToggleItemProps>({ value, disabled, onFocus: _onFocus, onClick, onKeyDown: _onKeyDown, }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
|
|
13
|
-
ref: (instance: HTMLButtonElement | null) => void
|
|
13
|
+
ref: (instance: HTMLButtonElement | null) => void;
|
|
14
14
|
isSelected: boolean;
|
|
15
15
|
isFocused: boolean;
|
|
16
16
|
onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
|
|
@@ -10,5 +10,5 @@ export declare function createDescendantContext<T extends HTMLElement = HTMLElem
|
|
|
10
10
|
descendants: DescendantsManager<T, K>;
|
|
11
11
|
index: number;
|
|
12
12
|
enabledIndex: number;
|
|
13
|
-
register: (instance: T | null) => void
|
|
13
|
+
register: (instance: T | null) => void;
|
|
14
14
|
}];
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
type PossibleRef<T> = React.
|
|
2
|
+
type PossibleRef<T> = React.Ref<T> | undefined;
|
|
3
3
|
/**
|
|
4
4
|
* Use `useMergeRefs`
|
|
5
5
|
* @internal
|
|
6
6
|
*/
|
|
7
|
-
export declare function mergeRefs<T>(refs: PossibleRef<T>[]):
|
|
7
|
+
export declare function mergeRefs<T>(refs: PossibleRef<T>[]): (instance: T | null) => void;
|
|
8
8
|
/**
|
|
9
9
|
* Merges refs within useCallback
|
|
10
10
|
* @internal
|
|
11
11
|
* @param ...refs: React.Ref<T> | undefined
|
|
12
12
|
* @returns React.useCallback(mergeRefs(refs), refs)
|
|
13
13
|
*/
|
|
14
|
-
export declare function useMergeRefs<T>(...refs: PossibleRef<T>[]): (instance: T | null) => void
|
|
14
|
+
export declare function useMergeRefs<T>(...refs: PossibleRef<T>[]): (instance: T | null) => void;
|
|
15
15
|
export {};
|
|
@@ -6,13 +6,13 @@ import React from "react";
|
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export function mergeRefs(refs) {
|
|
9
|
-
return (
|
|
9
|
+
return (instance) => {
|
|
10
10
|
refs.forEach((ref) => {
|
|
11
11
|
if (typeof ref === "function") {
|
|
12
|
-
ref(
|
|
12
|
+
ref(instance);
|
|
13
13
|
}
|
|
14
14
|
else if (ref !== null && ref !== undefined) {
|
|
15
|
-
ref.current =
|
|
15
|
+
ref.current = instance;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../../src/util/hooks/useMergeRefs.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,gDAAgD;AAChD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAI,IAAsB;IACjD,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../../src/util/hooks/useMergeRefs.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,gDAAgD;AAChD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAI,IAAsB;IACjD,OAAO,CAAC,QAAkB,EAAE,EAAE;QAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChB,CAAC;iBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC5C,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAI,GAAG,IAAsB;IACvD,uDAAuD;IACvD,OAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAClD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react";
|
|
1
|
+
import { StoryObj } from "@storybook/react-vite";
|
|
2
2
|
import React from "react";
|
|
3
3
|
export declare function renderStoriesForChromatic(stories: Record<string, {
|
|
4
4
|
render?: (...args: any[]) => React.ReactNode;
|
|
5
|
-
} | React.FunctionComponent
|
|
5
|
+
} | React.FunctionComponent>): StoryObj;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export function renderStoriesForChromatic(stories) {
|
|
3
3
|
return {
|
|
4
|
-
render: (...args) => (React.createElement(React.Fragment, null, Object.entries(stories).map(([storyName,
|
|
4
|
+
render: (...args) => (React.createElement(React.Fragment, null, Object.entries(stories).map(([storyName, Story]) => {
|
|
5
5
|
var _a;
|
|
6
6
|
return (React.createElement("div", { key: storyName },
|
|
7
7
|
React.createElement("h2", { className: "storyheading" }, storyName),
|
|
8
|
-
typeof
|
|
8
|
+
typeof Story === "function" ? React.createElement(Story, null) : (_a = Story.render) === null || _a === void 0 ? void 0 : _a.call(Story, ...args)));
|
|
9
9
|
}))),
|
|
10
10
|
parameters: {
|
|
11
11
|
chromatic: { disable: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderStoriesForChromatic.js","sourceRoot":"","sources":["../../src/util/renderStoriesForChromatic.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,yBAAyB,CACvC,
|
|
1
|
+
{"version":3,"file":"renderStoriesForChromatic.js","sourceRoot":"","sources":["../../src/util/renderStoriesForChromatic.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,yBAAyB,CACvC,OAGC;IAED,OAAO;QACL,MAAM,EAAE,CAAC,GAAG,IAA0C,EAAE,EAAE,CAAC,CACzD,0CACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;;YAAC,OAAA,CACnD,6BAAK,GAAG,EAAE,SAAS;gBACjB,4BAAI,SAAS,EAAC,cAAc,IAAE,SAAS,CAAM;gBAC5C,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,MAAM,sDAAG,GAAG,IAAI,CAAC,CAC9D,CACP,CAAA;SAAA,CAAC,CACD,CACJ;QACD,UAAU,EAAE;YACV,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SAC9B;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -21,7 +21,7 @@ export declare const VirtualFocusDescendantsProvider: import("react").Provider<i
|
|
|
21
21
|
}>;
|
|
22
22
|
index: number;
|
|
23
23
|
enabledIndex: number;
|
|
24
|
-
register: (instance: HTMLDivElement | null) => void
|
|
24
|
+
register: (instance: HTMLDivElement | null) => void;
|
|
25
25
|
};
|
|
26
26
|
export declare const VirtualFocusInternalContextProvider: import("react").ForwardRefExoticComponent<{
|
|
27
27
|
virtualFocusIdx: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
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.
|
|
654
|
-
"@navikt/ds-tokens": "^7.
|
|
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"
|
|
@@ -673,7 +673,7 @@
|
|
|
673
673
|
"rimraf": "6.0.1",
|
|
674
674
|
"swr": "^2.3.6",
|
|
675
675
|
"tsc-alias": "1.8.16",
|
|
676
|
-
"tsx": "^4.
|
|
676
|
+
"tsx": "^4.20.6",
|
|
677
677
|
"typescript": "5.8.3",
|
|
678
678
|
"vitest": "^2.1.9"
|
|
679
679
|
},
|
package/src/chat/Chat.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React, { HTMLAttributes, forwardRef } from "react";
|
|
|
2
2
|
import { useRenameCSS } from "../theme/Theme";
|
|
3
3
|
import { AkselColor } from "../types";
|
|
4
4
|
import { BodyLong, HeadingProps } from "../typography";
|
|
5
|
-
import Bubble from "./Bubble";
|
|
5
|
+
import Bubble, { type ChatBubbleProps } from "./Bubble";
|
|
6
6
|
|
|
7
7
|
export const VARIANTS = ["subtle", "info", "neutral"] as const;
|
|
8
8
|
export const POSITIONS = ["left", "right"] as const;
|
|
@@ -60,7 +60,7 @@ interface ChatComponent
|
|
|
60
60
|
ChatProps & React.RefAttributes<HTMLDivElement>
|
|
61
61
|
> {
|
|
62
62
|
/**
|
|
63
|
-
* @see 🏷️ {@link
|
|
63
|
+
* @see 🏷️ {@link ChatBubbleProps}
|
|
64
64
|
*/
|
|
65
65
|
Bubble: typeof Bubble;
|
|
66
66
|
}
|
|
@@ -128,7 +128,7 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
|
|
|
128
128
|
className={cn("navds-chat__bubble-wrapper")}
|
|
129
129
|
>
|
|
130
130
|
{React.Children.map(children, (child, i) => {
|
|
131
|
-
if (!React.isValidElement(child)) {
|
|
131
|
+
if (!React.isValidElement<ChatBubbleProps>(child)) {
|
|
132
132
|
return null;
|
|
133
133
|
}
|
|
134
134
|
|
|
@@ -94,7 +94,7 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
94
94
|
ref,
|
|
95
95
|
) => {
|
|
96
96
|
const [active, setActive] = useState(false);
|
|
97
|
-
const timeoutRef = useRef<number>();
|
|
97
|
+
const timeoutRef = useRef<number>(undefined);
|
|
98
98
|
const translate = useI18n("CopyButton");
|
|
99
99
|
|
|
100
100
|
const { cn } = useRenameCSS();
|
|
@@ -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 },
|