@navikt/ds-react 7.6.0 → 7.7.0

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 (161) hide show
  1. package/cjs/copybutton/CopyButton.d.ts +1 -6
  2. package/cjs/copybutton/CopyButton.js +8 -6
  3. package/cjs/copybutton/CopyButton.js.map +1 -1
  4. package/cjs/date/datepicker/parts/WeekNumber.js +11 -2
  5. package/cjs/date/datepicker/parts/WeekNumber.js.map +1 -1
  6. package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  7. package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  8. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  9. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  10. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -2
  11. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  12. package/cjs/form/combobox/Input/Input.context.d.ts +1 -1
  13. package/cjs/form/combobox/Input/Input.context.js.map +1 -1
  14. package/cjs/form/combobox/Input/InputController.js +9 -7
  15. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  16. package/cjs/form/combobox/Input/ToggleListButton.d.ts +1 -4
  17. package/cjs/form/combobox/Input/ToggleListButton.js +3 -5
  18. package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
  19. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  20. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  21. package/cjs/form/combobox/types.d.ts +2 -7
  22. package/cjs/form/form-summary/FormSummaryEditLink.js +4 -2
  23. package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
  24. package/cjs/form/search/Search.js +8 -3
  25. package/cjs/form/search/Search.js.map +1 -1
  26. package/cjs/guide-panel/Illustration.js +3 -1
  27. package/cjs/guide-panel/Illustration.js.map +1 -1
  28. package/cjs/help-text/HelpText.d.ts +1 -1
  29. package/cjs/help-text/HelpText.js +6 -3
  30. package/cjs/help-text/HelpText.js.map +1 -1
  31. package/cjs/internal-header/InternalHeaderButton.d.ts +1 -1
  32. package/cjs/internal-header/InternalHeaderUserButton.d.ts +1 -1
  33. package/cjs/internal-header/InternalHeaderUserButton.js +1 -1
  34. package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
  35. package/cjs/layout/base/BasePrimitive.js +4 -1
  36. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  37. package/cjs/layout/bleed/Bleed.js +5 -2
  38. package/cjs/layout/bleed/Bleed.js.map +1 -1
  39. package/cjs/layout/box/Box.d.ts +6 -1
  40. package/cjs/layout/box/Box.darkside.d.ts +70 -0
  41. package/cjs/layout/box/Box.darkside.js +98 -0
  42. package/cjs/layout/box/Box.darkside.js.map +1 -0
  43. package/cjs/layout/box/Box.js +19 -6
  44. package/cjs/layout/box/Box.js.map +1 -1
  45. package/cjs/layout/box/index.js +2 -0
  46. package/cjs/layout/box/index.js.map +1 -1
  47. package/cjs/layout/grid/HGrid.js +4 -1
  48. package/cjs/layout/grid/HGrid.js.map +1 -1
  49. package/cjs/layout/page/Page.d.ts +1 -0
  50. package/cjs/layout/page/Page.js +5 -0
  51. package/cjs/layout/page/Page.js.map +1 -1
  52. package/cjs/layout/stack/Stack.js +4 -1
  53. package/cjs/layout/stack/Stack.js.map +1 -1
  54. package/cjs/layout/utilities/css.d.ts +2 -2
  55. package/cjs/layout/utilities/css.js +8 -9
  56. package/cjs/layout/utilities/css.js.map +1 -1
  57. package/cjs/layout/utilities/types.d.ts +10 -0
  58. package/cjs/util/i18n/locales/en.d.ts +19 -0
  59. package/cjs/util/i18n/locales/en.js +19 -0
  60. package/cjs/util/i18n/locales/en.js.map +1 -1
  61. package/cjs/util/i18n/locales/nb.d.ts +21 -0
  62. package/cjs/util/i18n/locales/nb.js +21 -0
  63. package/cjs/util/i18n/locales/nb.js.map +1 -1
  64. package/cjs/util/i18n/locales/nn.d.ts +19 -0
  65. package/cjs/util/i18n/locales/nn.js +19 -0
  66. package/cjs/util/i18n/locales/nn.js.map +1 -1
  67. package/esm/copybutton/CopyButton.d.ts +1 -6
  68. package/esm/copybutton/CopyButton.js +8 -6
  69. package/esm/copybutton/CopyButton.js.map +1 -1
  70. package/esm/date/datepicker/parts/WeekNumber.js +12 -3
  71. package/esm/date/datepicker/parts/WeekNumber.js.map +1 -1
  72. package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  73. package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  74. package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  75. package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  76. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -2
  77. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  78. package/esm/form/combobox/Input/Input.context.d.ts +1 -1
  79. package/esm/form/combobox/Input/Input.context.js.map +1 -1
  80. package/esm/form/combobox/Input/InputController.js +9 -7
  81. package/esm/form/combobox/Input/InputController.js.map +1 -1
  82. package/esm/form/combobox/Input/ToggleListButton.d.ts +1 -4
  83. package/esm/form/combobox/Input/ToggleListButton.js +3 -5
  84. package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
  85. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  86. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  87. package/esm/form/combobox/types.d.ts +2 -7
  88. package/esm/form/form-summary/FormSummaryEditLink.js +4 -2
  89. package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
  90. package/esm/form/search/Search.js +8 -3
  91. package/esm/form/search/Search.js.map +1 -1
  92. package/esm/guide-panel/Illustration.js +3 -1
  93. package/esm/guide-panel/Illustration.js.map +1 -1
  94. package/esm/help-text/HelpText.d.ts +1 -1
  95. package/esm/help-text/HelpText.js +6 -3
  96. package/esm/help-text/HelpText.js.map +1 -1
  97. package/esm/internal-header/InternalHeaderButton.d.ts +1 -1
  98. package/esm/internal-header/InternalHeaderUserButton.d.ts +1 -1
  99. package/esm/internal-header/InternalHeaderUserButton.js +1 -1
  100. package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
  101. package/esm/layout/base/BasePrimitive.js +4 -1
  102. package/esm/layout/base/BasePrimitive.js.map +1 -1
  103. package/esm/layout/bleed/Bleed.js +5 -2
  104. package/esm/layout/bleed/Bleed.js.map +1 -1
  105. package/esm/layout/box/Box.d.ts +6 -1
  106. package/esm/layout/box/Box.darkside.d.ts +70 -0
  107. package/esm/layout/box/Box.darkside.js +69 -0
  108. package/esm/layout/box/Box.darkside.js.map +1 -0
  109. package/esm/layout/box/Box.js +18 -5
  110. package/esm/layout/box/Box.js.map +1 -1
  111. package/esm/layout/grid/HGrid.js +4 -1
  112. package/esm/layout/grid/HGrid.js.map +1 -1
  113. package/esm/layout/page/Page.d.ts +1 -0
  114. package/esm/layout/page/Page.js +5 -0
  115. package/esm/layout/page/Page.js.map +1 -1
  116. package/esm/layout/stack/Stack.js +4 -1
  117. package/esm/layout/stack/Stack.js.map +1 -1
  118. package/esm/layout/utilities/css.d.ts +2 -2
  119. package/esm/layout/utilities/css.js +8 -9
  120. package/esm/layout/utilities/css.js.map +1 -1
  121. package/esm/layout/utilities/types.d.ts +10 -0
  122. package/esm/util/i18n/locales/en.d.ts +19 -0
  123. package/esm/util/i18n/locales/en.js +19 -0
  124. package/esm/util/i18n/locales/en.js.map +1 -1
  125. package/esm/util/i18n/locales/nb.d.ts +21 -0
  126. package/esm/util/i18n/locales/nb.js +21 -0
  127. package/esm/util/i18n/locales/nb.js.map +1 -1
  128. package/esm/util/i18n/locales/nn.d.ts +19 -0
  129. package/esm/util/i18n/locales/nn.js +19 -0
  130. package/esm/util/i18n/locales/nn.js.map +1 -1
  131. package/package.json +3 -3
  132. package/src/copybutton/CopyButton.tsx +14 -30
  133. package/src/date/datepicker/parts/WeekNumber.tsx +31 -6
  134. package/src/form/combobox/FilteredOptions/AddNewOption.tsx +3 -1
  135. package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +3 -1
  136. package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +9 -2
  137. package/src/form/combobox/Input/Input.context.tsx +2 -2
  138. package/src/form/combobox/Input/InputController.tsx +13 -16
  139. package/src/form/combobox/Input/ToggleListButton.tsx +8 -24
  140. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +17 -11
  141. package/src/form/combobox/__tests__/combobox.test.tsx +2 -1
  142. package/src/form/combobox/types.ts +2 -7
  143. package/src/form/form-summary/FormSummaryEditLink.tsx +7 -6
  144. package/src/form/search/Search.tsx +33 -12
  145. package/src/guide-panel/Illustration.tsx +4 -1
  146. package/src/help-text/HelpText.tsx +8 -6
  147. package/src/internal-header/InternalHeaderButton.tsx +1 -1
  148. package/src/internal-header/InternalHeaderUserButton.tsx +2 -2
  149. package/src/layout/base/BasePrimitive.tsx +29 -25
  150. package/src/layout/bleed/Bleed.tsx +8 -0
  151. package/src/layout/box/Box.darkside.tsx +154 -0
  152. package/src/layout/box/Box.tsx +90 -61
  153. package/src/layout/box/index.ts +3 -0
  154. package/src/layout/grid/HGrid.tsx +7 -3
  155. package/src/layout/page/Page.tsx +10 -0
  156. package/src/layout/stack/Stack.tsx +8 -4
  157. package/src/layout/utilities/css.ts +18 -12
  158. package/src/layout/utilities/types.ts +24 -0
  159. package/src/util/i18n/locales/en.ts +19 -0
  160. package/src/util/i18n/locales/nb.ts +21 -0
  161. package/src/util/i18n/locales/nn.ts +19 -0
