@react-md/core 1.0.0-next.8 → 1.0.0-next.9

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 (667) hide show
  1. package/.stylelintrc.json +14 -0
  2. package/.turbo/turbo-build.log +5 -5
  3. package/.turbo/turbo-lint.log +13 -0
  4. package/CHANGELOG.md +9 -0
  5. package/README.md +39 -24
  6. package/coverage/clover.xml +1013 -404
  7. package/coverage/coverage-final.json +9 -2
  8. package/coverage/lcov-report/AutoComplete.tsx.html +283 -0
  9. package/coverage/lcov-report/RootHtml.tsx.html +370 -0
  10. package/coverage/lcov-report/Select.tsx.html +1411 -0
  11. package/coverage/lcov-report/autocomplete/AutoComplete.tsx.html +283 -0
  12. package/coverage/lcov-report/autocomplete/Autocomplete.tsx.html +283 -0
  13. package/coverage/lcov-report/autocomplete/index.html +161 -0
  14. package/coverage/lcov-report/autocomplete/useAutoComplete.ts.html +775 -0
  15. package/coverage/lcov-report/autocomplete/useAutocomplete.ts.html +775 -0
  16. package/coverage/lcov-report/autocomplete/useInlineAutoComplete.ts.html +340 -0
  17. package/coverage/lcov-report/autocomplete/useInlineAutocomplete.ts.html +346 -0
  18. package/coverage/lcov-report/autocomplete/utils.ts.html +106 -0
  19. package/coverage/lcov-report/avatar/Avatar.tsx.html +162 -99
  20. package/coverage/lcov-report/avatar/index.html +19 -34
  21. package/coverage/lcov-report/avatar/styles.ts.html +1 -1
  22. package/coverage/lcov-report/button/Button.tsx.html +85 -85
  23. package/coverage/lcov-report/button/index.html +12 -12
  24. package/coverage/lcov-report/dialog/DialogFooter.tsx.html +36 -36
  25. package/coverage/lcov-report/dialog/DialogHeader.tsx.html +26 -26
  26. package/coverage/lcov-report/dialog/index.html +34 -19
  27. package/coverage/lcov-report/form/AutoComplete.tsx.html +283 -0
  28. package/coverage/lcov-report/form/Form.tsx.html +22 -22
  29. package/coverage/lcov-report/form/OptGroup.tsx.html +169 -166
  30. package/coverage/lcov-report/form/Option.tsx.html +727 -0
  31. package/coverage/lcov-report/form/Select.tsx.html +962 -1112
  32. package/coverage/lcov-report/form/SelectOriginal.tsx.html +1630 -0
  33. package/coverage/lcov-report/form/SelectV2.tsx.html +1024 -0
  34. package/coverage/lcov-report/form/SelectedOption.tsx.html +250 -0
  35. package/coverage/lcov-report/form/index.html +57 -12
  36. package/coverage/lcov-report/form/selectUtils.ts.html +188 -221
  37. package/coverage/lcov-report/form/useAutoComplete.ts.html +787 -0
  38. package/coverage/lcov-report/form/useCombobox.ts.html +454 -460
  39. package/coverage/lcov-report/form/useComboboxList.ts.html +108 -93
  40. package/coverage/lcov-report/form/useFormReset.ts.html +229 -0
  41. package/coverage/lcov-report/form/useInlineAutoComplete.ts.html +379 -0
  42. package/coverage/lcov-report/form/useSelectCombobox.ts.html +499 -0
  43. package/coverage/lcov-report/form/utils.ts.html +209 -170
  44. package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
  45. package/coverage/lcov-report/icon/MaterialIcon.tsx.html +235 -0
  46. package/coverage/lcov-report/icon/index.html +1 -1
  47. package/coverage/lcov-report/index.html +36 -21
  48. package/coverage/lcov-report/media-queries/appSize.ts.html +1 -1
  49. package/coverage/lcov-report/media-queries/index.html +1 -1
  50. package/coverage/lcov-report/menu/DropdownMenu.tsx.html +188 -188
  51. package/coverage/lcov-report/menu/Menu.tsx.html +271 -265
  52. package/coverage/lcov-report/menu/MenuItem.tsx.html +292 -0
  53. package/coverage/lcov-report/menu/MenuVisibilityProvider.tsx.html +48 -33
  54. package/coverage/lcov-report/menu/index.html +45 -15
  55. package/coverage/lcov-report/menu/useContextMenu.ts.html +490 -0
  56. package/coverage/lcov-report/movement/index.html +19 -19
  57. package/coverage/lcov-report/movement/useKeyboardMovementProvider.ts.html +422 -383
  58. package/coverage/lcov-report/positioning/constants.ts.html +463 -0
  59. package/coverage/lcov-report/positioning/index.html +30 -30
  60. package/coverage/lcov-report/positioning/useFixedPositioning.ts.html +1321 -0
  61. package/coverage/lcov-report/progress/CircularProgress.tsx.html +184 -184
  62. package/coverage/lcov-report/progress/index.html +19 -34
  63. package/coverage/lcov-report/searching/caseInsensitive.ts.html +685 -0
  64. package/coverage/lcov-report/searching/fuzzy.ts.html +610 -0
  65. package/coverage/lcov-report/searching/index.html +161 -0
  66. package/coverage/lcov-report/searching/toSearchQuery.ts.html +139 -0
  67. package/coverage/lcov-report/searching/utils.ts.html +247 -0
  68. package/coverage/lcov-report/src/CoreProviders.tsx.html +20 -20
  69. package/coverage/lcov-report/src/NoSsr.tsx.html +1 -1
  70. package/coverage/lcov-report/src/RootHtml.tsx.html +370 -0
  71. package/coverage/lcov-report/src/SsrProvider.tsx.html +10 -10
  72. package/coverage/lcov-report/src/app-bar/AppBar.tsx.html +1 -1
  73. package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html +1 -1
  74. package/coverage/lcov-report/src/app-bar/index.html +1 -1
  75. package/coverage/lcov-report/src/avatar/Avatar.tsx.html +1 -1
  76. package/coverage/lcov-report/src/avatar/index.html +1 -1
  77. package/coverage/lcov-report/src/avatar/styles.ts.html +1 -1
  78. package/coverage/lcov-report/src/badge/Badge.tsx.html +1 -1
  79. package/coverage/lcov-report/src/badge/index.html +1 -1
  80. package/coverage/lcov-report/src/box/Box.tsx.html +1 -1
  81. package/coverage/lcov-report/src/box/index.html +1 -1
  82. package/coverage/lcov-report/src/box/styles.ts.html +1 -1
  83. package/coverage/lcov-report/src/button/AsyncButton.tsx.html +1 -1
  84. package/coverage/lcov-report/src/button/Button.tsx.html +1 -1
  85. package/coverage/lcov-report/src/button/ButtonUnstyled.tsx.html +1 -1
  86. package/coverage/lcov-report/src/button/FloatingActionButton.tsx.html +1 -1
  87. package/coverage/lcov-report/src/button/TooltippedButton.tsx.html +1 -1
  88. package/coverage/lcov-report/src/button/buttonStyles.ts.html +1 -1
  89. package/coverage/lcov-report/src/button/buttonUnstyledStyles.ts.html +1 -1
  90. package/coverage/lcov-report/src/button/index.html +1 -1
  91. package/coverage/lcov-report/src/card/Card.tsx.html +1 -1
  92. package/coverage/lcov-report/src/card/CardContent.tsx.html +1 -1
  93. package/coverage/lcov-report/src/card/CardFooter.tsx.html +1 -1
  94. package/coverage/lcov-report/src/card/CardHeader.tsx.html +1 -1
  95. package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +1 -1
  96. package/coverage/lcov-report/src/card/CardTitle.tsx.html +1 -1
  97. package/coverage/lcov-report/src/card/ClickableCard.tsx.html +1 -1
  98. package/coverage/lcov-report/src/card/index.html +1 -1
  99. package/coverage/lcov-report/src/card/styles.ts.html +1 -1
  100. package/coverage/lcov-report/src/chip/Chip.tsx.html +1 -1
  101. package/coverage/lcov-report/src/chip/index.html +1 -1
  102. package/coverage/lcov-report/src/chip/styles.ts.html +1 -1
  103. package/coverage/lcov-report/src/cssUtils.ts.html +53 -53
  104. package/coverage/lcov-report/src/delegateEvent.ts.html +1 -1
  105. package/coverage/lcov-report/src/dialog/Dialog.tsx.html +1 -1
  106. package/coverage/lcov-report/src/dialog/DialogContainer.tsx.html +1 -1
  107. package/coverage/lcov-report/src/dialog/DialogContent.tsx.html +1 -1
  108. package/coverage/lcov-report/src/dialog/DialogFooter.tsx.html +1 -1
  109. package/coverage/lcov-report/src/dialog/DialogHeader.tsx.html +1 -1
  110. package/coverage/lcov-report/src/dialog/DialogTitle.tsx.html +1 -1
  111. package/coverage/lcov-report/src/dialog/FixedDialog.tsx.html +1 -1
  112. package/coverage/lcov-report/src/dialog/NestedDialogProvider.ts.html +1 -1
  113. package/coverage/lcov-report/src/dialog/index.html +1 -1
  114. package/coverage/lcov-report/src/dialog/styles.ts.html +1 -1
  115. package/coverage/lcov-report/src/divider/Divider.tsx.html +1 -1
  116. package/coverage/lcov-report/src/divider/index.html +1 -1
  117. package/coverage/lcov-report/src/divider/styles.ts.html +1 -1
  118. package/coverage/lcov-report/src/draggable/index.html +1 -1
  119. package/coverage/lcov-report/src/draggable/useDraggable.ts.html +1 -1
  120. package/coverage/lcov-report/src/draggable/utils.ts.html +1 -1
  121. package/coverage/lcov-report/src/expansion-panel/ExpansionList.tsx.html +1 -1
  122. package/coverage/lcov-report/src/expansion-panel/ExpansionPanel.tsx.html +1 -1
  123. package/coverage/lcov-report/src/expansion-panel/ExpansionPanelHeader.tsx.html +1 -1
  124. package/coverage/lcov-report/src/expansion-panel/index.html +1 -1
  125. package/coverage/lcov-report/src/expansion-panel/useExpansionList.ts.html +1 -1
  126. package/coverage/lcov-report/src/expansion-panel/useExpansionPanels.ts.html +1 -1
  127. package/coverage/lcov-report/src/focus/index.html +1 -1
  128. package/coverage/lcov-report/src/focus/useFocusContainer.ts.html +1 -1
  129. package/coverage/lcov-report/src/focus/utils.ts.html +1 -1
  130. package/coverage/lcov-report/src/form/AutoComplete.tsx.html +283 -0
  131. package/coverage/lcov-report/src/form/Checkbox.tsx.html +1 -1
  132. package/coverage/lcov-report/src/form/Fieldset.tsx.html +1 -1
  133. package/coverage/lcov-report/src/form/FileInput.tsx.html +1 -1
  134. package/coverage/lcov-report/src/form/Form.tsx.html +11 -8
  135. package/coverage/lcov-report/src/form/FormMessage.tsx.html +1 -1
  136. package/coverage/lcov-report/src/form/FormMessageContainer.tsx.html +1 -1
  137. package/coverage/lcov-report/src/form/FormMessageCounter.tsx.html +1 -1
  138. package/coverage/lcov-report/src/form/InputToggle.tsx.html +1 -1
  139. package/coverage/lcov-report/src/form/InputToggleIcon.tsx.html +56 -56
  140. package/coverage/lcov-report/src/form/Label.tsx.html +1 -1
  141. package/coverage/lcov-report/src/form/Legend.tsx.html +1 -1
  142. package/coverage/lcov-report/src/form/MenuItemCheckbox.tsx.html +3 -3
  143. package/coverage/lcov-report/src/form/MenuItemFileInput.tsx.html +1 -1
  144. package/coverage/lcov-report/src/form/MenuItemInputToggle.tsx.html +178 -232
  145. package/coverage/lcov-report/src/form/MenuItemRadio.tsx.html +3 -3
  146. package/coverage/lcov-report/src/form/MenuItemSwitch.tsx.html +1 -1
  147. package/coverage/lcov-report/src/form/MenuItemTextField.tsx.html +1 -1
  148. package/coverage/lcov-report/src/form/NativeSelect.tsx.html +1 -1
  149. package/coverage/lcov-report/src/form/OptGroup.tsx.html +1 -1
  150. package/coverage/lcov-report/src/form/Option.tsx.html +1 -1
  151. package/coverage/lcov-report/src/form/Password.tsx.html +1 -1
  152. package/coverage/lcov-report/src/form/Radio.tsx.html +1 -1
  153. package/coverage/lcov-report/src/form/Select.tsx.html +894 -1146
  154. package/coverage/lcov-report/src/form/SelectValue.tsx.html +1 -1
  155. package/coverage/lcov-report/src/form/Slider.tsx.html +1 -1
  156. package/coverage/lcov-report/src/form/SliderContainer.tsx.html +1 -1
  157. package/coverage/lcov-report/src/form/SliderMark.tsx.html +1 -1
  158. package/coverage/lcov-report/src/form/SliderMarkLabel.tsx.html +1 -1
  159. package/coverage/lcov-report/src/form/SliderThumb.tsx.html +1 -1
  160. package/coverage/lcov-report/src/form/SliderTrack.tsx.html +1 -1
  161. package/coverage/lcov-report/src/form/SliderValueMarks.tsx.html +1 -1
  162. package/coverage/lcov-report/src/form/SliderValueTooltip.tsx.html +1 -1
  163. package/coverage/lcov-report/src/form/Switch.tsx.html +1 -1
  164. package/coverage/lcov-report/src/form/SwitchTrack.tsx.html +1 -1
  165. package/coverage/lcov-report/src/form/TextArea.tsx.html +1 -1
  166. package/coverage/lcov-report/src/form/TextField.tsx.html +1 -1
  167. package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html +1 -1
  168. package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html +1 -1
  169. package/coverage/lcov-report/src/form/TextFieldContainerStyles.ts.html +1 -1
  170. package/coverage/lcov-report/src/form/fileUtils.ts.html +1 -1
  171. package/coverage/lcov-report/src/form/formConfig.ts.html +1 -1
  172. package/coverage/lcov-report/src/form/formMessageStyles.ts.html +1 -1
  173. package/coverage/lcov-report/src/form/index.html +30 -900
  174. package/coverage/lcov-report/src/form/inputToggleStyles.ts.html +30 -30
  175. package/coverage/lcov-report/src/form/menuItemInputToggleStyles.ts.html +319 -0
  176. package/coverage/lcov-report/src/form/nativeSelectStyles.ts.html +1 -1
  177. package/coverage/lcov-report/src/form/optionStyles.ts.html +1 -1
  178. package/coverage/lcov-report/src/form/passwordStyles.ts.html +1 -1
  179. package/coverage/lcov-report/src/form/selectStyles.ts.html +1 -1
  180. package/coverage/lcov-report/src/form/selectUtils.ts.html +1 -1
  181. package/coverage/lcov-report/src/form/sliderUtils.ts.html +1 -1
  182. package/coverage/lcov-report/src/form/switchStyles.ts.html +1 -1
  183. package/coverage/lcov-report/src/form/textAreaStyles.ts.html +1 -1
  184. package/coverage/lcov-report/src/form/textFieldStyles.ts.html +1 -1
  185. package/coverage/lcov-report/src/form/useAutoComplete.ts.html +787 -0
  186. package/coverage/lcov-report/src/form/useCheckboxGroup.ts.html +1 -1
  187. package/coverage/lcov-report/src/form/useCombobox.ts.html +943 -457
  188. package/coverage/lcov-report/src/form/useEditableCombobox.ts.html +502 -0
  189. package/coverage/lcov-report/src/form/useFileUpload.ts.html +1 -1
  190. package/coverage/lcov-report/src/form/useInlineAutoComplete.ts.html +109 -0
  191. package/coverage/lcov-report/src/form/useListboxProvider.ts.html +1 -1
  192. package/coverage/lcov-report/src/form/useNumberField.ts.html +1 -1
  193. package/coverage/lcov-report/src/form/useRadioGroup.ts.html +1 -1
  194. package/coverage/lcov-report/src/form/useRangeSlider.ts.html +1 -1
  195. package/coverage/lcov-report/src/form/useResizingTextArea.ts.html +1 -1
  196. package/coverage/lcov-report/src/form/useSelectCombobox.ts.html +295 -0
  197. package/coverage/lcov-report/src/form/useSlider.ts.html +1 -1
  198. package/coverage/lcov-report/src/form/useTextField.ts.html +1 -1
  199. package/coverage/lcov-report/src/form/utils.ts.html +200 -170
  200. package/coverage/lcov-report/src/form/validation.ts.html +1 -1
  201. package/coverage/lcov-report/src/hoverMode/index.html +1 -1
  202. package/coverage/lcov-report/src/hoverMode/useHoverMode.ts.html +1 -1
  203. package/coverage/lcov-report/src/hoverMode/useHoverModeProvider.ts.html +1 -1
  204. package/coverage/lcov-report/src/icon/FontIcon.tsx.html +28 -28
  205. package/coverage/lcov-report/src/icon/IconRotator.tsx.html +1 -1
  206. package/coverage/lcov-report/src/icon/MaterialIcon.tsx.html +1 -1
  207. package/coverage/lcov-report/src/icon/MaterialSymbol.tsx.html +1 -1
  208. package/coverage/lcov-report/src/icon/SVGIcon.tsx.html +1 -1
  209. package/coverage/lcov-report/src/icon/TextIconSpacing.tsx.html +51 -51
  210. package/coverage/lcov-report/src/icon/iconConfig.tsx.html +10 -10
  211. package/coverage/lcov-report/src/icon/index.html +1 -1
  212. package/coverage/lcov-report/src/icon/material.ts.html +1 -1
  213. package/coverage/lcov-report/src/icon/materialConfig.ts.html +1 -1
  214. package/coverage/lcov-report/src/icon/styles.ts.html +38 -38
  215. package/coverage/lcov-report/src/index.html +9 -354
  216. package/coverage/lcov-report/src/interaction/Ripple.tsx.html +1 -1
  217. package/coverage/lcov-report/src/interaction/RippleContainer.tsx.html +1 -1
  218. package/coverage/lcov-report/src/interaction/UserInteractionModeProvider.tsx.html +87 -87
  219. package/coverage/lcov-report/src/interaction/config.ts.html +7 -7
  220. package/coverage/lcov-report/src/interaction/index.html +1 -1
  221. package/coverage/lcov-report/src/interaction/useElementInteraction.tsx.html +83 -83
  222. package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html +7 -7
  223. package/coverage/lcov-report/src/interaction/utils.ts.html +1 -1
  224. package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html +1 -1
  225. package/coverage/lcov-report/src/layout/LayoutNav.tsx.html +1 -1
  226. package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html +1 -1
  227. package/coverage/lcov-report/src/layout/Main.tsx.html +1 -1
  228. package/coverage/lcov-report/src/layout/index.html +1 -1
  229. package/coverage/lcov-report/src/layout/layoutNavStyles.ts.html +1 -1
  230. package/coverage/lcov-report/src/layout/layoutWindowSplitterStyles.ts.html +1 -1
  231. package/coverage/lcov-report/src/layout/mainStyles.ts.html +1 -1
  232. package/coverage/lcov-report/src/layout/useExpandableLayout.ts.html +1 -1
  233. package/coverage/lcov-report/src/layout/useHorizontalLayoutTransition.ts.html +1 -1
  234. package/coverage/lcov-report/src/layout/useLayoutAppBarHeight.ts.html +1 -1
  235. package/coverage/lcov-report/src/layout/useLayoutTree.ts.html +1 -1
  236. package/coverage/lcov-report/src/layout/useLayoutWindowSplitter.ts.html +1 -1
  237. package/coverage/lcov-report/src/layout/useMainTabIndex.ts.html +1 -1
  238. package/coverage/lcov-report/src/layout/useResizableLayout.ts.html +1 -1
  239. package/coverage/lcov-report/src/layout/useTemporaryLayout.ts.html +1 -1
  240. package/coverage/lcov-report/src/link/Link.tsx.html +1 -1
  241. package/coverage/lcov-report/src/link/SkipToMainContent.tsx.html +1 -1
  242. package/coverage/lcov-report/src/link/index.html +1 -1
  243. package/coverage/lcov-report/src/link/styles.ts.html +1 -1
  244. package/coverage/lcov-report/src/list/List.tsx.html +30 -30
  245. package/coverage/lcov-report/src/list/ListItem.tsx.html +124 -124
  246. package/coverage/lcov-report/src/list/ListItemAddon.tsx.html +35 -35
  247. package/coverage/lcov-report/src/list/ListItemChildren.tsx.html +79 -79
  248. package/coverage/lcov-report/src/list/ListItemLink.tsx.html +2 -2
  249. package/coverage/lcov-report/src/list/ListItemText.tsx.html +35 -35
  250. package/coverage/lcov-report/src/list/ListSubheader.tsx.html +1 -1
  251. package/coverage/lcov-report/src/list/getListItemHeight.ts.html +44 -47
  252. package/coverage/lcov-report/src/list/index.html +5 -5
  253. package/coverage/lcov-report/src/list/listItemStyles.ts.html +65 -65
  254. package/coverage/lcov-report/src/media-queries/AppSizeProvider.tsx.html +49 -49
  255. package/coverage/lcov-report/src/media-queries/appSize.ts.html +1 -1
  256. package/coverage/lcov-report/src/media-queries/index.html +1 -1
  257. package/coverage/lcov-report/src/media-queries/useMediaQuery.ts.html +24 -24
  258. package/coverage/lcov-report/src/menu/DropdownMenu.tsx.html +1 -1
  259. package/coverage/lcov-report/src/menu/Menu.tsx.html +3 -3
  260. package/coverage/lcov-report/src/menu/MenuBar.tsx.html +1 -1
  261. package/coverage/lcov-report/src/menu/MenuButton.tsx.html +1 -1
  262. package/coverage/lcov-report/src/menu/MenuConfigurationProvider.tsx.html +1 -1
  263. package/coverage/lcov-report/src/menu/MenuItem.tsx.html +1 -1
  264. package/coverage/lcov-report/src/menu/MenuItemButton.tsx.html +1 -1
  265. package/coverage/lcov-report/src/menu/MenuItemGroup.tsx.html +1 -1
  266. package/coverage/lcov-report/src/menu/MenuItemSeparator.tsx.html +1 -1
  267. package/coverage/lcov-report/src/menu/MenuSheet.tsx.html +1 -1
  268. package/coverage/lcov-report/src/menu/MenuVisibilityProvider.tsx.html +1 -1
  269. package/coverage/lcov-report/src/menu/MenuWidget.tsx.html +1 -1
  270. package/coverage/lcov-report/src/menu/MenuWidgetKeyboardProvider.tsx.html +1 -1
  271. package/coverage/lcov-report/src/menu/index.html +1 -1
  272. package/coverage/lcov-report/src/menu/useContextMenu.ts.html +1 -1
  273. package/coverage/lcov-report/src/menu/useMenuBarProvider.ts.html +1 -1
  274. package/coverage/lcov-report/src/menu/utils.ts.html +1 -1
  275. package/coverage/lcov-report/src/movement/constants.ts.html +1 -1
  276. package/coverage/lcov-report/src/movement/findMatchIndex.ts.html +1 -1
  277. package/coverage/lcov-report/src/movement/index.html +17 -62
  278. package/coverage/lcov-report/src/movement/useKeyboardMovementProvider.ts.html +1 -1
  279. package/coverage/lcov-report/src/movement/utils.ts.html +143 -119
  280. package/coverage/lcov-report/src/overlay/Overlay.tsx.html +1 -1
  281. package/coverage/lcov-report/src/overlay/index.html +1 -1
  282. package/coverage/lcov-report/src/overlay/overlayStyles.ts.html +1 -1
  283. package/coverage/lcov-report/src/portal/Portal.tsx.html +1 -1
  284. package/coverage/lcov-report/src/portal/PortalContainerProvider.tsx.html +36 -36
  285. package/coverage/lcov-report/src/portal/index.html +1 -1
  286. package/coverage/lcov-report/src/positioning/constants.ts.html +1 -1
  287. package/coverage/lcov-report/src/positioning/createHorizontalPosition.ts.html +1 -1
  288. package/coverage/lcov-report/src/positioning/createVerticalPosition.ts.html +1 -1
  289. package/coverage/lcov-report/src/positioning/getFixedPosition.ts.html +1 -1
  290. package/coverage/lcov-report/src/positioning/index.html +1 -1
  291. package/coverage/lcov-report/src/positioning/useFixedPositioning.ts.html +1 -1
  292. package/coverage/lcov-report/src/positioning/utils.ts.html +1 -1
  293. package/coverage/lcov-report/src/progress/CircularProgress.tsx.html +81 -81
  294. package/coverage/lcov-report/src/progress/LinearProgress.tsx.html +1 -1
  295. package/coverage/lcov-report/src/progress/getProgressA11y.ts.html +1 -1
  296. package/coverage/lcov-report/src/progress/index.html +1 -1
  297. package/coverage/lcov-report/src/responsive-item/ResponsiveItemContainer.tsx.html +1 -1
  298. package/coverage/lcov-report/src/responsive-item/ResponsiveItemOverlay.tsx.html +1 -1
  299. package/coverage/lcov-report/src/responsive-item/index.html +1 -1
  300. package/coverage/lcov-report/src/responsive-item/styles.ts.html +1 -1
  301. package/coverage/lcov-report/src/scroll/ScrollLock.tsx.html +1 -1
  302. package/coverage/lcov-report/src/scroll/getScrollbarWidth.ts.html +1 -1
  303. package/coverage/lcov-report/src/scroll/index.html +1 -1
  304. package/coverage/lcov-report/src/scroll/useScrollLock.ts.html +1 -1
  305. package/coverage/lcov-report/src/segmented-button/SegmentedButton.tsx.html +1 -1
  306. package/coverage/lcov-report/src/segmented-button/SegmentedButtonContainer.tsx.html +1 -1
  307. package/coverage/lcov-report/src/segmented-button/index.html +1 -1
  308. package/coverage/lcov-report/src/segmented-button/segmentedButtonContainerStyles.ts.html +1 -1
  309. package/coverage/lcov-report/src/segmented-button/segmentedButtonStyles.ts.html +1 -1
  310. package/coverage/lcov-report/src/sheet/Sheet.tsx.html +1 -1
  311. package/coverage/lcov-report/src/sheet/index.html +1 -1
  312. package/coverage/lcov-report/src/sheet/styles.ts.html +1 -1
  313. package/coverage/lcov-report/src/snackbar/DefaultToastRenderer.tsx.html +1 -1
  314. package/coverage/lcov-report/src/snackbar/Snackbar.tsx.html +1 -1
  315. package/coverage/lcov-report/src/snackbar/Toast.tsx.html +1 -1
  316. package/coverage/lcov-report/src/snackbar/ToastActionButton.tsx.html +1 -1
  317. package/coverage/lcov-report/src/snackbar/ToastCloseButton.tsx.html +1 -1
  318. package/coverage/lcov-report/src/snackbar/ToastContent.tsx.html +1 -1
  319. package/coverage/lcov-report/src/snackbar/ToastManager.tsx.html +1 -1
  320. package/coverage/lcov-report/src/snackbar/ToastManagerProvider.tsx.html +1 -1
  321. package/coverage/lcov-report/src/snackbar/index.html +1 -1
  322. package/coverage/lcov-report/src/snackbar/snackbarStyles.ts.html +1 -1
  323. package/coverage/lcov-report/src/snackbar/toastContentStyles.ts.html +1 -1
  324. package/coverage/lcov-report/src/snackbar/toastStyles.ts.html +1 -1
  325. package/coverage/lcov-report/src/snackbar/useCurrentToastActions.ts.html +1 -1
  326. package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html +142 -142
  327. package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html +88 -88
  328. package/coverage/lcov-report/src/suspense/index.html +32 -32
  329. package/coverage/lcov-report/src/table/Table.tsx.html +1 -1
  330. package/coverage/lcov-report/src/table/TableBody.tsx.html +1 -1
  331. package/coverage/lcov-report/src/table/TableCell.tsx.html +1 -1
  332. package/coverage/lcov-report/src/table/TableCellContent.tsx.html +1 -1
  333. package/coverage/lcov-report/src/table/TableCheckbox.tsx.html +1 -1
  334. package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html +1 -1
  335. package/coverage/lcov-report/src/table/TableContainer.tsx.html +1 -1
  336. package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html +1 -1
  337. package/coverage/lcov-report/src/table/TableFooter.tsx.html +1 -1
  338. package/coverage/lcov-report/src/table/TableHeader.tsx.html +1 -1
  339. package/coverage/lcov-report/src/table/TableRadio.tsx.html +1 -1
  340. package/coverage/lcov-report/src/table/TableRow.tsx.html +1 -1
  341. package/coverage/lcov-report/src/table/index.html +1 -1
  342. package/coverage/lcov-report/src/table/tableCellStyles.ts.html +1 -1
  343. package/coverage/lcov-report/src/table/tableContainerStyles.ts.html +1 -1
  344. package/coverage/lcov-report/src/table/tableFooterStyles.ts.html +1 -1
  345. package/coverage/lcov-report/src/table/tableHeaderStyles.ts.html +1 -1
  346. package/coverage/lcov-report/src/table/tableRowStyles.ts.html +1 -1
  347. package/coverage/lcov-report/src/table/tableStyles.ts.html +1 -1
  348. package/coverage/lcov-report/src/tabs/Tab.tsx.html +1 -1
  349. package/coverage/lcov-report/src/tabs/TabList.tsx.html +1 -1
  350. package/coverage/lcov-report/src/tabs/TabListScrollButton.tsx.html +1 -1
  351. package/coverage/lcov-report/src/tabs/index.html +1 -1
  352. package/coverage/lcov-report/src/tabs/tabIndicatorStyles.ts.html +1 -1
  353. package/coverage/lcov-report/src/tabs/tabListScrollButtonStyles.ts.html +1 -1
  354. package/coverage/lcov-report/src/tabs/tabListStyles.ts.html +1 -1
  355. package/coverage/lcov-report/src/tabs/tabStyles.ts.html +1 -1
  356. package/coverage/lcov-report/src/tabs/useTabList.ts.html +1 -1
  357. package/coverage/lcov-report/src/tabs/useTabs.ts.html +1 -1
  358. package/coverage/lcov-report/src/tabs/utils.ts.html +1 -1
  359. package/coverage/lcov-report/src/test-utils/IntersectionObserver.ts.html +1 -1
  360. package/coverage/lcov-report/src/test-utils/ResizeObserver.ts.html +1 -1
  361. package/coverage/lcov-report/src/test-utils/data-testid.ts.html +18 -6
  362. package/coverage/lcov-report/src/test-utils/drag.ts.html +1 -1
  363. package/coverage/lcov-report/src/test-utils/index.html +7 -7
  364. package/coverage/lcov-report/src/test-utils/jest-setup.ts.html +9 -9
  365. package/coverage/lcov-report/src/test-utils/matchMedia.ts.html +4 -4
  366. package/coverage/lcov-report/src/test-utils/polyfills/IntersectionObserver.ts.html +4 -4
  367. package/coverage/lcov-report/src/test-utils/polyfills/ResizeObserver.ts.html +3 -3
  368. package/coverage/lcov-report/src/test-utils/polyfills/TextDecoder.ts.html +106 -0
  369. package/coverage/lcov-report/src/test-utils/polyfills/TextEncoder.ts.html +100 -0
  370. package/coverage/lcov-report/src/test-utils/polyfills/index.html +1 -1
  371. package/coverage/lcov-report/src/test-utils/polyfills/matchMedia.ts.html +6 -6
  372. package/coverage/lcov-report/src/test-utils/polyfills/offsetParent.ts.html +14 -14
  373. package/coverage/lcov-report/src/test-utils/polyfills/scrollIntoView.ts.html +5 -5
  374. package/coverage/lcov-report/src/test-utils/render.tsx.html +21 -21
  375. package/coverage/lcov-report/src/test-utils/root-html-environment.ts.html +85 -0
  376. package/coverage/lcov-report/src/test-utils/timers.ts.html +1 -1
  377. package/coverage/lcov-report/src/theme/LocalStorageColorSchemeProvider.tsx.html +1 -1
  378. package/coverage/lcov-report/src/theme/ThemeProvider.tsx.html +1 -1
  379. package/coverage/lcov-report/src/theme/colors.ts.html +1 -1
  380. package/coverage/lcov-report/src/theme/cssVars.ts.html +1 -1
  381. package/coverage/lcov-report/src/theme/index.html +1 -1
  382. package/coverage/lcov-report/src/theme/useCSSVariables.ts.html +1 -1
  383. package/coverage/lcov-report/src/theme/useColorScheme.ts.html +1 -1
  384. package/coverage/lcov-report/src/theme/useColorSchemeMetaTag.ts.html +1 -1
  385. package/coverage/lcov-report/src/theme/useColorSchemeProvider.ts.html +1 -1
  386. package/coverage/lcov-report/src/theme/usePrefersColorScheme.ts.html +1 -1
  387. package/coverage/lcov-report/src/theme/utils.ts.html +1 -1
  388. package/coverage/lcov-report/src/tooltip/Tooltip.tsx.html +1 -1
  389. package/coverage/lcov-report/src/tooltip/TooltipHoverModeProvider.tsx.html +1 -1
  390. package/coverage/lcov-report/src/tooltip/constants.ts.html +1 -1
  391. package/coverage/lcov-report/src/tooltip/index.html +1 -1
  392. package/coverage/lcov-report/src/tooltip/tooltipStyles.ts.html +1 -1
  393. package/coverage/lcov-report/src/tooltip/useTooltip.ts.html +1 -1
  394. package/coverage/lcov-report/src/tooltip/useTooltipPosition.ts.html +1 -1
  395. package/coverage/lcov-report/src/tooltip/utils.ts.html +1 -1
  396. package/coverage/lcov-report/src/transition/CSSTransition.tsx.html +1 -1
  397. package/coverage/lcov-report/src/transition/Collapse.tsx.html +1 -1
  398. package/coverage/lcov-report/src/transition/CrossFade.tsx.html +1 -1
  399. package/coverage/lcov-report/src/transition/ScaleTransition.tsx.html +1 -1
  400. package/coverage/lcov-report/src/transition/SkeletonPlaceholder.tsx.html +1 -1
  401. package/coverage/lcov-report/src/transition/Slide.tsx.html +1 -1
  402. package/coverage/lcov-report/src/transition/SlideContainer.tsx.html +1 -1
  403. package/coverage/lcov-report/src/transition/collapseStyles.ts.html +13 -13
  404. package/coverage/lcov-report/src/transition/config.ts.html +3 -3
  405. package/coverage/lcov-report/src/transition/index.html +7 -7
  406. package/coverage/lcov-report/src/transition/maxWidthTransition.ts.html +1 -1
  407. package/coverage/lcov-report/src/transition/skeletonPlaceholderUtils.ts.html +1 -1
  408. package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +1 -1
  409. package/coverage/lcov-report/src/transition/useCarousel.ts.html +1 -1
  410. package/coverage/lcov-report/src/transition/useCollapseTransition.ts.html +96 -150
  411. package/coverage/lcov-report/src/transition/useCrossFadeTransition.ts.html +1 -1
  412. package/coverage/lcov-report/src/transition/useMaxWidthTransition.ts.html +1 -1
  413. package/coverage/lcov-report/src/transition/useScaleTransition.ts.html +1 -1
  414. package/coverage/lcov-report/src/transition/useSkeletonPlaceholder.ts.html +1 -1
  415. package/coverage/lcov-report/src/transition/useSlideTransition.ts.html +1 -1
  416. package/coverage/lcov-report/src/transition/useTransition.ts.html +152 -152
  417. package/coverage/lcov-report/src/transition/utils.ts.html +14 -14
  418. package/coverage/lcov-report/src/tree/DefaultTreeItemRenderer.tsx.html +1 -1
  419. package/coverage/lcov-report/src/tree/Tree.tsx.html +1 -1
  420. package/coverage/lcov-report/src/tree/TreeGroup.tsx.html +45 -45
  421. package/coverage/lcov-report/src/tree/TreeItem.tsx.html +1 -1
  422. package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html +1 -1
  423. package/coverage/lcov-report/src/tree/TreeProvider.tsx.html +8 -8
  424. package/coverage/lcov-report/src/tree/index.html +1 -1
  425. package/coverage/lcov-report/src/tree/styles.ts.html +5 -5
  426. package/coverage/lcov-report/src/tree/useTree.ts.html +1 -1
  427. package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html +1 -1
  428. package/coverage/lcov-report/src/tree/useTreeItems.ts.html +1 -1
  429. package/coverage/lcov-report/src/tree/useTreeMovement.ts.html +1 -1
  430. package/coverage/lcov-report/src/tree/useTreeSelection.ts.html +1 -1
  431. package/coverage/lcov-report/src/tree/utils.ts.html +1 -1
  432. package/coverage/lcov-report/src/typography/SrOnly.tsx.html +12 -12
  433. package/coverage/lcov-report/src/typography/TextContainer.tsx.html +1 -1
  434. package/coverage/lcov-report/src/typography/Typography.tsx.html +94 -94
  435. package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html +1 -1
  436. package/coverage/lcov-report/src/typography/index.html +1 -1
  437. package/coverage/lcov-report/src/useAsyncAction.ts.html +1 -1
  438. package/coverage/lcov-report/src/useDebouncedFunction.ts.html +1 -1
  439. package/coverage/lcov-report/src/useDropzone.ts.html +1 -1
  440. package/coverage/lcov-report/src/useElementSize.ts.html +1 -1
  441. package/coverage/lcov-report/src/useEnsuredId.ts.html +8 -8
  442. package/coverage/lcov-report/src/useEnsuredRef.ts.html +11 -11
  443. package/coverage/lcov-report/src/useEnsuredState.ts.html +16 -16
  444. package/coverage/lcov-report/src/useHtmlClassName.ts.html +1 -1
  445. package/coverage/lcov-report/src/useIntersectionObserver.ts.html +1 -1
  446. package/coverage/lcov-report/src/useIsomorphicLayoutEffect.ts.html +1 -1
  447. package/coverage/lcov-report/src/useLocalStorage.ts.html +1 -1
  448. package/coverage/lcov-report/src/useOrientation.ts.html +32 -32
  449. package/coverage/lcov-report/src/usePageInactive.ts.html +1 -1
  450. package/coverage/lcov-report/src/useResizeListener.ts.html +1 -1
  451. package/coverage/lcov-report/src/useResizeObserver.ts.html +23 -23
  452. package/coverage/lcov-report/src/useThrottledFunction.ts.html +1 -1
  453. package/coverage/lcov-report/src/useToggle.ts.html +1 -1
  454. package/coverage/lcov-report/src/useUnmounted.ts.html +1 -1
  455. package/coverage/lcov-report/src/useWindowSize.ts.html +1 -1
  456. package/coverage/lcov-report/src/utils/RenderRecursively.tsx.html +1 -1
  457. package/coverage/lcov-report/src/utils/alphaNumericSort.ts.html +1 -1
  458. package/coverage/lcov-report/src/utils/applyRef.ts.html +1 -1
  459. package/coverage/lcov-report/src/utils/bem.ts.html +50 -50
  460. package/coverage/lcov-report/src/utils/filters.ts.html +357 -84
  461. package/coverage/lcov-report/src/utils/getClientPosition.ts.html +1 -1
  462. package/coverage/lcov-report/src/utils/getMiddleOfRange.ts.html +1 -1
  463. package/coverage/lcov-report/src/utils/getPercentage.ts.html +1 -1
  464. package/coverage/lcov-report/src/utils/getRangeDefaultValue.ts.html +1 -1
  465. package/coverage/lcov-report/src/utils/getRangeSteps.ts.html +1 -1
  466. package/coverage/lcov-report/src/utils/identity.ts.html +1 -1
  467. package/coverage/lcov-report/src/utils/index.html +13 -268
  468. package/coverage/lcov-report/src/utils/isElementVisible.ts.html +1 -1
  469. package/coverage/lcov-report/src/utils/loop.ts.html +1 -1
  470. package/coverage/lcov-report/src/utils/nearest.ts.html +1 -1
  471. package/coverage/lcov-report/src/utils/parseCssLengthUnit.ts.html +1 -1
  472. package/coverage/lcov-report/src/utils/randomInt.ts.html +1 -1
  473. package/coverage/lcov-report/src/utils/wait.ts.html +1 -1
  474. package/coverage/lcov-report/src/utils/withinRange.ts.html +1 -1
  475. package/coverage/lcov-report/src/window-splitter/WindowSplitter.tsx.html +1 -1
  476. package/coverage/lcov-report/src/window-splitter/index.html +1 -1
  477. package/coverage/lcov-report/src/window-splitter/useWindowSplitter.ts.html +1 -1
  478. package/coverage/lcov-report/transition/config.ts.html +5 -5
  479. package/coverage/lcov-report/transition/index.html +1 -1
  480. package/coverage/lcov-report/transition/useScaleTransition.ts.html +535 -0
  481. package/coverage/lcov-report/useAutoComplete.ts.html +787 -0
  482. package/coverage/lcov-report/useCollapseTransition.ts.html +166 -211
  483. package/coverage/lcov-report/useCombobox.ts.html +1513 -0
  484. package/coverage/lcov-report/useInlineAutoComplete.ts.html +379 -0
  485. package/coverage/lcov-report/useSelectCombobox.ts.html +295 -0
  486. package/coverage/lcov-report/utils/alphaNumericSort.ts.html +11 -50
  487. package/coverage/lcov-report/utils/filters.ts.html +1056 -201
  488. package/coverage/lcov-report/utils/index.html +10 -10
  489. package/coverage/lcov-report/utils/searching.ts.html +85 -0
  490. package/coverage/lcov-report/utils.ts.html +109 -277
  491. package/coverage/lcov.info +928 -259
  492. package/dist/RootHtml.d.ts +62 -0
  493. package/dist/RootHtml.js +49 -0
  494. package/dist/RootHtml.js.map +1 -0
  495. package/dist/avatar/Avatar.d.ts +14 -0
  496. package/dist/avatar/Avatar.js +5 -2
  497. package/dist/avatar/Avatar.js.map +1 -1
  498. package/dist/dialog/FixedDialog.d.ts +5 -4
  499. package/dist/dialog/FixedDialog.js +5 -4
  500. package/dist/dialog/FixedDialog.js.map +1 -1
  501. package/dist/form/NativeSelect.d.ts +5 -2
  502. package/dist/form/NativeSelect.js.map +1 -1
  503. package/dist/form/Option.js +3 -2
  504. package/dist/form/Option.js.map +1 -1
  505. package/dist/form/Select.d.ts +105 -15
  506. package/dist/form/Select.js +160 -249
  507. package/dist/form/Select.js.map +1 -1
  508. package/dist/form/SelectedOption.d.ts +21 -0
  509. package/dist/form/SelectedOption.js +37 -0
  510. package/dist/form/SelectedOption.js.map +1 -0
  511. package/dist/form/TextField.d.ts +2 -2
  512. package/dist/form/TextField.js.map +1 -1
  513. package/dist/form/_form.scss +8 -13
  514. package/dist/form/selectUtils.d.ts +1 -3
  515. package/dist/form/selectUtils.js +2 -10
  516. package/dist/form/selectUtils.js.map +1 -1
  517. package/dist/form/types.d.ts +6 -6
  518. package/dist/form/types.js.map +1 -1
  519. package/dist/form/useCombobox.d.ts +157 -0
  520. package/dist/form/useCombobox.js +206 -0
  521. package/dist/form/useCombobox.js.map +1 -0
  522. package/dist/form/useEditableCombobox.d.ts +15 -0
  523. package/dist/form/useEditableCombobox.js +101 -0
  524. package/dist/form/useEditableCombobox.js.map +1 -0
  525. package/dist/form/useFormReset.d.ts +16 -0
  526. package/dist/form/useFormReset.js +32 -0
  527. package/dist/form/useFormReset.js.map +1 -0
  528. package/dist/form/useListboxProvider.d.ts +1 -0
  529. package/dist/form/useListboxProvider.js +1 -0
  530. package/dist/form/useListboxProvider.js.map +1 -1
  531. package/dist/form/useSelectCombobox.d.ts +17 -0
  532. package/dist/form/useSelectCombobox.js +36 -0
  533. package/dist/form/useSelectCombobox.js.map +1 -0
  534. package/dist/form/utils.d.ts +11 -1
  535. package/dist/form/utils.js +6 -0
  536. package/dist/form/utils.js.map +1 -1
  537. package/dist/index.d.ts +14 -1
  538. package/dist/index.js +14 -1
  539. package/dist/index.js.map +1 -1
  540. package/dist/menu/Menu.js +12 -1
  541. package/dist/menu/Menu.js.map +1 -1
  542. package/dist/menu/useContextMenu.d.ts +3 -3
  543. package/dist/menu/useContextMenu.js +3 -3
  544. package/dist/menu/useContextMenu.js.map +1 -1
  545. package/dist/movement/types.d.ts +40 -21
  546. package/dist/movement/types.js.map +1 -1
  547. package/dist/movement/useKeyboardMovementProvider.js +15 -4
  548. package/dist/movement/useKeyboardMovementProvider.js.map +1 -1
  549. package/dist/movement/utils.d.ts +7 -2
  550. package/dist/movement/utils.js +10 -0
  551. package/dist/movement/utils.js.map +1 -1
  552. package/dist/positioning/useFixedPositioning.js +0 -8
  553. package/dist/positioning/useFixedPositioning.js.map +1 -1
  554. package/dist/searching/caseInsensitive.d.ts +150 -0
  555. package/dist/searching/caseInsensitive.js +30 -0
  556. package/dist/searching/caseInsensitive.js.map +1 -0
  557. package/dist/searching/fuzzy.d.ts +128 -0
  558. package/dist/searching/fuzzy.js +54 -0
  559. package/dist/searching/fuzzy.js.map +1 -0
  560. package/dist/searching/toSearchQuery.d.ts +5 -0
  561. package/dist/searching/toSearchQuery.js +13 -0
  562. package/dist/searching/toSearchQuery.js.map +1 -0
  563. package/dist/searching/types.d.ts +28 -0
  564. package/dist/searching/types.js +5 -0
  565. package/dist/searching/types.js.map +1 -0
  566. package/dist/searching/utils.d.ts +21 -0
  567. package/dist/searching/utils.js +28 -0
  568. package/dist/searching/utils.js.map +1 -0
  569. package/dist/test-utils/IntersectionObserver.d.ts +12 -0
  570. package/dist/test-utils/ResizeObserver.d.ts +172 -0
  571. package/dist/test-utils/data-testid.d.ts +7 -0
  572. package/dist/test-utils/data-testid.js +1 -0
  573. package/dist/test-utils/data-testid.js.map +1 -1
  574. package/dist/test-utils/drag.d.ts +26 -0
  575. package/dist/test-utils/index.d.ts +7 -0
  576. package/dist/test-utils/jest-setup.d.ts +1 -0
  577. package/dist/test-utils/matchMedia.d.ts +101 -0
  578. package/dist/test-utils/polyfills/IntersectionObserver.d.ts +1 -0
  579. package/dist/test-utils/polyfills/ResizeObserver.d.ts +1 -0
  580. package/dist/test-utils/polyfills/TextDecoder.d.ts +1 -0
  581. package/dist/test-utils/polyfills/TextDecoder.js +8 -0
  582. package/dist/test-utils/polyfills/TextDecoder.js.map +1 -0
  583. package/dist/test-utils/polyfills/TextEncoder.d.ts +1 -0
  584. package/dist/test-utils/polyfills/TextEncoder.js +6 -0
  585. package/dist/test-utils/polyfills/TextEncoder.js.map +1 -0
  586. package/dist/test-utils/polyfills/index.d.ts +7 -0
  587. package/dist/test-utils/polyfills/index.js +2 -0
  588. package/dist/test-utils/polyfills/index.js.map +1 -1
  589. package/dist/test-utils/polyfills/matchMedia.d.ts +1 -0
  590. package/dist/test-utils/polyfills/offsetParent.d.ts +1 -0
  591. package/dist/test-utils/polyfills/scrollIntoView.d.ts +1 -0
  592. package/dist/test-utils/render.d.ts +13 -0
  593. package/dist/test-utils/timers.d.ts +39 -0
  594. package/dist/transition/useCollapseTransition.d.ts +3 -18
  595. package/dist/transition/useCollapseTransition.js +1 -10
  596. package/dist/transition/useCollapseTransition.js.map +1 -1
  597. package/dist/transition/utils.js +7 -2
  598. package/dist/transition/utils.js.map +1 -1
  599. package/dist/useEnsuredState.d.ts +1 -1
  600. package/dist/useEnsuredState.js.map +1 -1
  601. package/dist/utils/alphaNumericSort.d.ts +1 -1
  602. package/dist/utils/alphaNumericSort.js +2 -10
  603. package/dist/utils/alphaNumericSort.js.map +1 -1
  604. package/jest.config.ts +4 -0
  605. package/package.json +14 -13
  606. package/src/RootHtml.tsx +95 -0
  607. package/src/__tests__/RootHtml.node.tsx +46 -0
  608. package/src/__tests__/__snapshots__/RootHtml.node.tsx.snap +19 -0
  609. package/src/avatar/Avatar.tsx +24 -3
  610. package/src/avatar/__tests__/Avatar.tsx +1 -1
  611. package/src/avatar/__tests__/__snapshots__/Avatar.tsx.snap +6 -6
  612. package/src/dialog/FixedDialog.tsx +5 -4
  613. package/src/form/NativeSelect.tsx +6 -3
  614. package/src/form/Option.tsx +8 -2
  615. package/src/form/Select.tsx +251 -335
  616. package/src/form/SelectedOption.tsx +55 -0
  617. package/src/form/TextField.tsx +2 -2
  618. package/src/form/__tests__/Select.tsx +439 -0
  619. package/src/form/__tests__/__snapshots__/Select.tsx.snap +492 -0
  620. package/src/form/__tests__/useFormReset.tsx +195 -0
  621. package/src/form/_form.scss +8 -13
  622. package/src/form/selectUtils.ts +3 -14
  623. package/src/form/types.ts +6 -6
  624. package/src/form/useCombobox.ts +523 -0
  625. package/src/form/useEditableCombobox.ts +139 -0
  626. package/src/form/useFormReset.ts +48 -0
  627. package/src/form/useListboxProvider.ts +2 -0
  628. package/src/form/useSelectCombobox.ts +70 -0
  629. package/src/form/utils.ts +17 -4
  630. package/src/index.ts +14 -1
  631. package/src/menu/Menu.tsx +9 -1
  632. package/src/menu/__tests__/__snapshots__/useContextMenu.tsx.snap +54 -0
  633. package/src/menu/__tests__/useContextMenu.tsx +41 -0
  634. package/src/menu/useContextMenu.ts +3 -3
  635. package/src/movement/types.ts +50 -25
  636. package/src/movement/useKeyboardMovementProvider.ts +21 -8
  637. package/src/movement/utils.ts +12 -2
  638. package/src/positioning/__tests__/__snapshots__/useFixedPositioning.tsx.snap +0 -32
  639. package/src/positioning/__tests__/useFixedPositioning.tsx +0 -14
  640. package/src/positioning/useFixedPositioning.ts +0 -6
  641. package/src/searching/__tests__/caseInsensitive.ts +165 -0
  642. package/src/searching/__tests__/fuzzy.ts +169 -0
  643. package/src/searching/__tests__/toSearchQuery.ts +21 -0
  644. package/src/searching/caseInsensitive.ts +200 -0
  645. package/src/searching/fuzzy.ts +175 -0
  646. package/src/searching/toSearchQuery.ts +18 -0
  647. package/src/searching/types.ts +34 -0
  648. package/src/searching/utils.ts +54 -0
  649. package/src/test-utils/data-testid.ts +5 -1
  650. package/src/test-utils/polyfills/TextDecoder.ts +7 -0
  651. package/src/test-utils/polyfills/TextEncoder.ts +5 -0
  652. package/src/test-utils/polyfills/index.ts +2 -0
  653. package/src/transition/__tests__/utils.ts +25 -0
  654. package/src/transition/useCollapseTransition.ts +6 -24
  655. package/src/transition/utils.ts +10 -5
  656. package/src/useEnsuredState.ts +1 -1
  657. package/src/utils/alphaNumericSort.ts +3 -16
  658. package/tsconfig.json +2 -2
  659. package/tsconfig.types.json +1 -1
  660. package/dist/form/SelectValue.d.ts +0 -17
  661. package/dist/form/SelectValue.js +0 -32
  662. package/dist/form/SelectValue.js.map +0 -1
  663. package/dist/utils/filters.d.ts +0 -196
  664. package/dist/utils/filters.js +0 -67
  665. package/dist/utils/filters.js.map +0 -1
  666. package/src/form/SelectValue.tsx +0 -39
  667. package/src/utils/filters.ts +0 -320
