@navikt/ds-react 7.2.0 → 7.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/cjs/dropdown/Menu/index.js +1 -1
  2. package/cjs/dropdown/Menu/index.js.map +1 -1
  3. package/cjs/form/checkbox/useCheckbox.js +3 -2
  4. package/cjs/form/checkbox/useCheckbox.js.map +1 -1
  5. package/cjs/form/combobox/ComboboxProvider.js +4 -1
  6. package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
  7. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
  8. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  9. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.d.ts +3 -0
  10. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js +33 -10
  11. package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  12. package/cjs/form/combobox/Input/Input.js +23 -10
  13. package/cjs/form/combobox/Input/Input.js.map +1 -1
  14. package/cjs/form/radio/useRadio.js +3 -2
  15. package/cjs/form/radio/useRadio.js.map +1 -1
  16. package/cjs/form/search/Search.js +1 -1
  17. package/cjs/form/search/Search.js.map +1 -1
  18. package/cjs/form/switch/Switch.js +2 -1
  19. package/cjs/form/switch/Switch.js.map +1 -1
  20. package/cjs/overlays/floating-menu/parts/RovingFocus.js +4 -4
  21. package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
  22. package/cjs/tabs/parts/tablist/useScrollButtons.js +1 -1
  23. package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -1
  24. package/cjs/tabs/parts/tablist/useTabList.js +4 -4
  25. package/cjs/tabs/parts/tablist/useTabList.js.map +1 -1
  26. package/cjs/timeline/TimelineRow.js +9 -10
  27. package/cjs/timeline/TimelineRow.js.map +1 -1
  28. package/cjs/toggle-group/parts/useToggleItem.js +4 -4
  29. package/cjs/toggle-group/parts/useToggleItem.js.map +1 -1
  30. package/cjs/util/TextareaAutoSize.js +2 -2
  31. package/cjs/util/TextareaAutoSize.js.map +1 -1
  32. package/cjs/util/hooks/descendants/descendant.js +1 -1
  33. package/cjs/util/hooks/descendants/descendant.js.map +1 -1
  34. package/cjs/util/hooks/descendants/useDescendant.js +1 -1
  35. package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
  36. package/esm/dropdown/Menu/index.js +1 -1
  37. package/esm/dropdown/Menu/index.js.map +1 -1
  38. package/esm/form/checkbox/useCheckbox.js +3 -2
  39. package/esm/form/checkbox/useCheckbox.js.map +1 -1
  40. package/esm/form/combobox/ComboboxProvider.js +4 -1
  41. package/esm/form/combobox/ComboboxProvider.js.map +1 -1
  42. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
  43. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  44. package/esm/form/combobox/FilteredOptions/useVirtualFocus.d.ts +3 -0
  45. package/esm/form/combobox/FilteredOptions/useVirtualFocus.js +34 -11
  46. package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
  47. package/esm/form/combobox/Input/Input.js +23 -10
  48. package/esm/form/combobox/Input/Input.js.map +1 -1
  49. package/esm/form/radio/useRadio.js +3 -2
  50. package/esm/form/radio/useRadio.js.map +1 -1
  51. package/esm/form/search/Search.js +1 -1
  52. package/esm/form/search/Search.js.map +1 -1
  53. package/esm/form/switch/Switch.js +2 -1
  54. package/esm/form/switch/Switch.js.map +1 -1
  55. package/esm/overlays/floating-menu/parts/RovingFocus.js +4 -4
  56. package/esm/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
  57. package/esm/tabs/parts/tablist/useScrollButtons.js +1 -1
  58. package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -1
  59. package/esm/tabs/parts/tablist/useTabList.js +4 -4
  60. package/esm/tabs/parts/tablist/useTabList.js.map +1 -1
  61. package/esm/timeline/TimelineRow.js +9 -10
  62. package/esm/timeline/TimelineRow.js.map +1 -1
  63. package/esm/toggle-group/parts/useToggleItem.js +4 -4
  64. package/esm/toggle-group/parts/useToggleItem.js.map +1 -1
  65. package/esm/util/TextareaAutoSize.js +2 -2
  66. package/esm/util/TextareaAutoSize.js.map +1 -1
  67. package/esm/util/hooks/descendants/descendant.js +1 -1
  68. package/esm/util/hooks/descendants/descendant.js.map +1 -1
  69. package/esm/util/hooks/descendants/useDescendant.js +1 -1
  70. package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
  71. package/package.json +3 -3
  72. package/src/dropdown/Menu/index.tsx +1 -1
  73. package/src/form/checkbox/useCheckbox.ts +2 -2
  74. package/src/form/combobox/ComboboxProvider.tsx +9 -1
  75. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
  76. package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +42 -11
  77. package/src/form/combobox/Input/Input.tsx +19 -10
  78. package/src/form/combobox/__tests__/combobox.test.tsx +36 -0
  79. package/src/form/radio/useRadio.ts +2 -2
  80. package/src/form/search/Search.tsx +1 -1
  81. package/src/form/switch/Switch.tsx +1 -1
  82. package/src/overlays/floating-menu/parts/RovingFocus.tsx +4 -4
  83. package/src/tabs/parts/tablist/useScrollButtons.ts +1 -1
  84. package/src/tabs/parts/tablist/useTabList.ts +4 -4
  85. package/src/timeline/TimelineRow.tsx +20 -21
  86. package/src/toggle-group/parts/useToggleItem.ts +4 -4
  87. package/src/util/TextareaAutoSize.tsx +2 -2
  88. package/src/util/hooks/descendants/descendant.ts +1 -1
  89. package/src/util/hooks/descendants/useDescendant.tsx +1 -1