@@ -19,7 +19,7 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
19
19
  text?: string;
20
20
  /**
21
21
  * Text shown when button is clicked.
22
- * Only set if used with `text`-prop.
22
+ * Will be used as accessible label (title) if `text`-prop is not set.
23
23
  * @default "Kopiert!"
24
24
  */
25
25
  activeText?: string;
@@ -49,11 +49,6 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
49
49
  * @default "Kopier"
50
50
  */
51
51
  title?: string;
52
- /**
53
- * Accessible label for icon in active-state (ignored if text is set).
54
- * @default "Kopiert"
55
- */
56
- activeTitle?: string;
57
52
  /**
58
53
  * Icon position in button.
59
54
  * @default "left"
@@ -44,6 +44,7 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
44
44
  const typography_1 = require("../typography");
45
45
  const composeEventHandlers_1 = require("../util/composeEventHandlers");
46
46
  const copy_1 = __importDefault(require("../util/copy"));
47
+ const i18n_context_1 = require("../util/i18n/i18n.context");
47
48
  /**
48
49
  * A button component that copies text to the clipboard when clicked.
49
50
  *
@@ -56,9 +57,10 @@ const copy_1 = __importDefault(require("../util/copy"));
56
57
  * ```
57
58
  */
58
59
  exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
59
- var { className, copyText, text, activeText = "Kopiert!", variant = "neutral", size = "medium", onActiveChange, icon, activeIcon, activeDuration = 2000, title = "Kopier", activeTitle = "Kopiert", iconPosition = "left", onClick } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "size", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "activeTitle", "iconPosition", "onClick"]);
60
+ var { className, copyText, text, activeText, variant = "neutral", size = "medium", onActiveChange, icon, activeIcon, activeDuration = 2000, title, iconPosition = "left", onClick } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "size", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "iconPosition", "onClick"]);
60
61
  const [active, setActive] = (0, react_1.useState)(false);
61
62
  const timeoutRef = (0, react_1.useRef)();
