@navikt/ds-react 5.7.5 → 5.8.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 (68) hide show
  1. package/_docs.json +31 -10
  2. package/cjs/accordion/AccordionHeader.js +2 -2
  3. package/cjs/chips/Toggle.js +2 -3
  4. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -2
  5. package/cjs/form/combobox/Input/Input.js +13 -5
  6. package/cjs/layout/sidemal-test/Sidebar.js +1 -1
  7. package/cjs/loader/Loader.js +1 -1
  8. package/cjs/modal/Modal.js +35 -14
  9. package/cjs/tooltip/Tooltip.js +14 -3
  10. package/esm/accordion/AccordionHeader.js +2 -2
  11. package/esm/accordion/AccordionHeader.js.map +1 -1
  12. package/esm/chips/Toggle.d.ts +1 -1
  13. package/esm/chips/Toggle.js +2 -3
  14. package/esm/chips/Toggle.js.map +1 -1
  15. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -2
  16. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  17. package/esm/form/combobox/Input/Input.js +13 -5
  18. package/esm/form/combobox/Input/Input.js.map +1 -1
  19. package/esm/layout/bleed/Bleed.d.ts +1 -1
  20. package/esm/layout/bleed/Bleed.js +1 -1
  21. package/esm/layout/bleed/Bleed.js.map +1 -1
  22. package/esm/layout/box/Box.d.ts +1 -2
  23. package/esm/layout/box/Box.js +1 -1
  24. package/esm/layout/box/Box.js.map +1 -1
  25. package/esm/layout/grid/HGrid.d.ts +1 -1
  26. package/esm/layout/grid/HGrid.js +1 -1
  27. package/esm/layout/grid/HGrid.js.map +1 -1
  28. package/esm/layout/responsive/Responsive.d.ts +1 -1
  29. package/esm/layout/sidemal-test/Sidebar.js +1 -1
  30. package/esm/layout/sidemal-test/Sidebar.js.map +1 -1
  31. package/esm/layout/stack/Stack.d.ts +1 -1
  32. package/esm/layout/stack/Stack.js +1 -1
  33. package/esm/layout/stack/Stack.js.map +1 -1
  34. package/esm/layout/utilities/css.d.ts +1 -8
  35. package/esm/layout/utilities/css.js.map +1 -1
  36. package/esm/layout/utilities/types.d.ts +9 -0
  37. package/esm/loader/Loader.d.ts +1 -1
  38. package/esm/loader/Loader.js +1 -1
  39. package/esm/modal/Modal.js +35 -14
  40. package/esm/modal/Modal.js.map +1 -1
  41. package/esm/modal/ModalContext.d.ts +1 -0
  42. package/esm/modal/ModalContext.js.map +1 -1
  43. package/esm/modal/types.d.ts +7 -0
  44. package/esm/tooltip/Tooltip.js +16 -5
  45. package/esm/tooltip/Tooltip.js.map +1 -1
  46. package/package.json +3 -3
  47. package/src/accordion/AccordionHeader.tsx +3 -3
  48. package/src/chips/Toggle.tsx +22 -12
  49. package/src/chips/chips.stories.tsx +9 -3
  50. package/src/date/datepicker/datepicker.stories.tsx +0 -1
  51. package/src/date/monthpicker/monthpicker.stories.tsx +28 -1
  52. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -2
  53. package/src/form/combobox/Input/Input.tsx +19 -4
  54. package/src/form/combobox/combobox.stories.tsx +44 -0
  55. package/src/layout/bleed/Bleed.tsx +2 -5
  56. package/src/layout/box/Box.tsx +1 -3
  57. package/src/layout/grid/HGrid.tsx +2 -6
  58. package/src/layout/responsive/Responsive.tsx +1 -1
  59. package/src/layout/sidemal-test/Sidebar.tsx +1 -1
  60. package/src/layout/stack/Stack.tsx +2 -6
  61. package/src/layout/utilities/css.ts +1 -36
  62. package/src/layout/utilities/types.ts +16 -0
  63. package/src/loader/Loader.tsx +1 -1
  64. package/src/modal/Modal.tsx +50 -20
  65. package/src/modal/ModalContext.ts +1 -0
  66. package/src/modal/modal.stories.tsx +30 -2
  67. package/src/modal/types.ts +7 -0
  68. package/src/tooltip/Tooltip.tsx +18 -6
