@navikt/ds-react 8.7.0 → 8.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 (330) hide show
  1. package/cjs/alert/base-alert/root/BaseAlertRoot.js +1 -2
  2. package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  3. package/cjs/alert/info-card/index.d.ts +2 -2
  4. package/cjs/alert/info-card/index.js +2 -1
  5. package/cjs/alert/info-card/index.js.map +1 -1
  6. package/cjs/alert/info-card/message/InfoCardMessage.d.ts +23 -0
  7. package/cjs/alert/info-card/message/InfoCardMessage.js +73 -0
  8. package/cjs/alert/info-card/message/InfoCardMessage.js.map +1 -0
  9. package/cjs/alert/info-card/root/InfoCardRoot.d.ts +15 -2
  10. package/cjs/alert/info-card/root/InfoCardRoot.js +4 -1
  11. package/cjs/alert/info-card/root/InfoCardRoot.js.map +1 -1
  12. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +21 -0
  13. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +24 -0
  14. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
  15. package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js +7 -57
  16. package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -1
  17. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +4 -1
  18. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js +7 -3
  19. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -1
  20. package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +12 -2
  21. package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js +14 -64
  22. package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -1
  23. package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +22 -0
  24. package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +35 -0
  25. package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
  26. package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +27 -0
  27. package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js +86 -0
  28. package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +1 -0
  29. package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +5 -0
  30. package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js +6 -0
  31. package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +1 -0
  32. package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +24 -0
  33. package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js +108 -0
  34. package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +1 -0
  35. package/cjs/data/table/empty-state/DataTableEmptyState.d.ts +5 -0
  36. package/cjs/data/table/empty-state/DataTableEmptyState.js +57 -0
  37. package/cjs/data/table/empty-state/DataTableEmptyState.js.map +1 -0
  38. package/cjs/data/table/helpers/table-focus.js +7 -1
  39. package/cjs/data/table/helpers/table-focus.js.map +1 -1
  40. package/cjs/data/table/helpers/table-keyboard.d.ts +0 -1
  41. package/cjs/data/table/helpers/table-keyboard.js +2 -4
  42. package/cjs/data/table/helpers/table-keyboard.js.map +1 -1
  43. package/cjs/data/table/loading-state/DataTableLoadingState.d.ts +5 -0
  44. package/cjs/data/table/loading-state/DataTableLoadingState.js +57 -0
  45. package/cjs/data/table/loading-state/DataTableLoadingState.js.map +1 -0
  46. package/cjs/data/table/root/DataTable.types.d.ts +13 -0
  47. package/cjs/data/table/root/DataTable.types.js +3 -0
  48. package/cjs/data/table/root/DataTable.types.js.map +1 -0
  49. package/cjs/data/table/root/DataTableAuto.d.ts +60 -0
  50. package/cjs/data/table/root/DataTableAuto.js +99 -0
  51. package/cjs/data/table/root/DataTableAuto.js.map +1 -0
  52. package/cjs/data/table/root/DataTableRoot.context.d.ts +3 -2
  53. package/cjs/data/table/root/DataTableRoot.context.js.map +1 -1
  54. package/cjs/data/table/root/DataTableRoot.d.ts +30 -3
  55. package/cjs/data/table/root/DataTableRoot.js +8 -2
  56. package/cjs/data/table/root/DataTableRoot.js.map +1 -1
  57. package/cjs/data/table/root/useTableKeyboardNav.js +1 -0
  58. package/cjs/data/table/root/useTableKeyboardNav.js.map +1 -1
  59. package/cjs/data/table/root/useTableSelection.d.ts +55 -0
  60. package/cjs/data/table/root/useTableSelection.js +79 -0
  61. package/cjs/data/table/root/useTableSelection.js.map +1 -0
  62. package/cjs/data/table/td/DataTableTd.d.ts +10 -0
  63. package/cjs/data/table/td/DataTableTd.js +4 -2
  64. package/cjs/data/table/td/DataTableTd.js.map +1 -1
  65. package/cjs/data/table/th/DataTableTh.d.ts +10 -4
  66. package/cjs/data/table/th/DataTableTh.js +24 -22
  67. package/cjs/data/table/th/DataTableTh.js.map +1 -1
  68. package/cjs/data/table/th/useTableColumnResize.d.ts +64 -0
  69. package/cjs/data/table/th/useTableColumnResize.js +144 -0
  70. package/cjs/data/table/th/useTableColumnResize.js.map +1 -0
  71. package/cjs/data/table/thead/DataTableThead.context.d.ts +4 -0
  72. package/cjs/data/table/thead/DataTableThead.context.js +45 -0
  73. package/cjs/data/table/thead/DataTableThead.context.js.map +1 -0
  74. package/cjs/data/table/thead/DataTableThead.js +3 -1
  75. package/cjs/data/table/thead/DataTableThead.js.map +1 -1
  76. package/cjs/data/table/tr/DataTableTr.js +4 -3
  77. package/cjs/data/table/tr/DataTableTr.js.map +1 -1
  78. package/cjs/data/token-filter/AutoSuggest.js +4 -6
  79. package/cjs/data/token-filter/AutoSuggest.js.map +1 -1
  80. package/cjs/date/Date.Input.js +1 -1
  81. package/cjs/date/Date.Input.js.map +1 -1
  82. package/cjs/date/datepicker/hooks/useDatepicker.d.ts +12 -1
  83. package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -1
  84. package/cjs/date/monthpicker/hooks/useMonthPicker.d.ts +11 -1
  85. package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
  86. package/cjs/form/checkbox/CheckboxGroup.js +1 -1
  87. package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
  88. package/cjs/form/fieldset/Fieldset.d.ts +25 -5
  89. package/cjs/form/fieldset/Fieldset.js +19 -2
  90. package/cjs/form/fieldset/Fieldset.js.map +1 -1
  91. package/cjs/form/radio/RadioGroup.js +1 -1
  92. package/cjs/form/radio/RadioGroup.js.map +1 -1
  93. package/cjs/index.d.ts +1 -1
  94. package/cjs/index.js.map +1 -1
  95. package/cjs/read-more/ReadMore.d.ts +10 -0
  96. package/cjs/read-more/ReadMore.js +4 -6
  97. package/cjs/read-more/ReadMore.js.map +1 -1
  98. package/cjs/types/index.d.ts +1 -1
  99. package/cjs/types/index.js +0 -15
  100. package/cjs/types/index.js.map +1 -1
  101. package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js +1 -1
  102. package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -1
  103. package/cjs/utils/components/Listbox/option/ListboxOption.d.ts +24 -0
  104. package/cjs/utils/components/Listbox/{item/ListboxItem.js → option/ListboxOption.js} +8 -8
  105. package/cjs/utils/components/Listbox/option/ListboxOption.js.map +1 -0
  106. package/cjs/utils/components/Listbox/options/ListboxOptions.d.ts +8 -0
  107. package/cjs/utils/components/Listbox/{list/ListboxList.js → options/ListboxOptions.js} +8 -8
  108. package/cjs/utils/components/Listbox/options/ListboxOptions.js.map +1 -0
  109. package/cjs/utils/components/Listbox/root/ListboxRoot.d.ts +6 -6
  110. package/cjs/utils/components/Listbox/root/ListboxRoot.js +28 -28
  111. package/cjs/utils/components/Listbox/root/ListboxRoot.js.map +1 -1
  112. package/cjs/utils/components/Listbox/root/domHelpers.d.ts +3 -3
  113. package/cjs/utils/components/Listbox/root/domHelpers.js +8 -8
  114. package/cjs/utils/components/Listbox/root/domHelpers.js.map +1 -1
  115. package/cjs/utils/components/floating/Floating.d.ts +1 -1
  116. package/cjs/utils/components/floating/Floating.js +1 -1
  117. package/cjs/utils/components/floating/Floating.js.map +1 -1
  118. package/cjs/utils/components/focus-boundary/FocusBoundary.d.ts +0 -1
  119. package/cjs/utils/components/focus-boundary/FocusBoundary.js +1 -1
  120. package/cjs/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
  121. package/cjs/utils/components/link-anchor/LinkAnchor.js +10 -0
  122. package/cjs/utils/components/link-anchor/LinkAnchor.js.map +1 -1
  123. package/cjs/utils/helpers/className.js +1 -1
  124. package/cjs/utils/helpers/className.js.map +1 -1
  125. package/cjs/utils/helpers/focus.d.ts +3 -1
  126. package/cjs/utils/helpers/focus.js +2 -2
  127. package/cjs/utils/helpers/focus.js.map +1 -1
  128. package/cjs/utils/helpers/index.d.ts +9 -9
  129. package/cjs/utils/helpers/index.js +22 -23
  130. package/cjs/utils/helpers/index.js.map +1 -1
  131. package/cjs/utils/hooks/index.d.ts +13 -13
  132. package/cjs/utils/hooks/index.js +31 -28
  133. package/cjs/utils/hooks/index.js.map +1 -1
  134. package/cjs/utils/hooks/useScrollLock.js +41 -11
  135. package/cjs/utils/hooks/useScrollLock.js.map +1 -1
  136. package/esm/alert/base-alert/root/BaseAlertRoot.js +1 -2
  137. package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
  138. package/esm/alert/info-card/index.d.ts +2 -2
  139. package/esm/alert/info-card/index.js +1 -1
  140. package/esm/alert/info-card/index.js.map +1 -1
  141. package/esm/alert/info-card/message/InfoCardMessage.d.ts +23 -0
  142. package/esm/alert/info-card/message/InfoCardMessage.js +37 -0
  143. package/esm/alert/info-card/message/InfoCardMessage.js.map +1 -0
  144. package/esm/alert/info-card/root/InfoCardRoot.d.ts +15 -2
  145. package/esm/alert/info-card/root/InfoCardRoot.js +3 -1
  146. package/esm/alert/info-card/root/InfoCardRoot.js.map +1 -1
  147. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +21 -0
  148. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +18 -0
  149. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
  150. package/esm/data/drag-and-drop/item/DataDragAndDropItem.js +4 -24
  151. package/esm/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -1
  152. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +4 -1
  153. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js +5 -2
  154. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -1
  155. package/esm/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +12 -2
  156. package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js +15 -65
  157. package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -1
  158. package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +22 -0
  159. package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +29 -0
  160. package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
  161. package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +27 -0
  162. package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js +50 -0
  163. package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +1 -0
  164. package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +5 -0
  165. package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js +3 -0
  166. package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +1 -0
  167. package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +24 -0
  168. package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js +68 -0
  169. package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +1 -0
  170. package/esm/data/table/empty-state/DataTableEmptyState.d.ts +5 -0
  171. package/esm/data/table/empty-state/DataTableEmptyState.js +21 -0
  172. package/esm/data/table/empty-state/DataTableEmptyState.js.map +1 -0
  173. package/esm/data/table/helpers/table-focus.js +7 -1
  174. package/esm/data/table/helpers/table-focus.js.map +1 -1
  175. package/esm/data/table/helpers/table-keyboard.d.ts +0 -1
  176. package/esm/data/table/helpers/table-keyboard.js +2 -4
  177. package/esm/data/table/helpers/table-keyboard.js.map +1 -1
  178. package/esm/data/table/loading-state/DataTableLoadingState.d.ts +5 -0
  179. package/esm/data/table/loading-state/DataTableLoadingState.js +21 -0
  180. package/esm/data/table/loading-state/DataTableLoadingState.js.map +1 -0
  181. package/esm/data/table/root/DataTable.types.d.ts +13 -0
  182. package/esm/data/table/root/DataTable.types.js +2 -0
  183. package/esm/data/table/root/DataTable.types.js.map +1 -0
  184. package/esm/data/table/root/DataTableAuto.d.ts +60 -0
  185. package/esm/data/table/root/DataTableAuto.js +63 -0
  186. package/esm/data/table/root/DataTableAuto.js.map +1 -0
  187. package/esm/data/table/root/DataTableRoot.context.d.ts +3 -2
  188. package/esm/data/table/root/DataTableRoot.context.js.map +1 -1
  189. package/esm/data/table/root/DataTableRoot.d.ts +30 -3
  190. package/esm/data/table/root/DataTableRoot.js +6 -2
  191. package/esm/data/table/root/DataTableRoot.js.map +1 -1
  192. package/esm/data/table/root/useTableKeyboardNav.js +1 -0
  193. package/esm/data/table/root/useTableKeyboardNav.js.map +1 -1
  194. package/esm/data/table/root/useTableSelection.d.ts +55 -0
  195. package/esm/data/table/root/useTableSelection.js +77 -0
  196. package/esm/data/table/root/useTableSelection.js.map +1 -0
  197. package/esm/data/table/td/DataTableTd.d.ts +10 -0
  198. package/esm/data/table/td/DataTableTd.js +4 -2
  199. package/esm/data/table/td/DataTableTd.js.map +1 -1
  200. package/esm/data/table/th/DataTableTh.d.ts +10 -4
  201. package/esm/data/table/th/DataTableTh.js +25 -23
  202. package/esm/data/table/th/DataTableTh.js.map +1 -1
  203. package/esm/data/table/th/useTableColumnResize.d.ts +64 -0
  204. package/esm/data/table/th/useTableColumnResize.js +142 -0
  205. package/esm/data/table/th/useTableColumnResize.js.map +1 -0
  206. package/esm/data/table/thead/DataTableThead.context.d.ts +4 -0
  207. package/esm/data/table/thead/DataTableThead.context.js +8 -0
  208. package/esm/data/table/thead/DataTableThead.context.js.map +1 -0
  209. package/esm/data/table/thead/DataTableThead.js +3 -1
  210. package/esm/data/table/thead/DataTableThead.js.map +1 -1
  211. package/esm/data/table/tr/DataTableTr.js +4 -3
  212. package/esm/data/table/tr/DataTableTr.js.map +1 -1
  213. package/esm/data/token-filter/AutoSuggest.js +4 -6
  214. package/esm/data/token-filter/AutoSuggest.js.map +1 -1
  215. package/esm/date/Date.Input.js +1 -1
  216. package/esm/date/Date.Input.js.map +1 -1
  217. package/esm/date/datepicker/hooks/useDatepicker.d.ts +12 -1
  218. package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -1
  219. package/esm/date/monthpicker/hooks/useMonthPicker.d.ts +11 -1
  220. package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
  221. package/esm/form/checkbox/CheckboxGroup.js +1 -1
  222. package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
  223. package/esm/form/fieldset/Fieldset.d.ts +25 -5
  224. package/esm/form/fieldset/Fieldset.js +19 -2
  225. package/esm/form/fieldset/Fieldset.js.map +1 -1
  226. package/esm/form/radio/RadioGroup.js +1 -1
  227. package/esm/form/radio/RadioGroup.js.map +1 -1
  228. package/esm/index.d.ts +1 -1
  229. package/esm/index.js.map +1 -1
  230. package/esm/read-more/ReadMore.d.ts +10 -0
  231. package/esm/read-more/ReadMore.js +4 -6
  232. package/esm/read-more/ReadMore.js.map +1 -1
  233. package/esm/types/index.d.ts +1 -1
  234. package/esm/types/index.js +1 -1
  235. package/esm/types/index.js.map +1 -1
  236. package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js +1 -1
  237. package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -1
  238. package/esm/utils/components/Listbox/option/ListboxOption.d.ts +24 -0
  239. package/esm/utils/components/Listbox/{item/ListboxItem.js → option/ListboxOption.js} +7 -7
  240. package/esm/utils/components/Listbox/option/ListboxOption.js.map +1 -0
  241. package/esm/utils/components/Listbox/options/ListboxOptions.d.ts +8 -0
  242. package/esm/utils/components/Listbox/{list/ListboxList.js → options/ListboxOptions.js} +8 -8
  243. package/esm/utils/components/Listbox/options/ListboxOptions.js.map +1 -0
  244. package/esm/utils/components/Listbox/root/ListboxRoot.d.ts +6 -6
  245. package/esm/utils/components/Listbox/root/ListboxRoot.js +29 -29
  246. package/esm/utils/components/Listbox/root/ListboxRoot.js.map +1 -1
  247. package/esm/utils/components/Listbox/root/domHelpers.d.ts +3 -3
  248. package/esm/utils/components/Listbox/root/domHelpers.js +7 -7
  249. package/esm/utils/components/Listbox/root/domHelpers.js.map +1 -1
  250. package/esm/utils/components/floating/Floating.d.ts +1 -1
  251. package/esm/utils/components/floating/Floating.js +1 -1
  252. package/esm/utils/components/floating/Floating.js.map +1 -1
  253. package/esm/utils/components/focus-boundary/FocusBoundary.d.ts +0 -1
  254. package/esm/utils/components/focus-boundary/FocusBoundary.js +1 -1
  255. package/esm/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
  256. package/esm/utils/components/link-anchor/LinkAnchor.js +10 -0
  257. package/esm/utils/components/link-anchor/LinkAnchor.js.map +1 -1
  258. package/esm/utils/helpers/className.js +1 -1
  259. package/esm/utils/helpers/className.js.map +1 -1
  260. package/esm/utils/helpers/focus.d.ts +3 -1
  261. package/esm/utils/helpers/focus.js +2 -2
  262. package/esm/utils/helpers/focus.js.map +1 -1
  263. package/esm/utils/helpers/index.d.ts +9 -9
  264. package/esm/utils/helpers/index.js +9 -9
  265. package/esm/utils/helpers/index.js.map +1 -1
  266. package/esm/utils/hooks/index.d.ts +13 -13
  267. package/esm/utils/hooks/index.js +13 -13
  268. package/esm/utils/hooks/index.js.map +1 -1
  269. package/esm/utils/hooks/useScrollLock.js +41 -11
  270. package/esm/utils/hooks/useScrollLock.js.map +1 -1
  271. package/package.json +5 -5
  272. package/src/alert/base-alert/root/BaseAlertRoot.tsx +1 -1
  273. package/src/alert/info-card/index.ts +2 -0
  274. package/src/alert/info-card/message/InfoCardMessage.tsx +48 -0
  275. package/src/alert/info-card/root/InfoCardRoot.tsx +20 -1
  276. package/src/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.tsx +63 -0
  277. package/src/data/drag-and-drop/item/DataDragAndDropItem.tsx +6 -53
  278. package/src/data/drag-and-drop/root/DataDragAndDrop.context.tsx +9 -4
  279. package/src/data/drag-and-drop/root/DataDragAndDropRoot.tsx +19 -63
  280. package/src/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.tsx +104 -0
  281. package/src/data/drag-and-drop-old/item/DataDragAndDropItem.tsx +74 -0
  282. package/src/data/drag-and-drop-old/root/DataDragAndDrop.context.tsx +11 -0
  283. package/src/data/drag-and-drop-old/root/DataDragAndDropRoot.tsx +96 -0
  284. package/src/data/table/empty-state/DataTableEmptyState.tsx +26 -0
  285. package/src/data/table/helpers/table-focus.ts +10 -1
  286. package/src/data/table/helpers/table-keyboard.ts +2 -6
  287. package/src/data/table/loading-state/DataTableLoadingState.tsx +26 -0
  288. package/src/data/table/root/DataTable.types.ts +16 -0
  289. package/src/data/table/root/DataTableAuto.tsx +182 -0
  290. package/src/data/table/root/DataTableRoot.context.ts +3 -2
  291. package/src/data/table/root/DataTableRoot.tsx +45 -2
  292. package/src/data/table/root/useTableKeyboardNav.ts +1 -0
  293. package/src/data/table/root/useTableSelection.ts +126 -0
  294. package/src/data/table/td/DataTableTd.tsx +14 -1
  295. package/src/data/table/th/DataTableTh.tsx +48 -36
  296. package/src/data/table/th/useTableColumnResize.ts +276 -0
  297. package/src/data/table/thead/DataTableThead.context.ts +10 -0
  298. package/src/data/table/thead/DataTableThead.tsx +8 -5
  299. package/src/data/table/tr/DataTableTr.tsx +8 -3
  300. package/src/data/token-filter/AutoSuggest.tsx +11 -12
  301. package/src/date/Date.Input.tsx +1 -1
  302. package/src/date/datepicker/hooks/useDatepicker.tsx +12 -1
  303. package/src/date/monthpicker/hooks/useMonthPicker.tsx +11 -1
  304. package/src/form/checkbox/CheckboxGroup.tsx +1 -1
  305. package/src/form/fieldset/Fieldset.tsx +31 -7
  306. package/src/form/radio/RadioGroup.tsx +1 -1
  307. package/src/index.ts +1 -0
  308. package/src/read-more/ReadMore.tsx +15 -16
  309. package/src/types/index.ts +1 -1
  310. package/src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx +1 -1
  311. package/src/utils/components/Listbox/{item/ListboxItem.tsx → option/ListboxOption.tsx} +14 -14
  312. package/src/utils/components/Listbox/{list/ListboxList.tsx → options/ListboxOptions.tsx} +10 -10
  313. package/src/utils/components/Listbox/root/ListboxRoot.tsx +31 -31
  314. package/src/utils/components/Listbox/root/domHelpers.ts +8 -7
  315. package/src/utils/components/floating/Floating.tsx +2 -2
  316. package/src/utils/components/focus-boundary/FocusBoundary.tsx +1 -2
  317. package/src/utils/components/link-anchor/LinkAnchor.tsx +11 -0
  318. package/src/utils/helpers/className.ts +1 -1
  319. package/src/utils/helpers/focus.ts +5 -2
  320. package/src/utils/helpers/index.ts +9 -9
  321. package/src/utils/hooks/index.ts +20 -13
  322. package/src/utils/hooks/useScrollLock.ts +57 -13
  323. package/cjs/utils/components/Listbox/item/ListboxItem.d.ts +0 -24
  324. package/cjs/utils/components/Listbox/item/ListboxItem.js.map +0 -1
  325. package/cjs/utils/components/Listbox/list/ListboxList.d.ts +0 -8
  326. package/cjs/utils/components/Listbox/list/ListboxList.js.map +0 -1
  327. package/esm/utils/components/Listbox/item/ListboxItem.d.ts +0 -24
  328. package/esm/utils/components/Listbox/item/ListboxItem.js.map +0 -1
  329. package/esm/utils/components/Listbox/list/ListboxList.d.ts +0 -8
  330. package/esm/utils/components/Listbox/list/ListboxList.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAwBF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAErB,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE,EACD,cAAc,EAAE,KAAK;QAErB,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW;aACZ;YAED,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAwBF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAErB,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE,EACD,4BAA4B,EAAE,KAAK;QAEnC,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW;aACZ;YAED,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -2,23 +2,43 @@ import React, { FieldsetHTMLAttributes } from "react";