63
+ const translate = (0, i18n_context_1.useI18n)("CopyButton");
62
64
  (0, react_1.useEffect)(() => {
63
65
  return () => {
64
66
  timeoutRef.current && clearTimeout(timeoutRef.current);
@@ -74,18 +76,18 @@ exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
74
76
  onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
75
77
  }, activeDuration);
76
78
  };
79
+ const activeString = activeText || translate("activeText");
77
80
  const copyIcon = (react_1.default.createElement("span", { className: "navds-copybutton__icon" }, active
78
- ? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeTitle }))
79
- : icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title }))));
80
- return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { "aria-live": "polite", className: (0, clsx_1.default)("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
81
+ ? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString }))
82
+ : icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title") }))));
83
+ return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className: (0, clsx_1.default)("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
81
84
  "navds-copybutton--icon-only": !text,
82
85
  "navds-copybutton--icon-right": iconPosition === "right",
83
86
  "navds-copybutton--active": active,
84
87
  }), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick) }),
85
88
  react_1.default.createElement("span", { className: "navds-copybutton__content" },
86
89
  iconPosition === "left" && copyIcon,
87
- text &&
88
- (active ? (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, activeText)) : (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, text))),
90
+ text && (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, active ? activeString : text)),
89
91
  iconPosition === "right" && copyIcon)));
90
92
  });
91
93
  exports.default = exports.CopyButton;