package/_docs.json CHANGED
@@ -1407,7 +1407,7 @@
1407
1407
  "props": {
1408
1408
  "selected": {
1409
1409
  "defaultValue": null,
1410
- "description": "Toggles aria-pressed and visual-changes",
1410
+ "description": "Toggles aria-pressed and visual changes",
1411
1411
  "name": "selected",
1412
1412
  "parent": {
1413
1413
  "fileName": "src/chips/Toggle.tsx",
@@ -5818,6 +5818,27 @@
5818
5818
  "name": "ReactEventHandler<HTMLDialogElement>"
5819
5819
  }
5820
5820
  },
5821
+ "closeOnBackdropClick": {
5822
+ "defaultValue": {
5823
+ "value": "false"
5824
+ },
5825
+ "description": "Whether to close when clicking on the backdrop.\n\n**WARNING:** Users may click outside by accident. Don't use if closing can cause data loss, or the modal contains important info.",
5826
+ "name": "closeOnBackdropClick",
5827
+ "parent": {
5828
+ "fileName": "react/src/modal/types.ts",
5829
+ "name": "ModalProps"
5830
+ },
5831
+ "declarations": [
5832
+ {
5833
+ "fileName": "react/src/modal/types.ts",
5834
+ "name": "ModalProps"
5835
+ }
5836
+ ],
5837
+ "required": false,
5838
+ "type": {
5839
+ "name": "boolean"
5840
+ }
5841
+ },
5821
5842
  "width": {
5822
5843
  "defaultValue": {
5823
5844
  "value": "fit-content (up to 700px)"
@@ -16803,7 +16824,7 @@
16803
16824
  ],
16804
16825
  "required": false,
16805
16826
  "type": {
16806
- "name": "ResponsiveProp<BleedSpacingInline | \"full full\" | \"full px\" | \"full 0\" | \"full 05\" | \"full 1\" | \"full 1-alt\" | \"full 2\" | \"full 3\" | \"full 4\" | \"full 5\" | \"full 6\" | ... 517 more ... | \"32 32\">"
16827
+ "name": "ResponsiveProp<BleedSpacingInline | \"0 0\" | \"0 full\" | \"0 px\" | \"0 05\" | \"0 1\" | \"0 1-alt\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"0 6\" | \"0 7\" | \"0 8\" | \"0 9\" | \"0 10\" | \"0 11\" | ... 512 more ... | \"32 32\">"
16807
16828
  }
16808
16829
  },
16809
16830
  "marginBlock": {
@@ -16822,7 +16843,7 @@
16822
16843
  ],
16823
16844
  "required": false,
16824
16845
  "type": {
16825
- "name": "ResponsiveProp<\"px px\" | \"px 0\" | \"px 05\" | \"px 1\" | \"px 1-alt\" | \"px 2\" | \"px 3\" | \"px 4\" | \"px 5\" | \"px 6\" | \"px 7\" | \"px 8\" | \"px 9\" | \"px 10\" | \"px 11\" | \"px 12\" | \"px 14\" | \"px 16\" | \"px 18\" | ... 465 more ... | BleedSpacingBlock>"
16846
+ "name": "ResponsiveProp<\"0 0\" | \"0 px\" | \"0 05\" | \"0 1\" | \"0 1-alt\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"0 6\" | \"0 7\" | \"0 8\" | \"0 9\" | \"0 10\" | \"0 11\" | \"0 12\" | \"0 14\" | \"0 16\" | \"0 18\" | \"0 20\" | \"0 24\" | ... 463 more ... | BleedSpacingBlock>"
16826
16847
  }
16827
16848
  },
16828
16849
  "reflectivePadding": {
@@ -16999,7 +17020,7 @@
16999
17020
  ],
17000
17021
  "required": false,
17001
17022
  "type": {
17002
- "name": "ResponsiveProp<SpacingScale>"
17023
+ "name": "ResponsiveProp<\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"05\" | \"1-alt\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"14\" | \"16\" | \"18\" | \"20\" | \"24\" | \"32\">"
17003
17024
  }
17004
17025
  },
17005
17026
  "paddingInline": {
@@ -17018,7 +17039,7 @@
17018
17039
  ],
17019
17040
  "required": false,
17020
17041
  "type": {
17021
- "name": "ResponsiveProp<\"0 0\" | \"0 1\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"1 0\" | \"1 1\" | \"1 2\" | \"1 3\" | \"1 4\" | \"1 5\" | \"2 0\" | \"2 1\" | \"2 2\" | \"2 3\" | \"2 4\" | \"2 5\" | \"3 0\" | \"3 1\" | \"3 2\" | \"3 3\" | \"3 4\" | ... 418 more ... | \"32 32\">"
17042
+ "name": "ResponsiveProp<\"0\" | \"0 0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"0 1\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"1 0\" | \"1 1\" | \"1 2\" | \"1 3\" | \"1 4\" | \"1 5\" | \"2 0\" | \"2 1\" | \"2 2\" | \"2 3\" | \"2 4\" | \"2 5\" | \"3 0\" | ... 436 more ... | \"32 32\">"
17022
17043
  }