2
2
  import { FormFieldProps } from "../useFormField.js";
3
3
  export interface FieldsetProps extends FormFieldProps, FieldsetHTMLAttributes<HTMLFieldSetElement> {
4
4
  /**
5
- * FormFields in Fieldset
5
+ * Form fields in Fieldset.
6
6
  */
7
7
  children: React.ReactNode;
8
8
  /**
9
- * Fieldset legend
9
+ * Fieldset legend.
10
10
  */
11
11
  legend: React.ReactNode;
12
12
  /**
13
- * If enabled shows the legend and description for screenreaders only
13
+ * If enabled, shows the legend and description for screen readers only.
14
14
  */
15
15
  hideLegend?: boolean;
16
16
  /**
17
- * Toggles error propagation to child-elements
17
+ * Toggles error propagation to child-elements.
18
18
  * @default true
19
19
  */
20
20
  errorPropagation?: boolean;
21
- nativeReadOnly?: boolean;
21
+ /**
22
+ * @private
23
+ */
24
+ _fieldsSupportNativeReadOnly?: boolean;
22
25
  }
26
+ /**
27
+ * Component for grouping form fields.
28
+ *
29
+ * **NB: Only for special use cases.** Form fields should not be grouped by default,
30
+ * except for checkboxes and radio buttons, for which CheckboxGroup/RadioGroup should be used instead.
31
+ *
32
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/fieldset)
33
+ * @see 🏷️ {@link FieldsetProps}
34
+ *
35
+ * @example
36
+ * ```jsx
37
+ * <Fieldset legend="Telefonnummer">
38
+ * <TextField label="Landkode" />
39
+ * <TextField label="Nummer" />
40
+ * </Fieldset>
41
+ * ```
42
+ */
23
43
  export declare const Fieldset: React.ForwardRefExoticComponent<FieldsetProps & React.RefAttributes<HTMLFieldSetElement>>;
