@arbor-education/design-system.components 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/bin/createComponent.sh +2 -2
  3. package/dist/components/avatar/Avatar.d.ts +1 -1
  4. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  5. package/dist/components/avatar/Avatar.js +1 -1
  6. package/dist/components/avatar/Avatar.js.map +1 -1
  7. package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
  8. package/dist/components/avatar/Avatar.stories.js +7 -0
  9. package/dist/components/avatar/Avatar.stories.js.map +1 -1
  10. package/dist/components/badge/Badge.d.ts +12 -0
  11. package/dist/components/badge/Badge.d.ts.map +1 -0
  12. package/dist/components/badge/Badge.js +6 -0
  13. package/dist/components/badge/Badge.js.map +1 -0
  14. package/dist/components/badge/Badge.stories.d.ts +10 -0
  15. package/dist/components/badge/Badge.stories.d.ts.map +1 -0
  16. package/dist/components/badge/Badge.stories.js +51 -0
  17. package/dist/components/badge/Badge.stories.js.map +1 -0
  18. package/dist/components/badge/Badge.test.d.ts +2 -0
  19. package/dist/components/badge/Badge.test.d.ts.map +1 -0
  20. package/dist/components/badge/Badge.test.js +23 -0
  21. package/dist/components/badge/Badge.test.js.map +1 -0
  22. package/dist/components/card/Card.js +1 -1
  23. package/dist/components/card/Card.js.map +1 -1
  24. package/dist/components/combobox/Combobox.d.ts +16 -0
  25. package/dist/components/combobox/Combobox.d.ts.map +1 -0
  26. package/dist/components/combobox/Combobox.js +195 -0
  27. package/dist/components/combobox/Combobox.js.map +1 -0
  28. package/dist/components/combobox/Combobox.stories.d.ts +24 -0
  29. package/dist/components/combobox/Combobox.stories.d.ts.map +1 -0
  30. package/dist/components/combobox/Combobox.stories.js +246 -0
  31. package/dist/components/combobox/Combobox.stories.js.map +1 -0
  32. package/dist/components/combobox/Combobox.test.d.ts +2 -0
  33. package/dist/components/combobox/Combobox.test.d.ts.map +1 -0
  34. package/dist/components/combobox/Combobox.test.js +798 -0
  35. package/dist/components/combobox/Combobox.test.js.map +1 -0
  36. package/dist/components/combobox/ComboboxButtonTrigger.d.ts +28 -0
  37. package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -0
  38. package/dist/components/combobox/ComboboxButtonTrigger.js +64 -0
  39. package/dist/components/combobox/ComboboxButtonTrigger.js.map +1 -0
  40. package/dist/components/combobox/ComboboxListbox.d.ts +44 -0
  41. package/dist/components/combobox/ComboboxListbox.d.ts.map +1 -0
  42. package/dist/components/combobox/ComboboxListbox.js +37 -0
  43. package/dist/components/combobox/ComboboxListbox.js.map +1 -0
  44. package/dist/components/combobox/ComboboxOptionRow.d.ts +23 -0
  45. package/dist/components/combobox/ComboboxOptionRow.d.ts.map +1 -0
  46. package/dist/components/combobox/ComboboxOptionRow.js +27 -0
  47. package/dist/components/combobox/ComboboxOptionRow.js.map +1 -0
  48. package/dist/components/combobox/ComboboxTrigger.d.ts +35 -0
  49. package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -0
  50. package/dist/components/combobox/ComboboxTrigger.js +15 -0
  51. package/dist/components/combobox/ComboboxTrigger.js.map +1 -0
  52. package/dist/components/combobox/buildListboxDisplayOptions.d.ts +3 -0
  53. package/dist/components/combobox/buildListboxDisplayOptions.d.ts.map +1 -0
  54. package/dist/components/combobox/buildListboxDisplayOptions.js +13 -0
  55. package/dist/components/combobox/buildListboxDisplayOptions.js.map +1 -0
  56. package/dist/components/combobox/buildListboxDisplayOptions.test.d.ts +2 -0
  57. package/dist/components/combobox/buildListboxDisplayOptions.test.d.ts.map +1 -0
  58. package/dist/components/combobox/buildListboxDisplayOptions.test.js +22 -0
  59. package/dist/components/combobox/buildListboxDisplayOptions.test.js.map +1 -0
  60. package/dist/components/combobox/comboboxKeyboardTypes.d.ts +41 -0
  61. package/dist/components/combobox/comboboxKeyboardTypes.d.ts.map +1 -0
  62. package/dist/components/combobox/comboboxKeyboardTypes.js +2 -0
  63. package/dist/components/combobox/comboboxKeyboardTypes.js.map +1 -0
  64. package/dist/components/combobox/highlightLabel.d.ts +10 -0
  65. package/dist/components/combobox/highlightLabel.d.ts.map +1 -0
  66. package/dist/components/combobox/highlightLabel.js +18 -0
  67. package/dist/components/combobox/highlightLabel.js.map +1 -0
  68. package/dist/components/combobox/normaliseComboboxQuery.d.ts +2 -0
  69. package/dist/components/combobox/normaliseComboboxQuery.d.ts.map +1 -0
  70. package/dist/components/combobox/normaliseComboboxQuery.js +2 -0
  71. package/dist/components/combobox/normaliseComboboxQuery.js.map +1 -0
  72. package/dist/components/combobox/types.d.ts +46 -0
  73. package/dist/components/combobox/types.d.ts.map +1 -0
  74. package/dist/components/combobox/types.js +2 -0
  75. package/dist/components/combobox/types.js.map +1 -0
  76. package/dist/components/combobox/useChipSelection.d.ts +11 -0
  77. package/dist/components/combobox/useChipSelection.d.ts.map +1 -0
  78. package/dist/components/combobox/useChipSelection.js +35 -0
  79. package/dist/components/combobox/useChipSelection.js.map +1 -0
  80. package/dist/components/combobox/useComboboxChipKeyboard.d.ts +3 -0
  81. package/dist/components/combobox/useComboboxChipKeyboard.d.ts.map +1 -0
  82. package/dist/components/combobox/useComboboxChipKeyboard.js +103 -0
  83. package/dist/components/combobox/useComboboxChipKeyboard.js.map +1 -0
  84. package/dist/components/combobox/useComboboxChipKeyboard.test.d.ts +2 -0
  85. package/dist/components/combobox/useComboboxChipKeyboard.test.d.ts.map +1 -0
  86. package/dist/components/combobox/useComboboxChipKeyboard.test.js +116 -0
  87. package/dist/components/combobox/useComboboxChipKeyboard.test.js.map +1 -0
  88. package/dist/components/combobox/useComboboxKeyboard.d.ts +4 -0
  89. package/dist/components/combobox/useComboboxKeyboard.d.ts.map +1 -0
  90. package/dist/components/combobox/useComboboxKeyboard.js +68 -0
  91. package/dist/components/combobox/useComboboxKeyboard.js.map +1 -0
  92. package/dist/components/combobox/useComboboxListboxDom.d.ts +11 -0
  93. package/dist/components/combobox/useComboboxListboxDom.d.ts.map +1 -0
  94. package/dist/components/combobox/useComboboxListboxDom.js +15 -0
  95. package/dist/components/combobox/useComboboxListboxDom.js.map +1 -0
  96. package/dist/components/combobox/useComboboxListboxKeyboard.d.ts +3 -0
  97. package/dist/components/combobox/useComboboxListboxKeyboard.d.ts.map +1 -0
  98. package/dist/components/combobox/useComboboxListboxKeyboard.js +143 -0
  99. package/dist/components/combobox/useComboboxListboxKeyboard.js.map +1 -0
  100. package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts +2 -0
  101. package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts.map +1 -0
  102. package/dist/components/combobox/useComboboxListboxKeyboard.test.js +152 -0
  103. package/dist/components/combobox/useComboboxListboxKeyboard.test.js.map +1 -0
  104. package/dist/components/combobox/useComboboxPopoverBehavior.d.ts +38 -0
  105. package/dist/components/combobox/useComboboxPopoverBehavior.d.ts.map +1 -0
  106. package/dist/components/combobox/useComboboxPopoverBehavior.js +104 -0
  107. package/dist/components/combobox/useComboboxPopoverBehavior.js.map +1 -0
  108. package/dist/components/combobox/useComboboxState.d.ts +27 -0
  109. package/dist/components/combobox/useComboboxState.d.ts.map +1 -0
  110. package/dist/components/combobox/useComboboxState.js +122 -0
  111. package/dist/components/combobox/useComboboxState.js.map +1 -0
  112. package/dist/components/combobox/useElementWidth.d.ts +2 -0
  113. package/dist/components/combobox/useElementWidth.d.ts.map +1 -0
  114. package/dist/components/combobox/useElementWidth.js +31 -0
  115. package/dist/components/combobox/useElementWidth.js.map +1 -0
  116. package/dist/components/combobox/useVisibleChips.d.ts +21 -0
  117. package/dist/components/combobox/useVisibleChips.d.ts.map +1 -0
  118. package/dist/components/combobox/useVisibleChips.js +59 -0
  119. package/dist/components/combobox/useVisibleChips.js.map +1 -0
  120. package/dist/components/combobox/useVisibleChips.test.d.ts +2 -0
  121. package/dist/components/combobox/useVisibleChips.test.d.ts.map +1 -0
  122. package/dist/components/combobox/useVisibleChips.test.js +81 -0
  123. package/dist/components/combobox/useVisibleChips.test.js.map +1 -0
  124. package/dist/components/dot/Dot.d.ts +8 -0
  125. package/dist/components/dot/Dot.d.ts.map +1 -0
  126. package/dist/components/dot/Dot.js +6 -0
  127. package/dist/components/dot/Dot.js.map +1 -0
  128. package/dist/components/dot/Dot.stories.d.ts +15 -0
  129. package/dist/components/dot/Dot.stories.d.ts.map +1 -0
  130. package/dist/components/dot/Dot.stories.js +25 -0
  131. package/dist/components/dot/Dot.stories.js.map +1 -0
  132. package/dist/components/dot/Dot.test.d.ts +2 -0
  133. package/dist/components/dot/Dot.test.d.ts.map +1 -0
  134. package/dist/components/dot/Dot.test.js +19 -0
  135. package/dist/components/dot/Dot.test.js.map +1 -0
  136. package/dist/components/formField/FormField.d.ts +8 -4
  137. package/dist/components/formField/FormField.d.ts.map +1 -1
  138. package/dist/components/formField/FormField.js +7 -6
  139. package/dist/components/formField/FormField.js.map +1 -1
  140. package/dist/components/formField/FormField.stories.d.ts +1 -0
  141. package/dist/components/formField/FormField.stories.d.ts.map +1 -1
  142. package/dist/components/formField/FormField.stories.js +13 -1
  143. package/dist/components/formField/FormField.stories.js.map +1 -1
  144. package/dist/components/formField/FormField.test.js +10 -0
  145. package/dist/components/formField/FormField.test.js.map +1 -1
  146. package/dist/components/icon/allowedIcons.d.ts +1 -0
  147. package/dist/components/icon/allowedIcons.d.ts.map +1 -1
  148. package/dist/components/icon/allowedIcons.js +2 -1
  149. package/dist/components/icon/allowedIcons.js.map +1 -1
  150. package/dist/components/progress/Progress.stories.d.ts +49 -49
  151. package/dist/components/row/Row.d.ts +10 -0
  152. package/dist/components/row/Row.d.ts.map +1 -0
  153. package/dist/components/row/Row.js +17 -0
  154. package/dist/components/row/Row.js.map +1 -0
  155. package/dist/components/row/Row.stories.d.ts +15 -0
  156. package/dist/components/row/Row.stories.d.ts.map +1 -0
  157. package/dist/components/row/Row.stories.js +65 -0
  158. package/dist/components/row/Row.stories.js.map +1 -0
  159. package/dist/components/row/Row.test.d.ts +2 -0
  160. package/dist/components/row/Row.test.d.ts.map +1 -0
  161. package/dist/components/row/Row.test.js +62 -0
  162. package/dist/components/row/Row.test.js.map +1 -0
  163. package/dist/components/section/Section.stories.d.ts +27 -0
  164. package/dist/components/section/Section.stories.d.ts.map +1 -1
  165. package/dist/components/section/Section.stories.js +45 -1
  166. package/dist/components/section/Section.stories.js.map +1 -1
  167. package/dist/components/singleUser/SingleUser.d.ts +15 -0
  168. package/dist/components/singleUser/SingleUser.d.ts.map +1 -0
  169. package/dist/components/singleUser/SingleUser.js +9 -0
  170. package/dist/components/singleUser/SingleUser.js.map +1 -0
  171. package/dist/components/singleUser/SingleUser.stories.d.ts +11 -0
  172. package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -0
  173. package/dist/components/singleUser/SingleUser.stories.js +52 -0
  174. package/dist/components/singleUser/SingleUser.stories.js.map +1 -0
  175. package/dist/components/singleUser/SingleUser.test.d.ts +2 -0
  176. package/dist/components/singleUser/SingleUser.test.d.ts.map +1 -0
  177. package/dist/components/singleUser/SingleUser.test.js +30 -0
  178. package/dist/components/singleUser/SingleUser.test.js.map +1 -0
  179. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts.map +1 -1
  180. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js +9 -3
  181. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map +1 -1
  182. package/dist/components/tabs/TabsItem.stories.d.ts +2 -2
  183. package/dist/components/tag/Tag.d.ts +9 -6
  184. package/dist/components/tag/Tag.d.ts.map +1 -1
  185. package/dist/components/tag/Tag.js +8 -2
  186. package/dist/components/tag/Tag.js.map +1 -1
  187. package/dist/components/tag/Tag.stories.d.ts +11 -6
  188. package/dist/components/tag/Tag.stories.d.ts.map +1 -1
  189. package/dist/components/tag/Tag.stories.js +68 -4
  190. package/dist/components/tag/Tag.stories.js.map +1 -1
  191. package/dist/components/tag/Tag.test.js +86 -50
  192. package/dist/components/tag/Tag.test.js.map +1 -1
  193. package/dist/components/toggle/Toggle.d.ts +3 -0
  194. package/dist/components/toggle/Toggle.d.ts.map +1 -0
  195. package/dist/components/toggle/Toggle.js +8 -0
  196. package/dist/components/toggle/Toggle.js.map +1 -0
  197. package/dist/components/toggle/Toggle.stories.d.ts +97 -0
  198. package/dist/components/toggle/Toggle.stories.d.ts.map +1 -0
  199. package/dist/components/toggle/Toggle.stories.js +186 -0
  200. package/dist/components/toggle/Toggle.stories.js.map +1 -0
  201. package/dist/components/toggle/Toggle.test.d.ts +2 -0
  202. package/dist/components/toggle/Toggle.test.d.ts.map +1 -0
  203. package/dist/components/toggle/Toggle.test.js +58 -0
  204. package/dist/components/toggle/Toggle.test.js.map +1 -0
  205. package/dist/index.css +703 -25
  206. package/dist/index.css.map +1 -1
  207. package/dist/index.d.ts +35 -25
  208. package/dist/index.d.ts.map +1 -1
  209. package/dist/index.js +31 -25
  210. package/dist/index.js.map +1 -1
  211. package/dist/mocks/comboboxStoryOptions.d.ts +5 -0
  212. package/dist/mocks/comboboxStoryOptions.d.ts.map +1 -0
  213. package/dist/mocks/comboboxStoryOptions.js +22 -0
  214. package/dist/mocks/comboboxStoryOptions.js.map +1 -0
  215. package/dist/utils/isSelectAllChord.d.ts +5 -0
  216. package/dist/utils/isSelectAllChord.d.ts.map +1 -0
  217. package/dist/utils/isSelectAllChord.js +7 -0
  218. package/dist/utils/isSelectAllChord.js.map +1 -0
  219. package/dist/utils/isSelectAllChord.test.d.ts +2 -0
  220. package/dist/utils/isSelectAllChord.test.d.ts.map +1 -0
  221. package/dist/utils/isSelectAllChord.test.js +19 -0
  222. package/dist/utils/isSelectAllChord.test.js.map +1 -0
  223. package/dist/utils/nextCircularIndex.d.ts +3 -0
  224. package/dist/utils/nextCircularIndex.d.ts.map +1 -0
  225. package/dist/utils/nextCircularIndex.js +10 -0
  226. package/dist/utils/nextCircularIndex.js.map +1 -0
  227. package/dist/utils/nextCircularIndex.test.d.ts +2 -0
  228. package/dist/utils/nextCircularIndex.test.d.ts.map +1 -0
  229. package/dist/utils/nextCircularIndex.test.js +23 -0
  230. package/dist/utils/nextCircularIndex.test.js.map +1 -0
  231. package/dist/utils/scrollElementIntoViewById.d.ts +2 -0
  232. package/dist/utils/scrollElementIntoViewById.d.ts.map +1 -0
  233. package/dist/utils/scrollElementIntoViewById.js +16 -0
  234. package/dist/utils/scrollElementIntoViewById.js.map +1 -0
  235. package/dist/utils/scrollElementIntoViewById.test.d.ts +2 -0
  236. package/dist/utils/scrollElementIntoViewById.test.d.ts.map +1 -0
  237. package/dist/utils/scrollElementIntoViewById.test.js +31 -0
  238. package/dist/utils/scrollElementIntoViewById.test.js.map +1 -0
  239. package/package.json +1 -1
  240. package/src/components/avatar/Avatar.stories.tsx +8 -0
  241. package/src/components/avatar/Avatar.tsx +3 -3
  242. package/src/components/badge/Badge.stories.tsx +74 -0
  243. package/src/components/badge/Badge.test.tsx +28 -0
  244. package/src/components/badge/Badge.tsx +35 -0
  245. package/src/components/badge/badge.scss +86 -0
  246. package/src/components/card/Card.tsx +1 -1
  247. package/src/components/combobox/Combobox.stories.tsx +340 -0
  248. package/src/components/combobox/Combobox.test.tsx +1160 -0
  249. package/src/components/combobox/Combobox.tsx +434 -0
  250. package/src/components/combobox/ComboboxButtonTrigger.tsx +195 -0
  251. package/src/components/combobox/ComboboxListbox.tsx +224 -0
  252. package/src/components/combobox/ComboboxOptionRow.tsx +128 -0
  253. package/src/components/combobox/ComboboxTrigger.tsx +134 -0
  254. package/src/components/combobox/buildListboxDisplayOptions.test.ts +24 -0
  255. package/src/components/combobox/buildListboxDisplayOptions.ts +12 -0
  256. package/src/components/combobox/combobox.scss +390 -0
  257. package/src/components/combobox/comboboxKeyboardTypes.ts +45 -0
  258. package/src/components/combobox/highlightLabel.tsx +42 -0
  259. package/src/components/combobox/normaliseComboboxQuery.ts +1 -0
  260. package/src/components/combobox/types.ts +53 -0
  261. package/src/components/combobox/useChipSelection.ts +53 -0
  262. package/src/components/combobox/useComboboxChipKeyboard.test.tsx +141 -0
  263. package/src/components/combobox/useComboboxChipKeyboard.ts +121 -0
  264. package/src/components/combobox/useComboboxKeyboard.ts +108 -0
  265. package/src/components/combobox/useComboboxListboxDom.ts +36 -0
  266. package/src/components/combobox/useComboboxListboxKeyboard.test.tsx +186 -0
  267. package/src/components/combobox/useComboboxListboxKeyboard.ts +172 -0
  268. package/src/components/combobox/useComboboxPopoverBehavior.ts +179 -0
  269. package/src/components/combobox/useComboboxState.ts +232 -0
  270. package/src/components/combobox/useElementWidth.ts +40 -0
  271. package/src/components/combobox/useVisibleChips.test.tsx +91 -0
  272. package/src/components/combobox/useVisibleChips.ts +100 -0
  273. package/src/components/dot/Dot.stories.tsx +41 -0
  274. package/src/components/dot/Dot.test.tsx +21 -0
  275. package/src/components/dot/Dot.tsx +18 -0
  276. package/src/components/dot/dot.scss +35 -0
  277. package/src/components/formField/FormField.stories.tsx +30 -1
  278. package/src/components/formField/FormField.test.tsx +20 -0
  279. package/src/components/formField/FormField.tsx +11 -5
  280. package/src/components/formField/inputs/number/numberInput.scss +12 -4
  281. package/src/components/icon/allowedIcons.tsx +2 -0
  282. package/src/components/pill/pill.scss +4 -6
  283. package/src/components/row/Row.stories.tsx +85 -0
  284. package/src/components/row/Row.test.tsx +82 -0
  285. package/src/components/row/Row.tsx +54 -0
  286. package/src/components/row/row.scss +61 -0
  287. package/src/components/section/Section.stories.tsx +56 -0
  288. package/src/components/singleUser/SingleUser.stories.tsx +63 -0
  289. package/src/components/singleUser/SingleUser.test.tsx +61 -0
  290. package/src/components/singleUser/SingleUser.tsx +45 -0
  291. package/src/components/singleUser/singleUser.scss +14 -0
  292. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx +19 -3
  293. package/src/components/tag/Tag.stories.tsx +88 -6
  294. package/src/components/tag/Tag.test.tsx +110 -44
  295. package/src/components/tag/Tag.tsx +38 -14
  296. package/src/components/tag/tag.scss +45 -30
  297. package/src/components/toggle/Toggle.stories.tsx +239 -0
  298. package/src/components/toggle/Toggle.test.tsx +66 -0
  299. package/src/components/toggle/Toggle.tsx +12 -0
  300. package/src/components/toggle/toggle.scss +126 -0
  301. package/src/index.scss +6 -0
  302. package/src/index.ts +48 -31
  303. package/src/mocks/comboboxStoryOptions.ts +25 -0
  304. package/src/tokens.scss +33 -4
  305. package/src/utils/isSelectAllChord.test.ts +24 -0
  306. package/src/utils/isSelectAllChord.ts +8 -0
  307. package/src/utils/nextCircularIndex.test.ts +26 -0
  308. package/src/utils/nextCircularIndex.ts +15 -0
  309. package/src/utils/scrollElementIntoViewById.test.ts +38 -0
  310. package/src/utils/scrollElementIntoViewById.ts +20 -0
  311. package/tokens/json/Arbor.json +3828 -3704