17023
17044
  },
17024
17045
  "paddingBlock": {
@@ -17037,7 +17058,7 @@
17037
17058
  ],
17038
17059
  "required": false,
17039
17060
  "type": {
17040
- "name": "ResponsiveProp<\"0 0\" | \"0 1\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"1 0\" | \"1 1\" | \"1 2\" | \"1 3\" | \"1 4\" | \"1 5\" | \"2 0\" | \"2 1\" | \"2 2\" | \"2 3\" | \"2 4\" | \"2 5\" | \"3 0\" | \"3 1\" | \"3 2\" | \"3 3\" | \"3 4\" | ... 418 more ... | \"32 32\">"
17061
+ "name": "ResponsiveProp<\"0\" | \"0 0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"0 1\" | \"0 2\" | \"0 3\" | \"0 4\" | \"0 5\" | \"1 0\" | \"1 1\" | \"1 2\" | \"1 3\" | \"1 4\" | \"1 5\" | \"2 0\" | \"2 1\" | \"2 2\" | \"2 3\" | \"2 4\" | \"2 5\" | \"3 0\" | ... 436 more ... | \"32 32\">"
17041
17062
  }
17042
17063
  },
17043
17064
  "shadow": {
@@ -17201,7 +17222,7 @@
17201
17222
  ],
17202
17223
  "required": false,
17203
17224
  "type": {
17204
- "name": "ResponsiveProp<SpacingScale>"
17225
+ "name": "ResponsiveProp<\"0\" | \"05\" | \"1\" | \"1-alt\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"14\" | \"16\" | \"18\" | \"20\" | \"24\" | \"32\">"
17205
17226
  }
17206
17227
  },
17207
17228
  "align": {
@@ -17589,7 +17610,7 @@
17589
17610
  ],
17590
17611
  "required": false,
17591
17612
  "type": {
17592
- "name": "ResponsiveProp<SpacingScale>"
17613
+ "name": "ResponsiveProp<\"0\" | \"05\" | \"1\" | \"1-alt\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"14\" | \"16\" | \"18\" | \"20\" | \"24\" | \"32\">"
17593
17614
  }
17594
17615
  },
17595
17616
  "className": {
@@ -17716,7 +17737,7 @@
17716
17737
  ],
17717
17738
  "required": false,
17718
17739
  "type": {
17719
- "name": "ResponsiveProp<SpacingScale>"
17740
+ "name": "ResponsiveProp<\"0\" | \"05\" | \"1\" | \"1-alt\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"14\" | \"16\" | \"18\" | \"20\" | \"24\" | \"32\">"
17720
17741
  }
17721
17742
  },
17722
17743
  "direction": {
@@ -17838,7 +17859,7 @@
17838
17859
  ],
17839
17860
  "required": false,
17840
17861
  "type": {
17841
- "name": "ResponsiveProp<SpacingScale>"
17862
+ "name": "ResponsiveProp<\"0\" | \"05\" | \"1\" | \"1-alt\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"14\" | \"16\" | \"18\" | \"20\" | \"24\" | \"32\">"
17842
17863
  }
17843
17864
  },
17844
17865
  "className": {
@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
37
37
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
38
  };
39
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
+ const aksel_icons_1 = require("@navikt/aksel-icons");
40
41
  const clsx_1 = __importDefault(require("clsx"));
41
42
  const react_1 = __importStar(require("react"));
42
43
  const typography_1 = require("../typography");
43
44
  const AccordionContext_1 = require("./AccordionContext");
44
45
  const AccordionItem_1 = require("./AccordionItem");
45
- const aksel_icons_1 = require("@navikt/aksel-icons");
46
46
  const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
47
47
  var _b;
48
48
  var { children, className, onClick } = _a, rest = __rest(_a, ["children", "className", "onClick"]);
@@ -56,7 +56,7 @@ const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
56
56
  itemContext.toggleOpen();
57
57
  onClick && onClick(e);
58
58
  }, "aria-expanded": itemContext.open, type: "button" }),