@@ -91,27 +91,26 @@ export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
91
91
  }
92
92
  }}
93
93
  >
94
- {periods &&
95
- periods.map((period) => {
96
- return (
97
- <li key={`period-${period.id}`}>
98
- <PeriodContext.Provider
99
- value={{
100
- periodId: period.id,
101
- firstFocus: firstFocusable?.id === period.id,
102
- restProps: period?.restProps,
103
- }}
104
- >
105
- <Period
106
- start={period.start}
107
- end={period.endInclusive}
108
- icon={period.icon}
109
- ref={period?.ref}
110
- />
111
- </PeriodContext.Provider>
112
- </li>
113
- );
114
- })}
94
+ {periods?.map((period) => {
95
+ return (
96
+ <li key={`period-${period.id}`}>
97
+ <PeriodContext.Provider
98
+ value={{
99
+ periodId: period.id,
100
+ firstFocus: firstFocusable?.id === period.id,
101
+ restProps: period?.restProps,
102
+ }}
103
+ >
104
+ <Period
105
+ start={period.start}
106
+ end={period.endInclusive}
107
+ icon={period.icon}
108
+ ref={period?.ref}
109
+ />
110
+ </PeriodContext.Provider>
111
+ </li>
112
+ );
113
+ })}
115
114
  </ol>
116
115
  </div>
117
116
  </>
@@ -55,19 +55,19 @@ export function useToggleItem<P extends UseToggleItemProps>(
55
55
 
56
56
  const nextTab = () => {
57
57
  const next = descendants.nextEnabled(idx, false);
58
- next && next.node?.focus();
58
+ next?.node?.focus();
59
59
  };
60
60
  const prevTab = () => {
61
61
  const prev = descendants.prevEnabled(idx, false);
62
- prev && prev.node?.focus();
62
+ prev?.node?.focus();
63
63
  };
64
64
  const firstTab = () => {
65
65
  const first = descendants.firstEnabled();
66
- first && first.node?.focus();
66
+ first?.node?.focus();
67
67
  };
68
68
  const lastTab = () => {
69
69
  const last = descendants.lastEnabled();
70
- last && last.node?.focus();
70
+ last?.node?.focus();
71
71
  };
72
72
 
73
73
  const keyMap: Record<string, React.KeyboardEventHandler> = {
@@ -40,7 +40,7 @@ const checkState = (
40
40
  * https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/ownerWindow/ownerWindow.ts
41
41
  */
42
42
  const ownerWindow = (node: Node | undefined): Window => {
43
- const doc = (node && node.ownerDocument) || document;
43
+ const doc = node?.ownerDocument || document;
44
44
  return doc.defaultView || window;
45
45
  };
46
46
 
@@ -223,7 +223,7 @@ const TextareaAutosize = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(
223
223
  };
224
224
 
225
225
  const mainStyle: React.CSSProperties = {
226
- ["--__ac-textarea-height"]: state.outerHeightStyle + "px",
226
+ "--__ac-textarea-height": state.outerHeightStyle + "px",
227
227
  // Need a large enough difference to allow scrolling.
228
228
  // This prevents infinite rendering loop.
229
229
  overflow:
@@ -60,7 +60,7 @@ export class DescendantsManager<
60
60
  this.descendants.forEach((descendant) => {
61
61
  const index = descendants.indexOf(descendant.node);
62
62
  descendant.index = index;
63
- descendant.node.dataset["index"] = descendant.index.toString();
63
+ descendant.node.dataset.index = descendant.index.toString();
64
64
  });
65
65
  };
66
66
 
@@ -52,7 +52,7 @@ export function createDescendantContext<
52
52
 
53
53
  useClientLayoutEffect(() => {
54
54
  if (!ref.current) return;
55
- const dataIndex = Number(ref.current.dataset["index"]);
55
+ const dataIndex = Number(ref.current.dataset.index);
56
56
  if (index !== dataIndex && !Number.isNaN(dataIndex)) {
57
57
  setIndex(dataIndex);
58
58
  }