@navikt/ds-react 7.3.1 → 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/checkbox/Checkbox.js +1 -1
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +4 -4
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +15 -2
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js +12 -11
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +23 -10
- 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/slot/Slot.js +4 -3
- package/cjs/slot/Slot.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/checkbox/Checkbox.js +1 -1
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +4 -4
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +15 -2
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js +13 -12
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +23 -10
- 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/slot/Slot.js +4 -3
- package/esm/slot/Slot.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 +4 -4
- package/src/date/utils/parse-date.ts +1 -0
- package/src/expansion-card/ExpansionCardHeader.tsx +4 -2
- package/src/form/checkbox/Checkbox.tsx +0 -1
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -4
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +22 -1
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +3 -3
- package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +13 -12
- package/src/form/combobox/Input/Input.tsx +26 -15
- 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/slot/Slot.tsx +8 -3
- 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
|
@@ -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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"}
|
package/esm/slot/Slot.js
CHANGED
|
@@ -16,9 +16,10 @@ const Slot = React.forwardRef((props, forwardedRef) => {
|
|
|
16
16
|
var _a;
|
|
17
17
|
const { children } = props, slotProps = __rest(props, ["children"]);
|
|
18
18
|
if (React.isValidElement(children)) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const childRef = Object.prototype.propertyIsEnumerable.call(children.props, "ref")
|
|
20
|
+
? children.props.ref // React 19 (children.ref still works, but gives a warning)
|
|
21
|
+
: children.ref; // React <19
|
|
22
|
+
return React.cloneElement(children, Object.assign(Object.assign({}, mergeProps(slotProps, children.props)), { ref: forwardedRef ? mergeRefs([forwardedRef, childRef]) : childRef }));
|
|
22
23
|
}
|
|
23
24
|
if (React.Children.count(children) > 1) {
|
|
24
25
|
const error = new Error("Aksel: Components using 'asChild' expects to recieve a single React element child.");
|
package/esm/slot/Slot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/slot/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC5E,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,KACxC,GAAG,EAAE,YAAY
|
|
1
|
+
{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/slot/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC5E,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CACzD,QAAQ,CAAC,KAAK,EACd,KAAK,CACN;YACC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,2DAA2D;YAChF,CAAC,CAAE,QAAgB,CAAC,GAAG,CAAC,CAAC,YAAY;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,KACxC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAClE,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,oFAAoF,CACrF,CAAC;QACF,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;QACzB,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,MAAM,KAAK,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAkB,CAAC"}
|
|
@@ -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.
|
|
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,11 +604,11 @@
|
|
|
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.
|
|
608
|
-
"@navikt/ds-tokens": "^7.
|
|
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
|
-
"react-day-picker": "8.10.
|
|
611
|
+
"react-day-picker": "8.10.1"
|
|
612
612
|
},
|
|
613
613
|
"devDependencies": {
|
|
614
614
|
"@testing-library/dom": "9.3.4",
|
|
@@ -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>
|
|
@@ -41,7 +41,6 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
|
|
41
41
|
{...omit(inputProps, ["aria-invalid"])}
|
|
42
42
|
type="checkbox"
|
|
43
43
|
className="navds-checkbox__input"
|
|
44
|
-
aria-checked={props.indeterminate ? "mixed" : inputProps.checked}
|
|
45
44
|
ref={(el) => {
|
|
46
45
|
if (el) {
|
|
47
46
|
el.indeterminate = props.indeterminate ?? false;
|
|
@@ -12,7 +12,7 @@ const AddNewOption = () => {
|
|
|
12
12
|
const {
|
|
13
13
|
inputProps: { id },
|
|
14
14
|
size,
|
|
15
|
-
|
|
15
|
+
searchTerm,
|
|
16
16
|
} = useInputContext();
|
|
17
17
|
const {
|
|
18
18
|
setIsMouseLastUsedInputDevice,
|
|
@@ -34,8 +34,8 @@ const AddNewOption = () => {
|
|
|
34
34
|
}
|
|
35
35
|
}}
|
|
36
36
|
onPointerUp={(event) => {
|
|
37
|
-
toggleOption(toComboboxOption(
|
|
38
|
-
if (!isMultiSelect && !isInList(
|
|
37
|
+
toggleOption(toComboboxOption(searchTerm), event);
|
|
38
|
+
if (!isMultiSelect && !isInList(searchTerm, selectedOptions))
|
|
39
39
|
toggleIsListOpen(false);
|
|
40
40
|
}}
|
|
41
41
|
id={filteredOptionsUtil.getAddNewOptionId(id)}
|
|
@@ -53,7 +53,7 @@ const AddNewOption = () => {
|
|
|
53
53
|
<BodyShort size={size}>
|
|
54
54
|
Legg til{" "}
|
|
55
55
|
<Label as="span" size={size}>
|
|
56
|
-
“{
|
|
56
|
+
“{searchTerm}”
|
|
57
57
|
</Label>
|
|
58
58
|
</BodyShort>
|
|
59
59
|
</li>
|
|
@@ -9,10 +9,24 @@ import { ComboboxOption } from "../types";
|
|
|
9
9
|
import filteredOptionsUtil from "./filtered-options-util";
|
|
10
10
|
import { useFilteredOptionsContext } from "./filteredOptionsContext";
|
|
11
11
|
|
|
12
|
+
const useTextHighlight = (text: string, searchTerm: string) => {
|
|
13
|
+
const indexOfHighlightedText = text
|
|
14
|
+
.toLowerCase()
|
|
15
|
+
.indexOf(searchTerm.toLowerCase());
|
|
16
|
+
const start = text.substring(0, indexOfHighlightedText);
|
|
17
|
+
const highlight = text.substring(
|
|
18
|
+
indexOfHighlightedText,
|
|
19
|
+
indexOfHighlightedText + searchTerm.length,
|
|
20
|
+
);
|
|
21
|
+
const end = text.substring(indexOfHighlightedText + searchTerm.length);
|
|
22
|
+
return [start, highlight, end];
|
|
23
|
+
};
|
|
24
|
+
|
|
12
25
|
const FilteredOptionsItem = ({ option }: { option: ComboboxOption }) => {
|
|
13
26
|
const {
|
|
14
27
|
inputProps: { id },
|
|
15
28
|
size,
|
|
29
|
+
searchTerm,
|
|
16
30
|
} = useInputContext();
|
|
17
31
|
const {
|
|
18
32
|
setIsMouseLastUsedInputDevice,
|
|
@@ -22,9 +36,11 @@ const FilteredOptionsItem = ({ option }: { option: ComboboxOption }) => {
|
|
|
22
36
|
} = useFilteredOptionsContext();
|
|
23
37
|
const { isMultiSelect, maxSelected, selectedOptions, toggleOption } =
|
|
24
38
|
useSelectedOptionsContext();
|
|
39
|
+
const [start, highlight, end] = useTextHighlight(option.label, searchTerm);
|
|
25
40
|
|
|
26
41
|
const isDisabled = (_option: ComboboxOption) =>
|
|
27
42
|
maxSelected?.isLimitReached && !isInList(_option.value, selectedOptions);
|
|
43
|
+
|
|
28
44
|
return (
|
|
29
45
|
<li
|
|
30
46
|
className={cl("navds-combobox__list-item", {
|
|
@@ -64,7 +80,12 @@ const FilteredOptionsItem = ({ option }: { option: ComboboxOption }) => {
|
|
|
64
80
|
aria-selected={isInList(option.value, selectedOptions)}
|
|
65
81
|
aria-disabled={isDisabled(option) || undefined}
|
|
66
82
|
>
|
|
67
|
-
|
|
83
|
+
{/* Aria-label is used to fix testing-library wrongly evaluating the accessible name of the option when highlighting text */}
|
|
84
|
+
<BodyShort size={size} aria-label={option.label}>
|
|
85
|
+
{start}
|
|
86
|
+
{highlight && <mark>{highlight}</mark>}
|
|
87
|
+
{end}
|
|
88
|
+
</BodyShort>
|
|
68
89
|
{isInList(option.value, selectedOptions) && <CheckmarkIcon />}
|
|
69
90
|
</li>
|
|
70
91
|
);
|
|
@@ -158,9 +158,9 @@ const FilteredOptionsProvider = ({
|
|
|
158
158
|
|
|
159
159
|
const isValueNew = useMemo(
|
|
160
160
|
() =>
|
|
161
|
-
Boolean(
|
|
162
|
-
!filteredOptionsMap[filteredOptionsUtils.getOptionId(id,
|
|
163
|
-
[filteredOptionsMap, id,
|
|
161
|
+
Boolean(searchTerm) &&
|
|
162
|
+
!filteredOptionsMap[filteredOptionsUtils.getOptionId(id, searchTerm)],
|
|
163
|
+
[filteredOptionsMap, id, searchTerm],
|
|
164
164
|
);
|
|
165
165
|
|
|
166
166
|
const ariaDescribedBy = useMemo(() => {
|