@@ -1 +1 @@
1
- {"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* https://github.com/gpbl/react-day-picker/blob/7f78cd5/src/components/WeekNumber/WeekNumber.tsx#L21 */
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_day_picker_1 = require("react-day-picker");
9
+ const button_1 = require("../../../button");
10
+ const provider_1 = require("../../../provider");
11
+ const typography_1 = require("../../../typography");
9
12
  const i18n_context_1 = require("../../../util/i18n/i18n.context");
10
13
  const utils_1 = require("../../utils");
11
14
  /**
@@ -13,11 +16,17 @@ const utils_1 = require("../../utils");
13
16
  */
14
17
  function WeekNumber({ number: weekNumber, dates, }) {
15
18
  const { onWeekNumberClick, styles, classNames, locale: { code }, } = (0, react_day_picker_1.useDayPicker)();
19
+ const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
16
20
  const translate = (0, i18n_context_1.useI18n)("DatePicker", (0, utils_1.getTranslations)(code));
17
21
  if (!onWeekNumberClick) {
18
- return (react_1.default.createElement("span", { className: classNames.weeknumber, style: styles.weeknumber, "aria-label": translate("weekNumber", { week: weekNumber }) }, weekNumber));
22
+ return (react_1.default.createElement(typography_1.Detail, { as: "span", textColor: "subtle", className: classNames.weeknumber, style: styles.weeknumber, "aria-label": translate("weekNumber", { week: weekNumber }) }, weekNumber));
19
23
  }
20
- return (react_1.default.createElement(react_day_picker_1.Button, { name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), className: classNames.weeknumber, style: styles.weeknumber, onClick: (event) => {
24
+ if (themeContext) {
25
+ return (react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: styles.weeknumber, className: "navds-date__weeknumber", onClick: (event) => {
26
+ onWeekNumberClick(weekNumber, dates, event);
27
+ }, icon: react_1.default.createElement("span", { className: "navds-date__weeknumber-number" }, weekNumber) }));
28
+ }
29
+ return (react_1.default.createElement(react_day_picker_1.Button, { name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: styles.weeknumber, className: classNames.weeknumber, onClick: (event) => {
21
30
  onWeekNumberClick(weekNumber, dates, event);
22
31
  } }, weekNumber));
23
32
  }
@@ -1 +1 @@
1
- {"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekNumber.tsx"],"names":[],"mappings":";;;;;AAAA,wGAAwG;AACxG,kDAA0B;AAC1B,uDAAwD;AACxD,kEAA0D;AAC1D,uCAA8C;AAS9C;;GAEG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EAAE,UAAU,EAClB,KAAK,GACW;IAChB,MAAM,EACJ,iBAAiB,EACjB,MAAM,EACN,UAAU,EACV,MAAM,EAAE,EAAE,IAAI,EAAE,GACjB,GAAG,IAAA,+BAAY,GAAE,CAAC;IACnB,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,EAAE,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,CACL,wCACE,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,gBACZ,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACN,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,yBAAM,IACL,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC,IAEA,UAAU,CACJ,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekNumber.tsx"],"names":[],"mappings":";;;;;AAAA,wGAAwG;AACxG,kDAA0B;AAC1B,uDAAqE;AACrE,4CAAyC;AACzC,gDAAyD;AACzD,oDAA6C;AAC7C,kEAA0D;AAC1D,uCAA8C;AAS9C;;GAEG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EAAE,UAAU,EAClB,KAAK,GACW;IAChB,MAAM,EACJ,iBAAiB,EACjB,MAAM,EACN,UAAU,EACV,MAAM,EAAE,EAAE,IAAI,EAAE,GACjB,GAAG,IAAA,+BAAY,GAAE,CAAC;IACnB,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,EAAE,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,CACL,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,gBACZ,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACV,CAAC;IACJ,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;YAC9C,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAQ,GAErE,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,yBAAS,IACR,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC,IAEA,UAAU,CACD,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}
@@ -7,6 +7,7 @@ const clsx_1 = __importDefault(require("clsx"));
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const aksel_icons_1 = require("@navikt/aksel-icons");
9
9
  const typography_1 = require("../../../typography");
10
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
10
11
  const Input_context_1 = require("../Input/Input.context");
11
12
  const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
12
13
  const combobox_utils_1 = require("../combobox-utils");
@@ -16,6 +17,7 @@ const AddNewOption = () => {
16
17
  const { inputProps: { id }, size, searchTerm, } = (0, Input_context_1.useInputContext)();
17
18
  const { setIsMouseLastUsedInputDevice, toggleIsListOpen, activeDecendantId, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
18
19
  const { isMultiSelect, selectedOptions, toggleOption } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
20
+ const translate = (0, i18n_context_1.useI18n)("Combobox");
19
21
  return (react_1.default.createElement("li", { tabIndex: -1, onMouseMove: () => {
20
22
  if (activeDecendantId !== filtered_options_util_1.default.getAddNewOptionId(id)) {
21
23
  virtualFocus.moveFocusToElement(filtered_options_util_1.default.getAddNewOptionId(id));
@@ -30,7 +32,7 @@ const AddNewOption = () => {
30
32
  }), role: "option", "aria-selected": false },
31
33
  react_1.default.createElement(aksel_icons_1.PlusIcon, { "aria-hidden": true }),
32
34
  react_1.default.createElement(typography_1.BodyShort, { size: size },
33
- "Legg til",
35
+ translate("addOption"),
34
36
  " ",
35
37
  react_1.default.createElement(typography_1.Label, { as: "span", size: size },
36
38
  "\u201C",
@@ -1 +1 @@
1
- {"version":3,"file":"AddNewOption.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/AddNewOption.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,qDAA+C;AAC/C,oDAAuD;AACvD,0DAAyD;AACzD,sFAAsF;AACtF,sDAA+D;AAC/D,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,EAClB,IAAI,EACJ,UAAU,GACX,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,6BAA6B,EAC7B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACpD,IAAA,kDAAyB,GAAE,CAAC;IAC9B,OAAO,CACL,sCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gBACpE,YAAY,CAAC,kBAAkB,CAC7B,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAC1C,CAAC;gBACF,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,YAAY,CAAC,IAAA,iCAAgB,EAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,aAAa,IAAI,CAAC,IAAA,yBAAQ,EAAC,UAAU,EAAE,eAAe,CAAC;gBAC1D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,EAAE,EAAE,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAE,IAAA,cAAE,EACX,iEAAiE,EACjE;YACE,8CAA8C,EAC5C,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC;SAClE,CACF,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK;QAEpB,8BAAC,sBAAQ,0BAAe;QACxB,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI;;YACV,GAAG;YACZ,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI;;gBACjB,UAAU;yBACZ,CACE,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"AddNewOption.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/AddNewOption.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,qDAA+C;AAC/C,oDAAuD;AACvD,kEAA0D;AAC1D,0DAAyD;AACzD,sFAAsF;AACtF,sDAA+D;AAC/D,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,EAClB,IAAI,EACJ,UAAU,GACX,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,6BAA6B,EAC7B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACpD,IAAA,kDAAyB,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CACL,sCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gBACpE,YAAY,CAAC,kBAAkB,CAC7B,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAC1C,CAAC;gBACF,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,YAAY,CAAC,IAAA,iCAAgB,EAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,aAAa,IAAI,CAAC,IAAA,yBAAQ,EAAC,UAAU,EAAE,eAAe,CAAC;gBAC1D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,EAAE,EAAE,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAE,IAAA,cAAE,EACX,iEAAiE,EACjE;YACE,8CAA8C,EAC5C,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC;SAClE,CACF,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK;QAEpB,8BAAC,sBAAQ,0BAAe;QACxB,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI;YAClB,SAAS,CAAC,WAAW,CAAC;YAAE,GAAG;YAC5B,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI;;gBACjB,UAAU;yBACZ,CACE,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -5,12 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
7
  const loader_1 = require("../../../loader");
8
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
8
9
  const Input_context_1 = require("../Input/Input.context");
9
10
  const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
10
11
  const LoadingMessage = () => {
11
12
  const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
13
+ const translate = (0, i18n_context_1.useI18n)("Combobox");
12
14
  return (react_1.default.createElement("div", { className: "navds-combobox__list-item--loading", id: filtered_options_util_1.default.getIsLoadingId(id) },
13
- react_1.default.createElement(loader_1.Loader, { title: "S\u00F8ker..." })));
15
+ react_1.default.createElement(loader_1.Loader, { title: translate("loading") })));
14
16
  };
15
17
  exports.default = LoadingMessage;
16
18
  //# sourceMappingURL=LoadingMessage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,OAAO,CACL,uCACE,SAAS,EAAC,oCAAoC,EAC9C,EAAE,EAAE,+BAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QAE1C,8BAAC,eAAM,IAAC,KAAK,EAAC,eAAU,GAAG,CACvB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,kEAA0D;AAC1D,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CACL,uCACE,SAAS,EAAC,oCAAoC,EAC9C,EAAE,EAAE,+BAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QAE1C,8BAAC,eAAM,IAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,GAAI,CACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -4,17 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
7
8
  const Input_context_1 = require("../Input/Input.context");
8
9
  const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
9
10
  const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
10
11
  const MaxSelectedMessage = () => {
11
- var _a;
12
12
  const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
13
13
  const { maxSelected, selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
14
+ const translate = (0, i18n_context_1.useI18n)("Combobox", (maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.message) ? { maxSelected: maxSelected.message } : undefined);
14
15
  if (!maxSelected) {
15
16
  return null;
16
17
  }
17
- return (react_1.default.createElement("div", { className: "navds-combobox__list-item--max-selected", id: filtered_options_util_1.default.getMaxSelectedOptionsId(id) }, (_a = maxSelected.message) !== null && _a !== void 0 ? _a : `${selectedOptions.length} av ${maxSelected.limit} er valgt.`));
18
+ return (react_1.default.createElement("div", { className: "navds-combobox__list-item--max-selected", id: filtered_options_util_1.default.getMaxSelectedOptionsId(id) }, translate("maxSelected", {
19
+ selected: selectedOptions.length,
20
+ limit: maxSelected.limit,
21
+ })));
18
22
  };
19
23
  exports.default = MaxSelectedMessage;
20
24
  //# sourceMappingURL=MaxSelectedMessage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAAyD;AACzD,sFAAsF;AACtF,oFAA0D;AAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;;IAC9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAErE,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAC,yCAAyC,EACnD,EAAE,EAAE,+BAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAElD,MAAA,WAAW,CAAC,OAAO,mCAClB,GAAG,eAAe,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,YAAY,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kEAA0D;AAC1D,0DAAyD;AACzD,sFAAsF;AACtF,oFAA0D;AAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,SAAS,GAAG,IAAA,sBAAO,EACvB,UAAU,EACV,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CACxE,CAAC;IAEF,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAC,yCAAyC,EACnD,EAAE,EAAE,+BAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAElD,SAAS,CAAC,aAAa,EAAE;QACxB,QAAQ,EAAE,eAAe,CAAC,MAAM;QAChC,KAAK,EAAE,WAAW,CAAC,KAAK;KACzB,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
@@ -12,7 +12,7 @@ interface InputContextValue extends FormFieldType {
12
12
  searchTerm: string;
13
13
  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;
14
14
  shouldAutocomplete?: boolean;
15
- toggleOpenButtonRef: React.RefObject<HTMLButtonElement>;
15
+ toggleOpenButtonRef: React.RefObject<HTMLDivElement>;
16
16
  hideCaret: boolean;
17
17
  setHideCaret: React.Dispatch<React.SetStateAction<boolean>>;
18
18
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"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"}
@@ -43,28 +43,30 @@ const clsx_1 = __importDefault(require("clsx"));
43
43
  const react_1 = __importStar(require("react"));
44
44
  const aksel_icons_1 = require("@navikt/aksel-icons");
45
45
  const hooks_1 = require("../../../util/hooks");
46
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
46
47
  const filteredOptionsContext_1 = require("../FilteredOptions/filteredOptionsContext");
47
48
  const SelectedOptions_1 = __importDefault(require("../SelectedOptions/SelectedOptions"));
48
49
  const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
49
50
  const Input_1 = __importDefault(require("./Input"));
50
51
  const Input_context_1 = require("./Input.context");
51
52
  const ToggleListButton_1 = __importDefault(require("./ToggleListButton"));
52
- /* eslint-disable jsx-a11y/click-events-have-key-events */
53
53
  exports.InputController = (0, react_1.forwardRef)((props, ref) => {
54
- const { clearButton = true, clearButtonLabel, toggleListButton = true, toggleListButtonLabel, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["clearButton", "clearButtonLabel", "toggleListButton", "toggleListButtonLabel", "inputClassName", "shouldShowSelectedOptions"]);
54
+ const { clearButton = true, clearButtonLabel, toggleListButton = true, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["clearButton", "clearButtonLabel", "toggleListButton", "inputClassName", "shouldShowSelectedOptions"]);
55
55
  const { clearInput, focusInput, inputProps, value, size = "medium", inputRef, toggleOpenButtonRef, readOnly, } = (0, Input_context_1.useInputContext)();
56
56
  const { activeDecendantId } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
57
57
  const { selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
58
58
  const mergedInputRef = (0, hooks_1.useMergeRefs)(inputRef, ref);
59
- return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-combobox__wrapper-inner navds-text-field__input", {
59
+ const translate = (0, i18n_context_1.useI18n)("Combobox", clearButtonLabel ? { clear: clearButtonLabel } : undefined);
60
+ return (
61
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events
62
+ react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-combobox__wrapper-inner navds-text-field__input", {
60
63
  "navds-combobox__wrapper-inner--virtually-unfocused": activeDecendantId !== undefined,
61
64
  }), onClick: focusInput },
62
65
  !shouldShowSelectedOptions ? (react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, readOnly: readOnly }, rest))) : (react_1.default.createElement(SelectedOptions_1.default, { selectedOptions: selectedOptions, size: size },
63
66
  react_1.default.createElement(Input_1.default, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName, shouldShowSelectedOptions: shouldShowSelectedOptions, readOnly: readOnly }, rest)))),
64
67
  react_1.default.createElement("div", null,
65
- value && clearButton && (react_1.default.createElement("button", { type: "button", onClick: clearInput, className: "navds-combobox__button-clear", tabIndex: -1 },
66
- react_1.default.createElement("span", { className: "navds-sr-only" }, clearButtonLabel ? clearButtonLabel : "Tøm"),
67
- react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }))),
68
- toggleListButton && (react_1.default.createElement(ToggleListButton_1.default, { toggleListButtonLabel: toggleListButtonLabel, ref: toggleOpenButtonRef })))));
68
+ value && clearButton && (react_1.default.createElement("div", { onClick: clearInput, className: "navds-combobox__button-clear", "aria-hidden": true, title: translate("clear") },
69
+ react_1.default.createElement(aksel_icons_1.XMarkIcon, null))),
70
+ toggleListButton && react_1.default.createElement(ToggleListButton_1.default, { ref: toggleOpenButtonRef }))));
69
71
  });