24
44
  export default Fieldset;
@@ -16,12 +16,29 @@ import { cl } from "../../utils/helpers/index.js";
16
16
  import { ReadOnlyIcon, ReadOnlyIconWithTitle } from "../ReadOnlyIcon.js";
17
17
  import { FieldsetContext } from "./context.js";
18
18
  import { useFieldset } from "./useFieldset.js";
19
+ /**
20
+ * Component for grouping form fields.
21
+ *
22
+ * **NB: Only for special use cases.** Form fields should not be grouped by default,
23
+ * except for checkboxes and radio buttons, for which CheckboxGroup/RadioGroup should be used instead.
24
+ *
25
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/fieldset)
26
+ * @see 🏷️ {@link FieldsetProps}
27
+ *
28
+ * @example
29
+ * ```jsx
30
+ * <Fieldset legend="Telefonnummer">
31
+ * <TextField label="Landkode" />
32
+ * <TextField label="Nummer" />
33
+ * </Fieldset>
34
+ * ```
35
+ */
19
36
  export const Fieldset = forwardRef((props, ref) => {
20
37
  var _a, _b, _c;
21
38
  const legendId = useId();
22
39
  const { inputProps, errorId, showErrorMsg, hasError, size, readOnly, inputDescriptionId, } = useFieldset(props, legendId);
23
40
  const fieldset = useContext(FieldsetContext);
24
- const { children, className, errorPropagation = true, legend, description, hideLegend, nativeReadOnly = true } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend", "nativeReadOnly"]);
41
+ const { children, className, errorPropagation = true, legend, description, hideLegend, _fieldsSupportNativeReadOnly = true } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend", "_fieldsSupportNativeReadOnly"]);
25
42
  return (React.createElement(FieldsetContext.Provider, { value: {
26
43
  error: errorPropagation
27
44
  ? ((_a = props.error) !== null && _a !== void 0 ? _a : fieldset === null || fieldset === void 0 ? void 0 : fieldset.error)
@@ -42,7 +59,7 @@ export const Fieldset = forwardRef((props, ref) => {
42
59
  "aksel-sr-only": !!hideLegend,
43
60
  }) },
44
61
  readOnly &&
45
- (nativeReadOnly ? React.createElement(ReadOnlyIcon, null) : React.createElement(ReadOnlyIconWithTitle, null)),
62
+ (_fieldsSupportNativeReadOnly ? (React.createElement(ReadOnlyIcon, null)) : (React.createElement(ReadOnlyIconWithTitle, null))),
46
63
  legend),
47
64
  !!description && (React.createElement(BodyShort, { className: cl("aksel-fieldset__description", {
48
65
  "aksel-sr-only": !!hideLegend,
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":"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"}
@@ -30,7 +30,7 @@ export const RadioGroup = forwardRef((_a, ref) => {
30
30
  var { children, className, name, defaultValue, value, onChange = () => { }, required, readOnly } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required", "readOnly"]);
31
31
  const fieldset = useContext(FieldsetContext);
32
32
  const nameId = useId();
33
- return (React.createElement(Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: cl(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), nativeReadOnly: false }),
33
+ return (React.createElement(Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: cl(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), _fieldsSupportNativeReadOnly: false }),
34
34
  React.createElement(RadioGroupContext.Provider, { value: {
35
35
  name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
36
36
  defaultValue,
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,MAAM,CAAC,MAAM,iBAAiB,GAC5B,KAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgC3D;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,cAAc,EAAE,KAAK;QAErB,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,6BAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,MAAM,CAAC,MAAM,iBAAiB,GAC5B,KAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgC3D;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,4BAA4B,EAAE,KAAK;QAEnC,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,6BAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/index.d.ts CHANGED
@@ -56,7 +56,7 @@ export { TextField, type TextFieldProps } from "./form/textfield/index.js";
56
56
  export { LinkCard, type LinkCardProps, type LinkCardTitleProps, type LinkCardDescriptionProps, type LinkCardFooterProps, type LinkCardAnchorProps, type LinkCardIconProps, type LinkCardImageProps, } from "./link-card/index.js";
57
57
  export { InlineMessage, type InlineMessageProps } from "./inline-message/index.js";
58
58
  export { GlobalAlert, type GlobalAlertProps, type GlobalAlertHeaderProps, type GlobalAlertTitleProps, type GlobalAlertContentProps, type GlobalAlertCloseButtonProps, } from "./alert/global-alert/index.js";
59
- export { InfoCard, type InfoCardProps, type InfoCardHeaderProps, type InfoCardTitleProps, type InfoCardContentProps, } from "./alert/info-card/index.js";
59
+ export { InfoCard, type InfoCardProps, type InfoCardHeaderProps, type InfoCardTitleProps, type InfoCardContentProps, type InfoCardMessageProps, } from "./alert/info-card/index.js";
60
60
  export { LocalAlert, type LocalAlertProps, type LocalAlertHeaderProps, type LocalAlertTitleProps, type LocalAlertContentProps, type LocalAlertCloseButtonProps, } from "./alert/local-alert/index.js";
61
61
  export { Dialog, type DialogProps, type DialogTriggerProps, type DialogCloseTriggerProps, type DialogPopupProps, type DialogHeaderProps, type DialogTitleProps, type DialogDescriptionProps, type DialogBodyProps, type DialogFooterProps, } from "./dialog/index.js";
62
62
  /**
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -38,6 +38,16 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
38
38
  * @private
39
39
  */
40
40
  "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
41
+ /**
42
+ * Changes variant of ReadMore.
43
+ *
44
+ * `moderate` is a more visually prominent variant.
45
+ *
46
+ *
47
+ * `ghost` is more subtle, mainly for use in forms.
48
+ * @default "ghost"
49
+ */
50
+ variant?: "moderate" | "ghost";
41
51
  }
42
52
  /**
43
53
  * ReadMore
@@ -25,22 +25,20 @@ import { useControllableState } from "../utils/hooks/index.js";
25
25
  * </ReadMore>
26
26
  */
27
27
  export const ReadMore = forwardRef((_a, ref) => {
28
- var { className, header, children, open, defaultOpen = false, onClick, size = "medium", onOpenChange } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size", "onOpenChange"]);
28
+ var { className, header, children, open, defaultOpen = false, onClick, size = "medium", onOpenChange, variant = "ghost" } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size", "onOpenChange", "variant"]);
29
29
  const [_open, _setOpen] = useControllableState({
30
30
  defaultValue: defaultOpen,
31
31
  value: open,
32
32
  onChange: onOpenChange,
33
33
  });
34
34
  const typoSize = size === "small" ? "small" : "medium";
35
- return (React.createElement("div", { className: cl("aksel-read-more", `aksel-read-more--${size}`, className, { "aksel-read-more--open": _open }), "data-volume": "low" },
35
+ return (React.createElement("div", { className: cl("aksel-read-more", `aksel-read-more--${size}`, className), "data-variant": variant, "data-state": _open ? "open" : "closed" },
36
36
  React.createElement("button", Object.assign({}, rest, { ref: ref, type: "button", className: cl("aksel-read-more__button", "aksel-body-short", {
37
37
  "aksel-body-short--small": size === "small",
38
- }), onClick: composeEventHandlers(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open, "data-state": _open ? "open" : "closed" }),
38
+ }), onClick: composeEventHandlers(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open }),
39
39
  React.createElement(ChevronDownIcon, { className: "aksel-read-more__expand-icon", "aria-hidden": true }),
40
40
  React.createElement("span", null, header)),
41
- React.createElement(BodyLong, { as: "div", className: cl("aksel-read-more__content", {
42
- "aksel-read-more__content--closed": !_open,
43
- }), size: typoSize, "data-state": _open ? "open" : "closed" }, children)));
41
+ React.createElement(BodyLong, { as: "div", className: "aksel-read-more__content", size: typoSize }, children)));
44
42
  });
45
43
  export default ReadMore;
46
44
  //# sourceMappingURL=ReadMore.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAyCtD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,oBAAC,eAAe,IACd,SAAS,EAAC,8BAA8B,wBAExC;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAmDtD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAWgB,EAChB,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,OAAO,GAAG,OAAO,OAEH,EADX,IAAI,cAVT,wGAWC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,oBAAoB,IAAI,EAAE,EAAE,SAAS,CAAC,kBACzD,OAAO,gBACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAErC,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK;YAEpB,oBAAC,eAAe,IACd,SAAS,EAAC,8BAA8B,wBAExC;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,QAAQ,IACnE,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1 +1 @@
1
- export * from "./theme";
1
+ export { AkselColor, CustomAkselColor } from "./theme";
@@ -1,2 +1,2 @@
1
- export * from "./theme";
1
+ export {};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { Slot } from "../../slot/Slot.js";
3
3
  const ListboxInputSlot = ({ children }) => {
4
- return (React.createElement(Slot, { "aria-activedescendant": "aksel-listbox__item-active",
4
+ return (React.createElement(Slot, { "aria-activedescendant": "aksel-listbox__option-active",
5
5
  // @ts-expect-error - You are meant to use an <input>, but Slot doesn't know that.
6
6
  autoComplete: "off", role: "combobox" }, children));
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ListboxInputSlot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,6BACmB,4BAA4B;QAClD,kFAAkF;QAClF,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,IAEd,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"ListboxInputSlot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,6BACmB,8BAA8B;QACpD,kFAAkF;QAClF,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,IAEd,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ export interface ListboxOptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex"> {
3
+ /**
4
+ * Unique ID used for tracking which option has virtual focus.
5
+ */
6
+ id: string;
7
+ hasVirtualFocus: boolean;
8
+ children: React.ReactNode;
9
+ /**
10
+ * Callback when option is selected.
11
+ * To improve performance when you have many options,
12
+ * memoize the prop with e.g. useEventCallback.
13
+ */
14
+ onClick: React.MouseEventHandler<HTMLDivElement>;
15
+ }
16
+ declare function ListboxOptionComponent({ id, hasVirtualFocus, children, className, ...rest }: ListboxOptionProps): React.JSX.Element;
17
+ /**
18
+ * This component is memoized. To improve performance when you have many options,
19
+ * make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
20
+ *
21
+ * NB: Remember to set `aria-selected` on selected options!
22
+ */
23
+ export declare const ListboxOption: typeof ListboxOptionComponent;
24
+ export {};
@@ -11,17 +11,17 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React from "react";
13
13
  import { cl } from "../../../helpers/index.js";
14
- function ListboxItemComponent(_a) {
15
- //console.log("Rendering item", id);
14
+ function ListboxOptionComponent(_a) {
15
+ //console.log("Rendering option", id);
16
16
  var { id, hasVirtualFocus, children, className } = _a, rest = __rest(_a, ["id", "hasVirtualFocus", "children", "className"]);
17
17
  // TODO: Slot?
18
- return (React.createElement("div", Object.assign({ "aria-selected": false }, rest, { className: cl("aksel-listbox__item", className), role: "option", tabIndex: -1, "data-virtual-focus": hasVirtualFocus, "data-id": id, id: hasVirtualFocus ? "aksel-listbox__item-active" : undefined }), children));
18
+ return (React.createElement("div", Object.assign({ "aria-selected": false }, rest, { className: cl("aksel-listbox__option", className), role: "option", tabIndex: -1, "data-virtual-focus": hasVirtualFocus, "data-id": id, id: hasVirtualFocus ? "aksel-listbox__option-active" : undefined }), children));
19
19
  }
20
20
  /**
21
- * This component is memoized. To improve performance when you have many items,
21
+ * This component is memoized. To improve performance when you have many options,
22
22
  * make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
23
23
  *
24
- * NB: Remember to set `aria-selected` on selected items!
24
+ * NB: Remember to set `aria-selected` on selected options!
25
25
  */
26
- export const ListboxItem = React.memo(ListboxItemComponent);
27
- //# sourceMappingURL=ListboxItem.js.map
26
+ export const ListboxOption = React.memo(ListboxOptionComponent);
27
+ //# sourceMappingURL=ListboxOption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListboxOption.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/option/ListboxOption.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAoBtC,SAAS,sBAAsB,CAAC,EAMX;IACnB,sCAAsC;QAPR,EAC9B,EAAE,EACF,eAAe,EACf,QAAQ,EACR,SAAS,OAEU,EADhB,IAAI,cALuB,kDAM/B,CADQ;IAIP,cAAc;IAEd,OAAO,CACL,4DACiB,KAAK,IAChB,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACjD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,wBACQ,eAAe,aAC1B,EAAE,EACX,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,KAE/D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CACrC,sBAAsB,CACU,CAAC"}
@@ -0,0 +1,8 @@
1
+ /** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
2
+ import React from "react";
3
+ export interface ListboxOptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex" | "onMouseOver"> {
4
+ children: React.ReactNode;
5
+ setVirtuallyFocusedOptionId: (value: string) => void;
6
+ }
7
+ declare function ListboxOptions({ children, setVirtuallyFocusedOptionId, ...rest }: ListboxOptionsProps): React.JSX.Element;
8
+ export { ListboxOptions };
@@ -13,15 +13,15 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  /** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
14
14
  import React from "react";
15
15
  import { cl } from "../../../helpers/index.js";
16
- function ListboxList(_a) {
17
- var { children, setVirtuallyFocusedItemId } = _a, rest = __rest(_a, ["children", "setVirtuallyFocusedItemId"]);
18
- return (React.createElement("div", Object.assign({}, rest, { className: cl(rest.className, "aksel-listbox__list"), role: "listbox", tabIndex: -1, onMouseOver: (event) => {
16
+ function ListboxOptions(_a) {
17
+ var { children, setVirtuallyFocusedOptionId } = _a, rest = __rest(_a, ["children", "setVirtuallyFocusedOptionId"]);
18
+ return (React.createElement("div", Object.assign({}, rest, { className: cl(rest.className, "aksel-listbox__options"), role: "listbox", tabIndex: -1, onMouseOver: (event) => {
19
19
  const target = event.target;
20
- const itemEl = target.closest('[role="option"]');
21
- if (itemEl) {
22
- setVirtuallyFocusedItemId((itemEl === null || itemEl === void 0 ? void 0 : itemEl.dataset.id) || "");
20
+ const optionEl = target.closest('[role="option"]');
21
+ if (optionEl) {
22
+ setVirtuallyFocusedOptionId((optionEl === null || optionEl === void 0 ? void 0 : optionEl.dataset.id) || "");
23
23
  }
24
24
  } }), children));
25
25
  }
26
- export { ListboxList };
27
- //# sourceMappingURL=ListboxList.js.map
26
+ export { ListboxOptions };
27
+ //# sourceMappingURL=ListboxOptions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListboxOptions.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/options/ListboxOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0DAA0D;AAC1D,kFAAkF;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,SAAS,cAAc,CAAC,EAIF;QAJE,EACtB,QAAQ,EACR,2BAA2B,OAEP,EADjB,IAAI,cAHe,2CAIvB,CADQ;IAEP,OAAO,CACL,6CACM,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,wBAAwB,CAAC,EACvD,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,MAAM,QAAQ,GAAuB,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACvE,IAAI,QAAQ,EAAE,CAAC;gBACb,2BAA2B,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,EAAE,KAAI,EAAE,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -1,20 +1,20 @@
1
1
  /** biome-ignore-all lint/a11y/noStaticElementInteractions: We know what we are doing */
2
2
  import React from "react";
3
3
  import { ListboxGroup } from "../group/ListboxGroup.js";
4
- import { ListboxList } from "../list/ListboxList.js";
4
+ import { ListboxOptions } from "../options/ListboxOptions.js";
5
5
  export interface ListboxProps {
6
6
  children: React.ReactNode;
7
- setVirtuallyFocusedItemId: (value: string) => void;
7
+ setVirtuallyFocusedOptionId: (value: string) => void;
8
8
  }
9
9
  /**
10
- * Low level component for displaying a list of selectable items with optional grouping.
10
+ * Low level component for displaying a list of selectable options with optional grouping.
11
11
  * Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
12
12
  */
13
- declare function Listbox({ children, setVirtuallyFocusedItemId }: ListboxProps): React.JSX.Element;
13
+ declare function Listbox({ children, setVirtuallyFocusedOptionId }: ListboxProps): React.JSX.Element;
14
14
  declare namespace Listbox {
15
15
  var InputSlot: ({ children }: import("../input-slot/ListboxInputSlot.js").ListboxInputSlotProps) => React.JSX.Element;
16
- var List: typeof ListboxList;
17
- var Item: ({ id, hasVirtualFocus, children, className, ...rest }: import("../item/ListboxItem.js").ListboxItemProps) => React.JSX.Element;
16
+ var Options: typeof ListboxOptions;
17
+ var Option: ({ id, hasVirtualFocus, children, className, ...rest }: import("../option/ListboxOption.js").ListboxOptionProps) => React.JSX.Element;
18
18
  var Group: typeof ListboxGroup;
19
19
  }
20
20
  export default Listbox;
@@ -3,16 +3,16 @@
3
3
  import React from "react";
4
4
  import { ListboxGroup } from "../group/ListboxGroup.js";
5
5
  import { ListboxInputSlot } from "../input-slot/ListboxInputSlot.js";
6
- import { ListboxItem } from "../item/ListboxItem.js";
7
- import { ListboxList } from "../list/ListboxList.js";
8
- import { findNextItem, findPrevItem } from "./domHelpers.js";
6
+ import { ListboxOption } from "../option/ListboxOption.js";
7
+ import { ListboxOptions } from "../options/ListboxOptions.js";
8
+ import { findNextOption, findPrevOption } from "./domHelpers.js";
9
9
  /**
10
- * Low level component for displaying a list of selectable items with optional grouping.
10
+ * Low level component for displaying a list of selectable options with optional grouping.
11
11
  * Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
12
12
  */
13
- function Listbox({ children, setVirtuallyFocusedItemId }) {
14
- const virtuallyFocusItem = (element) => {
15
- setVirtuallyFocusedItemId((element === null || element === void 0 ? void 0 : element.dataset.id) || "");
13
+ function Listbox({ children, setVirtuallyFocusedOptionId }) {
14
+ const virtuallyFocusOption = (element) => {
15
+ setVirtuallyFocusedOptionId((element === null || element === void 0 ? void 0 : element.dataset.id) || "");
16
16
  element === null || element === void 0 ? void 0 : element.scrollIntoView({ block: "nearest" });
17
17
  };
18
18
  return (React.createElement("div", { onKeyDown: (event) => {
@@ -21,50 +21,50 @@ function Listbox({ children, setVirtuallyFocusedItemId }) {
21
21
  return;
22
22
  }
23
23
  // Helper functions
24
- const getFirstItem = (suffix = "") => listbox.querySelector(`[role="option"]${suffix}`);
25
- const getLastItem = () => {
26
- const allItems = listbox.querySelectorAll('[role="option"]');
27
- return allItems[allItems.length - 1];
24
+ const getFirstOption = (suffix = "") => listbox.querySelector(`[role="option"]${suffix}`);
25
+ const getLastOption = () => {
26
+ const allOptions = listbox.querySelectorAll('[role="option"]');
27
+ return allOptions[allOptions.length - 1];
28
28
  };
29
- const focusedItemElm = getFirstItem('[data-virtual-focus="true"]');
30
- // Doesn't make sense to have real focus on one item and virtual focus on another at the same time.
29
+ const focusedOptionElm = getFirstOption('[data-virtual-focus="true"]');
30
+ // Doesn't make sense to have real focus on one option and virtual focus on another at the same time.
31
31
  // Not sure if it matters, though 🤔
32
- const itemElmWithRealFocus = getFirstItem(":focus");
33
- if (itemElmWithRealFocus) {
32
+ const optionElmWithRealFocus = getFirstOption(":focus");
33
+ if (optionElmWithRealFocus) {
34
34
  listbox.focus();
35
35
  }
36
36
  const virtuallyFocusWithFallback = (getNextElement, getFallback) => {
37
37
  event.preventDefault();
38
- if (!focusedItemElm) {
39
- virtuallyFocusItem(getFallback());
38
+ if (!focusedOptionElm) {
39
+ virtuallyFocusOption(getFallback());
40
40
  return;
41
41
  }
42
- const nextItem = getNextElement(focusedItemElm);
43
- if (!nextItem) {
44
- virtuallyFocusItem(getFallback());
42
+ const nextOption = getNextElement(focusedOptionElm);
43
+ if (!nextOption) {
44
+ virtuallyFocusOption(getFallback());
45
45
  return;
46
46
  }
47
- virtuallyFocusItem(nextItem);
47
+ virtuallyFocusOption(nextOption);
48
48
  };
49
49
  switch (event.key) {
50
50
  case "ArrowDown":
51
- virtuallyFocusWithFallback(findNextItem, getFirstItem);
51
+ virtuallyFocusWithFallback(findNextOption, getFirstOption);
52
52
  break;
53
53
  case "ArrowUp":
54
- virtuallyFocusWithFallback(findPrevItem, getLastItem);
54
+ virtuallyFocusWithFallback(findPrevOption, getLastOption);
55
55
  break;
56
56
  case "Home":
57
57
  event.preventDefault();
58
- virtuallyFocusItem(getFirstItem());
58
+ virtuallyFocusOption(getFirstOption());
59
59
  break;
60
60
  case "End":
61
61
  event.preventDefault();
62
- virtuallyFocusItem(getLastItem());
62
+ virtuallyFocusOption(getLastOption());
63
63
  break;
64
64
  case "Enter":
65
65
  case "Accept":
66
- if (focusedItemElm) {
67
- focusedItemElm.click();
66
+ if (focusedOptionElm) {
67
+ focusedOptionElm.click();
68
68
  }
69
69
  break;
70
70
  // TODO: Consider implementing PageUp/PageDown too
@@ -72,8 +72,8 @@ function Listbox({ children, setVirtuallyFocusedItemId }) {
72
72
  } }, children));
73
73
  }
74
74
  Listbox.InputSlot = ListboxInputSlot;
75
- Listbox.List = ListboxList;
76
- Listbox.Item = ListboxItem;
75
+ Listbox.Options = ListboxOptions;
76
+ Listbox.Option = ListboxOption;
77
77
  Listbox.Group = ListboxGroup;
78
78
  export default Listbox;
79
79
  //# sourceMappingURL=ListboxRoot.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListboxRoot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/ListboxRoot.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListboxRoot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/ListboxRoot.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- declare function findNextItem(currentItem: HTMLElement): HTMLElement | null;
2
- declare function findPrevItem(currentItem: HTMLElement): HTMLElement | null;
3
- export { findNextItem, findPrevItem };
1
+ declare function findNextOption(currentOption: HTMLElement): HTMLElement | null;
2
+ declare function findPrevOption(currentOption: HTMLElement): HTMLElement | null;
3
+ export { findNextOption, findPrevOption };
@@ -1,6 +1,6 @@
1
- function findNextItem(currentItem) {
1
+ function findNextOption(currentOption) {
2
2
  var _a;
3
- const nextElement = currentItem.nextElementSibling;
3
+ const nextElement = currentOption.nextElementSibling;
4
4
  if (nextElement) {
5
5
  if (nextElement.role === "group") {
6
6
  return nextElement.querySelector('[role="option"]');
@@ -11,7 +11,7 @@ function findNextItem(currentItem) {
11
11
  }
12
12
  // No next element: Current element might be inside a group.
13
13
  // Check if the parent has a next sibling
14
- const parentNextElement = (_a = currentItem.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
14
+ const parentNextElement = (_a = currentOption.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
15
15
  if (parentNextElement) {
16
16
  if (parentNextElement.role === "group") {
17
17
  return parentNextElement.querySelector('[role="option"]');
@@ -22,9 +22,9 @@ function findNextItem(currentItem) {
22
22
  }
23
23
  return null;
24
24
  }
25
- function findPrevItem(currentItem) {
25
+ function findPrevOption(currentOption) {
26
26
  var _a;
27
- const prevElement = currentItem.previousElementSibling;
27
+ const prevElement = currentOption.previousElementSibling;
28
28
  if (prevElement) {
29
29
  if (prevElement.role === "group") {
30
30
  return prevElement.querySelector('[role="option"]:last-of-type');
@@ -35,7 +35,7 @@ function findPrevItem(currentItem) {
35
35
  }
36
36
  // No previous element: Current element might be inside a group.
37
37
  // Check if the parent has a previous sibling.
38
- const parentPrevElement = (_a = currentItem.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling;
38
+ const parentPrevElement = (_a = currentOption.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling;
39
39
  if (parentPrevElement) {
40
40
  if (parentPrevElement.role === "group") {
41
41
  return parentPrevElement.querySelector('[role="option"]:last-of-type');
@@ -46,5 +46,5 @@ function findPrevItem(currentItem) {
46
46
  }
47
47
  return null;
48
48
  }
49
- export { findNextItem, findPrevItem };
49
+ export { findNextOption, findPrevOption };
50
50
  //# sourceMappingURL=domHelpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"domHelpers.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/domHelpers.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAC,WAAwB;;IAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,kBAAwC,CAAC;IACzE,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,4DAA4D;IAC5D,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,MAAA,WAAW,CAAC,aAAa,0CAC/C,kBAAwC,CAAC;IAC7C,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CAAC,WAAwB;;IAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,sBAA4C,CAAC;IAC7E,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAC9B,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,gEAAgE;IAChE,8CAA8C;IAC9C,MAAM,iBAAiB,GAAG,MAAA,WAAW,CAAC,aAAa,0CAC/C,sBAA4C,CAAC;IACjD,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CACpC,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"domHelpers.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/domHelpers.ts"],"names":[],"mappings":"AAAA,SAAS,cAAc,CAAC,aAA0B;;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,kBAAwC,CAAC;IAC3E,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,4DAA4D;IAC5D,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,MAAA,aAAa,CAAC,aAAa,0CACjD,kBAAwC,CAAC;IAC7C,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,cAAc,CAAC,aAA0B;;IAChD,MAAM,WAAW,GACf,aAAa,CAAC,sBAA4C,CAAC;IAC7D,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAC9B,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,gEAAgE;IAChE,8CAA8C;IAC9C,MAAM,iBAAiB,GAAG,MAAA,aAAa,CAAC,aAAa,0CACjD,sBAA4C,CAAC;IACjD,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CACpC,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
@@ -25,7 +25,7 @@ declare const Floating: FloatingComponent;
25
25
  * Floating Anchor
26
26
  */
27
27
  type FloatingAnchorProps = HTMLAttributes<HTMLDivElement> & AsChildProps & {
28
- virtualRef?: React.RefObject<Measurable>;
28
+ virtualRef?: Measurable;
29
29
  };
30
30
  /**
31
31
  * `FloatingAnchor` provides an anchor for a Floating instance.
@@ -36,7 +36,7 @@ const FloatingAnchor = forwardRef((_a, forwardedRef) => {
36
36
  useEffect(() => {
37
37
  // Allows anchoring the floating to non-DOM nodes like a cursor position.
38
38
  // We replace `anchorRef` with a virtual ref in such cases.
39
- context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
39
+ context.onAnchorChange(virtualRef || ref.current);
40
40
  });
41
41
  const Comp = asChild ? Slot : "div";
42
42
  return virtualRef ? null : React.createElement(Comp, Object.assign({ ref: mergedRef }, rest));