@navikt/ds-react 7.4.0 → 7.4.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/utils/parse-date.js +1 -0
- package/cjs/date/utils/parse-date.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +4 -2
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js +1 -1
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +8 -4
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/search/Search.d.ts +1 -2
- package/cjs/form/search/Search.js +20 -20
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +5 -1
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/loader/Loader.d.ts +2 -2
- package/cjs/loader/Loader.js +5 -3
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/ModalHeader.js +3 -1
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/pagination/Pagination.js +4 -2
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +16 -7
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/table/ExpandableRow.d.ts +1 -1
- package/cjs/table/ExpandableRow.js +11 -7
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/util/i18n/locales/en.d.ts +22 -0
- package/cjs/util/i18n/locales/en.js +22 -0
- package/cjs/util/i18n/locales/en.js.map +1 -1
- package/cjs/util/i18n/locales/nb.d.ts +22 -0
- package/cjs/util/i18n/locales/nb.js +22 -0
- package/cjs/util/i18n/locales/nb.js.map +1 -1
- package/cjs/util/i18n/locales/nn.d.ts +22 -0
- package/cjs/util/i18n/locales/nn.js +22 -0
- package/cjs/util/i18n/locales/nn.js.map +1 -1
- package/esm/date/utils/parse-date.js +1 -0
- package/esm/date/utils/parse-date.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +4 -2
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js +1 -1
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +8 -4
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/search/Search.d.ts +1 -2
- package/esm/form/search/Search.js +21 -21
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +5 -1
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/loader/Loader.d.ts +2 -2
- package/esm/loader/Loader.js +5 -3
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/ModalHeader.js +3 -1
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/pagination/Pagination.js +4 -2
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +17 -8
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/table/ExpandableRow.d.ts +1 -1
- package/esm/table/ExpandableRow.js +11 -7
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/util/i18n/locales/en.d.ts +22 -0
- package/esm/util/i18n/locales/en.js +22 -0
- package/esm/util/i18n/locales/en.js.map +1 -1
- package/esm/util/i18n/locales/nb.d.ts +22 -0
- package/esm/util/i18n/locales/nb.js +22 -0
- package/esm/util/i18n/locales/nb.js.map +1 -1
- package/esm/util/i18n/locales/nn.d.ts +22 -0
- package/esm/util/i18n/locales/nn.js +22 -0
- package/esm/util/i18n/locales/nn.js.map +1 -1
- package/package.json +3 -3
- package/src/date/utils/parse-date.ts +1 -0
- package/src/expansion-card/ExpansionCardHeader.tsx +4 -2
- package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +1 -1
- package/src/form/combobox/Input/Input.tsx +14 -9
- package/src/form/combobox/__tests__/combobox.test.tsx +39 -0
- package/src/form/search/Search.tsx +20 -36
- package/src/form/search/SearchButton.tsx +5 -1
- package/src/loader/Loader.tsx +8 -4
- package/src/modal/ModalHeader.tsx +3 -1
- package/src/pagination/Pagination.tsx +6 -4
- package/src/progress-bar/ProgressBar.tsx +21 -14
- package/src/table/ExpandableRow.tsx +12 -13
- package/src/tabs/parts/tablist/ScrollButtons.tsx +1 -5
- package/src/util/i18n/locales/en.ts +24 -0
- package/src/util/i18n/locales/nb.ts +24 -0
- package/src/util/i18n/locales/nn.ts +24 -0
package/esm/modal/ModalHeader.js
CHANGED
|
@@ -13,17 +13,19 @@ import cl from "clsx";
|
|
|
13
13
|
import React, { forwardRef } from "react";
|
|
14
14
|
import { XMarkIcon } from "@navikt/aksel-icons";
|
|
15
15
|
import { Button } from "../button/index.js";
|
|
16
|
+
import { useI18n } from "../util/i18n/i18n.context.js";
|
|
16
17
|
import { useModalContext } from "./Modal.context.js";
|
|
17
18
|
const ModalHeader = forwardRef((_a, ref) => {
|
|
18
19
|
var { children, className, closeButton = true } = _a, rest = __rest(_a, ["children", "className", "closeButton"]);
|
|
19
20
|
const context = useModalContext();
|
|
21
|
+
const translate = useI18n("Modal");
|
|
20
22
|
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-modal__header", className) }),
|
|
21
23
|
context.closeHandler && closeButton && (React.createElement(Button, { type: "button", className: "navds-modal__button", size: "small", variant: "tertiary-neutral", onKeyDown: (event) => {
|
|
22
24
|
/* Prevents autofocus used in combination with holding down keys from closing modal */
|
|
23
25
|
if (["Enter", " "].includes(event.key) && event.repeat) {
|
|
24
26
|
event.preventDefault();
|
|
25
27
|
}
|
|
26
|
-
}, onClick: context.closeHandler, icon: React.createElement(XMarkIcon, { title: "
|
|
28
|
+
}, onClick: context.closeHandler, icon: React.createElement(XMarkIcon, { title: translate("close") }) })),
|
|
27
29
|
children));
|
|
28
30
|
});
|
|
29
31
|
export default ModalHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,sFAAsF;gBACtF,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACvD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -14,6 +14,7 @@ import React, { forwardRef } from "react";
|
|
|
14
14
|
import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
|
|
15
15
|
import { BodyShort, Heading } from "../typography/index.js";
|
|
16
16
|
import { useId } from "../util/index.js";
|
|
17
|
+
import { useI18n } from "../util/i18n/i18n.context.js";
|
|
17
18
|
import PaginationItem from "./PaginationItem.js";
|
|
18
19
|
export const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, }) => {
|
|
19
20
|
var _a, _b;
|
|
@@ -56,6 +57,7 @@ export const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, })
|
|
|
56
57
|
export const Pagination = forwardRef((_a, ref) => {
|
|
57
58
|
var { page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, srHeading, "aria-labelledby": ariaLabelledBy, renderItem: Item = (item) => (React.createElement(PaginationItem, Object.assign({}, item))) } = _a, rest = __rest(_a, ["page", "onPageChange", "count", "boundaryCount", "siblingCount", "className", "size", "prevNextTexts", "srHeading", "aria-labelledby", "renderItem"]);
|
|
58
59
|
const headingId = useId();
|
|
60
|
+
const translate = useI18n("Pagination");
|
|
59
61
|
if (page < 1) {
|
|
60
62
|
console.error("page cannot be less than 1");
|
|
61
63
|
return null;
|
|
@@ -81,7 +83,7 @@ export const Pagination = forwardRef((_a, ref) => {
|
|
|
81
83
|
"navds-pagination--prev-next--with-text": prevNextTexts,
|
|
82
84
|
}), disabled: page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1), page: page - 1, size: size, icon: React.createElement(ChevronLeftIcon, Object.assign({}, (prevNextTexts
|
|
83
85
|
? { "aria-hidden": true }
|
|
84
|
-
: { title: "
|
|
86
|
+
: { title: translate("previous") }))) }, prevNextTexts && translate("previous"))),
|
|
85
87
|
getSteps({ page, count, siblingCount, boundaryCount }).map((step, i) => {
|
|
86
88
|
const n = Number(step);
|
|
87
89
|
return Number.isNaN(n) ? (React.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
|
|
@@ -94,7 +96,7 @@ export const Pagination = forwardRef((_a, ref) => {
|
|
|
94
96
|
"navds-pagination--prev-next--with-text": prevNextTexts,
|
|
95
97
|
}), disabled: page === count, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1), page: page + 1, size: size, icon: React.createElement(ChevronRightIcon, Object.assign({}, (prevNextTexts
|
|
96
98
|
? { "aria-hidden": true }
|
|
97
|
-
: { title: "
|
|
99
|
+
: { title: translate("next") }))), iconPosition: "right" }, prevNextTexts && translate("next"))))));
|
|
98
100
|
});
|
|
99
101
|
Pagination.Item = PaginationItem;
|
|
100
102
|
export default Pagination;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,cAGN,MAAM,kBAAkB,CAAC;AA0D1B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,CAAC,EACjB,YAAY,GAAG,CAAC,GAIjB,EAAE,EAAE;;IACH,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,EAAE,CAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAE/D,IAAI,KAAK,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,aAAa,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,EAAE,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAC3E,aAAa,GAAG,CAAC,CAClB,CAAC;IACF,MAAM,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,UAAU;QACb,aAAa,GAAG,CAAC,MAAA,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,KAAK,CAAC;YAC5D,CAAC,CAAC,aAAa,GAAG,CAAC;YACnB,CAAC,CAAC,UAAU;QACd,GAAG,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC;QACpC,CAAC,MAAA,QAAQ,CAAC,CAAC,CAAC,mCAAI,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,KAAK,CAAC;YAC5C,CAAC,CAAC,WAAW,GAAG,CAAC;YACjB,CAAC,CAAC,UAAU;QACd,GAAG,QAAQ;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EAeC,EACD,GAAG,EACH,EAAE;QAjBF,EACE,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,GAAG,CAAC,EACjB,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,iBAAiB,EAAE,cAAc,EACjC,UAAU,EAAE,IAAI,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CAChD,oBAAC,cAAc,oBAAK,IAAI,EAAI,CAC7B,OAEF,EADI,IAAI,cAdT,sJAeC,CADQ;IAIT,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
|
-
import React, { forwardRef, useRef } from "react";
|
|
13
|
+
import React, { forwardRef, useEffect, useRef } from "react";
|
|
14
|
+
import { useI18n } from "../util/i18n/i18n.context.js";
|
|
14
15
|
/**
|
|
15
16
|
* ProgressBar
|
|
16
17
|
* A component for visualizing progression in a process.
|
|
@@ -32,10 +33,11 @@ import React, { forwardRef, useRef } from "react";
|
|
|
32
33
|
*/
|
|
33
34
|
export const ProgressBar = forwardRef((_a, ref) => {
|
|
34
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"]);
|
|
35
|
-
const
|
|
36
|
+
const translateX = 100 - (Math.round(value) / valueMax) * 100;
|
|
36
37
|
const onTimeoutRef = useRef();
|
|
37
38
|
onTimeoutRef.current = simulated === null || simulated === void 0 ? void 0 : simulated.onTimeout;
|
|
38
|
-
|
|
39
|
+
const translate = useI18n("ProgressBar");
|
|
40
|
+
useEffect(() => {
|
|
39
41
|
if ((simulated === null || simulated === void 0 ? void 0 : simulated.seconds) && onTimeoutRef.current) {
|
|
40
42
|
const timeout = setTimeout(onTimeoutRef.current, simulated.seconds * 1000);
|
|
41
43
|
return () => clearTimeout(timeout);
|
|
@@ -44,17 +46,24 @@ export const ProgressBar = forwardRef((_a, ref) => {
|
|
|
44
46
|
return (
|
|
45
47
|
/* biome-ignore lint/a11y/useFocusableInteractive: Progressbar is not interactive. */
|
|
46
48
|
React.createElement("div", Object.assign({ ref: ref, className: cl("navds-progress-bar", `navds-progress-bar--${size}`, className), "aria-valuemax": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(valueMax), "aria-valuenow": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(value), "aria-valuetext": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds)
|
|
47
|
-
?
|
|
48
|
-
|
|
49
|
+
? translate("progressUnknown", {
|
|
50
|
+
replacements: { seconds: Math.round(simulated === null || simulated === void 0 ? void 0 : simulated.seconds) },
|
|
51
|
+
})
|
|
52
|
+
: translate("progress", {
|
|
53
|
+
replacements: {
|
|
54
|
+
current: Math.round(value),
|
|
55
|
+
max: Math.round(valueMax),
|
|
56
|
+
},
|
|
57
|
+
}),
|
|
49
58
|
// biome-ignore lint/a11y/useAriaPropsForRole: We found that adding valueMin was not needed
|
|
50
59
|
role: "progressbar", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel }, rest),
|
|
51
60
|
React.createElement("div", { className: cl("navds-progress-bar__foreground", {
|
|
52
|
-
"navds-progress-bar__foreground--indeterminate":
|
|
61
|
+
"navds-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
|
|
53
62
|
}), style: {
|
|
54
|
-
"--__ac-progress-bar-simulated":
|
|
63
|
+
"--__ac-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
|
|
55
64
|
? `${simulated === null || simulated === void 0 ? void 0 : simulated.seconds}s`
|
|
56
65
|
: undefined,
|
|
57
|
-
"--__ac-progress-bar-translate": `-${
|
|
66
|
+
"--__ac-progress-bar-translate": `-${translateX}%`,
|
|
58
67
|
} })));
|
|
59
68
|
});
|
|
60
69
|
export default ProgressBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ export interface ExpandableRowProps extends Omit<RowProps, "content"> {
|
|
|
12
12
|
togglePlacement?: "left" | "right";
|
|
13
13
|
/**
|
|
14
14
|
* Opens component if 'true', closes if 'false'
|
|
15
|
-
* Using this
|
|
15
|
+
* Using this prop removes automatic control of open-state
|
|
16
16
|
*/
|
|
17
17
|
open?: boolean;
|
|
18
18
|
/**
|
|
@@ -15,6 +15,7 @@ import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
|
15
15
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
16
16
|
import { useId } from "../util/hooks/index.js";
|
|
17
17
|
import { useControllableState } from "../util/hooks/useControllableState.js";
|
|
18
|
+
import { useI18n } from "../util/i18n/i18n.context.js";
|
|
18
19
|
import AnimateHeight from "./AnimateHeight.js";
|
|
19
20
|
import DataCell from "./DataCell.js";
|
|
20
21
|
import Row from "./Row.js";
|
|
@@ -25,14 +26,17 @@ export const ExpandableRow = forwardRef((_a, ref) => {
|
|
|
25
26
|
value: open,
|
|
26
27
|
onChange: onOpenChange,
|
|
27
28
|
});
|
|
29
|
+
const translate = useI18n("global");
|
|
28
30
|
const id = useId();
|
|
29
|
-
const expansionHandler = (
|
|
30
|
-
_setOpen((
|
|
31
|
-
|
|
31
|
+
const expansionHandler = (event) => {
|
|
32
|
+
_setOpen((oldOpen) => !oldOpen);
|
|
33
|
+
event.stopPropagation();
|
|
32
34
|
};
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
35
|
+
const handleRowClick = (event) => {
|
|
36
|
+
expandOnRowClick &&
|
|
37
|
+
!expansionDisabled &&
|
|
38
|
+
!isInteractiveTarget(event.target) &&
|
|
39
|
+
expansionHandler(event);
|
|
36
40
|
};
|
|
37
41
|
return (React.createElement(React.Fragment, null,
|
|
38
42
|
React.createElement(Row, Object.assign({}, rest, { ref: ref, className: cl("navds-table__expandable-row", className, {
|
|
@@ -44,7 +48,7 @@ export const ExpandableRow = forwardRef((_a, ref) => {
|
|
|
44
48
|
React.createElement(DataCell, { className: cl("navds-table__toggle-expand-cell", {
|
|
45
49
|
"navds-table__toggle-expand-cell--open": _open,
|
|
46
50
|
}), onClick: expansionHandler }, !expansionDisabled && (React.createElement("button", { className: "navds-table__toggle-expand-button", type: "button", "aria-controls": id, "aria-expanded": _open, onClick: expansionHandler },
|
|
47
|
-
React.createElement(ChevronDownIcon, { className: "navds-table__expandable-icon", title: _open ? "
|
|
51
|
+
React.createElement(ChevronDownIcon, { className: "navds-table__expandable-icon", title: _open ? translate("showLess") : translate("showMore") })))),
|
|
48
52
|
togglePlacement === "left" && children),
|
|
49
53
|
React.createElement("tr", { className: "navds-table__expanded-row", "aria-hidden": !_open, id: id },
|
|
50
54
|
React.createElement("td", { colSpan: colSpan, className: "navds-table__expanded-row-cell" },
|
|
@@ -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,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,GAAiB,MAAM,OAAO,CAAC;AA+CtC,MAAM,CAAC,MAAM,aAAa,GAAsB,UAAU,CACxD,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,GAAG,EACb,OAAO,OAER,EADI,IAAI,cAZT,6JAaC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
|
|
|
4
4
|
function ScrollButton({ hidden, onClick, dir }) {
|
|
5
5
|
return (React.createElement("div", { className: cl("navds-tabs__scroll-button", {
|
|
6
6
|
"navds-tabs__scroll-button--hidden": hidden,
|
|
7
|
-
}), onClick: onClick, "aria-hidden": true }, dir === "left" ?
|
|
7
|
+
}), onClick: onClick, "aria-hidden": true }, dir === "left" ? React.createElement(ChevronLeftIcon, null) : React.createElement(ChevronRightIcon, null)));
|
|
8
8
|
}
|
|
9
9
|
export default ScrollButton;
|
|
10
10
|
//# sourceMappingURL=ScrollButtons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQxE,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAqB;IAC/D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;YACzC,mCAAmC,EAAE,MAAM;SAC5C,CAAC,EACF,OAAO,EAAE,OAAO,yBAGf,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQxE,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAqB;IAC/D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;YACzC,mCAAmC,EAAE,MAAM;SAC5C,CAAC,EACF,OAAO,EAAE,OAAO,yBAGf,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CACxD,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: string;
|
|
4
|
+
showLess: string;
|
|
5
|
+
};
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: string;
|
|
@@ -35,5 +39,23 @@ declare const _default: {
|
|
|
35
39
|
labelSuffix: string;
|
|
36
40
|
};
|
|
37
41
|
};
|
|
42
|
+
Loader: {
|
|
43
|
+
title: string;
|
|
44
|
+
};
|
|
45
|
+
Modal: {
|
|
46
|
+
close: string;
|
|
47
|
+
};
|
|
48
|
+
Pagination: {
|
|
49
|
+
previous: string;
|
|
50
|
+
next: string;
|
|
51
|
+
};
|
|
52
|
+
ProgressBar: {
|
|
53
|
+
progress: string;
|
|
54
|
+
progressUnknown: string;
|
|
55
|
+
};
|
|
56
|
+
Search: {
|
|
57
|
+
clear: string;
|
|
58
|
+
search: string;
|
|
59
|
+
};
|
|
38
60
|
};
|
|
39
61
|
export default _default;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: "Show more",
|
|
4
|
+
showLess: "Show less",
|
|
5
|
+
},
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: "Choose file",
|
|
@@ -35,5 +39,23 @@ export default {
|
|
|
35
39
|
labelSuffix: "delete",
|
|
36
40
|
},
|
|
37
41
|
},
|
|
42
|
+
Loader: {
|
|
43
|
+
title: "Waiting…",
|
|
44
|
+
},
|
|
45
|
+
Modal: {
|
|
46
|
+
close: "Close",
|
|
47
|
+
},
|
|
48
|
+
Pagination: {
|
|
49
|
+
previous: "Previous",
|
|
50
|
+
next: "Next",
|
|
51
|
+
},
|
|
52
|
+
ProgressBar: {
|
|
53
|
+
progress: "{current} of {max}",
|
|
54
|
+
progressUnknown: "Progress is unknown, estimated time is {seconds} seconds.",
|
|
55
|
+
},
|
|
56
|
+
Search: {
|
|
57
|
+
clear: "Clear",
|
|
58
|
+
search: "Search",
|
|
59
|
+
},
|
|
38
60
|
};
|
|
39
61
|
//# sourceMappingURL=en.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/en.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,aAAa;YACrB,cAAc,EAAE,cAAc;YAC9B,WAAW,EAAE,yBAAyB;YACtC,mBAAmB,EAAE,0BAA0B;YAC/C,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,IAAI;YACR,QAAQ,EAAE,sBAAsB;YAChC,iBAAiB,EAAE,8BAA8B;SAClD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,8BAA8B;YAChD,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,YAAY;YACvB,WAAW,EAAE,cAAc;SAC5B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,gBAAgB;QAC9B,YAAY,EAAE,gBAAgB;KAC/B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,QAAQ;SACtB;KACF;CACqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/en.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,WAAW;KACtB;IAED,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,aAAa;YACrB,cAAc,EAAE,cAAc;YAC9B,WAAW,EAAE,yBAAyB;YACtC,mBAAmB,EAAE,0BAA0B;YAC/C,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,IAAI;YACR,QAAQ,EAAE,sBAAsB;YAChC,iBAAiB,EAAE,8BAA8B;SAClD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,8BAA8B;YAChD,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,YAAY;YACvB,WAAW,EAAE,cAAc;SAC5B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,gBAAgB;QAC9B,YAAY,EAAE,gBAAgB;KAC/B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,QAAQ;SACtB;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,UAAU;KAClB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,MAAM;KACb;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EACb,2DAA2D;KAC9D;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;KACjB;CACqB,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: string;
|
|
4
|
+
showLess: string;
|
|
5
|
+
};
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: string;
|
|
@@ -36,5 +40,23 @@ declare const _default: {
|
|
|
36
40
|
labelSuffix: string;
|
|
37
41
|
};
|
|
38
42
|
};
|
|
43
|
+
Loader: {
|
|
44
|
+
title: string;
|
|
45
|
+
};
|
|
46
|
+
Modal: {
|
|
47
|
+
close: string;
|
|
48
|
+
};
|
|
49
|
+
Pagination: {
|
|
50
|
+
previous: string;
|
|
51
|
+
next: string;
|
|
52
|
+
};
|
|
53
|
+
ProgressBar: {
|
|
54
|
+
progress: string;
|
|
55
|
+
progressUnknown: string;
|
|
56
|
+
};
|
|
57
|
+
Search: {
|
|
58
|
+
clear: string;
|
|
59
|
+
search: string;
|
|
60
|
+
};
|
|
39
61
|
};
|
|
40
62
|
export default _default;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: "Vis mer",
|
|
4
|
+
showLess: "Vis mindre",
|
|
5
|
+
},
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: "Velg fil",
|
|
@@ -36,5 +40,23 @@ export default {
|
|
|
36
40
|
labelSuffix: "slett",
|
|
37
41
|
},
|
|
38
42
|
},
|
|
43
|
+
Loader: {
|
|
44
|
+
title: "Venter…",
|
|
45
|
+
},
|
|
46
|
+
Modal: {
|
|
47
|
+
close: "Lukk",
|
|
48
|
+
},
|
|
49
|
+
Pagination: {
|
|
50
|
+
previous: "Forrige",
|
|
51
|
+
next: "Neste",
|
|
52
|
+
},
|
|
53
|
+
ProgressBar: {
|
|
54
|
+
progress: "{current} av {max}",
|
|
55
|
+
progressUnknown: "Fremdrift kan ikke beregnes, antatt tid er {seconds} sekunder.",
|
|
56
|
+
},
|
|
57
|
+
Search: {
|
|
58
|
+
clear: "Tøm",
|
|
59
|
+
search: "Søk",
|
|
60
|
+
},
|
|
39
61
|
};
|
|
40
62
|
//# sourceMappingURL=nb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nb.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/nb.ts"],"names":[],"mappings":"AAQA,eAAe;IACb,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,UAAU;YAClB,cAAc,EAAE,YAAY;YAC5B,WAAW,EAAE,wBAAwB;YACrC,mBAAmB,EAAE,wBAAwB;YAC7C,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,6BAA6B;YACvC,iBAAiB,EAAE,mCAAmC;SACvD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,gCAAgC;YAClD,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,iBAAiB;KAChC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,cAAc;QAC5B,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,UAAU;KACpB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,8DAA8D;YAC9D,WAAW,EAAE,OAAO;SACrB;KACF;CACuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"nb.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/nb.ts"],"names":[],"mappings":"AAQA,eAAe;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,YAAY;KACvB;IAED,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,UAAU;YAClB,cAAc,EAAE,YAAY;YAC5B,WAAW,EAAE,wBAAwB;YACrC,mBAAmB,EAAE,wBAAwB;YAC7C,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,6BAA6B;YACvC,iBAAiB,EAAE,mCAAmC;SACvD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,gCAAgC;YAClD,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,iBAAiB;KAChC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,cAAc;QAC5B,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,UAAU;KACpB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,8DAA8D;YAC9D,WAAW,EAAE,OAAO;SACrB;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EACb,gEAAgE;KACnE;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;CACuB,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: string;
|
|
4
|
+
showLess: string;
|
|
5
|
+
};
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: string;
|
|
@@ -35,5 +39,23 @@ declare const _default: {
|
|
|
35
39
|
labelSuffix: string;
|
|
36
40
|
};
|
|
37
41
|
};
|
|
42
|
+
Loader: {
|
|
43
|
+
title: string;
|
|
44
|
+
};
|
|
45
|
+
Modal: {
|
|
46
|
+
close: string;
|
|
47
|
+
};
|
|
48
|
+
Pagination: {
|
|
49
|
+
previous: string;
|
|
50
|
+
next: string;
|
|
51
|
+
};
|
|
52
|
+
ProgressBar: {
|
|
53
|
+
progress: string;
|
|
54
|
+
progressUnknown: string;
|
|
55
|
+
};
|
|
56
|
+
Search: {
|
|
57
|
+
clear: string;
|
|
58
|
+
search: string;
|
|
59
|
+
};
|
|
38
60
|
};
|
|
39
61
|
export default _default;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
global: {
|
|
3
|
+
showMore: "Vis meir",
|
|
4
|
+
showLess: "Vis mindre",
|
|
5
|
+
},
|
|
2
6
|
FileUpload: {
|
|
3
7
|
dropzone: {
|
|
4
8
|
button: "Vel fil",
|
|
@@ -35,5 +39,23 @@ export default {
|
|
|
35
39
|
labelSuffix: "slett",
|
|
36
40
|
},
|
|
37
41
|
},
|
|
42
|
+
Loader: {
|
|
43
|
+
title: "Ventar…",
|
|
44
|
+
},
|
|
45
|
+
Modal: {
|
|
46
|
+
close: "Lukk",
|
|
47
|
+
},
|
|
48
|
+
Pagination: {
|
|
49
|
+
previous: "Førre",
|
|
50
|
+
next: "Neste",
|
|
51
|
+
},
|
|
52
|
+
ProgressBar: {
|
|
53
|
+
progress: "{current} av {max}",
|
|
54
|
+
progressUnknown: "Framdrift kan ikkje bereknast, antatt tid er {seconds} sekund.",
|
|
55
|
+
},
|
|
56
|
+
Search: {
|
|
57
|
+
clear: "Tøm",
|
|
58
|
+
search: "Søk",
|
|
59
|
+
},
|
|
38
60
|
};
|
|
39
61
|
//# sourceMappingURL=nn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nn.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/nn.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,SAAS;YACjB,cAAc,EAAE,WAAW;YAC3B,WAAW,EAAE,uBAAuB;YACpC,mBAAmB,EAAE,wBAAwB;YAC7C,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,6BAA6B;YACvC,iBAAiB,EAAE,qCAAqC;SACzD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,+BAA+B;YACjD,iBAAiB,EAAE,YAAY;YAC/B,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,iBAAiB;KAChC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,cAAc;QAC5B,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,UAAU;KACpB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,OAAO;SACrB;KACF;CACqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"nn.js","sourceRoot":"","sources":["../../../../src/util/i18n/locales/nn.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,YAAY;KACvB;IAED,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,MAAM,EAAE,SAAS;YACjB,cAAc,EAAE,WAAW;YAC3B,WAAW,EAAE,uBAAuB;YACpC,mBAAmB,EAAE,wBAAwB;YAC7C,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,6BAA6B;YACvC,iBAAiB,EAAE,qCAAqC;SACzD;QACD,IAAI,EAAE;YACJ,gBAAgB,EAAE,+BAA+B;YACjD,iBAAiB,EAAE,YAAY;YAC/B,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,mCAAmC;QACzC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,iBAAiB;KAChC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,aAAa;QACzB,YAAY,EAAE,cAAc;QAC5B,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,UAAU;KACpB;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,OAAO;SACrB;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,OAAO;KACd;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EACb,gEAAgE;KACnE;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;CACqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.4.
|
|
3
|
+
"version": "7.4.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",
|
|
@@ -604,8 +604,8 @@
|
|
|
604
604
|
"dependencies": {
|
|
605
605
|
"@floating-ui/react": "0.25.4",
|
|
606
606
|
"@floating-ui/react-dom": "^2.0.9",
|
|
607
|
-
"@navikt/aksel-icons": "^7.4.
|
|
608
|
-
"@navikt/ds-tokens": "^7.4.
|
|
607
|
+
"@navikt/aksel-icons": "^7.4.1",
|
|
608
|
+
"@navikt/ds-tokens": "^7.4.1",
|
|
609
609
|
"clsx": "^2.1.0",
|
|
610
610
|
"date-fns": "^3.0.0",
|
|
611
611
|
"react-day-picker": "8.10.1"
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
2
|
import React, { forwardRef, useContext } from "react";
|
|
3
3
|
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
4
|
+
import { useI18n } from "../util/i18n/i18n.context";
|
|
4
5
|
import { ExpansionCardContext } from "./context";
|
|
5
6
|
|
|
6
7
|
export interface ExpansionCardHeaderProps
|
|
@@ -13,6 +14,7 @@ const ExpansionCardHeader = forwardRef<
|
|
|
13
14
|
ExpansionCardHeaderProps
|
|
14
15
|
>(({ children, className, ...rest }, ref) => {
|
|
15
16
|
const panelContext = useContext(ExpansionCardContext);
|
|
17
|
+
const translate = useI18n("global");
|
|
16
18
|
|
|
17
19
|
if (panelContext === null) {
|
|
18
20
|
console.error(
|
|
@@ -31,13 +33,13 @@ const ExpansionCardHeader = forwardRef<
|
|
|
31
33
|
|
|
32
34
|
<button
|
|
33
35
|
className="navds-expansioncard__header-button"
|
|
34
|
-
onClick={
|
|
36
|
+
onClick={panelContext.toggleOpen}
|
|
35
37
|
type="button"
|
|
36
38
|
aria-expanded={panelContext.open}
|
|
37
39
|
>
|
|
38
40
|
<ChevronDownIcon
|
|
39
41
|
className="navds-expansioncard__header-chevron"
|
|
40
|
-
title="
|
|
42
|
+
title={translate("showMore")}
|
|
41
43
|
/>
|
|
42
44
|
</button>
|
|
43
45
|
</div>
|
|
@@ -45,7 +45,7 @@ const useVirtualFocus = (
|
|
|
45
45
|
|
|
46
46
|
const setActiveAndScrollToElement = (element?: HTMLElement) => {
|
|
47
47
|
setActiveElement(element);
|
|
48
|
-
element?.scrollIntoView?.({ block: "
|
|
48
|
+
element?.scrollIntoView?.({ block: "center" });
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
const moveFocusUp = () => {
|
|
@@ -11,6 +11,7 @@ import { useMergeRefs } from "../../../util/hooks";
|
|
|
11
11
|
import filteredOptionsUtil from "../FilteredOptions/filtered-options-util";
|
|
12
12
|
import { useFilteredOptionsContext } from "../FilteredOptions/filteredOptionsContext";
|
|
13
13
|
import { useSelectedOptionsContext } from "../SelectedOptions/selectedOptionsContext";
|
|
14
|
+
import { ComboboxOption } from "../types";
|
|
14
15
|
import { useInputContext } from "./Input.context";
|
|
15
16
|
|
|
16
17
|
interface InputProps
|
|
@@ -93,19 +94,23 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
|
93
94
|
clearInput(event);
|
|
94
95
|
} else if ((allowNewValues || shouldAutocomplete) && value !== "") {
|
|
95
96
|
event.preventDefault();
|
|
96
|
-
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
97
|
+
|
|
98
|
+
const autoCompletedOption =
|
|
99
|
+
filteredOptionsUtil.getFirstValueStartingWith(
|
|
100
|
+
value,
|
|
101
|
+
filteredOptions,
|
|
102
|
+
);
|
|
103
|
+
let selectedValue: ComboboxOption | undefined;
|
|
104
|
+
|
|
105
|
+
if (shouldAutocomplete && autoCompletedOption) {
|
|
106
|
+
selectedValue = autoCompletedOption;
|
|
107
|
+
} else if (allowNewValues && isValueNew) {
|
|
108
|
+
selectedValue = { label: value, value };
|
|
109
|
+
}
|
|
104
110
|
|
|
105
111
|
if (!selectedValue) {
|
|
106
112
|
return;
|
|
107
113
|
}
|
|
108
|
-
|
|
109
114
|
toggleOption(selectedValue, event);
|
|
110
115
|
if (!isMultiSelect && !isTextInSelectedOptions(selectedValue.label)) {
|
|
111
116
|
toggleIsListOpen(false);
|
|
@@ -290,6 +290,45 @@ describe("Render combobox", () => {
|
|
|
290
290
|
false,
|
|
291
291
|
);
|
|
292
292
|
});
|
|
293
|
+
|
|
294
|
+
test("and pressing enter to select autocompleted word will select existing word when addNewOptions is true", async () => {
|
|
295
|
+
const onToggleSelected = vi.fn();
|
|
296
|
+
render(
|
|
297
|
+
<App
|
|
298
|
+
onToggleSelected={onToggleSelected}
|
|
299
|
+
options={options.map((opt) => ({
|
|
300
|
+
label: `${opt} (${opt})`,
|
|
301
|
+
value: opt,
|
|
302
|
+
}))}
|
|
303
|
+
shouldAutocomplete
|
|
304
|
+
allowNewValues
|
|
305
|
+
/>,
|
|
306
|
+
);
|
|
307
|
+
|
|
308
|
+
const combobox = screen.getByRole("combobox", {
|
|
309
|
+
name: "Hva er dine favorittfrukter?",
|
|
310
|
+
});
|
|
311
|
+
|
|
312
|
+
await act(async () => {
|
|
313
|
+
await userEvent.click(combobox);
|
|
314
|
+
|
|
315
|
+
await userEvent.type(combobox, "p");
|
|
316
|
+
});
|
|
317
|
+
|
|
318
|
+
expect(combobox.getAttribute("value")).toBe(
|
|
319
|
+
"passion fruit (passion fruit)",
|
|
320
|
+
);
|
|
321
|
+
|
|
322
|
+
await act(async () => {
|
|
323
|
+
await userEvent.keyboard("{Enter}");
|
|
324
|
+
});
|
|
325
|
+
|
|
326
|
+
expect(onToggleSelected).toHaveBeenCalledWith(
|
|
327
|
+
"passion fruit",
|
|
328
|
+
true,
|
|
329
|
+
false,
|
|
330
|
+
);
|
|
331
|
+
});
|
|
293
332
|
});
|
|
294
333
|
|
|
295
334
|
describe("has keyboard navigation", () => {
|