70
72
  //# sourceMappingURL=InputController.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAElD,0DAA0D;AAC7C,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,WAAW,GAAG,IAAI,EAClB,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,qBAAqB,EACrB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAE9B,KAAK,EADJ,IAAI,UACL,KAAK,EARH,+HAQL,CAAQ,CAAC;IAEV,MAAM,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC1D,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAExD,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,uDAAuD,EAAE;YACrE,oDAAoD,EAClD,iBAAiB,KAAK,SAAS;SAClC,CAAC,EACF,OAAO,EAAE,UAAU;QAElB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAC5B,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAe,IAAC,eAAe,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI;YAC3D,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACc,CACnB;QACD;YACG,KAAK,IAAI,WAAW,IAAI,CACvB,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,8BAA8B,EACxC,QAAQ,EAAE,CAAC,CAAC;gBAEZ,wCAAM,SAAS,EAAC,eAAe,IAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CACvC;gBACP,8BAAC,uBAAS,0BAAe,CAClB,CACV;YACA,gBAAgB,IAAI,CACnB,8BAAC,0BAAgB,IACf,qBAAqB,EAAE,qBAAqB,EAC5C,GAAG,EAAE,mBAAmB,GACxB,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,+CAAmD;AACnD,kEAA0D;AAC1D,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAErC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,WAAW,GAAG,IAAI,EAClB,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAE9B,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,sGAOL,CAAQ,CAAC;IAEV,MAAM,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC1D,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAExD,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,IAAA,sBAAO,EACvB,UAAU,EACV,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,CAC3D,CAAC;IAEF,OAAO;IACL,iEAAiE;IACjE,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,uDAAuD,EAAE;YACrE,oDAAoD,EAClD,iBAAiB,KAAK,SAAS;SAClC,CAAC,EACF,OAAO,EAAE,UAAU;QAElB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAC5B,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAe,IAAC,eAAe,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI;YAC3D,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACc,CACnB;QACD;YACG,KAAK,IAAI,WAAW,IAAI,CACvB,uCACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,8BAA8B,uBAExC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;gBAEzB,8BAAC,uBAAS,OAAG,CACT,CACP;YACA,gBAAgB,IAAI,8BAAC,0BAAgB,IAAC,GAAG,EAAE,mBAAmB,GAAI,CAC/D,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,6 +1,3 @@