package/coverage/lcov-report/form/Select.tsx.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/526</span>
28
+ <span class='fraction'>476/476</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">66.66% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/1</span>
35
+ <span class='fraction'>14/21</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>3/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/526</span>
49
+ <span class='fraction'>476/476</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -539,1108 +539,958 @@
539
539
  <a name='L474'></a><a href='#L474'>474</a>
540
540
  <a name='L475'></a><a href='#L475'>475</a>
541
541
  <a name='L476'></a><a href='#L476'>476</a>
542
- <a name='L477'></a><a href='#L477'>477</a>
543
- <a name='L478'></a><a href='#L478'>478</a>
544
- <a name='L479'></a><a href='#L479'>479</a>
545
- <a name='L480'></a><a href='#L480'>480</a>
546
- <a name='L481'></a><a href='#L481'>481</a>
547
- <a name='L482'></a><a href='#L482'>482</a>
548
- <a name='L483'></a><a href='#L483'>483</a>
549
- <a name='L484'></a><a href='#L484'>484</a>
550
- <a name='L485'></a><a href='#L485'>485</a>
551
- <a name='L486'></a><a href='#L486'>486</a>
552
- <a name='L487'></a><a href='#L487'>487</a>
553
- <a name='L488'></a><a href='#L488'>488</a>
554
- <a name='L489'></a><a href='#L489'>489</a>
555
- <a name='L490'></a><a href='#L490'>490</a>
556
- <a name='L491'></a><a href='#L491'>491</a>
557
- <a name='L492'></a><a href='#L492'>492</a>
558
- <a name='L493'></a><a href='#L493'>493</a>
559
- <a name='L494'></a><a href='#L494'>494</a>
560
- <a name='L495'></a><a href='#L495'>495</a>
561
- <a name='L496'></a><a href='#L496'>496</a>
562
- <a name='L497'></a><a href='#L497'>497</a>
563
- <a name='L498'></a><a href='#L498'>498</a>
564
- <a name='L499'></a><a href='#L499'>499</a>
565
- <a name='L500'></a><a href='#L500'>500</a>
566
- <a name='L501'></a><a href='#L501'>501</a>
567
- <a name='L502'></a><a href='#L502'>502</a>
568
- <a name='L503'></a><a href='#L503'>503</a>
569
- <a name='L504'></a><a href='#L504'>504</a>
570
- <a name='L505'></a><a href='#L505'>505</a>
571
- <a name='L506'></a><a href='#L506'>506</a>
572
- <a name='L507'></a><a href='#L507'>507</a>
573
- <a name='L508'></a><a href='#L508'>508</a>
574
- <a name='L509'></a><a href='#L509'>509</a>
575
- <a name='L510'></a><a href='#L510'>510</a>
576
- <a name='L511'></a><a href='#L511'>511</a>
577
- <a name='L512'></a><a href='#L512'>512</a>
578
- <a name='L513'></a><a href='#L513'>513</a>
579
- <a name='L514'></a><a href='#L514'>514</a>
580
- <a name='L515'></a><a href='#L515'>515</a>
581
- <a name='L516'></a><a href='#L516'>516</a>
582
- <a name='L517'></a><a href='#L517'>517</a>
583
- <a name='L518'></a><a href='#L518'>518</a>
584
- <a name='L519'></a><a href='#L519'>519</a>
585
- <a name='L520'></a><a href='#L520'>520</a>
586
- <a name='L521'></a><a href='#L521'>521</a>
587
- <a name='L522'></a><a href='#L522'>522</a>
588
- <a name='L523'></a><a href='#L523'>523</a>
589
- <a name='L524'></a><a href='#L524'>524</a>
590
- <a name='L525'></a><a href='#L525'>525</a>
591
- <a name='L526'></a><a href='#L526'>526</a>
592
- <a name='L527'></a><a href='#L527'>527</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
593
- <span class="cline-any cline-no">&nbsp;</span>
594
- <span class="cline-any cline-no">&nbsp;</span>
595
- <span class="cline-any cline-no">&nbsp;</span>
596
- <span class="cline-any cline-no">&nbsp;</span>
597
- <span class="cline-any cline-no">&nbsp;</span>
598
- <span class="cline-any cline-no">&nbsp;</span>
599
- <span class="cline-any cline-no">&nbsp;</span>
600
- <span class="cline-any cline-no">&nbsp;</span>
601
- <span class="cline-any cline-no">&nbsp;</span>
602
- <span class="cline-any cline-no">&nbsp;</span>
603
- <span class="cline-any cline-no">&nbsp;</span>
604
- <span class="cline-any cline-no">&nbsp;</span>
605
- <span class="cline-any cline-no">&nbsp;</span>
606
- <span class="cline-any cline-no">&nbsp;</span>
607
- <span class="cline-any cline-no">&nbsp;</span>
608
- <span class="cline-any cline-no">&nbsp;</span>
609
- <span class="cline-any cline-no">&nbsp;</span>
610
- <span class="cline-any cline-no">&nbsp;</span>
611
- <span class="cline-any cline-no">&nbsp;</span>
612
- <span class="cline-any cline-no">&nbsp;</span>
613
- <span class="cline-any cline-no">&nbsp;</span>
614
- <span class="cline-any cline-no">&nbsp;</span>
615
- <span class="cline-any cline-no">&nbsp;</span>
616
- <span class="cline-any cline-no">&nbsp;</span>
617
- <span class="cline-any cline-no">&nbsp;</span>
618
- <span class="cline-any cline-no">&nbsp;</span>
619
- <span class="cline-any cline-no">&nbsp;</span>
620
- <span class="cline-any cline-no">&nbsp;</span>
621
- <span class="cline-any cline-no">&nbsp;</span>
622
- <span class="cline-any cline-no">&nbsp;</span>
623
- <span class="cline-any cline-no">&nbsp;</span>
624
- <span class="cline-any cline-no">&nbsp;</span>
625
- <span class="cline-any cline-no">&nbsp;</span>
626
- <span class="cline-any cline-no">&nbsp;</span>
627
- <span class="cline-any cline-no">&nbsp;</span>
628
- <span class="cline-any cline-no">&nbsp;</span>
629
- <span class="cline-any cline-no">&nbsp;</span>
630
- <span class="cline-any cline-no">&nbsp;</span>
631
- <span class="cline-any cline-no">&nbsp;</span>
632
- <span class="cline-any cline-no">&nbsp;</span>
633
- <span class="cline-any cline-no">&nbsp;</span>
634
- <span class="cline-any cline-no">&nbsp;</span>
635
- <span class="cline-any cline-no">&nbsp;</span>
636
- <span class="cline-any cline-no">&nbsp;</span>
637
- <span class="cline-any cline-no">&nbsp;</span>
638
- <span class="cline-any cline-no">&nbsp;</span>
639
- <span class="cline-any cline-no">&nbsp;</span>
640
- <span class="cline-any cline-no">&nbsp;</span>
641
- <span class="cline-any cline-no">&nbsp;</span>
642
- <span class="cline-any cline-no">&nbsp;</span>
643
- <span class="cline-any cline-no">&nbsp;</span>
644
- <span class="cline-any cline-no">&nbsp;</span>
645
- <span class="cline-any cline-no">&nbsp;</span>
646
- <span class="cline-any cline-no">&nbsp;</span>
647
- <span class="cline-any cline-no">&nbsp;</span>
648
- <span class="cline-any cline-no">&nbsp;</span>
649
- <span class="cline-any cline-no">&nbsp;</span>
650
- <span class="cline-any cline-no">&nbsp;</span>
651
- <span class="cline-any cline-no">&nbsp;</span>
652
- <span class="cline-any cline-no">&nbsp;</span>
653
- <span class="cline-any cline-no">&nbsp;</span>
654
- <span class="cline-any cline-no">&nbsp;</span>
655
- <span class="cline-any cline-no">&nbsp;</span>
656
- <span class="cline-any cline-no">&nbsp;</span>
657
- <span class="cline-any cline-no">&nbsp;</span>
658
- <span class="cline-any cline-no">&nbsp;</span>
659
- <span class="cline-any cline-no">&nbsp;</span>
660
- <span class="cline-any cline-no">&nbsp;</span>
661
- <span class="cline-any cline-no">&nbsp;</span>
662
- <span class="cline-any cline-no">&nbsp;</span>
663
- <span class="cline-any cline-no">&nbsp;</span>
664
- <span class="cline-any cline-no">&nbsp;</span>
665
- <span class="cline-any cline-no">&nbsp;</span>
666
- <span class="cline-any cline-no">&nbsp;</span>
667
- <span class="cline-any cline-no">&nbsp;</span>
668
- <span class="cline-any cline-no">&nbsp;</span>
669
- <span class="cline-any cline-no">&nbsp;</span>
670
- <span class="cline-any cline-no">&nbsp;</span>
671
- <span class="cline-any cline-no">&nbsp;</span>
672
- <span class="cline-any cline-no">&nbsp;</span>
673
- <span class="cline-any cline-no">&nbsp;</span>
674
- <span class="cline-any cline-no">&nbsp;</span>
675
- <span class="cline-any cline-no">&nbsp;</span>
676
- <span class="cline-any cline-no">&nbsp;</span>
677
- <span class="cline-any cline-no">&nbsp;</span>
678
- <span class="cline-any cline-no">&nbsp;</span>
679
- <span class="cline-any cline-no">&nbsp;</span>
680
- <span class="cline-any cline-no">&nbsp;</span>
681
- <span class="cline-any cline-no">&nbsp;</span>
682
- <span class="cline-any cline-no">&nbsp;</span>
683
- <span class="cline-any cline-no">&nbsp;</span>
684
- <span class="cline-any cline-no">&nbsp;</span>
685
- <span class="cline-any cline-no">&nbsp;</span>
686
- <span class="cline-any cline-no">&nbsp;</span>
687
- <span class="cline-any cline-no">&nbsp;</span>
688
- <span class="cline-any cline-no">&nbsp;</span>
689
- <span class="cline-any cline-no">&nbsp;</span>
690
- <span class="cline-any cline-no">&nbsp;</span>
691
- <span class="cline-any cline-no">&nbsp;</span>
692
- <span class="cline-any cline-no">&nbsp;</span>
693
- <span class="cline-any cline-no">&nbsp;</span>
694
- <span class="cline-any cline-no">&nbsp;</span>
695
- <span class="cline-any cline-no">&nbsp;</span>
696
- <span class="cline-any cline-no">&nbsp;</span>
697
- <span class="cline-any cline-no">&nbsp;</span>
698
- <span class="cline-any cline-no">&nbsp;</span>
699
- <span class="cline-any cline-no">&nbsp;</span>
700
- <span class="cline-any cline-no">&nbsp;</span>
701
- <span class="cline-any cline-no">&nbsp;</span>
702
- <span class="cline-any cline-no">&nbsp;</span>
703
- <span class="cline-any cline-no">&nbsp;</span>
704
- <span class="cline-any cline-no">&nbsp;</span>
705
- <span class="cline-any cline-no">&nbsp;</span>
706
- <span class="cline-any cline-no">&nbsp;</span>
707
- <span class="cline-any cline-no">&nbsp;</span>
708
- <span class="cline-any cline-no">&nbsp;</span>
709
- <span class="cline-any cline-no">&nbsp;</span>
710
- <span class="cline-any cline-no">&nbsp;</span>
711
- <span class="cline-any cline-no">&nbsp;</span>
712
- <span class="cline-any cline-no">&nbsp;</span>
713
- <span class="cline-any cline-no">&nbsp;</span>
714
- <span class="cline-any cline-no">&nbsp;</span>
715
- <span class="cline-any cline-no">&nbsp;</span>
716
- <span class="cline-any cline-no">&nbsp;</span>
717
- <span class="cline-any cline-no">&nbsp;</span>
718
- <span class="cline-any cline-no">&nbsp;</span>
719
- <span class="cline-any cline-no">&nbsp;</span>
720
- <span class="cline-any cline-no">&nbsp;</span>
721
- <span class="cline-any cline-no">&nbsp;</span>
722
- <span class="cline-any cline-no">&nbsp;</span>
723
- <span class="cline-any cline-no">&nbsp;</span>
724
- <span class="cline-any cline-no">&nbsp;</span>
725
- <span class="cline-any cline-no">&nbsp;</span>
726
- <span class="cline-any cline-no">&nbsp;</span>
727
- <span class="cline-any cline-no">&nbsp;</span>
728
- <span class="cline-any cline-no">&nbsp;</span>
729
- <span class="cline-any cline-no">&nbsp;</span>
730
- <span class="cline-any cline-no">&nbsp;</span>
731
- <span class="cline-any cline-no">&nbsp;</span>
732
- <span class="cline-any cline-no">&nbsp;</span>
733
- <span class="cline-any cline-no">&nbsp;</span>
734
- <span class="cline-any cline-no">&nbsp;</span>
735
- <span class="cline-any cline-no">&nbsp;</span>
736
- <span class="cline-any cline-no">&nbsp;</span>
737
- <span class="cline-any cline-no">&nbsp;</span>
738
- <span class="cline-any cline-no">&nbsp;</span>
739
- <span class="cline-any cline-no">&nbsp;</span>
740
- <span class="cline-any cline-no">&nbsp;</span>
741
- <span class="cline-any cline-no">&nbsp;</span>
742
- <span class="cline-any cline-no">&nbsp;</span>
743
- <span class="cline-any cline-no">&nbsp;</span>
744
- <span class="cline-any cline-no">&nbsp;</span>
745
- <span class="cline-any cline-no">&nbsp;</span>
746
- <span class="cline-any cline-no">&nbsp;</span>
747
- <span class="cline-any cline-no">&nbsp;</span>
748
- <span class="cline-any cline-no">&nbsp;</span>
749
- <span class="cline-any cline-no">&nbsp;</span>
750
- <span class="cline-any cline-no">&nbsp;</span>
751
- <span class="cline-any cline-no">&nbsp;</span>
752
- <span class="cline-any cline-no">&nbsp;</span>
753
- <span class="cline-any cline-no">&nbsp;</span>
754
- <span class="cline-any cline-no">&nbsp;</span>
755
- <span class="cline-any cline-no">&nbsp;</span>
756
- <span class="cline-any cline-no">&nbsp;</span>
757
- <span class="cline-any cline-no">&nbsp;</span>
758
- <span class="cline-any cline-no">&nbsp;</span>
759
- <span class="cline-any cline-no">&nbsp;</span>
760
- <span class="cline-any cline-no">&nbsp;</span>
761
- <span class="cline-any cline-no">&nbsp;</span>
762
- <span class="cline-any cline-no">&nbsp;</span>
763
- <span class="cline-any cline-no">&nbsp;</span>
764
- <span class="cline-any cline-no">&nbsp;</span>
765
- <span class="cline-any cline-no">&nbsp;</span>
766
- <span class="cline-any cline-no">&nbsp;</span>
767
- <span class="cline-any cline-no">&nbsp;</span>
768
- <span class="cline-any cline-no">&nbsp;</span>
769
- <span class="cline-any cline-no">&nbsp;</span>
770
- <span class="cline-any cline-no">&nbsp;</span>
771
- <span class="cline-any cline-no">&nbsp;</span>
772
- <span class="cline-any cline-no">&nbsp;</span>
773
- <span class="cline-any cline-no">&nbsp;</span>
774
- <span class="cline-any cline-no">&nbsp;</span>
775
- <span class="cline-any cline-no">&nbsp;</span>
776
- <span class="cline-any cline-no">&nbsp;</span>
777
- <span class="cline-any cline-no">&nbsp;</span>
778
- <span class="cline-any cline-no">&nbsp;</span>
779
- <span class="cline-any cline-no">&nbsp;</span>
780
- <span class="cline-any cline-no">&nbsp;</span>
781
- <span class="cline-any cline-no">&nbsp;</span>
782
- <span class="cline-any cline-no">&nbsp;</span>
783
- <span class="cline-any cline-no">&nbsp;</span>
784
- <span class="cline-any cline-no">&nbsp;</span>
785
- <span class="cline-any cline-no">&nbsp;</span>
786
- <span class="cline-any cline-no">&nbsp;</span>
787
- <span class="cline-any cline-no">&nbsp;</span>
788
- <span class="cline-any cline-no">&nbsp;</span>
789
- <span class="cline-any cline-no">&nbsp;</span>
790
- <span class="cline-any cline-no">&nbsp;</span>
791
- <span class="cline-any cline-no">&nbsp;</span>
792
- <span class="cline-any cline-no">&nbsp;</span>
793
- <span class="cline-any cline-no">&nbsp;</span>
794
- <span class="cline-any cline-no">&nbsp;</span>
795
- <span class="cline-any cline-no">&nbsp;</span>
796
- <span class="cline-any cline-no">&nbsp;</span>
797
- <span class="cline-any cline-no">&nbsp;</span>
798
- <span class="cline-any cline-no">&nbsp;</span>
799
- <span class="cline-any cline-no">&nbsp;</span>
800
- <span class="cline-any cline-no">&nbsp;</span>
801
- <span class="cline-any cline-no">&nbsp;</span>
802
- <span class="cline-any cline-no">&nbsp;</span>
803
- <span class="cline-any cline-no">&nbsp;</span>
804
- <span class="cline-any cline-no">&nbsp;</span>
805
- <span class="cline-any cline-no">&nbsp;</span>
806
- <span class="cline-any cline-no">&nbsp;</span>
807
- <span class="cline-any cline-no">&nbsp;</span>
808
- <span class="cline-any cline-no">&nbsp;</span>
809
- <span class="cline-any cline-no">&nbsp;</span>
810
- <span class="cline-any cline-no">&nbsp;</span>
811
- <span class="cline-any cline-no">&nbsp;</span>
812
- <span class="cline-any cline-no">&nbsp;</span>
813
- <span class="cline-any cline-no">&nbsp;</span>
814
- <span class="cline-any cline-no">&nbsp;</span>
815
- <span class="cline-any cline-no">&nbsp;</span>
816
- <span class="cline-any cline-no">&nbsp;</span>
817
- <span class="cline-any cline-no">&nbsp;</span>
818
- <span class="cline-any cline-no">&nbsp;</span>
819
- <span class="cline-any cline-no">&nbsp;</span>
820
- <span class="cline-any cline-no">&nbsp;</span>
821
- <span class="cline-any cline-no">&nbsp;</span>
822
- <span class="cline-any cline-no">&nbsp;</span>
823
- <span class="cline-any cline-no">&nbsp;</span>
824
- <span class="cline-any cline-no">&nbsp;</span>
825
- <span class="cline-any cline-no">&nbsp;</span>
826
- <span class="cline-any cline-no">&nbsp;</span>
827
- <span class="cline-any cline-no">&nbsp;</span>
828
- <span class="cline-any cline-no">&nbsp;</span>
829
- <span class="cline-any cline-no">&nbsp;</span>
830
- <span class="cline-any cline-no">&nbsp;</span>
831
- <span class="cline-any cline-no">&nbsp;</span>
832
- <span class="cline-any cline-no">&nbsp;</span>
833
- <span class="cline-any cline-no">&nbsp;</span>
834
- <span class="cline-any cline-no">&nbsp;</span>
835
- <span class="cline-any cline-no">&nbsp;</span>
836
- <span class="cline-any cline-no">&nbsp;</span>
837
- <span class="cline-any cline-no">&nbsp;</span>
838
- <span class="cline-any cline-no">&nbsp;</span>
839
- <span class="cline-any cline-no">&nbsp;</span>
840
- <span class="cline-any cline-no">&nbsp;</span>
841
- <span class="cline-any cline-no">&nbsp;</span>
842
- <span class="cline-any cline-no">&nbsp;</span>
843
- <span class="cline-any cline-no">&nbsp;</span>
844
- <span class="cline-any cline-no">&nbsp;</span>
845
- <span class="cline-any cline-no">&nbsp;</span>
846
- <span class="cline-any cline-no">&nbsp;</span>
847
- <span class="cline-any cline-no">&nbsp;</span>
848
- <span class="cline-any cline-no">&nbsp;</span>
849
- <span class="cline-any cline-no">&nbsp;</span>
850
- <span class="cline-any cline-no">&nbsp;</span>
851
- <span class="cline-any cline-no">&nbsp;</span>
852
- <span class="cline-any cline-no">&nbsp;</span>
853
- <span class="cline-any cline-no">&nbsp;</span>
854
- <span class="cline-any cline-no">&nbsp;</span>
855
- <span class="cline-any cline-no">&nbsp;</span>
856
- <span class="cline-any cline-no">&nbsp;</span>
857
- <span class="cline-any cline-no">&nbsp;</span>
858
- <span class="cline-any cline-no">&nbsp;</span>
859
- <span class="cline-any cline-no">&nbsp;</span>
860
- <span class="cline-any cline-no">&nbsp;</span>
861
- <span class="cline-any cline-no">&nbsp;</span>
862
- <span class="cline-any cline-no">&nbsp;</span>
863
- <span class="cline-any cline-no">&nbsp;</span>
864
- <span class="cline-any cline-no">&nbsp;</span>
865
- <span class="cline-any cline-no">&nbsp;</span>
866
- <span class="cline-any cline-no">&nbsp;</span>
867
- <span class="cline-any cline-no">&nbsp;</span>
868
- <span class="cline-any cline-no">&nbsp;</span>
869
- <span class="cline-any cline-no">&nbsp;</span>
870
- <span class="cline-any cline-no">&nbsp;</span>
871
- <span class="cline-any cline-no">&nbsp;</span>
872
- <span class="cline-any cline-no">&nbsp;</span>
873
- <span class="cline-any cline-no">&nbsp;</span>
874
- <span class="cline-any cline-no">&nbsp;</span>
875
- <span class="cline-any cline-no">&nbsp;</span>
876
- <span class="cline-any cline-no">&nbsp;</span>
877
- <span class="cline-any cline-no">&nbsp;</span>
878
- <span class="cline-any cline-no">&nbsp;</span>
879
- <span class="cline-any cline-no">&nbsp;</span>
880
- <span class="cline-any cline-no">&nbsp;</span>
881
- <span class="cline-any cline-no">&nbsp;</span>
882
- <span class="cline-any cline-no">&nbsp;</span>
883
- <span class="cline-any cline-no">&nbsp;</span>
884
- <span class="cline-any cline-no">&nbsp;</span>
885
- <span class="cline-any cline-no">&nbsp;</span>
886
- <span class="cline-any cline-no">&nbsp;</span>
887
- <span class="cline-any cline-no">&nbsp;</span>
888
- <span class="cline-any cline-no">&nbsp;</span>
889
- <span class="cline-any cline-no">&nbsp;</span>
890
- <span class="cline-any cline-no">&nbsp;</span>
891
- <span class="cline-any cline-no">&nbsp;</span>
892
- <span class="cline-any cline-no">&nbsp;</span>
893
- <span class="cline-any cline-no">&nbsp;</span>
894
- <span class="cline-any cline-no">&nbsp;</span>
895
- <span class="cline-any cline-no">&nbsp;</span>
896
- <span class="cline-any cline-no">&nbsp;</span>
897
- <span class="cline-any cline-no">&nbsp;</span>
898
- <span class="cline-any cline-no">&nbsp;</span>
899
- <span class="cline-any cline-no">&nbsp;</span>
900
- <span class="cline-any cline-no">&nbsp;</span>
901
- <span class="cline-any cline-no">&nbsp;</span>
902
- <span class="cline-any cline-no">&nbsp;</span>
903
- <span class="cline-any cline-no">&nbsp;</span>
904
- <span class="cline-any cline-no">&nbsp;</span>
905
- <span class="cline-any cline-no">&nbsp;</span>
906
- <span class="cline-any cline-no">&nbsp;</span>
907
- <span class="cline-any cline-no">&nbsp;</span>
908
- <span class="cline-any cline-no">&nbsp;</span>
909
- <span class="cline-any cline-no">&nbsp;</span>
910
- <span class="cline-any cline-no">&nbsp;</span>
911
- <span class="cline-any cline-no">&nbsp;</span>
912
- <span class="cline-any cline-no">&nbsp;</span>
913
- <span class="cline-any cline-no">&nbsp;</span>
914
- <span class="cline-any cline-no">&nbsp;</span>
915
- <span class="cline-any cline-no">&nbsp;</span>
916
- <span class="cline-any cline-no">&nbsp;</span>
917
- <span class="cline-any cline-no">&nbsp;</span>
918
- <span class="cline-any cline-no">&nbsp;</span>
919
- <span class="cline-any cline-no">&nbsp;</span>
920
- <span class="cline-any cline-no">&nbsp;</span>
921
- <span class="cline-any cline-no">&nbsp;</span>
922
- <span class="cline-any cline-no">&nbsp;</span>
923
- <span class="cline-any cline-no">&nbsp;</span>
924
- <span class="cline-any cline-no">&nbsp;</span>
925
- <span class="cline-any cline-no">&nbsp;</span>
926
- <span class="cline-any cline-no">&nbsp;</span>
927
- <span class="cline-any cline-no">&nbsp;</span>
928
- <span class="cline-any cline-no">&nbsp;</span>
929
- <span class="cline-any cline-no">&nbsp;</span>
930
- <span class="cline-any cline-no">&nbsp;</span>
931
- <span class="cline-any cline-no">&nbsp;</span>
932
- <span class="cline-any cline-no">&nbsp;</span>
933
- <span class="cline-any cline-no">&nbsp;</span>
934
- <span class="cline-any cline-no">&nbsp;</span>
935
- <span class="cline-any cline-no">&nbsp;</span>
936
- <span class="cline-any cline-no">&nbsp;</span>
937
- <span class="cline-any cline-no">&nbsp;</span>
938
- <span class="cline-any cline-no">&nbsp;</span>
939
- <span class="cline-any cline-no">&nbsp;</span>
940
- <span class="cline-any cline-no">&nbsp;</span>
941
- <span class="cline-any cline-no">&nbsp;</span>
942
- <span class="cline-any cline-no">&nbsp;</span>
943
- <span class="cline-any cline-no">&nbsp;</span>
944
- <span class="cline-any cline-no">&nbsp;</span>
945
- <span class="cline-any cline-no">&nbsp;</span>
946
- <span class="cline-any cline-no">&nbsp;</span>
947
- <span class="cline-any cline-no">&nbsp;</span>
948
- <span class="cline-any cline-no">&nbsp;</span>
949
- <span class="cline-any cline-no">&nbsp;</span>
950
- <span class="cline-any cline-no">&nbsp;</span>
951
- <span class="cline-any cline-no">&nbsp;</span>
952
- <span class="cline-any cline-no">&nbsp;</span>
953
- <span class="cline-any cline-no">&nbsp;</span>
954
- <span class="cline-any cline-no">&nbsp;</span>
955
- <span class="cline-any cline-no">&nbsp;</span>
956
- <span class="cline-any cline-no">&nbsp;</span>
957
- <span class="cline-any cline-no">&nbsp;</span>
958
- <span class="cline-any cline-no">&nbsp;</span>
959
- <span class="cline-any cline-no">&nbsp;</span>
960
- <span class="cline-any cline-no">&nbsp;</span>
961
- <span class="cline-any cline-no">&nbsp;</span>
962
- <span class="cline-any cline-no">&nbsp;</span>
963
- <span class="cline-any cline-no">&nbsp;</span>
964
- <span class="cline-any cline-no">&nbsp;</span>
965
- <span class="cline-any cline-no">&nbsp;</span>
966
- <span class="cline-any cline-no">&nbsp;</span>
967
- <span class="cline-any cline-no">&nbsp;</span>
968
- <span class="cline-any cline-no">&nbsp;</span>
969
- <span class="cline-any cline-no">&nbsp;</span>
970
- <span class="cline-any cline-no">&nbsp;</span>
971
- <span class="cline-any cline-no">&nbsp;</span>
972
- <span class="cline-any cline-no">&nbsp;</span>
973
- <span class="cline-any cline-no">&nbsp;</span>
974
- <span class="cline-any cline-no">&nbsp;</span>
975
- <span class="cline-any cline-no">&nbsp;</span>
976
- <span class="cline-any cline-no">&nbsp;</span>
977
- <span class="cline-any cline-no">&nbsp;</span>
978
- <span class="cline-any cline-no">&nbsp;</span>
979
- <span class="cline-any cline-no">&nbsp;</span>
980
- <span class="cline-any cline-no">&nbsp;</span>
981
- <span class="cline-any cline-no">&nbsp;</span>
982
- <span class="cline-any cline-no">&nbsp;</span>
983
- <span class="cline-any cline-no">&nbsp;</span>
984
- <span class="cline-any cline-no">&nbsp;</span>
985
- <span class="cline-any cline-no">&nbsp;</span>
986
- <span class="cline-any cline-no">&nbsp;</span>
987
- <span class="cline-any cline-no">&nbsp;</span>
988
- <span class="cline-any cline-no">&nbsp;</span>
989
- <span class="cline-any cline-no">&nbsp;</span>
990
- <span class="cline-any cline-no">&nbsp;</span>
991
- <span class="cline-any cline-no">&nbsp;</span>
992
- <span class="cline-any cline-no">&nbsp;</span>
993
- <span class="cline-any cline-no">&nbsp;</span>
994
- <span class="cline-any cline-no">&nbsp;</span>
995
- <span class="cline-any cline-no">&nbsp;</span>
996
- <span class="cline-any cline-no">&nbsp;</span>
997
- <span class="cline-any cline-no">&nbsp;</span>
998
- <span class="cline-any cline-no">&nbsp;</span>
999
- <span class="cline-any cline-no">&nbsp;</span>
1000
- <span class="cline-any cline-no">&nbsp;</span>
1001
- <span class="cline-any cline-no">&nbsp;</span>
1002
- <span class="cline-any cline-no">&nbsp;</span>
1003
- <span class="cline-any cline-no">&nbsp;</span>
1004
- <span class="cline-any cline-no">&nbsp;</span>
1005
- <span class="cline-any cline-no">&nbsp;</span>
1006
- <span class="cline-any cline-no">&nbsp;</span>
1007
- <span class="cline-any cline-no">&nbsp;</span>
1008
- <span class="cline-any cline-no">&nbsp;</span>
1009
- <span class="cline-any cline-no">&nbsp;</span>
1010
- <span class="cline-any cline-no">&nbsp;</span>
1011
- <span class="cline-any cline-no">&nbsp;</span>
1012
- <span class="cline-any cline-no">&nbsp;</span>
1013
- <span class="cline-any cline-no">&nbsp;</span>
1014
- <span class="cline-any cline-no">&nbsp;</span>
1015
- <span class="cline-any cline-no">&nbsp;</span>
1016
- <span class="cline-any cline-no">&nbsp;</span>
1017
- <span class="cline-any cline-no">&nbsp;</span>
1018
- <span class="cline-any cline-no">&nbsp;</span>
1019
- <span class="cline-any cline-no">&nbsp;</span>
1020
- <span class="cline-any cline-no">&nbsp;</span>
1021
- <span class="cline-any cline-no">&nbsp;</span>
1022
- <span class="cline-any cline-no">&nbsp;</span>
1023
- <span class="cline-any cline-no">&nbsp;</span>
1024
- <span class="cline-any cline-no">&nbsp;</span>
1025
- <span class="cline-any cline-no">&nbsp;</span>
1026
- <span class="cline-any cline-no">&nbsp;</span>
1027
- <span class="cline-any cline-no">&nbsp;</span>
1028
- <span class="cline-any cline-no">&nbsp;</span>
1029
- <span class="cline-any cline-no">&nbsp;</span>
1030
- <span class="cline-any cline-no">&nbsp;</span>
1031
- <span class="cline-any cline-no">&nbsp;</span>
1032
- <span class="cline-any cline-no">&nbsp;</span>
1033
- <span class="cline-any cline-no">&nbsp;</span>
1034
- <span class="cline-any cline-no">&nbsp;</span>
1035
- <span class="cline-any cline-no">&nbsp;</span>
1036
- <span class="cline-any cline-no">&nbsp;</span>
1037
- <span class="cline-any cline-no">&nbsp;</span>
1038
- <span class="cline-any cline-no">&nbsp;</span>
1039
- <span class="cline-any cline-no">&nbsp;</span>
1040
- <span class="cline-any cline-no">&nbsp;</span>
1041
- <span class="cline-any cline-no">&nbsp;</span>
1042
- <span class="cline-any cline-no">&nbsp;</span>
1043
- <span class="cline-any cline-no">&nbsp;</span>
1044
- <span class="cline-any cline-no">&nbsp;</span>
1045
- <span class="cline-any cline-no">&nbsp;</span>
1046
- <span class="cline-any cline-no">&nbsp;</span>
1047
- <span class="cline-any cline-no">&nbsp;</span>
1048
- <span class="cline-any cline-no">&nbsp;</span>
1049
- <span class="cline-any cline-no">&nbsp;</span>
1050
- <span class="cline-any cline-no">&nbsp;</span>
1051
- <span class="cline-any cline-no">&nbsp;</span>
1052
- <span class="cline-any cline-no">&nbsp;</span>
1053
- <span class="cline-any cline-no">&nbsp;</span>
1054
- <span class="cline-any cline-no">&nbsp;</span>
1055
- <span class="cline-any cline-no">&nbsp;</span>
1056
- <span class="cline-any cline-no">&nbsp;</span>
1057
- <span class="cline-any cline-no">&nbsp;</span>
1058
- <span class="cline-any cline-no">&nbsp;</span>
1059
- <span class="cline-any cline-no">&nbsp;</span>
1060
- <span class="cline-any cline-no">&nbsp;</span>
1061
- <span class="cline-any cline-no">&nbsp;</span>
1062
- <span class="cline-any cline-no">&nbsp;</span>
1063
- <span class="cline-any cline-no">&nbsp;</span>
1064
- <span class="cline-any cline-no">&nbsp;</span>
1065
- <span class="cline-any cline-no">&nbsp;</span>
1066
- <span class="cline-any cline-no">&nbsp;</span>
1067
- <span class="cline-any cline-no">&nbsp;</span>
1068
- <span class="cline-any cline-no">&nbsp;</span>
1069
- <span class="cline-any cline-no">&nbsp;</span>
1070
- <span class="cline-any cline-no">&nbsp;</span>
1071
- <span class="cline-any cline-no">&nbsp;</span>
1072
- <span class="cline-any cline-no">&nbsp;</span>
1073
- <span class="cline-any cline-no">&nbsp;</span>
1074
- <span class="cline-any cline-no">&nbsp;</span>
1075
- <span class="cline-any cline-no">&nbsp;</span>
1076
- <span class="cline-any cline-no">&nbsp;</span>
1077
- <span class="cline-any cline-no">&nbsp;</span>
1078
- <span class="cline-any cline-no">&nbsp;</span>
1079
- <span class="cline-any cline-no">&nbsp;</span>
1080
- <span class="cline-any cline-no">&nbsp;</span>
1081
- <span class="cline-any cline-no">&nbsp;</span>
1082
- <span class="cline-any cline-no">&nbsp;</span>
1083
- <span class="cline-any cline-no">&nbsp;</span>
1084
- <span class="cline-any cline-no">&nbsp;</span>
1085
- <span class="cline-any cline-no">&nbsp;</span>
1086
- <span class="cline-any cline-no">&nbsp;</span>
1087
- <span class="cline-any cline-no">&nbsp;</span>
1088
- <span class="cline-any cline-no">&nbsp;</span>
1089
- <span class="cline-any cline-no">&nbsp;</span>
1090
- <span class="cline-any cline-no">&nbsp;</span>
1091
- <span class="cline-any cline-no">&nbsp;</span>
1092
- <span class="cline-any cline-no">&nbsp;</span>
1093
- <span class="cline-any cline-no">&nbsp;</span>
1094
- <span class="cline-any cline-no">&nbsp;</span>
1095
- <span class="cline-any cline-no">&nbsp;</span>
1096
- <span class="cline-any cline-no">&nbsp;</span>
1097
- <span class="cline-any cline-no">&nbsp;</span>
1098
- <span class="cline-any cline-no">&nbsp;</span>
1099
- <span class="cline-any cline-no">&nbsp;</span>
1100
- <span class="cline-any cline-no">&nbsp;</span>
1101
- <span class="cline-any cline-no">&nbsp;</span>
1102
- <span class="cline-any cline-no">&nbsp;</span>
1103
- <span class="cline-any cline-no">&nbsp;</span>
1104
- <span class="cline-any cline-no">&nbsp;</span>
1105
- <span class="cline-any cline-no">&nbsp;</span>
1106
- <span class="cline-any cline-no">&nbsp;</span>
1107
- <span class="cline-any cline-no">&nbsp;</span>
1108
- <span class="cline-any cline-no">&nbsp;</span>
1109
- <span class="cline-any cline-no">&nbsp;</span>
1110
- <span class="cline-any cline-no">&nbsp;</span>
1111
- <span class="cline-any cline-no">&nbsp;</span>
1112
- <span class="cline-any cline-no">&nbsp;</span>
1113
- <span class="cline-any cline-no">&nbsp;</span>
1114
- <span class="cline-any cline-no">&nbsp;</span>
1115
- <span class="cline-any cline-no">&nbsp;</span>
1116
- <span class="cline-any cline-no">&nbsp;</span>
1117
- <span class="cline-any cline-no">&nbsp;</span>
1118
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use client";</span></span></span>
1119
- <span class="cstat-no" title="statement not covered" >import { cnb } from "cnbuilder";</span>
1120
- <span class="cstat-no" title="statement not covered" >import {</span>
1121
- <span class="cstat-no" title="statement not covered" > useEffect,</span>
1122
- <span class="cstat-no" title="statement not covered" > useMemo,</span>
1123
- <span class="cstat-no" title="statement not covered" > useRef,</span>
1124
- <span class="cstat-no" title="statement not covered" > useState,</span>
1125
- <span class="cstat-no" title="statement not covered" > type ChangeEvent,</span>
1126
- <span class="cstat-no" title="statement not covered" > type ReactElement,</span>
1127
- <span class="cstat-no" title="statement not covered" > type ReactNode,</span>
1128
- <span class="cstat-no" title="statement not covered" > type Ref,</span>
1129
- <span class="cstat-no" title="statement not covered" >} from "react";</span>
1130
- <span class="cstat-no" title="statement not covered" >import { IconRotator } from "../icon/IconRotator.js";</span>
1131
- <span class="cstat-no" title="statement not covered" >import { getIcon } from "../icon/iconConfig.js";</span>
1132
- <span class="cstat-no" title="statement not covered" >import { Menu, type MenuProps } from "../menu/Menu.js";</span>
1133
- <span class="cstat-no" title="statement not covered" >import { findMatchIndex } from "../movement/findMatchIndex.js";</span>
1134
- <span class="cstat-no" title="statement not covered" >import {</span>
1135
- <span class="cstat-no" title="statement not covered" > KeyboardMovementProvider,</span>
1136
- <span class="cstat-no" title="statement not covered" > useKeyboardMovementProvider,</span>
1137
- <span class="cstat-no" title="statement not covered" >} from "../movement/useKeyboardMovementProvider.js";</span>
1138
- <span class="cstat-no" title="statement not covered" >import { isSearchableEvent } from "../movement/utils.js";</span>
1139
- <span class="cstat-no" title="statement not covered" >import { BELOW_CENTER_ANCHOR } from "../positioning/constants.js";</span>
1140
- <span class="cstat-no" title="statement not covered" >import {</span>
1141
- <span class="cstat-no" title="statement not covered" > type TransitionEnterHandler,</span>
1142
- <span class="cstat-no" title="statement not covered" > type TransitionExitHandler,</span>
1143
- <span class="cstat-no" title="statement not covered" >} from "../transition/types.js";</span>
1144
- <span class="cstat-no" title="statement not covered" >import { useEnsuredId } from "../useEnsuredId.js";</span>
1145
- <span class="cstat-no" title="statement not covered" >import { useEnsuredRef } from "../useEnsuredRef.js";</span>
1146
- <span class="cstat-no" title="statement not covered" >import { useToggle } from "../useToggle.js";</span>
1147
- <span class="cstat-no" title="statement not covered" >import { loop } from "../utils/loop.js";</span>
1148
- <span class="cstat-no" title="statement not covered" >import { SelectValue } from "./SelectValue.js";</span>
1149
- <span class="cstat-no" title="statement not covered" >import { TextField, type TextFieldProps } from "./TextField.js";</span>
1150
- <span class="cstat-no" title="statement not covered" >import { getFormConfig } from "./formConfig.js";</span>
1151
- <span class="cstat-no" title="statement not covered" >import { select } from "./selectStyles.js";</span>
1152
- <span class="cstat-no" title="statement not covered" >import { extractOptionsFromChildren } from "./selectUtils.js";</span>
1153
- <span class="cstat-no" title="statement not covered" >import {</span>
1154
- <span class="cstat-no" title="statement not covered" > type FormFieldOptions,</span>
1155
- <span class="cstat-no" title="statement not covered" > type UserAgentAutoCompleteProps,</span>
1156
- <span class="cstat-no" title="statement not covered" >} from "./types.js";</span>
1157
- <span class="cstat-no" title="statement not covered" >import { ListboxProvider } from "./useListboxProvider.js";</span>
1158
- <span class="cstat-no" title="statement not covered" >import { triggerManualChangeEvent, tryToSubmitRelatedForm } from "./utils.js";</span>
1159
- <span class="cstat-no" title="statement not covered" ></span>
1160
- <span class="cstat-no" title="statement not covered" >const EMPTY_STRING = "" as const;</span>
1161
- <span class="cstat-no" title="statement not covered" >const noop = (): void =&gt; {</span>
1162
- <span class="cstat-no" title="statement not covered" > // do nothing</span>
1163
- <span class="cstat-no" title="statement not covered" >};</span>
1164
- <span class="cstat-no" title="statement not covered" ></span>
1165
- <span class="cstat-no" title="statement not covered" >const getNonDisabledOptions = (</span>
1166
- <span class="cstat-no" title="statement not covered" > container: HTMLElement</span>
1167
- <span class="cstat-no" title="statement not covered" >): readonly HTMLElement[] =&gt; [</span>
1168
- <span class="cstat-no" title="statement not covered" > ...container.querySelectorAll&lt;HTMLLIElement&gt;(</span>
1169
- <span class="cstat-no" title="statement not covered" > '[role="option"]:not([aria-disabled])'</span>
1170
- <span class="cstat-no" title="statement not covered" > ),</span>
1171
- <span class="cstat-no" title="statement not covered" >];</span>
1172
- <span class="cstat-no" title="statement not covered" ></span>
1173
- <span class="cstat-no" title="statement not covered" >/**</span>
1174
- <span class="cstat-no" title="statement not covered" > * This is a convenience type for casting the `event.currentTarget.value` of a</span>
1175
- <span class="cstat-no" title="statement not covered" > * `Select`'s change event to be union of available values.</span>
1176
- <span class="cstat-no" title="statement not covered" > *</span>
1177
- <span class="cstat-no" title="statement not covered" > * Note: The change event does not provide any sort of validation on the value</span>
1178
- <span class="cstat-no" title="statement not covered" > * so automation tools like Cypress, Playwright, or Selenium might set an</span>
1179
- <span class="cstat-no" title="statement not covered" > * invalid value. This also does not work for numbers, so you will need to</span>
1180
- <span class="cstat-no" title="statement not covered" > * implement that yourself.</span>
1181
- <span class="cstat-no" title="statement not covered" > *</span>
1182
- <span class="cstat-no" title="statement not covered" > * @example</span>
1183
- <span class="cstat-no" title="statement not covered" > * Simple Usage</span>
1184
- <span class="cstat-no" title="statement not covered" > * ```tsx</span>
1185
- <span class="cstat-no" title="statement not covered" > * import type { SelectedChangeEvent } from "@react-md/core";</span>
1186
- <span class="cstat-no" title="statement not covered" > * import { Select, Option } from "@react-md/core";</span>
1187
- <span class="cstat-no" title="statement not covered" > * import type { ReactElement } from "react";</span>
1188
- <span class="cstat-no" title="statement not covered" > *</span>
1189
- <span class="cstat-no" title="statement not covered" > * type Value = "" | "a" | "b" | "c" | "d";</span>
1190
- <span class="cstat-no" title="statement not covered" > *</span>
1191
- <span class="cstat-no" title="statement not covered" > * function Example(): ReactElement {</span>
1192
- <span class="cstat-no" title="statement not covered" > * const [value, setValue] = useState&lt;Value&gt;("");</span>
1193
- <span class="cstat-no" title="statement not covered" > *</span>
1194
- <span class="cstat-no" title="statement not covered" > * const handleChange = (event: SelectChangeEvent&lt;Value&gt;): void =&gt; {</span>
1195
- <span class="cstat-no" title="statement not covered" > * // No type error!</span>
1196
- <span class="cstat-no" title="statement not covered" > * // `event.currentTarget.value`'s type is `Value` instead of a generic `string`</span>
1197
- <span class="cstat-no" title="statement not covered" > * setValue(event.currentTarget.value);</span>
1198
- <span class="cstat-no" title="statement not covered" > * };</span>
1199
- <span class="cstat-no" title="statement not covered" > *</span>
1200
- <span class="cstat-no" title="statement not covered" > * return (</span>
1201
- <span class="cstat-no" title="statement not covered" > * &lt;Select</span>
1202
- <span class="cstat-no" title="statement not covered" > * label="Label"</span>
1203
- <span class="cstat-no" title="statement not covered" > * value={value}</span>
1204
- <span class="cstat-no" title="statement not covered" > * onChange={handleChange}</span>
1205
- <span class="cstat-no" title="statement not covered" > * &gt;</span>
1206
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="a"&gt;First&lt;/Option&gt;</span>
1207
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="b"&gt;Second&lt;/Option&gt;</span>
1208
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="c"&gt;Third&lt;/Option&gt;</span>
1209
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="d"&gt;Fourth&lt;/Option&gt;</span>
1210
- <span class="cstat-no" title="statement not covered" > * &lt;/Select&gt;</span>
1211
- <span class="cstat-no" title="statement not covered" > * );</span>
1212
- <span class="cstat-no" title="statement not covered" > * }</span>
1213
- <span class="cstat-no" title="statement not covered" > * ```</span>
1214
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
1215
- <span class="cstat-no" title="statement not covered" > */</span>
1216
- <span class="cstat-no" title="statement not covered" >export type SelectChangeEvent&lt;Value extends string&gt; =</span>
1217
- <span class="cstat-no" title="statement not covered" > ChangeEvent&lt;HTMLInputElement&gt; &amp; { currentTarget: { value: Value } };</span>
1218
- <span class="cstat-no" title="statement not covered" ></span>
1219
- <span class="cstat-no" title="statement not covered" >/**</span>
1220
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0 Rewritten with a new API.</span>
1221
- <span class="cstat-no" title="statement not covered" > */</span>
1222
- <span class="cstat-no" title="statement not covered" >export interface SelectProps&lt;Value extends string&gt;</span>
1223
- <span class="cstat-no" title="statement not covered" > extends Omit&lt;TextFieldProps, "placeholder" | "type" | "onChange"&gt;,</span>
1224
- <span class="cstat-no" title="statement not covered" > UserAgentAutoCompleteProps,</span>
1225
- <span class="cstat-no" title="statement not covered" > FormFieldOptions {</span>
1226
- <span class="cstat-no" title="statement not covered" > /**</span>
1227
- <span class="cstat-no" title="statement not covered" > * An optional ref to pass to the hidden `&lt;input type="text" /&gt;` element that</span>
1228
- <span class="cstat-no" title="statement not covered" > * stores the current value. This is really only useful if you'd like to keep</span>
1229
- <span class="cstat-no" title="statement not covered" > * this component uncontrolled and access the value through</span>
1230
- <span class="cstat-no" title="statement not covered" > * `inputRef.current.value`.</span>
1231
- <span class="cstat-no" title="statement not covered" > */</span>
1232
- <span class="cstat-no" title="statement not covered" > inputRef?: Ref&lt;HTMLInputElement&gt;;</span>
1233
- <span class="cstat-no" title="statement not covered" ></span>
1234
- <span class="cstat-no" title="statement not covered" > /**</span>
1235
- <span class="cstat-no" title="statement not covered" > * Set this to a custom dropdown icon or `null` to not render a dropdown icon.</span>
1236
- <span class="cstat-no" title="statement not covered" > *</span>
1237
- <span class="cstat-no" title="statement not covered" > * @defaultValue `getIcon("dropdown")`</span>
1238
- <span class="cstat-no" title="statement not covered" > */</span>
1239
- <span class="cstat-no" title="statement not covered" > icon?: ReactNode;</span>
1240
- <span class="cstat-no" title="statement not covered" ></span>
1241
- <span class="cstat-no" title="statement not covered" > /**</span>
1242
- <span class="cstat-no" title="statement not covered" > * Set this value to fully control the value of the select component. The</span>
1243
- <span class="cstat-no" title="statement not covered" > * {@link onChange} handler **must** also be provided if this prop exists.</span>
1244
- <span class="cstat-no" title="statement not covered" > */</span>
1245
- <span class="cstat-no" title="statement not covered" > value?: Value;</span>
1246
- <span class="cstat-no" title="statement not covered" ></span>
1247
- <span class="cstat-no" title="statement not covered" > /**</span>
1248
- <span class="cstat-no" title="statement not covered" > * An optional default value when the value of the select component is</span>
1249
- <span class="cstat-no" title="statement not covered" > * uncontrolled.</span>
1250
- <span class="cstat-no" title="statement not covered" > *</span>
1251
- <span class="cstat-no" title="statement not covered" > * @defaultValue `""`</span>
1252
- <span class="cstat-no" title="statement not covered" > */</span>
1253
- <span class="cstat-no" title="statement not covered" > defaultValue?: Value;</span>
1254
- <span class="cstat-no" title="statement not covered" ></span>
1255
- <span class="cstat-no" title="statement not covered" > /** @see {@link SelectChangeEvent} */</span>
1256
- <span class="cstat-no" title="statement not covered" > onChange?(event: SelectChangeEvent&lt;Value&gt;): void;</span>
1257
- <span class="cstat-no" title="statement not covered" ></span>
1258
- <span class="cstat-no" title="statement not covered" > /**</span>
1259
- <span class="cstat-no" title="statement not covered" > * Any additional props to provide to the `Menu` component that renders all</span>
1260
- <span class="cstat-no" title="statement not covered" > * the `Option`s.</span>
1261
- <span class="cstat-no" title="statement not covered" > *</span>
1262
- <span class="cstat-no" title="statement not covered" > * The menu will always have these default values unless explicity</span>
1263
- <span class="cstat-no" title="statement not covered" > * overwritten by this prop:</span>
1264
- <span class="cstat-no" title="statement not covered" > *</span>
1265
- <span class="cstat-no" title="statement not covered" > * - `aria-labelledby={containerId}`</span>
1266
- <span class="cstat-no" title="statement not covered" > * - `anchor={BELOW_CENTER_ANCHOR}`</span>
1267
- <span class="cstat-no" title="statement not covered" > * - `width="min"`</span>
1268
- <span class="cstat-no" title="statement not covered" > */</span>
1269
- <span class="cstat-no" title="statement not covered" > menuProps?: Omit&lt;MenuProps, "visible" | "onRequestClose" | "fixedTo"&gt;;</span>
1270
- <span class="cstat-no" title="statement not covered" ></span>
1271
- <span class="cstat-no" title="statement not covered" > /**</span>
1272
- <span class="cstat-no" title="statement not covered" > * Set this to `true` to update all the `Option` components to no longer</span>
1273
- <span class="cstat-no" title="statement not covered" > * render an icon while selected.</span>
1274
- <span class="cstat-no" title="statement not covered" > *</span>
1275
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
1276
- <span class="cstat-no" title="statement not covered" > */</span>
1277
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon?: boolean;</span>
1278
- <span class="cstat-no" title="statement not covered" ></span>
1279
- <span class="cstat-no" title="statement not covered" > /**</span>
1280
- <span class="cstat-no" title="statement not covered" > * Set this to `true` to prevent the current option from rendering the</span>
1281
- <span class="cstat-no" title="statement not covered" > * `leftAddon` in the `TextFieldContainer`.</span>
1282
- <span class="cstat-no" title="statement not covered" > *</span>
1283
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
1284
- <span class="cstat-no" title="statement not covered" > */</span>
1285
- <span class="cstat-no" title="statement not covered" > disableValueAddon?: boolean;</span>
1286
- <span class="cstat-no" title="statement not covered" ></span>
1287
- <span class="cstat-no" title="statement not covered" > /**</span>
1288
- <span class="cstat-no" title="statement not covered" > * This should be the available `Option`s for the select to choose from. It</span>
1289
- <span class="cstat-no" title="statement not covered" > * can also contain `OptGroup` or any other elements but only clicking on an</span>
1290
- <span class="cstat-no" title="statement not covered" > * `Option` component will update the value.</span>
1291
- <span class="cstat-no" title="statement not covered" > */</span>
1292
- <span class="cstat-no" title="statement not covered" > children: ReactNode;</span>
1293
- <span class="cstat-no" title="statement not covered" >}</span>
1294
- <span class="cstat-no" title="statement not covered" ></span>
1295
- <span class="cstat-no" title="statement not covered" >/**</span>
1296
- <span class="cstat-no" title="statement not covered" > * **Client Component**</span>
1297
- <span class="cstat-no" title="statement not covered" > *</span>
1298
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0 Rewritten with a new API.</span>
1299
- <span class="cstat-no" title="statement not covered" > */</span>
1300
- <span class="cstat-no" title="statement not covered" >export function Select&lt;Value extends string&gt;(</span>
1301
- <span class="cstat-no" title="statement not covered" > props: SelectProps&lt;Value&gt;</span>
1302
- <span class="cstat-no" title="statement not covered" >): ReactElement {</span>
1303
- <span class="cstat-no" title="statement not covered" > const {</span>
1304
- <span class="cstat-no" title="statement not covered" > id: propId,</span>
1305
- <span class="cstat-no" title="statement not covered" > className,</span>
1306
- <span class="cstat-no" title="statement not covered" > active = false,</span>
1307
- <span class="cstat-no" title="statement not covered" > inputRef: propInputRef,</span>
1308
- <span class="cstat-no" title="statement not covered" > inputClassName,</span>
1309
- <span class="cstat-no" title="statement not covered" > menuProps = {},</span>
1310
- <span class="cstat-no" title="statement not covered" > containerProps: propContainerProps = {},</span>
1311
- <span class="cstat-no" title="statement not covered" > icon: propIcon,</span>
1312
- <span class="cstat-no" title="statement not covered" > value,</span>
1313
- <span class="cstat-no" title="statement not covered" > defaultValue,</span>
1314
- <span class="cstat-no" title="statement not covered" > theme: propTheme,</span>
1315
- <span class="cstat-no" title="statement not covered" > onChange = noop,</span>
1316
- <span class="cstat-no" title="statement not covered" > leftAddon,</span>
1317
- <span class="cstat-no" title="statement not covered" > rightAddon: propRightAddon,</span>
1318
- <span class="cstat-no" title="statement not covered" > disableValueAddon = false,</span>
1319
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon = false,</span>
1320
- <span class="cstat-no" title="statement not covered" > children,</span>
1321
- <span class="cstat-no" title="statement not covered" > ...remaining</span>
1322
- <span class="cstat-no" title="statement not covered" > } = props;</span>
1323
- <span class="cstat-no" title="statement not covered" > const { disabled = false, form } = props;</span>
1324
- <span class="cstat-no" title="statement not covered" ></span>
1325
- <span class="cstat-no" title="statement not covered" > const id = useEnsuredId(propId, "select");</span>
1326
- <span class="cstat-no" title="statement not covered" > const containerId = useEnsuredId(propContainerProps.id, "select-container");</span>
1327
- <span class="cstat-no" title="statement not covered" > const icon = getIcon("dropdown", propIcon);</span>
1328
- <span class="cstat-no" title="statement not covered" > const theme = getFormConfig("theme", propTheme);</span>
1329
- <span class="cstat-no" title="statement not covered" ></span>
1330
- <span class="cstat-no" title="statement not covered" > const { toggled: visible, enable: show, disable: hide } = useToggle();</span>
1331
- <span class="cstat-no" title="statement not covered" > const [inputRef, inputRefCallback] = useEnsuredRef(propInputRef);</span>
1332
- <span class="cstat-no" title="statement not covered" > const [containerRef, containerRefCallback] = useEnsuredRef(</span>
1333
- <span class="cstat-no" title="statement not covered" > propContainerProps.ref</span>
1334
- <span class="cstat-no" title="statement not covered" > );</span>
1335
- <span class="cstat-no" title="statement not covered" > const [menuRef, menuRefCallback] = useEnsuredRef(menuProps.nodeRef);</span>
1336
- <span class="cstat-no" title="statement not covered" > const [currentValue, setCurrentValue] = useState(() =&gt; {</span>
1337
- <span class="cstat-no" title="statement not covered" > if (typeof defaultValue !== "undefined") {</span>
1338
- <span class="cstat-no" title="statement not covered" > return defaultValue;</span>
1339
- <span class="cstat-no" title="statement not covered" > }</span>
1340
- <span class="cstat-no" title="statement not covered" ></span>
1341
- <span class="cstat-no" title="statement not covered" > return typeof value !== "undefined" ? value : EMPTY_STRING;</span>
1342
- <span class="cstat-no" title="statement not covered" > });</span>
1343
- <span class="cstat-no" title="statement not covered" > const initialValue = useRef(currentValue);</span>
1344
- <span class="cstat-no" title="statement not covered" ></span>
1345
- <span class="cstat-no" title="statement not covered" > useEffect(() =&gt; {</span>
1346
- <span class="cstat-no" title="statement not covered" > const select = inputRef.current;</span>
1347
- <span class="cstat-no" title="statement not covered" > if (!select) {</span>
1348
- <span class="cstat-no" title="statement not covered" > return;</span>
1349
- <span class="cstat-no" title="statement not covered" > }</span>
1350
- <span class="cstat-no" title="statement not covered" ></span>
1351
- <span class="cstat-no" title="statement not covered" > const formElement =</span>
1352
- <span class="cstat-no" title="statement not covered" > select.closest&lt;HTMLFormElement&gt;("form") ||</span>
1353
- <span class="cstat-no" title="statement not covered" > (form &amp;&amp; document.getElementById(form)) ||</span>
1354
- <span class="cstat-no" title="statement not covered" > null;</span>
1355
- <span class="cstat-no" title="statement not covered" ></span>
1356
- <span class="cstat-no" title="statement not covered" > if (!formElement) {</span>
1357
- <span class="cstat-no" title="statement not covered" > return;</span>
1358
- <span class="cstat-no" title="statement not covered" > }</span>
1359
- <span class="cstat-no" title="statement not covered" ></span>
1360
- <span class="cstat-no" title="statement not covered" > const handleReset = (): void =&gt; {</span>
1361
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(select, initialValue.current);</span>
1362
- <span class="cstat-no" title="statement not covered" > };</span>
1363
- <span class="cstat-no" title="statement not covered" ></span>
1364
- <span class="cstat-no" title="statement not covered" > formElement.addEventListener("reset", handleReset);</span>
1365
- <span class="cstat-no" title="statement not covered" > return () =&gt; {</span>
1366
- <span class="cstat-no" title="statement not covered" > formElement.removeEventListener("reset", handleReset);</span>
1367
- <span class="cstat-no" title="statement not covered" > };</span>
1368
- <span class="cstat-no" title="statement not covered" > }, [form, inputRef]);</span>
1369
- <span class="cstat-no" title="statement not covered" ></span>
1370
- <span class="cstat-no" title="statement not covered" > const { options, searchValues, currentOption, currentIndex } =</span>
1371
- <span class="cstat-no" title="statement not covered" > extractOptionsFromChildren(</span>
1372
- <span class="cstat-no" title="statement not covered" > children,</span>
1373
- <span class="cstat-no" title="statement not covered" > typeof value === "undefined" ? currentValue : value</span>
1374
- <span class="cstat-no" title="statement not covered" > );</span>
1375
- <span class="cstat-no" title="statement not covered" > const totalOptions = options.length - 1;</span>
1376
- <span class="cstat-no" title="statement not covered" ></span>
1377
- <span class="cstat-no" title="statement not covered" > let rightAddon = propRightAddon;</span>
1378
- <span class="cstat-no" title="statement not covered" > if (typeof rightAddon === "undefined" &amp;&amp; icon) {</span>
1379
- <span class="cstat-no" title="statement not covered" > rightAddon = &lt;IconRotator rotated={visible}&gt;{icon}&lt;/IconRotator&gt;;</span>
1380
- <span class="cstat-no" title="statement not covered" > }</span>
1381
- <span class="cstat-no" title="statement not covered" ></span>
1382
- <span class="cstat-no" title="statement not covered" > const listboxContext = useMemo(</span>
1383
- <span class="cstat-no" title="statement not covered" > () =&gt; ({</span>
1384
- <span class="cstat-no" title="statement not covered" > inputRef,</span>
1385
- <span class="cstat-no" title="statement not covered" > currentValue: typeof value === "undefined" ? currentValue : value,</span>
1386
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon,</span>
1387
- <span class="cstat-no" title="statement not covered" > }),</span>
1388
- <span class="cstat-no" title="statement not covered" > [currentValue, disableSelectedIcon, inputRef, value]</span>
1389
- <span class="cstat-no" title="statement not covered" > );</span>
1390
- <span class="cstat-no" title="statement not covered" ></span>
1391
- <span class="cstat-no" title="statement not covered" > // TODO: Need to update this to support editable listboxes where these props</span>
1392
- <span class="cstat-no" title="statement not covered" > // would go to the input element instead of the container</span>
1393
- <span class="cstat-no" title="statement not covered" > const a11yProps = {</span>
1394
- <span class="cstat-no" title="statement not covered" > "aria-haspopup": "listbox",</span>
1395
- <span class="cstat-no" title="statement not covered" > "aria-expanded": visible,</span>
1396
- <span class="cstat-no" title="statement not covered" > role: "combobox",</span>
1397
- <span class="cstat-no" title="statement not covered" > tabIndex: disabled ? -1 : 0,</span>
1398
- <span class="cstat-no" title="statement not covered" > } as const;</span>
1399
- <span class="cstat-no" title="statement not covered" > const {</span>
1400
- <span class="cstat-no" title="statement not covered" > movementProps,</span>
1401
- <span class="cstat-no" title="statement not covered" > movementContext,</span>
1402
- <span class="cstat-no" title="statement not covered" > currentFocusIndex,</span>
1403
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId,</span>
1404
- <span class="cstat-no" title="statement not covered" > } = useKeyboardMovementProvider&lt;HTMLDivElement&gt;({</span>
1405
- <span class="cstat-no" title="statement not covered" > onFocus: propContainerProps.onFocus,</span>
1406
- <span class="cstat-no" title="statement not covered" > onClick(event) {</span>
1407
- <span class="cstat-no" title="statement not covered" > propContainerProps.onClick?.(event);</span>
1408
- <span class="cstat-no" title="statement not covered" > if (disabled) {</span>
1409
- <span class="cstat-no" title="statement not covered" > return;</span>
1410
- <span class="cstat-no" title="statement not covered" > }</span>
1411
- <span class="cstat-no" title="statement not covered" ></span>
1412
- <span class="cstat-no" title="statement not covered" > show();</span>
1413
- <span class="cstat-no" title="statement not covered" > },</span>
1414
- <span class="cstat-no" title="statement not covered" > onKeyDown(event) {</span>
1415
- <span class="cstat-no" title="statement not covered" > propContainerProps.onKeyDown?.(event);</span>
1416
- <span class="cstat-no" title="statement not covered" > if (disabled) {</span>
1417
- <span class="cstat-no" title="statement not covered" > return;</span>
1418
- <span class="cstat-no" title="statement not covered" > }</span>
1419
- <span class="cstat-no" title="statement not covered" ></span>
1420
- <span class="cstat-no" title="statement not covered" > if (visible) {</span>
1421
- <span class="cstat-no" title="statement not covered" > if (event.key === "Escape" || event.key === "Tab") {</span>
1422
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1423
- <span class="cstat-no" title="statement not covered" > hide();</span>
1424
- <span class="cstat-no" title="statement not covered" > }</span>
1425
- <span class="cstat-no" title="statement not covered" ></span>
1426
- <span class="cstat-no" title="statement not covered" > return;</span>
1427
- <span class="cstat-no" title="statement not covered" > }</span>
1428
- <span class="cstat-no" title="statement not covered" ></span>
1429
- <span class="cstat-no" title="statement not covered" > if (isSearchableEvent(event)) {</span>
1430
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1431
- <span class="cstat-no" title="statement not covered" ></span>
1432
- <span class="cstat-no" title="statement not covered" > const nextIndex = findMatchIndex({</span>
1433
- <span class="cstat-no" title="statement not covered" > value: event.key,</span>
1434
- <span class="cstat-no" title="statement not covered" > values: searchValues,</span>
1435
- <span class="cstat-no" title="statement not covered" > startIndex: event.shiftKey ? -1 : currentIndex,</span>
1436
- <span class="cstat-no" title="statement not covered" > });</span>
1437
- <span class="cstat-no" title="statement not covered" ></span>
1438
- <span class="cstat-no" title="statement not covered" > if (nextIndex !== -1) {</span>
1439
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[nextIndex].value);</span>
1440
- <span class="cstat-no" title="statement not covered" > }</span>
1441
- <span class="cstat-no" title="statement not covered" > return;</span>
1442
- <span class="cstat-no" title="statement not covered" > }</span>
1443
- <span class="cstat-no" title="statement not covered" ></span>
1444
- <span class="cstat-no" title="statement not covered" > switch (event.key) {</span>
1445
- <span class="cstat-no" title="statement not covered" > case " ":</span>
1446
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1447
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1448
- <span class="cstat-no" title="statement not covered" > show();</span>
1449
- <span class="cstat-no" title="statement not covered" > break;</span>
1450
- <span class="cstat-no" title="statement not covered" > case "Enter":</span>
1451
- <span class="cstat-no" title="statement not covered" > tryToSubmitRelatedForm(event, form);</span>
1452
- <span class="cstat-no" title="statement not covered" > break;</span>
1453
- <span class="cstat-no" title="statement not covered" > case "Home":</span>
1454
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1455
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1456
- <span class="cstat-no" title="statement not covered" > if (currentIndex !== 0) {</span>
1457
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[0].value);</span>
1458
- <span class="cstat-no" title="statement not covered" > }</span>
1459
- <span class="cstat-no" title="statement not covered" > break;</span>
1460
- <span class="cstat-no" title="statement not covered" > case "End":</span>
1461
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1462
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1463
- <span class="cstat-no" title="statement not covered" > if (currentIndex !== totalOptions) {</span>
1464
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(</span>
1465
- <span class="cstat-no" title="statement not covered" > inputRef.current,</span>
1466
- <span class="cstat-no" title="statement not covered" > options[totalOptions].value</span>
1467
- <span class="cstat-no" title="statement not covered" > );</span>
1468
- <span class="cstat-no" title="statement not covered" > }</span>
1469
- <span class="cstat-no" title="statement not covered" > break;</span>
1470
- <span class="cstat-no" title="statement not covered" > case "ArrowDown":</span>
1471
- <span class="cstat-no" title="statement not covered" > case "ArrowUp": {</span>
1472
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1473
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1474
- <span class="cstat-no" title="statement not covered" ></span>
1475
- <span class="cstat-no" title="statement not covered" > const increment = event.key === "ArrowDown";</span>
1476
- <span class="cstat-no" title="statement not covered" > if (currentIndex === -1 &amp;&amp; !increment) {</span>
1477
- <span class="cstat-no" title="statement not covered" > // this matches the native select behavior where it will do</span>
1478
- <span class="cstat-no" title="statement not covered" > // nothing if there is no current value</span>
1479
- <span class="cstat-no" title="statement not covered" > return;</span>
1480
- <span class="cstat-no" title="statement not covered" > }</span>
1481
- <span class="cstat-no" title="statement not covered" ></span>
1482
- <span class="cstat-no" title="statement not covered" > const nextIndex = loop({</span>
1483
- <span class="cstat-no" title="statement not covered" > max: totalOptions,</span>
1484
- <span class="cstat-no" title="statement not covered" > value: currentIndex,</span>
1485
- <span class="cstat-no" title="statement not covered" > minmax: true,</span>
1486
- <span class="cstat-no" title="statement not covered" > increment,</span>
1487
- <span class="cstat-no" title="statement not covered" > });</span>
1488
- <span class="cstat-no" title="statement not covered" ></span>
1489
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[nextIndex].value);</span>
1490
- <span class="cstat-no" title="statement not covered" > break;</span>
1491
- <span class="cstat-no" title="statement not covered" > }</span>
1492
- <span class="cstat-no" title="statement not covered" > }</span>
1493
- <span class="cstat-no" title="statement not covered" > },</span>
1494
- <span class="cstat-no" title="statement not covered" > loopable: false,</span>
1495
- <span class="cstat-no" title="statement not covered" > searchable: true,</span>
1496
- <span class="cstat-no" title="statement not covered" > programmatic: true,</span>
1497
- <span class="cstat-no" title="statement not covered" > includeDisabled: false,</span>
1498
- <span class="cstat-no" title="statement not covered" > tabIndexBehavior: "virtual",</span>
1499
- <span class="cstat-no" title="statement not covered" > getDefaultFocusedIndex(focusOptions) {</span>
1500
- <span class="cstat-no" title="statement not covered" > if (typeof menuProps.getDefaultFocusedIndex === "function") {</span>
1501
- <span class="cstat-no" title="statement not covered" > return menuProps.getDefaultFocusedIndex(focusOptions);</span>
1502
- <span class="cstat-no" title="statement not covered" > }</span>
1503
- <span class="cstat-no" title="statement not covered" ></span>
1504
- <span class="cstat-no" title="statement not covered" > const val = typeof value === "undefined" ? currentValue : value;</span>
1505
- <span class="cstat-no" title="statement not covered" > return options.findIndex((option) =&gt; option.value === val);</span>
1506
- <span class="cstat-no" title="statement not covered" > },</span>
1507
- <span class="cstat-no" title="statement not covered" > getFocusableElements() {</span>
1508
- <span class="cstat-no" title="statement not covered" > const menu = menuRef.current;</span>
1509
- <span class="cstat-no" title="statement not covered" > if (!menu) {</span>
1510
- <span class="cstat-no" title="statement not covered" > return [];</span>
1511
- <span class="cstat-no" title="statement not covered" > }</span>
1512
- <span class="cstat-no" title="statement not covered" ></span>
1513
- <span class="cstat-no" title="statement not covered" > return [</span>
1514
- <span class="cstat-no" title="statement not covered" > ...menu.querySelectorAll&lt;HTMLLIElement&gt;(</span>
1515
- <span class="cstat-no" title="statement not covered" > '[role="option"]:not([aria-disabled])'</span>
1516
- <span class="cstat-no" title="statement not covered" > ),</span>
1517
- <span class="cstat-no" title="statement not covered" > ];</span>
1518
- <span class="cstat-no" title="statement not covered" > },</span>
1519
- <span class="cstat-no" title="statement not covered" > });</span>
1520
- <span class="cstat-no" title="statement not covered" ></span>
1521
- <span class="cstat-no" title="statement not covered" > const containerProps: Required&lt;SelectProps&lt;Value&gt;&gt;["containerProps"] = {</span>
1522
- <span class="cstat-no" title="statement not covered" > ...propContainerProps,</span>
1523
- <span class="cstat-no" title="statement not covered" > ...movementProps,</span>
1524
- <span class="cstat-no" title="statement not covered" > ...a11yProps,</span>
1525
- <span class="cstat-no" title="statement not covered" > ref: containerRefCallback,</span>
1526
- <span class="cstat-no" title="statement not covered" > };</span>
1527
- <span class="cstat-no" title="statement not covered" ></span>
1528
- <span class="cstat-no" title="statement not covered" > const { onEntering, onEntered, onExiting, onExited, disableTransition } =</span>
1529
- <span class="cstat-no" title="statement not covered" > menuProps;</span>
1530
- <span class="cstat-no" title="statement not covered" > const handleMounting =</span>
1531
- <span class="cstat-no" title="statement not covered" > (callback: TransitionEnterHandler | undefined = noop, skipped: boolean) =&gt;</span>
1532
- <span class="cstat-no" title="statement not covered" > (appearing: boolean) =&gt; {</span>
1533
- <span class="cstat-no" title="statement not covered" > callback(appearing);</span>
1534
- <span class="cstat-no" title="statement not covered" ></span>
1535
- <span class="cstat-no" title="statement not covered" > const menu = menuRef.current;</span>
1536
- <span class="cstat-no" title="statement not covered" > if (!menu || skipped) {</span>
1537
- <span class="cstat-no" title="statement not covered" > return;</span>
1538
- <span class="cstat-no" title="statement not covered" > }</span>
1539
- <span class="cstat-no" title="statement not covered" ></span>
1540
- <span class="cstat-no" title="statement not covered" > // Since the keyboard movement behavior is tied to the</span>
1541
- <span class="cstat-no" title="statement not covered" > // `TextFieldContainer` or `input` element instead of the menu for this</span>
1542
- <span class="cstat-no" title="statement not covered" > // widget, the focus index and active descendant must manually be updated</span>
1543
- <span class="cstat-no" title="statement not covered" > // whenever the menu becomes visible. Without this, no items will be</span>
1544
- <span class="cstat-no" title="statement not covered" > // focused until the first keyboard event that would move focus</span>
1545
- <span class="cstat-no" title="statement not covered" > const val = typeof value === "undefined" ? currentValue : value;</span>
1546
- <span class="cstat-no" title="statement not covered" > const focusables = getNonDisabledOptions(menu);</span>
1547
- <span class="cstat-no" title="statement not covered" > const index = Math.max(</span>
1548
- <span class="cstat-no" title="statement not covered" > 0,</span>
1549
- <span class="cstat-no" title="statement not covered" > options.findIndex((option) =&gt; option.value === val)</span>
1550
- <span class="cstat-no" title="statement not covered" > );</span>
1551
- <span class="cstat-no" title="statement not covered" > focusables[index].scrollIntoView({ block: "nearest" });</span>
1552
- <span class="cstat-no" title="statement not covered" > currentFocusIndex.current = index;</span>
1553
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId(focusables[index]?.id || "");</span>
1554
- <span class="cstat-no" title="statement not covered" > };</span>
1555
- <span class="cstat-no" title="statement not covered" ></span>
1556
- <span class="cstat-no" title="statement not covered" > const handleUnmounting =</span>
1557
- <span class="cstat-no" title="statement not covered" > (callback: TransitionExitHandler | undefined = noop, skipped = false) =&gt;</span>
1558
- <span class="cstat-no" title="statement not covered" > (): void =&gt; {</span>
1559
- <span class="cstat-no" title="statement not covered" > callback();</span>
1560
- <span class="cstat-no" title="statement not covered" ></span>
1561
- <span class="cstat-no" title="statement not covered" > if (!skipped) {</span>
1562
- <span class="cstat-no" title="statement not covered" > // since the menu is unmounted or set to hidden while not visible, need</span>
1563
- <span class="cstat-no" title="statement not covered" > // to clear the aria-activedescendant and current focus index when</span>
1564
- <span class="cstat-no" title="statement not covered" > // hiding</span>
1565
- <span class="cstat-no" title="statement not covered" > currentFocusIndex.current = -1;</span>
1566
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId("");</span>
1567
- <span class="cstat-no" title="statement not covered" > }</span>
1568
- <span class="cstat-no" title="statement not covered" > };</span>
1569
- <span class="cstat-no" title="statement not covered" ></span>
1570
- <span class="cstat-no" title="statement not covered" > return (</span>
1571
- <span class="cstat-no" title="statement not covered" > &lt;ListboxProvider value={listboxContext}&gt;</span>
1572
- <span class="cstat-no" title="statement not covered" > &lt;KeyboardMovementProvider value={movementContext}&gt;</span>
1573
- <span class="cstat-no" title="statement not covered" > &lt;TextField</span>
1574
- <span class="cstat-no" title="statement not covered" > {...remaining}</span>
1575
- <span class="cstat-no" title="statement not covered" > aria-hidden</span>
1576
- <span class="cstat-no" title="statement not covered" > id={id}</span>
1577
- <span class="cstat-no" title="statement not covered" > ref={inputRefCallback}</span>
1578
- <span class="cstat-no" title="statement not covered" > containerProps={containerProps}</span>
1579
- <span class="cstat-no" title="statement not covered" > type="text"</span>
1580
- <span class="cstat-no" title="statement not covered" > tabIndex={-1}</span>
1581
- <span class="cstat-no" title="statement not covered" > theme={theme}</span>
1582
- <span class="cstat-no" title="statement not covered" > value={value}</span>
1583
- <span class="cstat-no" title="statement not covered" > defaultValue={defaultValue}</span>
1584
- <span class="cstat-no" title="statement not covered" > active={active || visible}</span>
1585
- <span class="cstat-no" title="statement not covered" > leftAddon={leftAddon}</span>
1586
- <span class="cstat-no" title="statement not covered" > rightAddon={rightAddon}</span>
1587
- <span class="cstat-no" title="statement not covered" > className={cnb("rmd-select-container", className)}</span>
1588
- <span class="cstat-no" title="statement not covered" > inputClassName={select({</span>
1589
- <span class="cstat-no" title="statement not covered" > theme,</span>
1590
- <span class="cstat-no" title="statement not covered" > className: inputClassName,</span>
1591
- <span class="cstat-no" title="statement not covered" > })}</span>
1592
- <span class="cstat-no" title="statement not covered" > onChange={(event) =&gt; {</span>
1593
- <span class="cstat-no" title="statement not covered" > onChange(event as SelectChangeEvent&lt;Value&gt;);</span>
1594
- <span class="cstat-no" title="statement not covered" > if (typeof value !== "undefined") {</span>
1595
- <span class="cstat-no" title="statement not covered" > return;</span>
1596
- <span class="cstat-no" title="statement not covered" > }</span>
1597
- <span class="cstat-no" title="statement not covered" ></span>
1598
- <span class="cstat-no" title="statement not covered" > const nextValue = event.currentTarget.value;</span>
1599
- <span class="cstat-no" title="statement not covered" > const valueAsNumber = parseFloat(nextValue);</span>
1600
- <span class="cstat-no" title="statement not covered" > const nextOption = options.find(</span>
1601
- <span class="cstat-no" title="statement not covered" > (option) =&gt;</span>
1602
- <span class="cstat-no" title="statement not covered" > // need to compare both here since</span>
1603
- <span class="cstat-no" title="statement not covered" > // eslint-disable-next-line @typescript-eslint/ban-ts-comment</span>
1604
- <span class="cstat-no" title="statement not covered" > // @ts-expect-error</span>
1605
- <span class="cstat-no" title="statement not covered" > option.value === nextValue || option.value === valueAsNumber</span>
1606
- <span class="cstat-no" title="statement not covered" > );</span>
1607
- <span class="cstat-no" title="statement not covered" ></span>
1608
- <span class="cstat-no" title="statement not covered" > setCurrentValue(</span>
1609
- <span class="cstat-no" title="statement not covered" > nextOption ? nextOption.value : initialValue.current</span>
1610
- <span class="cstat-no" title="statement not covered" > );</span>
1611
- <span class="cstat-no" title="statement not covered" > }}</span>
1612
- <span class="cstat-no" title="statement not covered" > &gt;</span>
1613
- <span class="cstat-no" title="statement not covered" > &lt;SelectValue disableAddon={disableValueAddon} {...currentOption} /&gt;</span>
1614
- <span class="cstat-no" title="statement not covered" > &lt;/TextField&gt;</span>
1615
- <span class="cstat-no" title="statement not covered" > &lt;Menu</span>
1616
- <span class="cstat-no" title="statement not covered" > aria-labelledby={containerId}</span>
1617
- <span class="cstat-no" title="statement not covered" > anchor={BELOW_CENTER_ANCHOR}</span>
1618
- <span class="cstat-no" title="statement not covered" > role="listbox"</span>
1619
- <span class="cstat-no" title="statement not covered" > width="min"</span>
1620
- <span class="cstat-no" title="statement not covered" > {...menuProps}</span>
1621
- <span class="cstat-no" title="statement not covered" > ref={menuRefCallback}</span>
1622
- <span class="cstat-no" title="statement not covered" > visible={visible}</span>
1623
- <span class="cstat-no" title="statement not covered" > fixedTo={containerRef}</span>
1624
- <span class="cstat-no" title="statement not covered" > onRequestClose={hide}</span>
1625
- <span class="cstat-no" title="statement not covered" > onEntering={handleMounting(onEntering, false)}</span>
1626
- <span class="cstat-no" title="statement not covered" > onEntered={handleMounting(onEntered, !disableTransition)}</span>
1627
- <span class="cstat-no" title="statement not covered" > onExiting={handleUnmounting(onExiting, false)}</span>
1628
- <span class="cstat-no" title="statement not covered" > onExited={handleUnmounting(onExited, !disableTransition)}</span>
1629
- <span class="cstat-no" title="statement not covered" > sheetProps={{</span>
1630
- <span class="cstat-no" title="statement not covered" > ...menuProps.sheetProps,</span>
1631
- <span class="cstat-no" title="statement not covered" > onEntering: handleMounting(menuProps.sheetProps?.onEntering, false),</span>
1632
- <span class="cstat-no" title="statement not covered" > onEntered: handleMounting(</span>
1633
- <span class="cstat-no" title="statement not covered" > menuProps.sheetProps?.onEntered,</span>
1634
- <span class="cstat-no" title="statement not covered" > !disableTransition</span>
1635
- <span class="cstat-no" title="statement not covered" > ),</span>
1636
- <span class="cstat-no" title="statement not covered" > }}</span>
1637
- <span class="cstat-no" title="statement not covered" > &gt;</span>
1638
- <span class="cstat-no" title="statement not covered" > {children}</span>
1639
- <span class="cstat-no" title="statement not covered" > &lt;/Menu&gt;</span>
1640
- <span class="cstat-no" title="statement not covered" > &lt;/KeyboardMovementProvider&gt;</span>
1641
- <span class="cstat-no" title="statement not covered" > &lt;/ListboxProvider&gt;</span>
1642
- <span class="cstat-no" title="statement not covered" > );</span>
1643
- <span class="cstat-no" title="statement not covered" >}</span>
542
+ <a name='L477'></a><a href='#L477'>477</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
543
+ <span class="cline-any cline-yes">1x</span>
544
+ <span class="cline-any cline-yes">1x</span>
545
+ <span class="cline-any cline-yes">1x</span>
546
+ <span class="cline-any cline-yes">1x</span>
547
+ <span class="cline-any cline-yes">1x</span>
548
+ <span class="cline-any cline-yes">1x</span>
549
+ <span class="cline-any cline-yes">1x</span>
550
+ <span class="cline-any cline-yes">1x</span>
551
+ <span class="cline-any cline-yes">1x</span>
552
+ <span class="cline-any cline-yes">1x</span>
553
+ <span class="cline-any cline-yes">1x</span>
554
+ <span class="cline-any cline-yes">1x</span>
555
+ <span class="cline-any cline-yes">1x</span>
556
+ <span class="cline-any cline-yes">1x</span>
557
+ <span class="cline-any cline-yes">1x</span>
558
+ <span class="cline-any cline-yes">1x</span>
559
+ <span class="cline-any cline-yes">1x</span>
560
+ <span class="cline-any cline-yes">1x</span>
561
+ <span class="cline-any cline-yes">1x</span>
562
+ <span class="cline-any cline-yes">1x</span>
563
+ <span class="cline-any cline-yes">1x</span>
564
+ <span class="cline-any cline-yes">1x</span>
565
+ <span class="cline-any cline-yes">1x</span>
566
+ <span class="cline-any cline-yes">1x</span>
567
+ <span class="cline-any cline-yes">1x</span>
568
+ <span class="cline-any cline-yes">1x</span>
569
+ <span class="cline-any cline-yes">1x</span>
570
+ <span class="cline-any cline-yes">1x</span>
571
+ <span class="cline-any cline-yes">1x</span>
572
+ <span class="cline-any cline-yes">1x</span>
573
+ <span class="cline-any cline-yes">1x</span>
574
+ <span class="cline-any cline-yes">1x</span>
575
+ <span class="cline-any cline-yes">1x</span>
576
+ <span class="cline-any cline-yes">1x</span>
577
+ <span class="cline-any cline-yes">1x</span>
578
+ <span class="cline-any cline-yes">1x</span>
579
+ <span class="cline-any cline-yes">1x</span>
580
+ <span class="cline-any cline-yes">1x</span>
581
+ <span class="cline-any cline-yes">1x</span>
582
+ <span class="cline-any cline-yes">1x</span>
583
+ <span class="cline-any cline-yes">1x</span>
584
+ <span class="cline-any cline-yes">1x</span>
585
+ <span class="cline-any cline-yes">8x</span>
586
+ <span class="cline-any cline-yes">8x</span>
587
+ <span class="cline-any cline-yes">1x</span>
588
+ <span class="cline-any cline-yes">1x</span>
589
+ <span class="cline-any cline-yes">1x</span>
590
+ <span class="cline-any cline-yes">1x</span>
591
+ <span class="cline-any cline-yes">1x</span>
592
+ <span class="cline-any cline-yes">1x</span>
593
+ <span class="cline-any cline-yes">1x</span>
594
+ <span class="cline-any cline-yes">1x</span>
595
+ <span class="cline-any cline-yes">1x</span>
596
+ <span class="cline-any cline-yes">1x</span>
597
+ <span class="cline-any cline-yes">1x</span>
598
+ <span class="cline-any cline-yes">1x</span>
599
+ <span class="cline-any cline-yes">1x</span>
600
+ <span class="cline-any cline-yes">1x</span>
601
+ <span class="cline-any cline-yes">1x</span>
602
+ <span class="cline-any cline-yes">1x</span>
603
+ <span class="cline-any cline-yes">1x</span>
604
+ <span class="cline-any cline-yes">1x</span>
605
+ <span class="cline-any cline-yes">1x</span>
606
+ <span class="cline-any cline-yes">1x</span>
607
+ <span class="cline-any cline-yes">1x</span>
608
+ <span class="cline-any cline-yes">1x</span>
609
+ <span class="cline-any cline-yes">1x</span>
610
+ <span class="cline-any cline-yes">1x</span>
611
+ <span class="cline-any cline-yes">1x</span>
612
+ <span class="cline-any cline-yes">1x</span>
613
+ <span class="cline-any cline-yes">1x</span>
614
+ <span class="cline-any cline-yes">1x</span>
615
+ <span class="cline-any cline-yes">1x</span>
616
+ <span class="cline-any cline-yes">1x</span>
617
+ <span class="cline-any cline-yes">1x</span>
618
+ <span class="cline-any cline-yes">1x</span>
619
+ <span class="cline-any cline-yes">1x</span>
620
+ <span class="cline-any cline-yes">1x</span>
621
+ <span class="cline-any cline-yes">1x</span>
622
+ <span class="cline-any cline-yes">1x</span>
623
+ <span class="cline-any cline-yes">1x</span>
624
+ <span class="cline-any cline-yes">1x</span>
625
+ <span class="cline-any cline-yes">1x</span>
626
+ <span class="cline-any cline-yes">1x</span>
627
+ <span class="cline-any cline-yes">1x</span>
628
+ <span class="cline-any cline-yes">1x</span>
629
+ <span class="cline-any cline-yes">1x</span>
630
+ <span class="cline-any cline-yes">1x</span>
631
+ <span class="cline-any cline-yes">1x</span>
632
+ <span class="cline-any cline-yes">1x</span>
633
+ <span class="cline-any cline-yes">1x</span>
634
+ <span class="cline-any cline-yes">1x</span>
635
+ <span class="cline-any cline-yes">1x</span>
636
+ <span class="cline-any cline-yes">1x</span>
637
+ <span class="cline-any cline-yes">1x</span>
638
+ <span class="cline-any cline-yes">1x</span>
639
+ <span class="cline-any cline-yes">1x</span>
640
+ <span class="cline-any cline-yes">1x</span>
641
+ <span class="cline-any cline-yes">1x</span>
642
+ <span class="cline-any cline-yes">1x</span>
643
+ <span class="cline-any cline-yes">1x</span>
644
+ <span class="cline-any cline-yes">1x</span>
645
+ <span class="cline-any cline-yes">1x</span>
646
+ <span class="cline-any cline-yes">1x</span>
647
+ <span class="cline-any cline-yes">1x</span>
648
+ <span class="cline-any cline-yes">1x</span>
649
+ <span class="cline-any cline-yes">1x</span>
650
+ <span class="cline-any cline-yes">1x</span>
651
+ <span class="cline-any cline-yes">1x</span>
652
+ <span class="cline-any cline-yes">1x</span>
653
+ <span class="cline-any cline-yes">1x</span>
654
+ <span class="cline-any cline-yes">1x</span>
655
+ <span class="cline-any cline-yes">1x</span>
656
+ <span class="cline-any cline-yes">1x</span>
657
+ <span class="cline-any cline-yes">1x</span>
658
+ <span class="cline-any cline-yes">1x</span>
659
+ <span class="cline-any cline-yes">1x</span>
660
+ <span class="cline-any cline-yes">1x</span>
661
+ <span class="cline-any cline-yes">1x</span>
662
+ <span class="cline-any cline-yes">1x</span>
663
+ <span class="cline-any cline-yes">1x</span>
664
+ <span class="cline-any cline-yes">1x</span>
665
+ <span class="cline-any cline-yes">1x</span>
666
+ <span class="cline-any cline-yes">1x</span>
667
+ <span class="cline-any cline-yes">1x</span>
668
+ <span class="cline-any cline-yes">1x</span>
669
+ <span class="cline-any cline-yes">1x</span>
670
+ <span class="cline-any cline-yes">1x</span>
671
+ <span class="cline-any cline-yes">1x</span>
672
+ <span class="cline-any cline-yes">1x</span>
673
+ <span class="cline-any cline-yes">1x</span>
674
+ <span class="cline-any cline-yes">1x</span>
675
+ <span class="cline-any cline-yes">1x</span>
676
+ <span class="cline-any cline-yes">1x</span>
677
+ <span class="cline-any cline-yes">1x</span>
678
+ <span class="cline-any cline-yes">1x</span>
679
+ <span class="cline-any cline-yes">1x</span>
680
+ <span class="cline-any cline-yes">1x</span>
681
+ <span class="cline-any cline-yes">1x</span>
682
+ <span class="cline-any cline-yes">1x</span>
683
+ <span class="cline-any cline-yes">1x</span>
684
+ <span class="cline-any cline-yes">1x</span>
685
+ <span class="cline-any cline-yes">1x</span>
686
+ <span class="cline-any cline-yes">1x</span>
687
+ <span class="cline-any cline-yes">1x</span>
688
+ <span class="cline-any cline-yes">1x</span>
689
+ <span class="cline-any cline-yes">1x</span>
690
+ <span class="cline-any cline-yes">1x</span>
691
+ <span class="cline-any cline-yes">1x</span>
692
+ <span class="cline-any cline-yes">1x</span>
693
+ <span class="cline-any cline-yes">1x</span>
694
+ <span class="cline-any cline-yes">1x</span>
695
+ <span class="cline-any cline-yes">1x</span>
696
+ <span class="cline-any cline-yes">1x</span>
697
+ <span class="cline-any cline-yes">1x</span>
698
+ <span class="cline-any cline-yes">1x</span>
699
+ <span class="cline-any cline-yes">1x</span>
700
+ <span class="cline-any cline-yes">1x</span>
701
+ <span class="cline-any cline-yes">1x</span>
702
+ <span class="cline-any cline-yes">1x</span>
703
+ <span class="cline-any cline-yes">1x</span>
704
+ <span class="cline-any cline-yes">1x</span>
705
+ <span class="cline-any cline-yes">1x</span>
706
+ <span class="cline-any cline-yes">1x</span>
707
+ <span class="cline-any cline-yes">1x</span>
708
+ <span class="cline-any cline-yes">1x</span>
709
+ <span class="cline-any cline-yes">1x</span>
710
+ <span class="cline-any cline-yes">1x</span>
711
+ <span class="cline-any cline-yes">1x</span>
712
+ <span class="cline-any cline-yes">1x</span>
713
+ <span class="cline-any cline-yes">1x</span>
714
+ <span class="cline-any cline-yes">1x</span>
715
+ <span class="cline-any cline-yes">1x</span>
716
+ <span class="cline-any cline-yes">1x</span>
717
+ <span class="cline-any cline-yes">1x</span>
718
+ <span class="cline-any cline-yes">1x</span>
719
+ <span class="cline-any cline-yes">1x</span>
720
+ <span class="cline-any cline-yes">1x</span>
721
+ <span class="cline-any cline-yes">1x</span>
722
+ <span class="cline-any cline-yes">1x</span>
723
+ <span class="cline-any cline-yes">1x</span>
724
+ <span class="cline-any cline-yes">1x</span>
725
+ <span class="cline-any cline-yes">1x</span>
726
+ <span class="cline-any cline-yes">1x</span>
727
+ <span class="cline-any cline-yes">1x</span>
728
+ <span class="cline-any cline-yes">1x</span>
729
+ <span class="cline-any cline-yes">1x</span>
730
+ <span class="cline-any cline-yes">1x</span>
731
+ <span class="cline-any cline-yes">1x</span>
732
+ <span class="cline-any cline-yes">1x</span>
733
+ <span class="cline-any cline-yes">1x</span>
734
+ <span class="cline-any cline-yes">1x</span>
735
+ <span class="cline-any cline-yes">1x</span>
736
+ <span class="cline-any cline-yes">1x</span>
737
+ <span class="cline-any cline-yes">1x</span>
738
+ <span class="cline-any cline-yes">1x</span>
739
+ <span class="cline-any cline-yes">1x</span>
740
+ <span class="cline-any cline-yes">1x</span>
741
+ <span class="cline-any cline-yes">1x</span>
742
+ <span class="cline-any cline-yes">1x</span>
743
+ <span class="cline-any cline-yes">1x</span>
744
+ <span class="cline-any cline-yes">1x</span>
745
+ <span class="cline-any cline-yes">1x</span>
746
+ <span class="cline-any cline-yes">1x</span>
747
+ <span class="cline-any cline-yes">1x</span>
748
+ <span class="cline-any cline-yes">1x</span>
749
+ <span class="cline-any cline-yes">1x</span>
750
+ <span class="cline-any cline-yes">1x</span>
751
+ <span class="cline-any cline-yes">1x</span>
752
+ <span class="cline-any cline-yes">1x</span>
753
+ <span class="cline-any cline-yes">1x</span>
754
+ <span class="cline-any cline-yes">1x</span>
755
+ <span class="cline-any cline-yes">1x</span>
756
+ <span class="cline-any cline-yes">1x</span>
757
+ <span class="cline-any cline-yes">1x</span>
758
+ <span class="cline-any cline-yes">1x</span>
759
+ <span class="cline-any cline-yes">1x</span>
760
+ <span class="cline-any cline-yes">1x</span>
761
+ <span class="cline-any cline-yes">1x</span>
762
+ <span class="cline-any cline-yes">1x</span>
763
+ <span class="cline-any cline-yes">1x</span>
764
+ <span class="cline-any cline-yes">1x</span>
765
+ <span class="cline-any cline-yes">1x</span>
766
+ <span class="cline-any cline-yes">1x</span>
767
+ <span class="cline-any cline-yes">1x</span>
768
+ <span class="cline-any cline-yes">1x</span>
769
+ <span class="cline-any cline-yes">1x</span>
770
+ <span class="cline-any cline-yes">1x</span>
771
+ <span class="cline-any cline-yes">1x</span>
772
+ <span class="cline-any cline-yes">1x</span>
773
+ <span class="cline-any cline-yes">1x</span>
774
+ <span class="cline-any cline-yes">1x</span>
775
+ <span class="cline-any cline-yes">1x</span>
776
+ <span class="cline-any cline-yes">1x</span>
777
+ <span class="cline-any cline-yes">1x</span>
778
+ <span class="cline-any cline-yes">1x</span>
779
+ <span class="cline-any cline-yes">1x</span>
780
+ <span class="cline-any cline-yes">1x</span>
781
+ <span class="cline-any cline-yes">1x</span>
782
+ <span class="cline-any cline-yes">1x</span>
783
+ <span class="cline-any cline-yes">1x</span>
784
+ <span class="cline-any cline-yes">1x</span>
785
+ <span class="cline-any cline-yes">1x</span>
786
+ <span class="cline-any cline-yes">1x</span>
787
+ <span class="cline-any cline-yes">1x</span>
788
+ <span class="cline-any cline-yes">1x</span>
789
+ <span class="cline-any cline-yes">1x</span>
790
+ <span class="cline-any cline-yes">1x</span>
791
+ <span class="cline-any cline-yes">1x</span>
792
+ <span class="cline-any cline-yes">1x</span>
793
+ <span class="cline-any cline-yes">1x</span>
794
+ <span class="cline-any cline-yes">1x</span>
795
+ <span class="cline-any cline-yes">1x</span>
796
+ <span class="cline-any cline-yes">1x</span>
797
+ <span class="cline-any cline-yes">1x</span>
798
+ <span class="cline-any cline-yes">1x</span>
799
+ <span class="cline-any cline-yes">1x</span>
800
+ <span class="cline-any cline-yes">1x</span>
801
+ <span class="cline-any cline-yes">1x</span>
802
+ <span class="cline-any cline-yes">1x</span>
803
+ <span class="cline-any cline-yes">1x</span>
804
+ <span class="cline-any cline-yes">1x</span>
805
+ <span class="cline-any cline-yes">1x</span>
806
+ <span class="cline-any cline-yes">1x</span>
807
+ <span class="cline-any cline-yes">1x</span>
808
+ <span class="cline-any cline-yes">1x</span>
809
+ <span class="cline-any cline-yes">1x</span>
810
+ <span class="cline-any cline-yes">1x</span>
811
+ <span class="cline-any cline-yes">87x</span>
812
+ <span class="cline-any cline-yes">87x</span>
813
+ <span class="cline-any cline-yes">87x</span>
814
+ <span class="cline-any cline-yes">87x</span>
815
+ <span class="cline-any cline-yes">87x</span>
816
+ <span class="cline-any cline-yes">87x</span>
817
+ <span class="cline-any cline-yes">87x</span>
818
+ <span class="cline-any cline-yes">87x</span>
819
+ <span class="cline-any cline-yes">87x</span>
820
+ <span class="cline-any cline-yes">87x</span>
821
+ <span class="cline-any cline-yes">87x</span>
822
+ <span class="cline-any cline-yes">87x</span>
823
+ <span class="cline-any cline-yes">87x</span>
824
+ <span class="cline-any cline-yes">87x</span>
825
+ <span class="cline-any cline-yes">87x</span>
826
+ <span class="cline-any cline-yes">87x</span>
827
+ <span class="cline-any cline-yes">87x</span>
828
+ <span class="cline-any cline-yes">87x</span>
829
+ <span class="cline-any cline-yes">87x</span>
830
+ <span class="cline-any cline-yes">87x</span>
831
+ <span class="cline-any cline-yes">87x</span>
832
+ <span class="cline-any cline-yes">87x</span>
833
+ <span class="cline-any cline-yes">87x</span>
834
+ <span class="cline-any cline-yes">87x</span>
835
+ <span class="cline-any cline-yes">87x</span>
836
+ <span class="cline-any cline-yes">87x</span>
837
+ <span class="cline-any cline-yes">87x</span>
838
+ <span class="cline-any cline-yes">87x</span>
839
+ <span class="cline-any cline-yes">87x</span>
840
+ <span class="cline-any cline-yes">87x</span>
841
+ <span class="cline-any cline-yes">87x</span>
842
+ <span class="cline-any cline-yes">87x</span>
843
+ <span class="cline-any cline-yes">87x</span>
844
+ <span class="cline-any cline-yes">87x</span>
845
+ <span class="cline-any cline-yes">87x</span>
846
+ <span class="cline-any cline-yes">87x</span>
847
+ <span class="cline-any cline-yes">87x</span>
848
+ <span class="cline-any cline-yes">87x</span>
849
+ <span class="cline-any cline-yes">87x</span>
850
+ <span class="cline-any cline-yes">87x</span>
851
+ <span class="cline-any cline-yes">87x</span>
852
+ <span class="cline-any cline-yes">87x</span>
853
+ <span class="cline-any cline-yes">14x</span>
854
+ <span class="cline-any cline-yes">3x</span>
855
+ <span class="cline-any cline-yes">3x</span>
856
+ <span class="cline-any cline-yes">11x</span>
857
+ <span class="cline-any cline-yes">14x</span>
858
+ <span class="cline-any cline-yes">14x</span>
859
+ <span class="cline-any cline-yes">87x</span>
860
+ <span class="cline-any cline-yes">87x</span>
861
+ <span class="cline-any cline-yes">87x</span>
862
+ <span class="cline-any cline-yes">87x</span>
863
+ <span class="cline-any cline-yes">87x</span>
864
+ <span class="cline-any cline-yes">87x</span>
865
+ <span class="cline-any cline-yes">87x</span>
866
+ <span class="cline-any cline-yes">87x</span>
867
+ <span class="cline-any cline-yes">87x</span>
868
+ <span class="cline-any cline-yes">87x</span>
869
+ <span class="cline-any cline-yes">87x</span>
870
+ <span class="cline-any cline-yes">87x</span>
871
+ <span class="cline-any cline-yes">87x</span>
872
+ <span class="cline-any cline-yes">87x</span>
873
+ <span class="cline-any cline-yes">87x</span>
874
+ <span class="cline-any cline-yes">87x</span>
875
+ <span class="cline-any cline-yes">87x</span>
876
+ <span class="cline-any cline-yes">87x</span>
877
+ <span class="cline-any cline-yes">87x</span>
878
+ <span class="cline-any cline-yes">87x</span>
879
+ <span class="cline-any cline-yes">87x</span>
880
+ <span class="cline-any cline-yes">87x</span>
881
+ <span class="cline-any cline-yes">87x</span>
882
+ <span class="cline-any cline-yes">87x</span>
883
+ <span class="cline-any cline-yes">87x</span>
884
+ <span class="cline-any cline-yes">87x</span>
885
+ <span class="cline-any cline-yes">87x</span>
886
+ <span class="cline-any cline-yes">87x</span>
887
+ <span class="cline-any cline-yes">87x</span>
888
+ <span class="cline-any cline-yes">87x</span>
889
+ <span class="cline-any cline-yes">87x</span>
890
+ <span class="cline-any cline-yes">87x</span>
891
+ <span class="cline-any cline-yes">87x</span>
892
+ <span class="cline-any cline-yes">87x</span>
893
+ <span class="cline-any cline-yes">87x</span>
894
+ <span class="cline-any cline-yes">87x</span>
895
+ <span class="cline-any cline-yes">87x</span>
896
+ <span class="cline-any cline-yes">87x</span>
897
+ <span class="cline-any cline-yes">24x</span>
898
+ <span class="cline-any cline-yes">24x</span>
899
+ <span class="cline-any cline-yes">24x</span>
900
+ <span class="cline-any cline-yes">24x</span>
901
+ <span class="cline-any cline-yes">24x</span>
902
+ <span class="cline-any cline-yes">87x</span>
903
+ <span class="cline-any cline-yes">87x</span>
904
+ <span class="cline-any cline-yes">87x</span>
905
+ <span class="cline-any cline-yes">87x</span>
906
+ <span class="cline-any cline-yes">87x</span>
907
+ <span class="cline-any cline-yes">87x</span>
908
+ <span class="cline-any cline-yes">87x</span>
909
+ <span class="cline-any cline-yes">87x</span>
910
+ <span class="cline-any cline-yes">87x</span>
911
+ <span class="cline-any cline-yes">87x</span>
912
+ <span class="cline-any cline-yes">87x</span>
913
+ <span class="cline-any cline-yes">87x</span>
914
+ <span class="cline-any cline-yes">87x</span>
915
+ <span class="cline-any cline-yes">87x</span>
916
+ <span class="cline-any cline-yes">87x</span>
917
+ <span class="cline-any cline-yes">87x</span>
918
+ <span class="cline-any cline-yes">87x</span>
919
+ <span class="cline-any cline-yes">87x</span>
920
+ <span class="cline-any cline-yes">87x</span>
921
+ <span class="cline-any cline-yes">87x</span>
922
+ <span class="cline-any cline-yes">87x</span>
923
+ <span class="cline-any cline-yes">87x</span>
924
+ <span class="cline-any cline-yes">87x</span>
925
+ <span class="cline-any cline-yes">87x</span>
926
+ <span class="cline-any cline-yes">87x</span>
927
+ <span class="cline-any cline-yes">87x</span>
928
+ <span class="cline-any cline-yes">87x</span>
929
+ <span class="cline-any cline-yes">87x</span>
930
+ <span class="cline-any cline-yes">87x</span>
931
+ <span class="cline-any cline-yes">87x</span>
932
+ <span class="cline-any cline-yes">87x</span>
933
+ <span class="cline-any cline-yes">87x</span>
934
+ <span class="cline-any cline-yes">87x</span>
935
+ <span class="cline-any cline-yes">87x</span>
936
+ <span class="cline-any cline-yes">87x</span>
937
+ <span class="cline-any cline-yes">87x</span>
938
+ <span class="cline-any cline-yes">87x</span>
939
+ <span class="cline-any cline-yes">87x</span>
940
+ <span class="cline-any cline-yes">87x</span>
941
+ <span class="cline-any cline-yes">87x</span>
942
+ <span class="cline-any cline-yes">87x</span>
943
+ <span class="cline-any cline-yes">87x</span>
944
+ <span class="cline-any cline-yes">87x</span>
945
+ <span class="cline-any cline-yes">87x</span>
946
+ <span class="cline-any cline-yes">87x</span>
947
+ <span class="cline-any cline-yes">87x</span>
948
+ <span class="cline-any cline-yes">87x</span>
949
+ <span class="cline-any cline-yes">87x</span>
950
+ <span class="cline-any cline-yes">87x</span>
951
+ <span class="cline-any cline-yes">87x</span>
952
+ <span class="cline-any cline-yes">87x</span>
953
+ <span class="cline-any cline-yes">87x</span>
954
+ <span class="cline-any cline-yes">87x</span>
955
+ <span class="cline-any cline-yes">87x</span>
956
+ <span class="cline-any cline-yes">9x</span>
957
+ <span class="cline-any cline-yes">9x</span>
958
+ <span class="cline-any cline-yes">1x</span>
959
+ <span class="cline-any cline-yes">1x</span>
960
+ <span class="cline-any cline-yes">8x</span>
961
+ <span class="cline-any cline-yes">8x</span>
962
+ <span class="cline-any cline-yes">8x</span>
963
+ <span class="cline-any cline-yes">8x</span>
964
+ <span class="cline-any cline-yes">9x</span>
965
+ <span class="cline-any cline-yes">9x</span>
966
+ <span class="cline-any cline-yes">87x</span>
967
+ <span class="cline-any cline-yes">87x</span>
968
+ <span class="cline-any cline-yes">87x</span>
969
+ <span class="cline-any cline-yes">87x</span>
970
+ <span class="cline-any cline-yes">87x</span>
971
+ <span class="cline-any cline-yes">87x</span>
972
+ <span class="cline-any cline-yes">87x</span>
973
+ <span class="cline-any cline-yes">87x</span>
974
+ <span class="cline-any cline-yes">87x</span>
975
+ <span class="cline-any cline-yes">87x</span>
976
+ <span class="cline-any cline-yes">87x</span>
977
+ <span class="cline-any cline-yes">87x</span>
978
+ <span class="cline-any cline-yes">87x</span>
979
+ <span class="cline-any cline-yes">87x</span>
980
+ <span class="cline-any cline-yes">87x</span>
981
+ <span class="cline-any cline-yes">87x</span>
982
+ <span class="cline-any cline-yes">87x</span>
983
+ <span class="cline-any cline-yes">87x</span>
984
+ <span class="cline-any cline-yes">87x</span>
985
+ <span class="cline-any cline-yes">87x</span>
986
+ <span class="cline-any cline-yes">87x</span>
987
+ <span class="cline-any cline-yes">87x</span>
988
+ <span class="cline-any cline-yes">87x</span>
989
+ <span class="cline-any cline-yes">87x</span>
990
+ <span class="cline-any cline-yes">87x</span>
991
+ <span class="cline-any cline-yes">87x</span>
992
+ <span class="cline-any cline-yes">87x</span>
993
+ <span class="cline-any cline-yes">87x</span>
994
+ <span class="cline-any cline-yes">87x</span>
995
+ <span class="cline-any cline-yes">87x</span>
996
+ <span class="cline-any cline-yes">87x</span>
997
+ <span class="cline-any cline-yes">87x</span>
998
+ <span class="cline-any cline-yes">87x</span>
999
+ <span class="cline-any cline-yes">87x</span>
1000
+ <span class="cline-any cline-yes">87x</span>
1001
+ <span class="cline-any cline-yes">87x</span>
1002
+ <span class="cline-any cline-yes">87x</span>
1003
+ <span class="cline-any cline-yes">87x</span>
1004
+ <span class="cline-any cline-yes">87x</span>
1005
+ <span class="cline-any cline-yes">87x</span>
1006
+ <span class="cline-any cline-yes">87x</span>
1007
+ <span class="cline-any cline-yes">87x</span>
1008
+ <span class="cline-any cline-yes">87x</span>
1009
+ <span class="cline-any cline-yes">87x</span>
1010
+ <span class="cline-any cline-yes">87x</span>
1011
+ <span class="cline-any cline-yes">87x</span>
1012
+ <span class="cline-any cline-yes">87x</span>
1013
+ <span class="cline-any cline-yes">87x</span>
1014
+ <span class="cline-any cline-yes">87x</span>
1015
+ <span class="cline-any cline-yes">87x</span>
1016
+ <span class="cline-any cline-yes">87x</span>
1017
+ <span class="cline-any cline-yes">87x</span>
1018
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
1019
+ import { cnb } from "cnbuilder";
1020
+ import {
1021
+ useMemo,
1022
+ useRef,
1023
+ useState,
1024
+ type ChangeEvent,
1025
+ type HTMLAttributes,
1026
+ type InputHTMLAttributes,
1027
+ type ReactElement,
1028
+ type ReactNode,
1029
+ type Ref,
1030
+ } from "react";
1031
+ import { type BoxProps } from "../box/Box.js";
1032
+ import { IconRotator } from "../icon/IconRotator.js";
1033
+ import { getIcon } from "../icon/iconConfig.js";
1034
+ import { Menu, type MenuProps } from "../menu/Menu.js";
1035
+ import { KeyboardMovementProvider } from "../movement/useKeyboardMovementProvider.js";
1036
+ import { BELOW_CENTER_ANCHOR } from "../positioning/constants.js";
1037
+ import {
1038
+ type LabelA11y,
1039
+ type PropsWithRef,
1040
+ type RequireAtLeastOne,
1041
+ } from "../types.js";
1042
+ import { useEnsuredId } from "../useEnsuredId.js";
1043
+ import { useEnsuredRef } from "../useEnsuredRef.js";
1044
+ import { label as labelStyles } from "./Label.js";
1045
+ import { SelectedOption } from "./SelectedOption.js";
1046
+ import {
1047
+ TextFieldContainer,
1048
+ type TextFieldContainerProps,
1049
+ } from "./TextFieldContainer.js";
1050
+ import { getFormConfig } from "./formConfig.js";
1051
+ import { select } from "./selectStyles.js";
1052
+ import { extractOptionsFromChildren } from "./selectUtils.js";
1053
+ import { textField } from "./textFieldStyles.js";
1054
+ import { useFormReset } from "./useFormReset.js";
1055
+ import { ListboxProvider, type ListboxContext } from "./useListboxProvider.js";
1056
+ import { useSelectCombobox } from "./useSelectCombobox.js";
1057
+ import { UserAgentAutoCompleteProps } from "./types.js";
1058
+ &nbsp;
1059
+ const EMPTY_STRING = "" as const;
1060
+ const noop = (): void =&gt; {
1061
+ // do nothing
1062
+ };
1063
+ &nbsp;
1064
+ /**
1065
+ * This is a convenience type for casting the `event.currentTarget.value` of a
1066
+ * `Select`'s change event to be union of available values.
1067
+ *
1068
+ * Note: The change event does not provide any sort of validation on the value
1069
+ * so automation tools like Cypress, Playwright, or Selenium might set an
1070
+ * invalid value. This also does not work for numbers, so you will need to
1071
+ * implement that yourself.
1072
+ *
1073
+ * @example
1074
+ * Simple Usage
1075
+ * ```tsx
1076
+ * import type { SelectedChangeEvent } from "@react-md/core";
1077
+ * import { Select, Option } from "@react-md/core";
1078
+ * import type { ReactElement } from "react";
1079
+ *
1080
+ * type Value = "" | "a" | "b" | "c" | "d";
1081
+ *
1082
+ * function Example(): ReactElement {
1083
+ * const [value, setValue] = useState&lt;Value&gt;("");
1084
+ *
1085
+ * const handleChange = (event: SelectChangeEvent&lt;Value&gt;): void =&gt; {
1086
+ * // No type error!
1087
+ * // `event.currentTarget.value`'s type is `Value` instead of a generic `string`
1088
+ * setValue(event.currentTarget.value);
1089
+ * };
1090
+ *
1091
+ * return (
1092
+ * &lt;Select
1093
+ * label="Label"
1094
+ * value={value}
1095
+ * onChange={handleChange}
1096
+ * &gt;
1097
+ * &lt;Option value="a"&gt;First&lt;/Option&gt;
1098
+ * &lt;Option value="b"&gt;Second&lt;/Option&gt;
1099
+ * &lt;Option value="c"&gt;Third&lt;/Option&gt;
1100
+ * &lt;Option value="d"&gt;Fourth&lt;/Option&gt;
1101
+ * &lt;/Select&gt;
1102
+ * );
1103
+ * }
1104
+ * ```
1105
+ * @remarks \@since 6.0.0
1106
+ */
1107
+ export type SelectChangeEvent&lt;Value extends string&gt; =
1108
+ ChangeEvent&lt;HTMLInputElement&gt; &amp; { currentTarget: { value: Value } };
1109
+ &nbsp;
1110
+ /**
1111
+ * @remarks \@since 6.0.0 Rewritten with a new API.
1112
+ */
1113
+ export interface SelectProps&lt;Value extends string&gt;
1114
+ extends Omit&lt;TextFieldContainerProps, "label"&gt;,
1115
+ Pick&lt;InputHTMLAttributes&lt;HTMLInputElement&gt;, "form" | "required"&gt;,
1116
+ UserAgentAutoCompleteProps {
1117
+ /**
1118
+ * @defaultValue `"select-" + useId()`
1119
+ */
1120
+ id?: string;
1121
+ &nbsp;
1122
+ /**
1123
+ * Optional placeholder text or element to render while no options have been
1124
+ * selected.
1125
+ */
1126
+ placeholder?: ReactNode;
1127
+ &nbsp;
1128
+ /**
1129
+ * Set this to a custom dropdown icon or `null` to not render a dropdown icon.
1130
+ *
1131
+ * @defaultValue `getIcon("dropdown")`
1132
+ */
1133
+ icon?: ReactNode;
1134
+ &nbsp;
1135
+ /**
1136
+ * Set this value to fully control the value of the select component. The
1137
+ * {@link onChange} handler **must** also be provided if this prop exists.
1138
+ */
1139
+ value?: Value;
1140
+ &nbsp;
1141
+ /**
1142
+ * An optional default value when the value of the select component is
1143
+ * uncontrolled.
1144
+ *
1145
+ * @defaultValue `""`
1146
+ */
1147
+ defaultValue?: Value;
1148
+ &nbsp;
1149
+ /** @see {@link SelectChangeEvent} */
1150
+ onChange?(event: SelectChangeEvent&lt;Value&gt;): void;
1151
+ &nbsp;
1152
+ /**
1153
+ * An optional floating label to display like other form fields.
1154
+ */
1155
+ label?: ReactNode;
1156
+ &nbsp;
1157
+ /**
1158
+ * Optional props to pass to the `&lt;span&gt;` that surrounds the {@link label}
1159
+ */
1160
+ labelProps?: PropsWithRef&lt;HTMLAttributes&lt;HTMLSpanElement&gt;, HTMLSpanElement&gt;;
1161
+ &nbsp;
1162
+ /**
1163
+ * An optional ref to pass to the hidden `&lt;input type="text" /&gt;` element that
1164
+ * stores the current value. This is really only useful if you'd like to keep
1165
+ * this component uncontrolled and access the value through
1166
+ * `inputRef.current.value`.
1167
+ */
1168
+ inputRef?: Ref&lt;HTMLInputElement&gt;;
1169
+ inputProps?: InputHTMLAttributes&lt;HTMLInputElement&gt;;
1170
+ &nbsp;
1171
+ /**
1172
+ * A ref for the container `&lt;div&gt;` element.
1173
+ */
1174
+ containerRef?: Ref&lt;HTMLDivElement&gt;;
1175
+ &nbsp;
1176
+ /**
1177
+ * Any additional props to provide to the `Menu` component that renders all
1178
+ * the `Option`s.
1179
+ *
1180
+ * The menu will always have these default values unless explicity
1181
+ * overwritten by this prop:
1182
+ *
1183
+ * - `aria-labelledby={label ? labelId : id}` -- this will be undefined if
1184
+ * `aria-label` is provided
1185
+ * - `anchor={BELOW_CENTER_ANCHOR}`
1186
+ * - `width="min"`
1187
+ */
1188
+ menuProps?: Omit&lt;MenuProps, "visible" | "onRequestClose" | "fixedTo"&gt;;
1189
+ &nbsp;
1190
+ /**
1191
+ * Any additional props to pass to the div that contains the current visible
1192
+ * option.
1193
+ */
1194
+ selectedOptionProps?: BoxProps;
1195
+ &nbsp;
1196
+ /**
1197
+ * Set this to `true` if all the `Option` components should display the
1198
+ * selected icon after the children instead of before.
1199
+ *
1200
+ * @see {@link disableSelectedIcon} to remove the selected icon instead.
1201
+ *
1202
+ * @defaultValue `false`
1203
+ */
1204
+ selectedIconAfter?: boolean;
1205
+ &nbsp;
1206
+ /**
1207
+ * Set this to `true` to prevent the current option from rendering the
1208
+ * `leftAddon` in the `TextFieldContainer`.
1209
+ *
1210
+ * @defaultValue `false`
1211
+ */
1212
+ disableOptionAddon?: boolean;
1213
+ &nbsp;
1214
+ /**
1215
+ * Set this to `true` to update all the `Option` components to no longer
1216
+ * render an icon while selected.
1217
+ *
1218
+ * @defaultValue `false`
1219
+ */
1220
+ disableSelectedIcon?: boolean;
1221
+ &nbsp;
1222
+ /**
1223
+ * This should be the available `Option`s for the select to choose from. It
1224
+ * can also contain `OptGroup` or any other elements but only clicking on an
1225
+ * `Option` component will update the value.
1226
+ */
1227
+ children: ReactNode;
1228
+ }
1229
+ &nbsp;
1230
+ /**
1231
+ * **Client Component**
1232
+ *
1233
+ * @example
1234
+ * Simple Example
1235
+ * ```tsx
1236
+ * import { Select, Option } from "react-md";
1237
+ * import { useState, type ReactElement } from "react";
1238
+ *
1239
+ * function Example(): ReactElement {
1240
+ * const [value, setValue] = useState("");
1241
+ *
1242
+ * return (
1243
+ * &lt;Select
1244
+ * label="Select"
1245
+ * value={value}
1246
+ * onChange={(event) =&gt; setValue(event.currentTarget.value)}
1247
+ * placeholder="Select a value"
1248
+ * &gt;
1249
+ * &lt;Option value="a"&gt;Option 1&lt;/Option&gt;
1250
+ * &lt;Option value="b"&gt;Option 2&lt;/Option&gt;
1251
+ * &lt;Option value="c"&gt;Option 3&lt;/Option&gt;
1252
+ * &lt;Option value="d"&gt;Option 4&lt;/Option&gt;
1253
+ * &lt;/Select&gt;
1254
+ * );
1255
+ * }
1256
+ * ```
1257
+ *
1258
+ * @example
1259
+ * Testing
1260
+ * ```tsx
1261
+ * rmdRender(
1262
+ * &lt;Select label="Select" selectedOptionProps={{ "data-testid": "selected" }}&gt;
1263
+ * &lt;Option value="a"&gt;Option 1&lt;/Option&gt;
1264
+ * &lt;Option value="b"&gt;Option 2&lt;/Option&gt;
1265
+ * &lt;Option value="c"&gt;Option 3&lt;/Option&gt;
1266
+ * &lt;Option value="d"&gt;Option 4&lt;/Option&gt;
1267
+ * &lt;/Select&gt;
1268
+ * );
1269
+ *
1270
+ * const user = userEvent.setup();
1271
+ * const select = screen.getByRole("combobox", { name: "Select" });
1272
+ * const selected = screen.getByTestId("selected")
1273
+ * const selectInput = screen.getByRole("textbox", { hidden: true });
1274
+ * expect(selected).toHaveTextContent("");
1275
+ * expect(selectInput).toHaveValue("");
1276
+ *
1277
+ * await user.click(select);
1278
+ * await user.click(screen.getByRole("option"), { name: "Option 2" });
1279
+ *
1280
+ * expect(selected).toHaveTextContent("Option 2");
1281
+ * expect(selectInput).toHaveValue("b");
1282
+ * ```
1283
+ *
1284
+ * @remarks \@since 6.0.0 Rewritten with a new API.
1285
+ */
1286
+ export function Select&lt;Value extends string&gt;(
1287
+ props: RequireAtLeastOne&lt;SelectProps&lt;Value&gt;, "label" | keyof LabelA11y&gt;
1288
+ ): ReactElement {
1289
+ const {
1290
+ id,
1291
+ form,
1292
+ autoCompleteValue,
1293
+ autoComplete = autoCompleteValue,
1294
+ name = autoCompleteValue,
1295
+ className,
1296
+ onClick,
1297
+ onFocus,
1298
+ onKeyDown,
1299
+ inputRef: propInputRef,
1300
+ inputProps,
1301
+ containerRef,
1302
+ placeholder,
1303
+ menuProps = {},
1304
+ label,
1305
+ labelProps = {},
1306
+ selectedOptionProps,
1307
+ icon: propIcon,
1308
+ value,
1309
+ defaultValue,
1310
+ theme: propTheme,
1311
+ onChange = noop,
1312
+ rightAddon: propRightAddon,
1313
+ active = false,
1314
+ required,
1315
+ selectedIconAfter = false,
1316
+ disableOptionAddon = false,
1317
+ disableSelectedIcon = false,
1318
+ children,
1319
+ ...remaining
1320
+ } = props;
1321
+ const { dense, error, disabled } = props;
1322
+ &nbsp;
1323
+ const comboboxId = useEnsuredId(id, "select");
1324
+ const inputId = useEnsuredId(<span class="branch-0 cbranch-no" title="branch not covered" >inputProps?.id, "</span>select-value");
1325
+ const selectLabelId = useEnsuredId(labelProps.id, "select-label");
1326
+ const labelId = label ? <span class="branch-0 cbranch-no" title="branch not covered" >selectLabelId : undefined;</span>
1327
+ &nbsp;
1328
+ const [localValue, setLocalValue] = useState(() =&gt; {
1329
+ if (typeof defaultValue !== "undefined") {
1330
+ return defaultValue;
1331
+ }
1332
+ &nbsp;
1333
+ return typeof value !== "undefined" ? value : EMPTY_STRING;
1334
+ });
1335
+ const currentValue = typeof value === "undefined" ? localValue : value;
1336
+ const initialValue = useRef(currentValue);
1337
+ const { options, currentOption } = extractOptionsFromChildren(
1338
+ children,
1339
+ currentValue
1340
+ );
1341
+ &nbsp;
1342
+ const {
1343
+ hide,
1344
+ visible,
1345
+ popupProps,
1346
+ comboboxRef,
1347
+ comboboxProps,
1348
+ movementContext,
1349
+ handleMounting,
1350
+ handleUnmounting,
1351
+ } = useSelectCombobox({
1352
+ form,
1353
+ value: currentValue,
1354
+ values: options,
1355
+ onClick,
1356
+ onFocus,
1357
+ onKeyDown,
1358
+ disabled,
1359
+ popupId: menuProps.id,
1360
+ popupRef: menuProps.nodeRef,
1361
+ comboboxId,
1362
+ comboboxRef: containerRef,
1363
+ });
1364
+ &nbsp;
1365
+ const [inputRef, inputRefCallback] = useEnsuredRef(propInputRef);
1366
+ useFormReset({
1367
+ form,
1368
+ elementRef: inputRef,
1369
+ defaultValue: initialValue.current,
1370
+ });
1371
+ const listboxContext = useMemo&lt;ListboxContext&gt;(
1372
+ () =&gt; ({
1373
+ inputRef,
1374
+ currentValue,
1375
+ selectedIconAfter,
1376
+ disableSelectedIcon,
1377
+ }),
1378
+ [currentValue, disableSelectedIcon, inputRef, selectedIconAfter]
1379
+ );
1380
+ &nbsp;
1381
+ const icon = getIcon("dropdown", propIcon);
1382
+ const theme = getFormConfig("theme", propTheme);
1383
+ let rightAddon = propRightAddon;
1384
+ if (typeof rightAddon === "undefined" &amp;&amp; icon) {
1385
+ rightAddon = &lt;IconRotator rotated={visible}&gt;{icon}&lt;/IconRotator&gt;;
1386
+ }
1387
+ &nbsp;
1388
+ let listboxLabelledBy = menuProps["aria-labelledby"];
1389
+ const listboxLabel = menuProps["aria-label"];
1390
+ if (!listboxLabel &amp;&amp; !listboxLabelledBy) {
1391
+ listboxLabelledBy = <span class="branch-0 cbranch-no" title="branch not covered" >labelId || comboboxId;</span>
1392
+ }
1393
+ &nbsp;
1394
+ const { onEntering, onEntered, onExiting, onExited, disableTransition } =
1395
+ menuProps;
1396
+ &nbsp;
1397
+ return (
1398
+ &lt;ListboxProvider value={listboxContext}&gt;
1399
+ &lt;KeyboardMovementProvider value={movementContext}&gt;
1400
+ &lt;TextFieldContainer
1401
+ aria-labelledby={labelId}
1402
+ {...remaining}
1403
+ {...comboboxProps}
1404
+ label={!!label}
1405
+ theme={theme}
1406
+ active={active || visible}
1407
+ className={cnb("rmd-select-container", className)}
1408
+ rightAddon={rightAddon}
1409
+ &gt;
1410
+ &lt;SelectedOption
1411
+ option={currentOption}
1412
+ placeholder={placeholder}
1413
+ disableAddon={disableOptionAddon}
1414
+ {...selectedOptionProps}
1415
+ /&gt;
1416
+ &lt;input
1417
+ aria-hidden
1418
+ id={inputId}
1419
+ ref={inputRefCallback}
1420
+ type="text"
1421
+ autoComplete={autoComplete}
1422
+ name={name}
1423
+ tabIndex={-1}
1424
+ disabled={disabled}
1425
+ required={required}
1426
+ placeholder=" "
1427
+ {...inputProps}
1428
+ value={value}
1429
+ defaultValue={defaultValue}
1430
+ className={cnb(select({ theme }), textField())}
1431
+ onChange={(event) =&gt; {
1432
+ onChange(event as SelectChangeEvent&lt;Value&gt;);
1433
+ if (typeof value !== "undefined") {
1434
+ return;
1435
+ }
1436
+ &nbsp;
1437
+ const nextValue = event.currentTarget.value;
1438
+ const nextOption = options.find((option) =&gt; option === nextValue);
1439
+ &nbsp;
1440
+ setLocalValue(<span class="branch-0 cbranch-no" title="branch not covered" >nextOption ?? initialValue.current)</span>;
1441
+ }}
1442
+ /&gt;
1443
+ {label &amp;&amp; (
1444
+ &lt;span
1445
+ {...labelProps}
1446
+ id={labelId}
1447
+ className={labelStyles({
1448
+ dense,
1449
+ error,
1450
+ disabled,
1451
+ active: active || visible,
1452
+ floating: true,
1453
+ floatingActive: !!placeholder || !!currentOption,
1454
+ className: labelProps.className,
1455
+ })}
1456
+ &gt;
1457
+ {label}
1458
+ &lt;/span&gt;
1459
+ )}
1460
+ &lt;/TextFieldContainer&gt;
1461
+ &lt;Menu
1462
+ anchor={BELOW_CENTER_ANCHOR}
1463
+ width="min"
1464
+ {...menuProps}
1465
+ aria-label={listboxLabel}
1466
+ aria-labelledby={listboxLabelledBy as string}
1467
+ {...popupProps}
1468
+ visible={visible}
1469
+ fixedTo={comboboxRef}
1470
+ onRequestClose={hide}
1471
+ onEntering={handleMounting(onEntering, false)}
1472
+ onEntered={handleMounting(onEntered, !disableTransition)}
1473
+ onExiting={handleUnmounting(onExiting, false)}
1474
+ onExited={handleUnmounting(onExited, !disableTransition)}
1475
+ sheetProps={{
1476
+ ...menuProps.sheetProps,
1477
+ onEntering: handleMounting(menuProps.sheetProps<span class="branch-0 cbranch-no" title="branch not covered" >?.onEntering, f</span>alse),
1478
+ onEntered: handleMounting(
1479
+ menuProps.sheetProps<span class="branch-0 cbranch-no" title="branch not covered" >?.onEntered,</span>
1480
+ !disableTransition
1481
+ ),
1482
+ onExited: handleUnmounting(
1483
+ menuProps.sheetProps<span class="branch-0 cbranch-no" title="branch not covered" >?.onExited,</span>
1484
+ !disableTransition
1485
+ ),
1486
+ }}
1487
+ &gt;
1488
+ {children}
1489
+ &lt;/Menu&gt;
1490
+ &lt;/KeyboardMovementProvider&gt;
1491
+ &lt;/ListboxProvider&gt;
1492
+ );
1493
+ }
1644
1494
  &nbsp;</pre></td></tr></table></pre>
1645
1495
 
1646
1496
  <div class='push'></div><!-- for sticky footer -->
@@ -1648,7 +1498,7 @@
1648
1498
  <div class='footer quiet pad2 space-top1 center small'>
1649
1499
  Code coverage generated by
1650
1500
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1651
- at 2023-11-19T02:55:07.036Z
1501
+ at 2024-02-25T19:27:11.718Z
1652
1502
  </div>
1653
1503
  <script src="../prettify.js"></script>
1654
1504
  <script>