59
- react_1.default.createElement("div", { className: "navds-accordion__icon-wrapper" },
59
+ react_1.default.createElement("span", { className: "navds-accordion__icon-wrapper" },
60
60
  react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-accordion__header-chevron", title: "Vis mer", "aria-hidden": true })),
61
61
  react_1.default.createElement(typography_1.Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
62
62
  });
@@ -42,9 +42,8 @@ const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
43
  exports.ToggleChips = (0, react_1.forwardRef)((_a, ref) => {
44
44
  var { className, children, selected, variant = "action", checkmark = true, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "variant", "checkmark", "as"]);
45
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`), "aria-pressed": selected }),
46
- selected && checkmark && (react_1.default.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" },
47
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.51894 0.45851C9.81799 0.745107 9.8281 1.21987 9.5415 1.51893L3.7915 7.51893C3.51247 7.81009 3.05315 7.82848 2.75174 7.56056L0.501735 5.56056C0.192148 5.28537 0.164263 4.81132 0.439451 4.50173C0.71464 4.19214 1.18869 4.16426 1.49828 4.43944L3.20835 5.95951L8.45852 0.481072C8.74511 0.182015 9.21988 0.171913 9.51894 0.45851Z", fill: "currentColor" }))),
45
+ return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`, { "navds-chips__toggle--with-checkmark": checkmark }), "aria-pressed": selected }),
46
+ checkmark && (react_1.default.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z", fill: "var(--a-border-default)" })))),
48
47
  react_1.default.createElement("span", { className: "navds-chips__chip-text" }, children)));
49
48
  });
50
49
  exports.default = exports.ToggleChips;
