@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.
Files changed (114) hide show
  1. package/cjs/date/utils/parse-date.js +1 -0
  2. package/cjs/date/utils/parse-date.js.map +1 -1
  3. package/cjs/expansion-card/ExpansionCardHeader.js +4 -2
  4. package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
  5. package/cjs/form/checkbox/Checkbox.js +1 -1
  6. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  7. package/cjs/form/combobox/FilteredOptions/AddNewOption.js +4 -4
  8. package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  9. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +15 -2
  10. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  11. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
  12. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  13. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js +12 -11
  14. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  15. package/cjs/form/combobox/Input/Input.js +23 -10
  16. package/cjs/form/combobox/Input/Input.js.map +1 -1
  17. package/cjs/form/search/Search.d.ts +1 -2
  18. package/cjs/form/search/Search.js +20 -20
  19. package/cjs/form/search/Search.js.map +1 -1
  20. package/cjs/form/search/SearchButton.js +5 -1
  21. package/cjs/form/search/SearchButton.js.map +1 -1
  22. package/cjs/loader/Loader.d.ts +2 -2
  23. package/cjs/loader/Loader.js +5 -3
  24. package/cjs/loader/Loader.js.map +1 -1
  25. package/cjs/modal/ModalHeader.js +3 -1
  26. package/cjs/modal/ModalHeader.js.map +1 -1
  27. package/cjs/pagination/Pagination.js +4 -2
  28. package/cjs/pagination/Pagination.js.map +1 -1
  29. package/cjs/progress-bar/ProgressBar.js +16 -7
  30. package/cjs/progress-bar/ProgressBar.js.map +1 -1
  31. package/cjs/slot/Slot.js +4 -3
  32. package/cjs/slot/Slot.js.map +1 -1
  33. package/cjs/table/ExpandableRow.d.ts +1 -1
  34. package/cjs/table/ExpandableRow.js +11 -7
  35. package/cjs/table/ExpandableRow.js.map +1 -1
  36. package/cjs/tabs/parts/tablist/ScrollButtons.js +1 -1
  37. package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
  38. package/cjs/util/i18n/locales/en.d.ts +22 -0
  39. package/cjs/util/i18n/locales/en.js +22 -0
  40. package/cjs/util/i18n/locales/en.js.map +1 -1
  41. package/cjs/util/i18n/locales/nb.d.ts +22 -0
  42. package/cjs/util/i18n/locales/nb.js +22 -0
  43. package/cjs/util/i18n/locales/nb.js.map +1 -1
  44. package/cjs/util/i18n/locales/nn.d.ts +22 -0
  45. package/cjs/util/i18n/locales/nn.js +22 -0
  46. package/cjs/util/i18n/locales/nn.js.map +1 -1
  47. package/esm/date/utils/parse-date.js +1 -0
  48. package/esm/date/utils/parse-date.js.map +1 -1
  49. package/esm/expansion-card/ExpansionCardHeader.js +4 -2
  50. package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
  51. package/esm/form/checkbox/Checkbox.js +1 -1
  52. package/esm/form/checkbox/Checkbox.js.map +1 -1
  53. package/esm/form/combobox/FilteredOptions/AddNewOption.js +4 -4
  54. package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  55. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +15 -2
  56. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  57. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
  58. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  59. package/esm/form/combobox/FilteredOptions/useVirtualFocus.js +13 -12
  60. package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  61. package/esm/form/combobox/Input/Input.js +23 -10
  62. package/esm/form/combobox/Input/Input.js.map +1 -1
  63. package/esm/form/search/Search.d.ts +1 -2
  64. package/esm/form/search/Search.js +21 -21
  65. package/esm/form/search/Search.js.map +1 -1
  66. package/esm/form/search/SearchButton.js +5 -1
  67. package/esm/form/search/SearchButton.js.map +1 -1
  68. package/esm/loader/Loader.d.ts +2 -2
  69. package/esm/loader/Loader.js +5 -3
  70. package/esm/loader/Loader.js.map +1 -1
  71. package/esm/modal/ModalHeader.js +3 -1
  72. package/esm/modal/ModalHeader.js.map +1 -1
  73. package/esm/pagination/Pagination.js +4 -2
  74. package/esm/pagination/Pagination.js.map +1 -1
  75. package/esm/progress-bar/ProgressBar.js +17 -8
  76. package/esm/progress-bar/ProgressBar.js.map +1 -1
  77. package/esm/slot/Slot.js +4 -3
  78. package/esm/slot/Slot.js.map +1 -1
  79. package/esm/table/ExpandableRow.d.ts +1 -1
  80. package/esm/table/ExpandableRow.js +11 -7
  81. package/esm/table/ExpandableRow.js.map +1 -1
  82. package/esm/tabs/parts/tablist/ScrollButtons.js +1 -1
  83. package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
  84. package/esm/util/i18n/locales/en.d.ts +22 -0
  85. package/esm/util/i18n/locales/en.js +22 -0
  86. package/esm/util/i18n/locales/en.js.map +1 -1
  87. package/esm/util/i18n/locales/nb.d.ts +22 -0
  88. package/esm/util/i18n/locales/nb.js +22 -0
  89. package/esm/util/i18n/locales/nb.js.map +1 -1
  90. package/esm/util/i18n/locales/nn.d.ts +22 -0
  91. package/esm/util/i18n/locales/nn.js +22 -0
  92. package/esm/util/i18n/locales/nn.js.map +1 -1
  93. package/package.json +4 -4
  94. package/src/date/utils/parse-date.ts +1 -0
  95. package/src/expansion-card/ExpansionCardHeader.tsx +4 -2
  96. package/src/form/checkbox/Checkbox.tsx +0 -1
  97. package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -4
  98. package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +22 -1
  99. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +3 -3
  100. package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +13 -12
  101. package/src/form/combobox/Input/Input.tsx +26 -15
  102. package/src/form/combobox/__tests__/combobox.test.tsx +39 -0
  103. package/src/form/search/Search.tsx +20 -36
  104. package/src/form/search/SearchButton.tsx +5 -1
  105. package/src/loader/Loader.tsx +8 -4
  106. package/src/modal/ModalHeader.tsx +3 -1
  107. package/src/pagination/Pagination.tsx +6 -4
  108. package/src/progress-bar/ProgressBar.tsx +21 -14
  109. package/src/slot/Slot.tsx +8 -3
  110. package/src/table/ExpandableRow.tsx +12 -13
  111. package/src/tabs/parts/tablist/ScrollButtons.tsx +1 -5
  112. package/src/util/i18n/locales/en.ts +24 -0
  113. package/src/util/i18n/locales/nb.ts +24 -0
  114. 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: "Forrige" }))) }, prevNextTexts && `Forrige`)),
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: "Neste" }))), iconPosition: "right" }, prevNextTexts && `Neste`)))));
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":"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"}
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 translate = 100 - (Math.round(value) / valueMax) * 100;
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
- React.useEffect(() => {
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
- ? `Fremdrift kan ikke beregnes, antatt tid er: ${simulated === null || simulated === void 0 ? void 0 : simulated.seconds} sekunder`
48
- : `${Math.round(value)} av ${Math.round(valueMax)}`,
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": Number.isInteger(simulated === null || simulated === void 0 ? void 0 : simulated.seconds),
61
+ "navds-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
53
62
  }), style: {
54
- "--__ac-progress-bar-simulated": Number.isInteger(simulated === null || simulated === void 0 ? void 0 : simulated.seconds)
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": `-${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;AA4DlE;;;;;;;;;;;;;;;;;;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,SAAS,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAC7D,MAAM,YAAY,GAAG,MAAM,EAAc,CAAC;IAC1C,YAAY,CAAC,OAAO,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC;IAE5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC/C,MAAM,OAAO,GAAG,UAAU,CACxB,YAAY,CAAC,OAAO,EACpB,SAAS,CAAC,OAAO,GAAG,IAAI,CACzB,CAAC;YACF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO;IACL,qFAAqF;IACrF,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,SAAS,CACV,mBACc,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mBAC7C,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,oBAEvD,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO;YAChB,CAAC,CAAC,+CAA+C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,WAAW;YAC9E,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QAEvD,2FAA2F;QAC3F,IAAI,EAAC,aAAa,qBACD,cAAc,gBACnB,SAAS,IACjB,IAAI;QAER,6BACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE;gBAC9C,+CAA+C,EAAE,MAAM,CAAC,SAAS,CAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CACnB;aACF,CAAC,EACF,KAAK,EAAE;gBACL,+BAA+B,EAAE,MAAM,CAAC,SAAS,CAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CACnB;oBACC,CAAC,CAAC,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAAG;oBAC1B,CAAC,CAAC,SAAS;gBACb,+BAA+B,EAAE,IAAI,SAAS,GAAG;aAClD,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,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
- return React.cloneElement(children, Object.assign(Object.assign({}, mergeProps(slotProps, children.props)), { ref: forwardedRef
20
- ? mergeRefs([forwardedRef, children.ref])
21
- : children.ref }));
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.");
@@ -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;gBACf,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY,EAAG,QAAgB,CAAC,GAAG,CAAC,CAAC;gBAClD,CAAC,CAAE,QAAgB,CAAC,GAAG,IACzB,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"}
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 props removes automatic control of open-state
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 = (e) => {
30
- _setOpen((x) => !x);
31
- e.stopPropagation();
31
+ const expansionHandler = (event) => {
32
+ _setOpen((oldOpen) => !oldOpen);
33
+ event.stopPropagation();
32
34
  };
33
- const onRowClick = (e) => !isInteractiveTarget(e.target) && expansionHandler(e);
34
- const handleRowClick = (e) => {
35
- !expansionDisabled && expandOnRowClick && onRowClick(e);
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 ? "Vis mindre" : "Vis mer" })))),
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":"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"}
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" ? (React.createElement(ChevronLeftIcon, { title: "scroll tilbake" })) : (React.createElement(ChevronRightIcon, { title: "scroll neste" }))));
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,CAChB,oBAAC,eAAe,IAAC,KAAK,EAAC,gBAAgB,GAAG,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,KAAK,EAAC,cAAc,GAAG,CAC1C,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,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.1",
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.3.1",
608
- "@navikt/ds-tokens": "^7.3.1",
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.0"
611
+ "react-day-picker": "8.10.1"
612
612
  },