1
1
  import React from "react";
2
- interface ToggleListButtonProps {
3
- toggleListButtonLabel?: string;
4
- }
5
- export declare const ToggleListButton: React.ForwardRefExoticComponent<ToggleListButtonProps & React.RefAttributes<HTMLButtonElement>>;
2
+ export declare const ToggleListButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
6
3
  export default ToggleListButton;
@@ -28,15 +28,13 @@ const react_1 = __importStar(require("react"));
28
28
  const aksel_icons_1 = require("@navikt/aksel-icons");
29
29
  const filteredOptionsContext_1 = require("../FilteredOptions/filteredOptionsContext");
30
30
  const Input_context_1 = require("./Input.context");
31
- exports.ToggleListButton = (0, react_1.forwardRef)(({ toggleListButtonLabel }, ref) => {
31
+ exports.ToggleListButton = (0, react_1.forwardRef)((_, ref) => {
32
32
  const { isListOpen, toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
33
33
  const { focusInput } = (0, Input_context_1.useInputContext)();
34
- return (react_1.default.createElement("button", { type: "button", onPointerUp: () => {
34
+ return (react_1.default.createElement("div", { ref: ref, onClick: () => {
35
35
  toggleIsListOpen();
36
36
  focusInput();
37
- }, onKeyDown: ({ key }) => key === "Enter" && toggleIsListOpen(), className: "navds-combobox__button-toggle-list", "aria-expanded": isListOpen, tabIndex: -1, ref: ref },
38
- react_1.default.createElement("span", { className: "navds-sr-only" }, toggleListButtonLabel !== null && toggleListButtonLabel !== void 0 ? toggleListButtonLabel : "Alternativer"),
39
- isListOpen ? (react_1.default.createElement(aksel_icons_1.ChevronUpIcon, { "aria-hidden": true })) : (react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true }))));
37
+ }, className: "navds-combobox__button-toggle-list", "aria-hidden": true }, isListOpen ? react_1.default.createElement(aksel_icons_1.ChevronUpIcon, null) : react_1.default.createElement(aksel_icons_1.ChevronDownIcon, null)));
40
38
  });
41
39
  exports.default = exports.ToggleListButton;
42
40
  //# sourceMappingURL=ToggleListButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,sFAAsF;AACtF,mDAAkD;AAMrC,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACzC,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,GAAG,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,gBAAgB,EAAE,EAC7D,SAAS,EAAC,oCAAoC,mBAC/B,UAAU,EACzB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,GAAG;QAER,wCAAM,SAAS,EAAC,eAAe,IAC5B,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,cAAc,CACnC;QACN,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,2BAAa,0BAAe,CAC9B,CAAC,CAAC,CAAC,CACF,8BAAC,6BAAe,0BAAe,CAChC,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}
1
+ {"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,sFAAsF;AACtF,mDAAkD;AAErC,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEzC,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,SAAS,EAAC,oCAAoC,yBAG7C,UAAU,CAAC,CAAC,CAAC,8BAAC,2BAAa,OAAG,CAAC,CAAC,CAAC,8BAAC,6BAAe,OAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}
@@ -10,15 +10,17 @@ const selectedOptionsContext_1 = require("./selectedOptionsContext");
10
10
  const Option = ({ option }) => {
11
11
  const { isMultiSelect, removeSelectedOption } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
12
12
  const { focusInput, readOnly, inputProps } = (0, Input_context_1.useInputContext)();
13
- const onClick = (e) => {
14
- e.stopPropagation();
15
- removeSelectedOption(option);
16
- focusInput();
17
- };
18
13
  if (!isMultiSelect) {
19
14
  return (react_1.default.createElement("div", { className: "navds-combobox__selected-options--no-bg" }, option.label));
20
15
  }
21
- return readOnly || inputProps.disabled ? (react_1.default.createElement(chips_1.Chips.Toggle, { variant: "neutral", checkmark: false, as: "div" }, option.label)) : (react_1.default.createElement(chips_1.Chips.Removable, { onClick: onClick }, option.label));
16
+ if (readOnly || inputProps.disabled) {
17
+ return (react_1.default.createElement(chips_1.Chips.Toggle, { variant: "neutral", checkmark: false, as: "div" }, option.label));
18
+ }
19
+ return (react_1.default.createElement(chips_1.Chips.Removable, { onClick: (event) => {
20
+ event.stopPropagation();
21
+ removeSelectedOption(option);
22
+ focusInput();
23
+ } }, option.label));
22
24
  };
23
25
  const SelectedOptions = ({ selectedOptions = [], size, children, }) => {
24
26
  const { value } = (0, Input_context_1.useInputContext)();
@@ -1 +1 @@
1
- {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAE/D,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAC,yCAAyC,IACrD,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CACvC,8BAAC,aAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK,IACvD,MAAM,CAAC,KAAK,CACA,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,aAAK,CAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAC,KAAK,CAAmB,CACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACtD,OAAO,CACL,8BAAC,aAAK,IACJ,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,IAAI,eACC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAE/C,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,CAAC;YAC9D,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAClD,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAE/D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAC,yCAAyC,IACrD,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACpC,OAAO,CACL,8BAAC,aAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK,IACvD,MAAM,CAAC,KAAK,CACA,CAChB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,aAAK,CAAC,SAAS,IACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAC7B,UAAU,EAAE,CAAC;QACf,CAAC,IAEA,MAAM,CAAC,KAAK,CACG,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACtD,OAAO,CACL,8BAAC,aAAK,IACJ,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,IAAI,eACC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAE/C,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,CAAC;YAC9D,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAClD,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
@@ -109,7 +109,8 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
109
109
  */
110
110
  limit: number;
111
111
  /**
112
- * Override the message to display when the limit for maximum selected options has been reached
112
+ * Message to display when the limit for maximum selected options has been reached
113
+ * @default "{selected} av maks {limit} er valgt."
113
114
  */
114
115
  message?: string;
115
116
  };
@@ -131,12 +132,6 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
131
132
  * @default true
132
133
  */
133
134
  toggleListButton?: boolean;
134
- /**
135
- * Custom name for the toggle list-button. Requires "toggleListButton" to be `true`.
136
- *
137
- * @default "Alternativer"
138
- */
139
- toggleListButtonLabel?: string;
140
135
  /**
141
136
  * Set this to override the value of the input field.
142
137
  *
@@ -41,9 +41,11 @@ exports.FormSummaryEditLink = void 0;
41
41
  const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
43
  const link_1 = require("../../link");
44
+ const i18n_context_1 = require("../../util/i18n/i18n.context");
44
45
  exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
45
- var { children = "Endre svar", className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
46
- return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children));
46
+ var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
47
+ const translate = (0, i18n_context_1.useI18n)("FormSummary");
48
+ return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children || translate("editAnswer")));
47
49
  });
48
50
  exports.default = exports.FormSummaryEditLink;
49
51
  //# sourceMappingURL=FormSummaryEditLink.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAmBrB,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,GAAG,YAAY,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAvD,+BAAyD,CAAF;IAAY,OAAA,CAClE,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,CACJ,CACR,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,2BAAmB,CAAC"}
1
+ {"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAClC,+DAAuD;AAkB1C,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,aAAa,CAAC,CAAC;IACzC,OAAO,CACL,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
@@ -41,6 +41,8 @@ exports.Search = void 0;
41
41
  const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
43
  const aksel_icons_1 = require("@navikt/aksel-icons");
44
+ const button_1 = require("../../button");
45
+ const provider_1 = require("../../provider");
44
46
  const typography_1 = require("../../typography");
45
47
  const util_1 = require("../../util");
46
48
  const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
@@ -64,6 +66,7 @@ const context_1 = require("./context");
64
66
  exports.Search = (0, react_1.forwardRef)((props, ref) => {
65
67
  const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, } = (0, useFormField_1.useFormField)(props, "searchfield");
66
68
  const { className, hideLabel = true, label, description, value, clearButtonLabel, onClear, clearButton = true, children, variant = "primary", defaultValue, onChange, onSearchClick, htmlSize } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "value", "clearButtonLabel", "onClear", "clearButton", "children", "variant", "defaultValue", "onChange", "onSearchClick", "htmlSize"]);
69
+ const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
67
70
  const searchRef = (0, react_1.useRef)(null);
68
71
  const mergedRef = (0, useMergeRefs_1.useMergeRefs)(searchRef, ref);
69
72
  const translate = (0, i18n_context_1.useI18n)("Search");
@@ -81,6 +84,10 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
81
84
  const handleClick = () => {
82
85
  onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(`${value !== null && value !== void 0 ? value : internalValue}`);
83
86
  };
87
+ const showClearButton = clearButton && !inputProps.disabled && (value !== null && value !== void 0 ? value : internalValue);
88
+ const ClearButton = () => themeContext ? (react_1.default.createElement(button_1.Button, { className: "navds-search__button-clear", variant: "tertiary-neutral", size: size === "medium" ? "small" : "xsmall", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }), title: clearButtonLabel || translate("clear"), hidden: !showClearButton, onClick: (event) => handleClear({ trigger: "Click", event }) })) : (react_1.default.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: "navds-search__button-clear", hidden: !showClearButton },
89
+ react_1.default.createElement("span", { className: "navds-sr-only" }, clearButtonLabel || translate("clear")),
90
+ react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })));
84
91
  return (
85
92
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
86
93
  react_1.default.createElement("div", { onKeyDown: (event) => {
@@ -105,9 +112,7 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
105
112
  react_1.default.createElement("div", { className: "navds-search__wrapper-inner" },
106
113
  variant === "simple" && (react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, { "aria-hidden": true, className: "navds-search__search-icon" })),
107
114
  react_1.default.createElement("input", Object.assign({ ref: mergedRef }, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, { value: value !== null && value !== void 0 ? value : internalValue, onChange: (e) => handleChange(e.target.value), type: "search", className: (0, clsx_1.default)(className, "navds-search__input", `navds-search__input--${variant}`, "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`) }, (htmlSize ? { size: Number(htmlSize) } : {}))),
108
- (value !== null && value !== void 0 ? value : internalValue) && clearButton && (react_1.default.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: "navds-search__button-clear" },
109
- react_1.default.createElement("span", { className: "navds-sr-only" }, clearButtonLabel || translate("clear")),
110
- react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })))),
115
+ react_1.default.createElement(ClearButton, null)),
111
116
  react_1.default.createElement(context_1.SearchContext.Provider, { value: {
112
117
  size,
113
118
  disabled: inputProps.disabled,
@@ -1 +1 @@
1
- {"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
@@ -17,11 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.DefaultIllustration = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
19
  const hooks_1 = require("../util/hooks");
20
+ const i18n_context_1 = require("../util/i18n/i18n.context");
20
21
  const DefaultIllustration = (_a) => {
21
22
  var { title, titleId: _titleId } = _a, props = __rest(_a, ["title", "titleId"]);
23
+ const translate = (0, i18n_context_1.useI18n)("GuidePanel");
22
24
  let titleId = (0, hooks_1.useId)();
23
25
  titleId = title ? (_titleId ? _titleId : "title-" + titleId) : undefined;
24
- return (react_1.default.createElement("svg", Object.assign({ width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "NAV veileder illustrasjon", focusable: false, role: "img", "aria-labelledby": titleId }, props),
26
+ return (react_1.default.createElement("svg", Object.assign({ width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img", "aria-labelledby": titleId }, props),
25
27
  title ? react_1.default.createElement("title", { id: titleId }, title) : null,
26
28
  react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M43.1888 40.4308C41.795 44.9808 39.0663 48.7576 35.5693 51.069L35.7484 53.0952L35.7474 53.1777L33.857 69.8797H21.8679L21.8181 69.5289L19.5004 53.1489L19.5862 51.1002C16.0715 48.795 13.3274 45.0119 11.9257 40.4499C11.8781 40.4544 11.83 40.4566 11.7812 40.4566C10.8745 40.4566 10.1562 39.6595 10.1562 38.6939V33.2298C10.1562 32.5825 10.479 32.0106 10.9648 31.7039C11.7229 21.5028 18.8443 13.4855 27.554 13.4855C36.2401 13.4855 43.3472 21.4596 44.1376 31.6211C44.7049 31.8986 45.0937 32.5184 45.0937 33.2298V38.6939C45.0937 39.66 44.3765 40.4566 43.4687 40.4566C43.3731 40.4566 43.2796 40.4478 43.1888 40.4308Z", fill: "#F7F7F7" }),
27
29
  react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.1471 51.6345C35.0789 55.2819 31.7373 59.0239 27.625 59.0239C23.4949 59.0239 20.142 55.2493 20.1022 51.5869C17.9622 52.1325 14.6956 53.7781 11.9995 56.5281C9.38852 59.1912 7.3125 63.1941 7.3125 66.2993V85.0001H47.9375V66.2993C47.9375 63.1878 45.8167 59.178 43.1575 56.5119C40.4983 53.8458 37.3007 52.2225 35.1471 51.6345Z", fill: "#005B82" }),
@@ -1 +1 @@
1
- {"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAwC;AACxC,yCAAsC;AAW/B,MAAM,mBAAmB,GAA4B,CAAC,EAI5D,EAAE,EAAE;QAJwD,EAC3D,KAAK,EACL,OAAO,EAAE,QAAQ,OAElB,EADI,KAAK,cAHmD,oBAI5D,CADS;IAER,IAAI,OAAO,GAAuB,IAAA,aAAK,GAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,qDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACvB,2BAA2B,EACtC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,IACpB,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,yCAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtFW,QAAA,mBAAmB,uBAsF9B"}
1
+ {"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAwC;AACxC,yCAAsC;AACtC,4DAAoD;AAW7C,MAAM,mBAAmB,GAA4B,CAAC,EAI5D,EAAE,EAAE;QAJwD,EAC3D,KAAK,EACL,OAAO,EAAE,QAAQ,OAElB,EADI,KAAK,cAHmD,oBAI5D,CADS;IAER,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,IAAI,OAAO,GAAuB,IAAA,aAAK,GAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,qDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,IACpB,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,yCAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAxFW,QAAA,mBAAmB,uBAwF9B"}
@@ -4,7 +4,7 @@ export interface HelpTextProps extends React.ButtonHTMLAttributes<HTMLButtonElem
4
4
  children: React.ReactNode;
5
5
  /**
6
6
  * Adds a title-tooltip with the given text
7
- * @default "hjelp"
7
+ * @default "Mer informasjon"
8
8
  */
9
9
  title?: string;
10
10
  /**
@@ -44,6 +44,7 @@ const popover_1 = require("../popover");
44
44
  const provider_1 = require("../provider");
45
45
  const composeEventHandlers_1 = require("../util/composeEventHandlers");
46
46
  const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
47
+ const i18n_context_1 = require("../util/i18n/i18n.context");
47
48
  const HelpTextIcon_1 = require("./HelpTextIcon");
48
49
  /**
49
50
  * A component that displays a help text button with a popover.
@@ -59,15 +60,17 @@ const HelpTextIcon_1 = require("./HelpTextIcon");
59
60
  * ```
60
61
  */
61
62
  exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
62
- var { className, children, placement, strategy = "absolute", title = "hjelp", onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
63
+ var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
63
64
  const buttonRef = (0, react_1.useRef)(null);
64
65
  const mergedRef = (0, useMergeRefs_1.useMergeRefs)(buttonRef, ref);
65
66
  const [open, setOpen] = (0, react_1.useState)(false);
66
67
  const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
68
+ const translate = (0, i18n_context_1.useI18n)("HelpText");
69
+ const titleWithFallback = title || translate("title");
67
70
  return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-help-text", wrapperClassName) },
68
71
  react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: (0, clsx_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
69
- react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { title: title }),
70
- react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true, title: title })),
72
+ react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { title: titleWithFallback }),
73
+ react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true, title: titleWithFallback })),
71
74
  react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: themeContext ? 8 : 12, arrow: !themeContext },
72
75
  react_1.default.createElement(popover_1.Popover.Content, { className: "navds-body-short" }, children))));
73
76
  });
@@ -1 +1 @@
1
- {"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAmD;AACnD,uEAAoE;AACpE,6DAA0D;AAC1D,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAE/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,GAAI;YAC9B,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,KAAK,GAAI,CAC9B;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
1
+ {"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAmD;AACnD,uEAAoE;AACpE,6DAA0D;AAC1D,4DAAoD;AACpD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI;YAC1C,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,iBAAiB,GAAI,CAC1C;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../util/types";
3
- export interface InternalHeaderButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
3
+ export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  /**
5
5
  * Application Button
6
6
  */
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../util/types";
3
- export interface InternalHeaderUserButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
3
+ export interface InternalHeaderUserButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  /**
5
5
  * User name
6
6
  */