@@ -59,8 +59,7 @@ const FilteredOptionsProvider = ({ children, value: props }) => {
59
59
  if (shouldAutocomplete &&
60
60
  normalizeText(searchTerm) !== "" &&
61
61
  ((previousSearchTerm === null || previousSearchTerm === void 0 ? void 0 : previousSearchTerm.length) || 0) < searchTerm.length &&
62
- filteredOptions.length > 0 &&
63
- !isValueInList(searchTerm, filteredOptions)) {
62
+ filteredOptions.length > 0) {
64
63
  setValue(`${searchTerm}${filteredOptions[0].substring(searchTerm.length)}`);
65
64
  setSearchTerm(searchTerm);
66
65
  }
@@ -47,16 +47,19 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
47
47
  var { inputClassName } = _a, rest = __rest(_a, ["inputClassName"]);
48
48
  const { clearInput, inputProps, onChange, size, value } = (0, inputContext_1.useInputContext)();
49
49
  const { selectedOptions, removeSelectedOption, toggleOption, isMultiSelect, } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
50
- const { activeDecendantId, allowNewValues, currentOption, filteredOptions, toggleIsListOpen, isListOpen, filteredOptionsIndex, moveFocusUp, moveFocusDown, ariaDescribedBy, moveFocusToInput, moveFocusToEnd, setFilteredOptionsIndex, setIsMouseLastUsedInputDevice, shouldAutocomplete, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
50
+ const { activeDecendantId, allowNewValues, currentOption, filteredOptions, isValueNew, toggleIsListOpen, isListOpen, filteredOptionsIndex, moveFocusUp, moveFocusDown, ariaDescribedBy, moveFocusToInput, moveFocusToEnd, setFilteredOptionsIndex, setIsMouseLastUsedInputDevice, shouldAutocomplete, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
51
51
  const onEnter = (0, react_1.useCallback)((event) => {
52
+ const isTextInSelectedOptions = (text) => {
53
+ return selectedOptions.find((item) => item.toLocaleLowerCase() === text.toLocaleLowerCase());
54
+ };
52
55
  if (currentOption) {
53
56
  event.preventDefault();
54
57
  // Selecting a value from the dropdown / FilteredOptions
55
58
  toggleOption(currentOption, event);
56
- if (!isMultiSelect && !selectedOptions.includes(currentOption))
59
+ if (!isMultiSelect && !isTextInSelectedOptions(currentOption))
57
60
  toggleIsListOpen(false);
58
61
  }
59
- else if (shouldAutocomplete && selectedOptions.includes(value)) {
62
+ else if (shouldAutocomplete && isTextInSelectedOptions(value)) {
60
63
  event.preventDefault();
61
64
  // Trying to set the same value that is already set, so just clearing the input
62
65
  clearInput(event);
@@ -64,15 +67,20 @@ const Input = (0, react_1.forwardRef)((_a, ref) => {
64
67
  else if ((allowNewValues || shouldAutocomplete) && value !== "") {
65
68
  event.preventDefault();
66
69
  // Autocompleting or adding a new value
67
- toggleOption(value, event);
68
- if (!isMultiSelect && !selectedOptions.includes(value))
70
+ const selectedValue = allowNewValues && isValueNew ? value : filteredOptions[0];
71
+ toggleOption(selectedValue, event);
72
+ if (!isMultiSelect &&
73
+ !isTextInSelectedOptions(filteredOptions[0] || selectedValue)) {
69
74
  toggleIsListOpen(false);
75
+ }
70
76
  }
71
77
  }, [
72
78
  allowNewValues,
73
79
  clearInput,
74
80
  currentOption,
81
+ filteredOptions,
75
82
  isMultiSelect,
83
+ isValueNew,
76
84
  selectedOptions,
77
85
  shouldAutocomplete,
78
86
  toggleIsListOpen,
@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.NewsPanel = exports.ContentPanel = exports.Sidebar = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
+ const link_1 = require("../../link");
8
9
  const typography_1 = require("../../typography");
9
10
  const box_1 = require("../box");
10
11
  const stack_1 = require("../stack");
11
- const link_1 = require("../../link");
12
12
  const LinkElement = ({ children }) => {
13
13
  return (react_1.default.createElement(typography_1.Label, { as: "li", className: "sidebarlink" }, children));
14
14
  };
@@ -49,7 +49,7 @@ const util_1 = require("../util");
49
49
  *
50
50
  * @example
51
51
  * ```jsx
52
- * <Loader size="3xlarge" title="venter..." />
52
+ * <Loader size="3xlarge" title="Venter..." />
53
53
  * ```
54
54
  */
55
55
  exports.Loader = (0, react_1.forwardRef)((_a, ref) => {
@@ -99,7 +99,7 @@ const dialog_polyfill_1 = __importStar(require("./dialog-polyfill"));
99
99
  */
100
100
  exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
101
101
  var _b, _c;
102
- var { header, children, open, onBeforeClose, onCancel, width, portal, className, "aria-labelledby": ariaLabelledby, style } = _a, rest = __rest(_a, ["header", "children", "open", "onBeforeClose", "onCancel", "width", "portal", "className", "aria-labelledby", "style"]);
102
+ var { header, children, open, onBeforeClose, onCancel, closeOnBackdropClick, width, portal, className, "aria-labelledby": ariaLabelledby, style, onClick } = _a, rest = __rest(_a, ["header", "children", "open", "onBeforeClose", "onCancel", "closeOnBackdropClick", "width", "portal", "className", "aria-labelledby", "style", "onClick"]);
103
103
  const modalRef = (0, react_2.useRef)(null);
104
104
  const mergedRef = (0, react_2.useMemo)(() => (0, util_1.mergeRefs)([modalRef, ref]), [ref]);
105
105
  const ariaLabelId = (0, util_1.useId)();
@@ -115,6 +115,12 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
115
115
  if (dialog_polyfill_1.needPolyfill && modalRef.current && portalNode) {
116
116
  dialog_polyfill_1.default.registerDialog(modalRef.current);
117
117
  }
118
+ // We set autofocus on the dialog element to prevent the default behavior where first focusable element gets focus when modal is opened.
119
+ // This is mainly to fix an edge case where having a Tooltip as the first focusable element would make it activate when you open the modal.
120
+ // We have to use JS because it doesn't work to set it with a prop (React bug?)
121
+ // Currently doesn't seem to work in Chrome. See also Tooltip.tsx
122
+ if (modalRef.current && portalNode)
123
+ modalRef.current.autofocus = true;
118
124
  }, [modalRef, portalNode]);
119
125
  (0, react_2.useEffect)(() => {
120
126
  // We need to have this in a useEffect so that the content renders before the modal is displayed,
@@ -131,22 +137,37 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
131
137
  }, [modalRef, portalNode, open]);
132
138
  (0, ModalUtils_1.useBodyScrollLock)(modalRef, portalNode);
133
139
  const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
134
- const component = (react_2.default.createElement("dialog", Object.assign({}, rest, { ref: mergedRef, className: (0, clsx_1.default)("navds-modal", className, {
135
- "navds-modal--polyfilled": dialog_polyfill_1.needPolyfill,
136
- "navds-modal--autowidth": !width,
137
- [`navds-modal--${width}`]: isWidthPreset,
138
- }), style: Object.assign(Object.assign({}, style), (!isWidthPreset ? { width } : {})), onCancel: (event) => {
139
- // FYI: onCancel fires when you press Esc
140
- if (onBeforeClose && onBeforeClose() === false) {
141
- event.preventDefault();
140
+ const mergedClassName = (0, clsx_1.default)("navds-modal", className, {
141
+ "navds-modal--polyfilled": dialog_polyfill_1.needPolyfill,
142
+ "navds-modal--autowidth": !width,
143
+ [`navds-modal--${width}`]: isWidthPreset,
144
+ });
145
+ const mergedStyle = Object.assign(Object.assign({}, style), (!isWidthPreset ? { width } : {}));
146
+ const mergedOnCancel = (event) => {
147
+ if (onBeforeClose && onBeforeClose() === false) {
148
+ event.preventDefault();
149
+ }
150
+ else if (onCancel)
151
+ onCancel(event);
152
+ };
153
+ const mergedOnClick = closeOnBackdropClick && !dialog_polyfill_1.needPolyfill // closeOnBackdropClick has issues on polyfill when nesting modals (DatePicker)
154
+ ? (event) => {
155
+ onClick && onClick(event);
156
+ if (event.target === modalRef.current &&
157
+ (!onBeforeClose || onBeforeClose() !== false)) {
158
+ modalRef.current.close();
142
159
  }
143
- else if (onCancel)
144
- onCancel(event);
145
- }, "aria-labelledby": !ariaLabelledby && !rest["aria-label"] && header
146
- ? ariaLabelId
147
- : ariaLabelledby }),
160
+ }
161
+ : onClick;
162
+ const mergedAriaLabelledBy = !ariaLabelledby && !rest["aria-label"] && header
163
+ ? ariaLabelId
164
+ : ariaLabelledby;
165
+ const component = (
166
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
167
+ react_2.default.createElement("dialog", Object.assign({}, rest, { ref: mergedRef, className: mergedClassName, style: mergedStyle, onCancel: mergedOnCancel, onClick: mergedOnClick, "aria-labelledby": mergedAriaLabelledBy }),
148
168
  react_2.default.createElement(ModalContext_1.ModalContext.Provider, { value: {
149
169
  closeHandler: (0, ModalUtils_1.getCloseHandler)(modalRef, header, onBeforeClose),
170
+ ref: modalRef,
150
171
  } },
151
172
  header && (react_2.default.createElement(ModalHeader_1.default, null,
152
173
  header.label && (react_2.default.createElement(typography_1.Detail, { className: "navds-modal__label" }, header.label)),
@@ -41,9 +41,10 @@ exports.Tooltip = void 0;
41
41
  const react_1 = require("@floating-ui/react");
42
42
  const clsx_1 = __importDefault(require("clsx"));
43
43
  const react_2 = __importStar(require("react"));
44
+ const ModalContext_1 = require("../modal/ModalContext");
45
+ const provider_1 = require("../provider");
44
46
  const typography_1 = require("../typography");
45
47
  const util_1 = require("../util");
46
- const provider_1 = require("../provider");
47
48
  /**
48
49
  * A component that displays a tooltip when the user hovers over its child element.
49
50
  *
@@ -62,7 +63,11 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
62
63
  var { children, className, arrow: _arrow = true, placement: _placement = "top", open: userOpen, defaultOpen = false, offset: _offset, content, delay = 150, id, keys, maxChar = 80 } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "offset", "content", "delay", "id", "keys", "maxChar"]);
63
64
  const [open, setOpen] = (0, react_2.useState)(defaultOpen);
64
65
  const arrowRef = (0, react_2.useRef)(null);
65
- const rootElement = (_b = (0, provider_1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
66
+ const modalContext = (0, react_2.useContext)(ModalContext_1.ModalContext);
67
+ const providerRootElement = (_b = (0, provider_1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
68
+ const rootElement = modalContext
69
+ ? modalContext.ref.current
70
+ : providerRootElement;
66
71
  const { x, y, strategy, context, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, hide: { referenceHidden } = {}, }, refs, } = (0, react_1.useFloating)({
67
72
  placement: _placement,
68
73
  open: userOpen !== null && userOpen !== void 0 ? userOpen : open,
@@ -73,7 +78,13 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
73
78
  (0, react_1.flip)({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
74
79
  (0, react_1.arrow)({ element: arrowRef, padding: 5 }),
75
80
  ],
76
- whileElementsMounted: react_1.autoUpdate,
81
+ whileElementsMounted: modalContext
82
+ ? (reference, floating, update) =>
83
+ // Reduces jumping in Chrome when used in a Modal and it's the first focusable element.
84
+ // Can be removed when autofocus starts working on <dialog> in Chrome. See also Modal.tsx
85
+ (0, react_1.autoUpdate)(reference, floating, update, { animationFrame: true })
86
+ : react_1.autoUpdate,
87
+ strategy: modalContext ? "fixed" : undefined,
77
88
  });
78
89
  const { getReferenceProps, getFloatingProps } = (0, react_1.useInteractions)([
79
90
  (0, react_1.useHover)(context, { handleClose: (0, react_1.safePolygon)(), restMs: delay }),
@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
+ import { ChevronDownIcon } from "@navikt/aksel-icons";
12
13
  import cl from "clsx";
13
14
  import React, { forwardRef, useContext } from "react";
14
15
  import { Heading } from "../typography";
15
16
  import { AccordionContext } from "./AccordionContext";
16
17
  import { AccordionItemContext } from "./AccordionItem";
17
- import { ChevronDownIcon } from "@navikt/aksel-icons";
18
18
  const AccordionHeader = forwardRef((_a, ref) => {
19
19
  var _b;
20
20
  var { children, className, onClick } = _a, rest = __rest(_a, ["children", "className", "onClick"]);
@@ -28,7 +28,7 @@ const AccordionHeader = forwardRef((_a, ref) => {
28
28
  itemContext.toggleOpen();
29
29
  onClick && onClick(e);
30
30
  }, "aria-expanded": itemContext.open, type: "button" }),
31
- React.createElement("div", { className: "navds-accordion__icon-wrapper" },
31
+ React.createElement("span", { className: "navds-accordion__icon-wrapper" },
32
32
  React.createElement(ChevronDownIcon, { className: "navds-accordion__header-chevron", title: "Vis mer", "aria-hidden": true })),
33
33
  React.createElement(Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
34
34
  });
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACE;QACN,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAC,+BAA+B;YAC7C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -3,7 +3,7 @@ import { OverridableComponent } from "../util";
3
3
  export interface ToggleChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  children: string;
5
5
  /**
6
- * Toggles aria-pressed and visual-changes
6
+ * Toggles aria-pressed and visual changes
7
7
  */
8
8
  selected?: boolean;
9
9
  /**
@@ -13,9 +13,8 @@ import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
14
  export const ToggleChips = forwardRef((_a, ref) => {
15
15
  var { className, children, selected, variant = "action", checkmark = true, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "variant", "checkmark", "as"]);
16
- return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`), "aria-pressed": selected }),
17
- selected && checkmark && (React.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" },
18
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.51894 0.45851C9.81799 0.745107 9.8281 1.21987 9.5415 1.51893L3.7915 7.51893C3.51247 7.81009 3.05315 7.82848 2.75174 7.56056L0.501735 5.56056C0.192148 5.28537 0.164263 4.81132 0.439451 4.50173C0.71464 4.19214 1.18869 4.16426 1.49828 4.43944L3.20835 5.95951L8.45852 0.481072C8.74511 0.182015 9.21988 0.171913 9.51894 0.45851Z", fill: "currentColor" }))),
16
+ return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`, { "navds-chips__toggle--with-checkmark": checkmark }), "aria-pressed": selected }),
17
+ checkmark && (React.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z", fill: "var(--a-border-default)" })))),
19
18
  React.createElement("span", { className: "navds-chips__chip-text" }, children)));
20
19
  });
21
20
  export default ToggleChips;
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAsB1C,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,CAClC,kBACa,QAAQ;QAErB,QAAQ,IAAI,SAAS,IAAI,CACxB,kDAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wUAAwU,EAC1U,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAsB1C,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ;QAErB,SAAS,IAAI,CACZ,kDAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,yBAAyB,GAC9B,CACH,CACG,CACP;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -30,8 +30,7 @@ export const FilteredOptionsProvider = ({ children, value: props }) => {
30
30
  if (shouldAutocomplete &&
31
31
  normalizeText(searchTerm) !== "" &&
32
32
  ((previousSearchTerm === null || previousSearchTerm === void 0 ? void 0 : previousSearchTerm.length) || 0) < searchTerm.length &&
33
- filteredOptions.length > 0 &&
34
- !isValueInList(searchTerm, filteredOptions)) {
33
+ filteredOptions.length > 0) {
35
34
  setValue(`${searchTerm}${filteredOptions[0].substring(searchTerm.length)}`);
36
35
  setSearchTerm(searchTerm);
37
36
  }
@@ -1 +1 @@
1
- {"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"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"}
@@ -19,16 +19,19 @@ const Input = forwardRef((_a, ref) => {
19
19
  var { inputClassName } = _a, rest = __rest(_a, ["inputClassName"]);
20
20
  const { clearInput, inputProps, onChange, size, value } = useInputContext();
21
21
  const { selectedOptions, removeSelectedOption, toggleOption, isMultiSelect, } = useSelectedOptionsContext();
22
- const { activeDecendantId, allowNewValues, currentOption, filteredOptions, toggleIsListOpen, isListOpen, filteredOptionsIndex, moveFocusUp, moveFocusDown, ariaDescribedBy, moveFocusToInput, moveFocusToEnd, setFilteredOptionsIndex, setIsMouseLastUsedInputDevice, shouldAutocomplete, } = useFilteredOptionsContext();
22
+ const { activeDecendantId, allowNewValues, currentOption, filteredOptions, isValueNew, toggleIsListOpen, isListOpen, filteredOptionsIndex, moveFocusUp, moveFocusDown, ariaDescribedBy, moveFocusToInput, moveFocusToEnd, setFilteredOptionsIndex, setIsMouseLastUsedInputDevice, shouldAutocomplete, } = useFilteredOptionsContext();
23
23
  const onEnter = useCallback((event) => {
24
+ const isTextInSelectedOptions = (text) => {
25
+ return selectedOptions.find((item) => item.toLocaleLowerCase() === text.toLocaleLowerCase());
26
+ };
24
27
  if (currentOption) {
25
28
  event.preventDefault();
26
29
  // Selecting a value from the dropdown / FilteredOptions
27
30
  toggleOption(currentOption, event);
28
- if (!isMultiSelect && !selectedOptions.includes(currentOption))
31
+ if (!isMultiSelect && !isTextInSelectedOptions(currentOption))
29
32
  toggleIsListOpen(false);
30
33
  }
31
- else if (shouldAutocomplete && selectedOptions.includes(value)) {
34
+ else if (shouldAutocomplete && isTextInSelectedOptions(value)) {
32
35
  event.preventDefault();
33
36
  // Trying to set the same value that is already set, so just clearing the input
34
37
  clearInput(event);
@@ -36,15 +39,20 @@ const Input = forwardRef((_a, ref) => {
36
39
  else if ((allowNewValues || shouldAutocomplete) && value !== "") {
37
40
  event.preventDefault();
38
41
  // Autocompleting or adding a new value
39
- toggleOption(value, event);
40
- if (!isMultiSelect && !selectedOptions.includes(value))
42
+ const selectedValue = allowNewValues && isValueNew ? value : filteredOptions[0];
43
+ toggleOption(selectedValue, event);
44
+ if (!isMultiSelect &&
45
+ !isTextInSelectedOptions(filteredOptions[0] || selectedValue)) {
41
46
  toggleIsListOpen(false);
47
+ }
42
48
  }
43
49
  }, [
44
50
  allowNewValues,
45
51
  clearInput,
46
52
  currentOption,
53
+ filteredOptions,
47
54
  isMultiSelect,
55
+ isValueNew,
48
56
  selectedOptions,
49
57
  shouldAutocomplete,
50
58
  toggleIsListOpen,
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ResponsiveProp, SpacingScale } from "../utilities/css";
2
+ import { ResponsiveProp, SpacingScale } from "../utilities/types";
3
3
  export type BleedSpacingInline = "0" | "full" | "px" | SpacingScale;
4
4
  export type BleedSpacingBlock = "0" | "px" | SpacingScale;
5
5
  export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
- import { getResponsiveProps, } from "../utilities/css";
14
+ import { getResponsiveProps } from "../utilities/css";
15
15
  import { Slot } from "../../util/Slot";
16
16
  /**
17
17
  * Foundational Layout-primitive for generic encapsulation & styling.
@@ -1 +1 @@
1
- {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAGL,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAuCvC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,kBAAkB,CACnB,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,KAAK,iDACA,KAAK,GACL,kBAAkB,CACnB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;KACH;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAuCvC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,kBAAkB,CACnB,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,KAAK,iDACA,KAAK,GACL,kBAAkB,CACnB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;KACH;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../../util/OverridableComponent";
3
- import { SpaceDelimitedAttribute, ResponsiveProp, SpacingScale } from "../utilities/css";
4
- import { BackgroundToken, BorderColorToken, ShadowToken, BorderRadiiToken } from "../utilities/types";
3
+ import { SpaceDelimitedAttribute, ResponsiveProp, SpacingScale, BackgroundToken, BorderColorToken, ShadowToken, BorderRadiiToken } from "../utilities/types";
5
4
  export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
6
5
  /** Background color. Accepts a color token. */
7
6
  background?: BackgroundToken;
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
- import { getResponsiveProps, } from "../utilities/css";
14
+ import { getResponsiveProps } from "../utilities/css";
15
15
  /**
16
16
  * Foundational Layout-primitive for generic encapsulation & styling.
17
17
  *
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAIL,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AA0D1B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,GAAG,GAAmD,UAAU,CAC3E,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,OAEd,EADI,IAAI,cAZT,8IAaC,CADQ;IAIT,MAAM,KAAK,2FACN,MAAM,KACT,uBAAuB,EAAE,UAAU;YACjC,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACrE,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,kBAAkB,CACnB,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,GACE,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,GACxD,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,CAAC,GACrE,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,CACvE,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6DtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,GAAG,GAAmD,UAAU,CAC3E,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,OAEd,EADI,IAAI,cAZT,8IAaC,CADQ;IAIT,MAAM,KAAK,2FACN,MAAM,KACT,uBAAuB,EAAE,UAAU;YACjC,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACrE,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,kBAAkB,CACnB,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,GACE,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,GACxD,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,CAAC,GACrE,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,CACvE,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}