613
613
  "devDependencies": {
614
614
  "@testing-library/dom": "9.3.4",
@@ -18,6 +18,7 @@ const ALLOWED_INPUT_FORMATS_MONTH = [
18
18
  "M-yyyy",
19
19
  "MM-yyyy",
20
20
  "MM.yyyy",
21
+ "MMyyyy",
21
22
  INPUT_DATE_STRING_FORMAT_MONTH,
22
23
  ...ALLOWED_INPUT_FORMATS_DATE,
23
24
  ];
@@ -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={() => panelContext.toggleOpen()}
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="Vis mer"
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
- value,
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(value), event);
38
- if (!isMultiSelect && !isInList(value, selectedOptions))
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
- &#8220;{value}&#8221;
56
+ &#8220;{searchTerm}&#8221;
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
- <BodyShort size={size}>{option.label}</BodyShort>
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(value) &&
162
- !filteredOptionsMap[filteredOptionsUtils.getOptionId(id, value)],
163
- [filteredOptionsMap, id, value],
161
+ Boolean(searchTerm) &&
162
+ !filteredOptionsMap[filteredOptionsUtils.getOptionId(id, searchTerm)],
163
+ [filteredOptionsMap, id, searchTerm],
164
164
  );
165
165
 
166
166
  const ariaDescribedBy = useMemo(() => {