@@ -0,0 +1,246 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useRef, useState } from 'react';
3
+ import { comboboxAsyncSearchOptions, comboboxGroupedPeopleOptions, comboboxPeopleOptions, } from '../../mocks/comboboxStoryOptions';
4
+ import { Combobox } from './Combobox';
5
+ const meta = {
6
+ title: 'Components/Combobox',
7
+ component: Combobox,
8
+ tags: ['autodocs'],
9
+ parameters: {
10
+ docs: {
11
+ description: {
12
+ component: 'Default usage is `<Combobox … />` with props such as `triggerVariant` and `multiple`. `Combobox.Trigger`, `Combobox.ButtonTrigger`, and `Combobox.Listbox` are composition escape hatches.',
13
+ },
14
+ },
15
+ },
16
+ argTypes: {
17
+ dropdownOnFocus: {
18
+ control: 'boolean',
19
+ description: 'When true, focusing the input opens the dropdown if there are items to show.',
20
+ },
21
+ showDropdownTrigger: {
22
+ control: 'boolean',
23
+ description: 'When true, shows the chevron trigger button.',
24
+ },
25
+ triggerVariant: {
26
+ control: 'inline-radio',
27
+ options: ['input', 'button'],
28
+ description: 'Choose trigger style: input-in-trigger or button-style summary trigger.',
29
+ },
30
+ },
31
+ decorators: [
32
+ Story => (_jsx("div", { "data-surface": "base", "data-colour-mode": "light", className: "bg-surface text-on-surface-default", style: { padding: 32, maxWidth: 420 }, children: _jsx(Story, {}) })),
33
+ ],
34
+ };
35
+ export default meta;
36
+ const withDescription = (story, description) => ({
37
+ ...story,
38
+ parameters: {
39
+ ...story.parameters,
40
+ docs: {
41
+ ...story.parameters?.docs,
42
+ description: {
43
+ story: description,
44
+ },
45
+ },
46
+ },
47
+ });
48
+ /** Enough rows to exceed `.ds-combobox__listbox` max-height so keyboard nav scrolls. */
49
+ const manyScrollableOptions = Array.from({ length: 45 }, (_, i) => ({
50
+ value: `scroll-demo-${i + 1}`,
51
+ label: `Option ${i + 1}`,
52
+ iconName: 'user',
53
+ }));
54
+ export const ScrollableLongList = withDescription({
55
+ args: {
56
+ options: manyScrollableOptions,
57
+ placeholder: 'Open the list and move with arrow keys…',
58
+ },
59
+ }, 'Exercises a scrollable listbox with enough items to validate keyboard navigation and active-row scrolling.');
60
+ export const ButtonTriggerSingleSelect = withDescription({
61
+ args: {
62
+ options: comboboxPeopleOptions,
63
+ placeholder: 'Students',
64
+ triggerVariant: 'button',
65
+ },
66
+ }, 'Shows the button-style trigger in single-select mode before the search input moves into the popover.');
67
+ export const ButtonTriggerMultiSelect = withDescription({
68
+ args: {
69
+ options: manyScrollableOptions,
70
+ defaultValue: ['scroll-demo-1', 'scroll-demo-2', 'scroll-demo-3'],
71
+ placeholder: 'Students',
72
+ multiple: true,
73
+ triggerVariant: 'button',
74
+ },
75
+ }, 'Demonstrates the button trigger variant with multiple selected chips and the selection count badge.');
76
+ export const SingleSelect = withDescription({
77
+ args: {
78
+ options: comboboxPeopleOptions,
79
+ placeholder: 'Search people...',
80
+ },
81
+ }, 'Basic single-select Combobox with built-in client-side prefix matching.');
82
+ export const SubstringSearch = withDescription({
83
+ args: {
84
+ options: comboboxPeopleOptions,
85
+ placeholder: 'Search people...',
86
+ searchType: 'substring',
87
+ },
88
+ }, 'Switches the built-in matching mode from prefix search to substring search.');
89
+ export const HighlightedMatches = withDescription({
90
+ args: {
91
+ options: comboboxPeopleOptions,
92
+ placeholder: 'Search people...',
93
+ searchType: 'substring',
94
+ highlightStringMatches: true,
95
+ },
96
+ }, 'Highlights the matched portions of each option while using substring filtering.');
97
+ export const MultiSelect = withDescription({
98
+ args: {
99
+ options: comboboxPeopleOptions,
100
+ multiple: true,
101
+ placeholder: 'Search people...',
102
+ showClearAll: true,
103
+ },
104
+ }, 'Basic multi-select Combobox with removable chips and a clear-all action.');
105
+ export const WithDefaultValue = withDescription({
106
+ args: {
107
+ options: comboboxPeopleOptions,
108
+ multiple: true,
109
+ defaultValue: ['alice', 'bob', 'charlie'],
110
+ placeholder: 'Search people...',
111
+ showClearAll: true,
112
+ },
113
+ }, 'Starts with preselected values so chip rendering and removal can be reviewed immediately.');
114
+ export const WithGroups = withDescription({
115
+ args: {
116
+ options: comboboxGroupedPeopleOptions,
117
+ multiple: true,
118
+ placeholder: 'Search people...',
119
+ },
120
+ }, 'Shows grouped options in the dropdown while keeping the same multi-select interaction model.');
121
+ export const Disabled = withDescription({
122
+ args: {
123
+ options: comboboxPeopleOptions,
124
+ disabled: true,
125
+ defaultValue: ['alice'],
126
+ placeholder: 'Search people...',
127
+ },
128
+ }, 'Displays the disabled state with an existing selected value.');
129
+ export const HiddenTrigger = withDescription({
130
+ args: {
131
+ options: comboboxPeopleOptions,
132
+ placeholder: 'Search people...',
133
+ showDropdownTrigger: false,
134
+ },
135
+ }, 'Hides the chevron trigger while keeping focus, typing, and keyboard opening behavior.');
136
+ export const ManualOpenOnFocus = withDescription({
137
+ args: {
138
+ options: comboboxPeopleOptions,
139
+ placeholder: 'Search people...',
140
+ dropdownOnFocus: false,
141
+ },
142
+ }, 'Disables focus-open so the list appears only after typing or explicit keyboard interaction.');
143
+ export const CustomOptionLayout = withDescription({
144
+ args: {
145
+ options: comboboxPeopleOptions,
146
+ placeholder: 'Search people...',
147
+ multiple: true,
148
+ renderOption: (option, selected) => (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: _jsx("input", { type: "checkbox", checked: selected, readOnly: true, tabIndex: -1 }) }), _jsx("span", { className: "ds-combobox__option-label", children: option.label })] })),
149
+ },
150
+ }, 'Uses `renderOption` to swap the row content while the Combobox still owns selection and listbox behavior.');
151
+ const delay = (ms) => new Promise((resolve) => {
152
+ setTimeout(resolve, ms);
153
+ });
154
+ async function searchPeople(query) {
155
+ await delay(700);
156
+ const q = query.trim().toLowerCase();
157
+ if (!q)
158
+ return comboboxAsyncSearchOptions;
159
+ return comboboxAsyncSearchOptions.filter(p => p.label.toLowerCase().includes(q));
160
+ }
161
+ const AsyncSearchTemplate = ({ allowCreate = false, searchType = 'substring', highlightStringMatches = true, }) => {
162
+ const [options, setOptions] = useState([]);
163
+ const [loading, setLoading] = useState(false);
164
+ const requestIdRef = useRef(0);
165
+ const handleSearch = (query) => {
166
+ const id = ++requestIdRef.current;
167
+ setLoading(true);
168
+ void searchPeople(query).then((next) => {
169
+ if (id !== requestIdRef.current)
170
+ return;
171
+ setOptions(next);
172
+ setLoading(false);
173
+ });
174
+ };
175
+ return (_jsx(Combobox, { options: options, multiple: true, placeholder: "Type to search...", loading: loading, allowCreate: allowCreate, searchType: searchType, highlightStringMatches: highlightStringMatches, onSearch: handleSearch }));
176
+ };
177
+ export const AsyncSearch = withDescription({
178
+ args: {
179
+ allowCreate: false,
180
+ searchType: 'substring',
181
+ highlightStringMatches: true,
182
+ },
183
+ render: args => (_jsx(AsyncSearchTemplate, { allowCreate: args.allowCreate, searchType: args.searchType, highlightStringMatches: args.highlightStringMatches })),
184
+ }, 'Simulates async search results with local data so loading, filtering, and optional create flows can be reviewed.');
185
+ const CreateNewTemplate = () => {
186
+ const [options, setOptions] = useState(comboboxPeopleOptions);
187
+ const handleCreate = (name) => {
188
+ const newOpt = {
189
+ value: name.toLowerCase().replace(/\s/g, '-'),
190
+ label: name,
191
+ iconName: 'user',
192
+ };
193
+ setOptions(prev => [...prev, newOpt]);
194
+ return newOpt;
195
+ };
196
+ const handleDelete = (value) => {
197
+ setOptions(prev => prev.filter(opt => opt.value !== value));
198
+ };
199
+ return (_jsx(Combobox, { options: options, multiple: true, placeholder: "Search or create...", allowCreate: true, onCreateNew: handleCreate, onDeleteCreated: handleDelete }));
200
+ };
201
+ export const CreateNew = withDescription({
202
+ render: () => _jsx(CreateNewTemplate, {}),
203
+ }, 'Demonstrates multi-select creation and deletion of user-added options.');
204
+ const SingleSelectCreateTemplate = () => {
205
+ const [options, setOptions] = useState(comboboxPeopleOptions);
206
+ const handleCreate = (name) => {
207
+ const newOpt = {
208
+ value: name.toLowerCase().replace(/\s/g, '-'),
209
+ label: name,
210
+ iconName: 'user',
211
+ };
212
+ setOptions(prev => [...prev, newOpt]);
213
+ return newOpt;
214
+ };
215
+ const handleDelete = (value) => {
216
+ setOptions(prev => prev.filter(opt => opt.value !== value));
217
+ };
218
+ return (_jsx(Combobox, { options: options, placeholder: "Search or create...", allowCreate: true, onCreateNew: handleCreate, onDeleteCreated: handleDelete }));
219
+ };
220
+ export const SingleSelectCreate = withDescription({
221
+ render: () => _jsx(SingleSelectCreateTemplate, {}),
222
+ }, 'Shows single-select creation where a newly created option becomes the current value immediately.');
223
+ export const CustomTagLabel = withDescription({
224
+ args: {
225
+ options: [
226
+ { value: 'u1', label: 'Alice Johnson (Year 10, Class A)', tagLabel: 'Alice J.', iconName: 'user' },
227
+ { value: 'u2', label: 'Bob Smith (Year 11, Class B)', tagLabel: 'Bob S.', iconName: 'user' },
228
+ { value: 'u3', label: 'Charlie Brown (Year 10, Class A)', tagLabel: 'Charlie B.', iconName: 'user' },
229
+ ],
230
+ multiple: true,
231
+ placeholder: 'Search students...',
232
+ showClearAll: true,
233
+ },
234
+ }, 'Uses `tagLabel` to shorten selected chip text while preserving fuller option labels in the dropdown.');
235
+ export const WithDisabledOptions = withDescription({
236
+ args: {
237
+ options: [
238
+ { value: 'alice', label: 'Alice Johnson', iconName: 'user' },
239
+ { value: 'bob', label: 'Bob Smith', iconName: 'user', disabled: true },
240
+ { value: 'charlie', label: 'Charlie Brown', iconName: 'user' },
241
+ ],
242
+ multiple: true,
243
+ placeholder: 'Search people...',
244
+ },
245
+ }, 'Includes a disabled option to show how unavailable rows appear and behave inside the listbox.');
246
+ //# sourceMappingURL=Combobox.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,4LAA4L;aAC/L;SACF;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,8EAA8E;SAC5F;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,8CAA8C;SAC5D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;YAC5B,WAAW,EAAE,yEAAyE;SACvF;KACF;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,8BAAkB,MAAM,sBAAkB,OAAO,EAAC,SAAS,EAAC,oCAAoC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YACpI,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,WAAmB,EAAS,EAAE,CAAC,CAAC;IACrE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,KAAK,CAAC,UAAU;QACnB,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI;YACzB,WAAW,EAAE;gBACX,KAAK,EAAE,WAAW;aACnB;SACF;KACF;CACF,CAAC,CAAC;AAEH,wFAAwF;AACxF,MAAM,qBAAqB,GAAqB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACpF,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE;IAC7B,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE;IACxB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAU,eAAe,CAAC;IACvD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,yCAAyC;KACvD;CACF,EAAE,4GAA4G,CAAC,CAAC;AAEjH,MAAM,CAAC,MAAM,yBAAyB,GAAU,eAAe,CAAC;IAC9D,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,UAAU;QACvB,cAAc,EAAE,QAAQ;KACzB;CACF,EAAE,sGAAsG,CAAC,CAAC;AAE3G,MAAM,CAAC,MAAM,wBAAwB,GAAU,eAAe,CAAC;IAC7D,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC;QACjE,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,QAAQ;KACzB;CACF,EAAE,qGAAqG,CAAC,CAAC;AAE1G,MAAM,CAAC,MAAM,YAAY,GAAU,eAAe,CAAC;IACjD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;KAChC;CACF,EAAE,yEAAyE,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,eAAe,GAAU,eAAe,CAAC;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,UAAU,EAAE,WAAW;KACxB;CACF,EAAE,6EAA6E,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,kBAAkB,GAAU,eAAe,CAAC;IACvD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,UAAU,EAAE,WAAW;QACvB,sBAAsB,EAAE,IAAI;KAC7B;CACF,EAAE,iFAAiF,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,WAAW,GAAU,eAAe,CAAC;IAChD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,kBAAkB;QAC/B,YAAY,EAAE,IAAI;KACnB;CACF,EAAE,0EAA0E,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,gBAAgB,GAAU,eAAe,CAAC;IACrD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;QACzC,WAAW,EAAE,kBAAkB;QAC/B,YAAY,EAAE,IAAI;KACnB;CACF,EAAE,2FAA2F,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAU,eAAe,CAAC;IAC/C,IAAI,EAAE;QACJ,OAAO,EAAE,4BAA4B;QACrC,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,kBAAkB;KAChC;CACF,EAAE,8FAA8F,CAAC,CAAC;AAEnG,MAAM,CAAC,MAAM,QAAQ,GAAU,eAAe,CAAC;IAC7C,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,CAAC,OAAO,CAAC;QACvB,WAAW,EAAE,kBAAkB;KAChC;CACF,EAAE,8DAA8D,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAU,eAAe,CAAC;IAClD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,mBAAmB,EAAE,KAAK;KAC3B;CACF,EAAE,uFAAuF,CAAC,CAAC;AAE5F,MAAM,CAAC,MAAM,iBAAiB,GAAU,eAAe,CAAC;IACtD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,eAAe,EAAE,KAAK;KACvB;CACF,EAAE,6FAA6F,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,kBAAkB,GAAU,eAAe,CAAC;IACvD,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAClC,8BACE,8BAAkB,MAAM,YACtB,gBAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,QAAC,QAAQ,EAAE,CAAC,CAAC,GAAI,GAC9D,EACP,eAAM,SAAS,EAAC,2BAA2B,YAAE,MAAM,CAAC,KAAK,GAAQ,IAChE,CACJ;KACF;CACF,EAAE,2GAA2G,CAAC,CAAC;AAEhH,MAAM,KAAK,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;IAC1D,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,KAAK,UAAU,YAAY,CAAC,KAAa;IACvC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACrC,IAAI,CAAC,CAAC;QAAE,OAAO,0BAA0B,CAAC;IAC1C,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACnF,CAAC;AAOD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,WAAW,EACxB,sBAAsB,GAAG,IAAI,GACJ,EAAE,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE/B,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,MAAM,EAAE,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;QAClC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,IAAI,EAAE,KAAK,YAAY,CAAC,OAAO;gBAAE,OAAO;YACxC,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,WAAW,EAAC,mBAAmB,EAC/B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU,eAAe,CAAC;IAChD,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,WAAW;QACvB,sBAAsB,EAAE,IAAI;KAC7B;IACD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,KAAC,mBAAmB,IAClB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACH;CACF,EAAE,kHAAkH,CAAC,CAAC;AAEvH,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAmB,qBAAqB,CAAC,CAAC;IAEhF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,MAAM,MAAM,GAAmB;YAC7B,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;YAC7C,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,MAAM;SACjB,CAAC;QACF,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,WAAW,EAAC,qBAAqB,EACjC,WAAW,QACX,WAAW,EAAE,YAAY,EACzB,eAAe,EAAE,YAAY,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU,eAAe,CAAC;IAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;CACpC,EAAE,wEAAwE,CAAC,CAAC;AAE7E,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAmB,qBAAqB,CAAC,CAAC;IAEhF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,MAAM,MAAM,GAAmB;YAC7B,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;YAC7C,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,MAAM;SACjB,CAAC;QACF,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,qBAAqB,EACjC,WAAW,QACX,WAAW,EAAE,YAAY,EACzB,eAAe,EAAE,YAAY,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU,eAAe,CAAC;IACvD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,0BAA0B,KAAG;CAC7C,EAAE,kGAAkG,CAAC,CAAC;AAEvG,MAAM,CAAC,MAAM,cAAc,GAAU,eAAe,CAAC;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,kCAAkC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE;YAClG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,8BAA8B,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE;YAC5F,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,kCAAkC,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE;SACrG;QACD,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,oBAAoB;QACjC,YAAY,EAAE,IAAI;KACnB;CACF,EAAE,sGAAsG,CAAC,CAAC;AAE3G,MAAM,CAAC,MAAM,mBAAmB,GAAU,eAAe,CAAC;IACxD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE;YAC5D,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;YACtE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE;SAC/D;QACD,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,kBAAkB;KAChC;CACF,EAAE,+FAA+F,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom/vitest';
2
+ //# sourceMappingURL=Combobox.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.test.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}