@purpur/library 9.7.5 → 9.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (304) hide show
  1. package/CHANGELOG.json +54 -0
  2. package/CHANGELOG.md +25 -1
  3. package/dist/LICENSE.txt +7 -7
  4. package/dist/{RichText-yobCUjTD.js → RichText-BAVZadzi.js} +2 -2
  5. package/dist/{RichText-yobCUjTD.js.map → RichText-BAVZadzi.js.map} +1 -1
  6. package/dist/{RichText-jZ-sHV-u.mjs → RichText-D4vznH1B.mjs} +2 -2
  7. package/dist/{RichText-jZ-sHV-u.mjs.map → RichText-D4vznH1B.mjs.map} +1 -1
  8. package/dist/{ThemeProvider-DiDBfyFA.mjs → ThemeProvider-BJ25_asg.mjs} +13 -13
  9. package/dist/{ThemeProvider-DiDBfyFA.mjs.map → ThemeProvider-BJ25_asg.mjs.map} +1 -1
  10. package/dist/{ThemeProvider-D7oXcAde.js → ThemeProvider-BJGm3zai.js} +2 -2
  11. package/dist/{ThemeProvider-D7oXcAde.js.map → ThemeProvider-BJGm3zai.js.map} +1 -1
  12. package/dist/{accordion-CIU4U8-4.mjs → accordion-B6OoQ4uZ.mjs} +2 -2
  13. package/dist/{accordion-CIU4U8-4.mjs.map → accordion-B6OoQ4uZ.mjs.map} +1 -1
  14. package/dist/{accordion-DyhOG54L.js → accordion-BfpN5h4C.js} +2 -2
  15. package/dist/{accordion-DyhOG54L.js.map → accordion-BfpN5h4C.js.map} +1 -1
  16. package/dist/accordion.cjs.js +1 -1
  17. package/dist/accordion.es.js +1 -1
  18. package/dist/{autocomplete-3kV1btuI.js → autocomplete-CcVDJbwS.js} +2 -2
  19. package/dist/{autocomplete-3kV1btuI.js.map → autocomplete-CcVDJbwS.js.map} +1 -1
  20. package/dist/{autocomplete-BEGRn-Wh.mjs → autocomplete-DF17Zm7Q.mjs} +3 -3
  21. package/dist/{autocomplete-BEGRn-Wh.mjs.map → autocomplete-DF17Zm7Q.mjs.map} +1 -1
  22. package/dist/autocomplete.cjs.js +1 -1
  23. package/dist/autocomplete.es.js +1 -1
  24. package/dist/avatar-BDF2KuEh.mjs +28 -0
  25. package/dist/avatar-BDF2KuEh.mjs.map +1 -0
  26. package/dist/avatar-nDQ8fk-2.js +2 -0
  27. package/dist/avatar-nDQ8fk-2.js.map +1 -0
  28. package/dist/avatar.cjs.js +1 -1
  29. package/dist/avatar.es.js +1 -1
  30. package/dist/{card-DFdUs5RG.js → card-pdsBEJif.js} +2 -2
  31. package/dist/{card-DFdUs5RG.js.map → card-pdsBEJif.js.map} +1 -1
  32. package/dist/{card-C2mdp-ur.mjs → card-t2ZkZ82G.mjs} +2 -2
  33. package/dist/{card-C2mdp-ur.mjs.map → card-t2ZkZ82G.mjs.map} +1 -1
  34. package/dist/card.cjs.js +1 -1
  35. package/dist/card.es.js +1 -1
  36. package/dist/{checkbox-BHTx89JQ.mjs → checkbox-DaRtZXrE.mjs} +2 -2
  37. package/dist/{checkbox-BHTx89JQ.mjs.map → checkbox-DaRtZXrE.mjs.map} +1 -1
  38. package/dist/{checkbox-CDNcNv6d.js → checkbox-qjWQEoa5.js} +2 -2
  39. package/dist/{checkbox-CDNcNv6d.js.map → checkbox-qjWQEoa5.js.map} +1 -1
  40. package/dist/checkbox.cjs.js +1 -1
  41. package/dist/checkbox.es.js +1 -1
  42. package/dist/comparison-table-DHFpydbq.js +2 -0
  43. package/dist/comparison-table-DHFpydbq.js.map +1 -0
  44. package/dist/comparison-table-DQJL1IVC.mjs +293 -0
  45. package/dist/comparison-table-DQJL1IVC.mjs.map +1 -0
  46. package/dist/comparison-table.cjs.js +1 -1
  47. package/dist/comparison-table.es.js +1 -1
  48. package/dist/components/accordion/src/accordion.visual.fixtures.d.ts +13 -0
  49. package/dist/components/accordion/src/accordion.visual.fixtures.d.ts.map +1 -0
  50. package/dist/components/alert-badge/src/alert-badge.visual.fixtures.d.ts +15 -0
  51. package/dist/components/alert-badge/src/alert-badge.visual.fixtures.d.ts.map +1 -0
  52. package/dist/components/avatar/src/avatar.d.ts +2 -2
  53. package/dist/components/avatar/src/avatar.d.ts.map +1 -1
  54. package/dist/components/avatar/src/avatar.visual.fixtures.d.ts +14 -0
  55. package/dist/components/avatar/src/avatar.visual.fixtures.d.ts.map +1 -0
  56. package/dist/components/badge/src/badge.visual.fixtures.d.ts +13 -0
  57. package/dist/components/badge/src/badge.visual.fixtures.d.ts.map +1 -0
  58. package/dist/components/comparison-table/src/components/OptionCard/option-card.d.ts +1 -1
  59. package/dist/components/comparison-table/src/components/OptionCard/option-card.d.ts.map +1 -1
  60. package/dist/components/countdown/src/countdown.d.ts.map +1 -1
  61. package/dist/components/countdown/src/countdown.types.d.ts +10 -0
  62. package/dist/components/countdown/src/countdown.types.d.ts.map +1 -1
  63. package/dist/components/countdown/src/countdown.visual.fixtures.d.ts +13 -0
  64. package/dist/components/countdown/src/countdown.visual.fixtures.d.ts.map +1 -0
  65. package/dist/components/countdown/src/utils.d.ts +1 -1
  66. package/dist/components/countdown/src/utils.d.ts.map +1 -1
  67. package/dist/components/footer/src/telia-logo.d.ts.map +1 -1
  68. package/dist/components/hero-banner/src/hero-banner-types.d.ts +48 -0
  69. package/dist/components/hero-banner/src/hero-banner-types.d.ts.map +1 -0
  70. package/dist/components/hero-banner/src/hero-banner.d.ts +5 -48
  71. package/dist/components/hero-banner/src/hero-banner.d.ts.map +1 -1
  72. package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts +1 -1
  73. package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts.map +1 -1
  74. package/dist/components/search-field/src/search-field.visual.fixtures.d.ts +14 -0
  75. package/dist/components/search-field/src/search-field.visual.fixtures.d.ts.map +1 -0
  76. package/dist/components-metadata.js +2 -2
  77. package/dist/{content-block-CakKeJtN.mjs → content-block-CDMrz41K.mjs} +2 -2
  78. package/dist/{content-block-CakKeJtN.mjs.map → content-block-CDMrz41K.mjs.map} +1 -1
  79. package/dist/{content-block-CrekbIfe.js → content-block-DyYAnL2e.js} +2 -2
  80. package/dist/{content-block-CrekbIfe.js.map → content-block-DyYAnL2e.js.map} +1 -1
  81. package/dist/content-block.cjs.js +1 -1
  82. package/dist/content-block.es.js +1 -1
  83. package/dist/countdown-5Ni6OlVY.mjs +189 -0
  84. package/dist/countdown-5Ni6OlVY.mjs.map +1 -0
  85. package/dist/countdown-CGXJyzB2.js +2 -0
  86. package/dist/countdown-CGXJyzB2.js.map +1 -0
  87. package/dist/countdown.cjs.js +1 -1
  88. package/dist/countdown.es.js +1 -1
  89. package/dist/{date-field-BKKty89_.js → date-field-CKxEWHG3.js} +2 -2
  90. package/dist/{date-field-BKKty89_.js.map → date-field-CKxEWHG3.js.map} +1 -1
  91. package/dist/{date-field-Cv5CKR1y.mjs → date-field-HEFdHIxk.mjs} +2 -2
  92. package/dist/{date-field-Cv5CKR1y.mjs.map → date-field-HEFdHIxk.mjs.map} +1 -1
  93. package/dist/date-field.cjs.js +1 -1
  94. package/dist/date-field.es.js +1 -1
  95. package/dist/{date-picker-CIizn3Pv.js → date-picker-CDBwkAJI.js} +2 -2
  96. package/dist/{date-picker-CIizn3Pv.js.map → date-picker-CDBwkAJI.js.map} +1 -1
  97. package/dist/{date-picker-DixxW60s.mjs → date-picker-cQewKIMN.mjs} +6 -6
  98. package/dist/{date-picker-DixxW60s.mjs.map → date-picker-cQewKIMN.mjs.map} +1 -1
  99. package/dist/date-picker.cjs.js +1 -1
  100. package/dist/date-picker.es.js +1 -1
  101. package/dist/{date-range-field-D8vLeSwp.js → date-range-field-D7Hn9FGN.js} +2 -2
  102. package/dist/{date-range-field-D8vLeSwp.js.map → date-range-field-D7Hn9FGN.js.map} +1 -1
  103. package/dist/{date-range-field-CFcjprIl.mjs → date-range-field-_WctWD29.mjs} +2 -2
  104. package/dist/{date-range-field-CFcjprIl.mjs.map → date-range-field-_WctWD29.mjs.map} +1 -1
  105. package/dist/date-range-field.cjs.js +1 -1
  106. package/dist/date-range-field.es.js +1 -1
  107. package/dist/{drawer-DyhsP34o.js → drawer-DyLQfvEh.js} +2 -2
  108. package/dist/{drawer-DyhsP34o.js.map → drawer-DyLQfvEh.js.map} +1 -1
  109. package/dist/{drawer-BzkRd9F0.mjs → drawer-cIUx6WSZ.mjs} +3 -3
  110. package/dist/{drawer-BzkRd9F0.mjs.map → drawer-cIUx6WSZ.mjs.map} +1 -1
  111. package/dist/drawer.cjs.js +1 -1
  112. package/dist/drawer.es.js +1 -1
  113. package/dist/{dropdown-CMO_VD5e.mjs → dropdown-CDK_eRm3.mjs} +3 -3
  114. package/dist/{dropdown-CMO_VD5e.mjs.map → dropdown-CDK_eRm3.mjs.map} +1 -1
  115. package/dist/{dropdown-DJKNQnuo.js → dropdown-_FLHLyPL.js} +2 -2
  116. package/dist/{dropdown-DJKNQnuo.js.map → dropdown-_FLHLyPL.js.map} +1 -1
  117. package/dist/dropdown.cjs.js +1 -1
  118. package/dist/dropdown.es.js +1 -1
  119. package/dist/footer-CS6ZfztM.js +2 -0
  120. package/dist/footer-CS6ZfztM.js.map +1 -0
  121. package/dist/{footer-DenAcikt.mjs → footer-OJXbTn1e.mjs} +87 -97
  122. package/dist/footer-OJXbTn1e.mjs.map +1 -0
  123. package/dist/footer.cjs.js +1 -1
  124. package/dist/footer.es.js +1 -1
  125. package/dist/hero-banner--v-ezYMr.js +2 -0
  126. package/dist/hero-banner--v-ezYMr.js.map +1 -0
  127. package/dist/{hero-banner-B7xrDfzN.mjs → hero-banner-n9K-Jsdz.mjs} +78 -78
  128. package/dist/hero-banner-n9K-Jsdz.mjs.map +1 -0
  129. package/dist/hero-banner.cjs.js +1 -1
  130. package/dist/hero-banner.es.js +1 -1
  131. package/dist/library.cjs.js +1 -1
  132. package/dist/library.es.js +39 -39
  133. package/dist/{listbox-i6BQQ-NZ.mjs → listbox-CtV-Vcmy.mjs} +2 -2
  134. package/dist/{listbox-i6BQQ-NZ.mjs.map → listbox-CtV-Vcmy.mjs.map} +1 -1
  135. package/dist/{listbox-ATP4hOWF.js → listbox-lXO21cJV.js} +2 -2
  136. package/dist/{listbox-ATP4hOWF.js.map → listbox-lXO21cJV.js.map} +1 -1
  137. package/dist/listbox.cjs.js +1 -1
  138. package/dist/listbox.es.js +1 -1
  139. package/dist/{loading-Dwtkjstg.js → loading-B_0NjCnh.js} +2 -2
  140. package/dist/{loading-Dwtkjstg.js.map → loading-B_0NjCnh.js.map} +1 -1
  141. package/dist/{loading-r23nxJSz.mjs → loading-DqZBpMaa.mjs} +2 -2
  142. package/dist/{loading-r23nxJSz.mjs.map → loading-DqZBpMaa.mjs.map} +1 -1
  143. package/dist/loading.cjs.js +1 -1
  144. package/dist/loading.es.js +1 -1
  145. package/dist/{message-D9CDwcw9.mjs → message-CeXuAhmb.mjs} +3 -3
  146. package/dist/{message-D9CDwcw9.mjs.map → message-CeXuAhmb.mjs.map} +1 -1
  147. package/dist/{message-0yTS5pOF.js → message-DsGB-JFh.js} +2 -2
  148. package/dist/{message-0yTS5pOF.js.map → message-DsGB-JFh.js.map} +1 -1
  149. package/dist/message.cjs.js +1 -1
  150. package/dist/message.es.js +1 -1
  151. package/dist/{modal-EIP36327.mjs → modal-Bu1Zv5Ic.mjs} +4 -4
  152. package/dist/{modal-EIP36327.mjs.map → modal-Bu1Zv5Ic.mjs.map} +1 -1
  153. package/dist/{modal-DJn9idcw.js → modal-D0Qxrvx5.js} +2 -2
  154. package/dist/{modal-DJn9idcw.js.map → modal-D0Qxrvx5.js.map} +1 -1
  155. package/dist/modal.cjs.js +1 -1
  156. package/dist/modal.es.js +1 -1
  157. package/dist/{notification-B5bNNq86.js → notification-D2oClkX2.js} +2 -2
  158. package/dist/{notification-B5bNNq86.js.map → notification-D2oClkX2.js.map} +1 -1
  159. package/dist/{notification-BbQCmsnY.mjs → notification-DiVdy6E_.mjs} +2 -2
  160. package/dist/{notification-BbQCmsnY.mjs.map → notification-DiVdy6E_.mjs.map} +1 -1
  161. package/dist/notification.cjs.js +1 -1
  162. package/dist/notification.es.js +1 -1
  163. package/dist/{pagination-rFRdkHII.js → pagination-BDfaybj3.js} +2 -2
  164. package/dist/{pagination-rFRdkHII.js.map → pagination-BDfaybj3.js.map} +1 -1
  165. package/dist/{pagination-Cc_4zCQA.mjs → pagination-Bm38GKga.mjs} +2 -2
  166. package/dist/{pagination-Cc_4zCQA.mjs.map → pagination-Bm38GKga.mjs.map} +1 -1
  167. package/dist/pagination.cjs.js +1 -1
  168. package/dist/pagination.es.js +1 -1
  169. package/dist/{paragraph-By4jMjnH.js → paragraph-B8HFdNne.js} +2 -2
  170. package/dist/{paragraph-By4jMjnH.js.map → paragraph-B8HFdNne.js.map} +1 -1
  171. package/dist/{paragraph-DSxXmX_0.mjs → paragraph-CwAdFoIm.mjs} +3 -3
  172. package/dist/{paragraph-DSxXmX_0.mjs.map → paragraph-CwAdFoIm.mjs.map} +1 -1
  173. package/dist/paragraph.cjs.js +1 -1
  174. package/dist/paragraph.es.js +1 -1
  175. package/dist/{popover-DnGgzfQr.js → popover-BFozkeS3.js} +2 -2
  176. package/dist/{popover-DnGgzfQr.js.map → popover-BFozkeS3.js.map} +1 -1
  177. package/dist/{popover-DERrvReO.mjs → popover-DFPGkVJ6.mjs} +4 -4
  178. package/dist/{popover-DERrvReO.mjs.map → popover-DFPGkVJ6.mjs.map} +1 -1
  179. package/dist/popover.cjs.js +1 -1
  180. package/dist/popover.es.js +1 -1
  181. package/dist/{product-card-Bt-F0wKr.mjs → product-card-CxfHfJVV.mjs} +3 -3
  182. package/dist/{product-card-Bt-F0wKr.mjs.map → product-card-CxfHfJVV.mjs.map} +1 -1
  183. package/dist/{product-card-8X-Ld2d_.js → product-card-XxBwuxM-.js} +2 -2
  184. package/dist/{product-card-8X-Ld2d_.js.map → product-card-XxBwuxM-.js.map} +1 -1
  185. package/dist/product-card.cjs.js +1 -1
  186. package/dist/product-card.es.js +1 -1
  187. package/dist/{promotion-card-DKc2Cx1h.js → promotion-card-C1UoxzcV.js} +2 -2
  188. package/dist/{promotion-card-DKc2Cx1h.js.map → promotion-card-C1UoxzcV.js.map} +1 -1
  189. package/dist/{promotion-card-BnzIVNQ4.mjs → promotion-card-CooYPpFo.mjs} +38 -38
  190. package/dist/{promotion-card-BnzIVNQ4.mjs.map → promotion-card-CooYPpFo.mjs.map} +1 -1
  191. package/dist/promotion-card.cjs.js +1 -1
  192. package/dist/promotion-card.es.js +1 -1
  193. package/dist/purpur.css +1 -1
  194. package/dist/{quantity-selector-CvBvnMeB.mjs → quantity-selector-B4YnfmNb.mjs} +2 -2
  195. package/dist/{quantity-selector-CvBvnMeB.mjs.map → quantity-selector-B4YnfmNb.mjs.map} +1 -1
  196. package/dist/{quantity-selector-CDSfcTb1.js → quantity-selector-CTBoxiPO.js} +2 -2
  197. package/dist/{quantity-selector-CDSfcTb1.js.map → quantity-selector-CTBoxiPO.js.map} +1 -1
  198. package/dist/quantity-selector.cjs.js +1 -1
  199. package/dist/quantity-selector.es.js +1 -1
  200. package/dist/{radio-card-group-nrDi5EPK.js → radio-card-group-BXwkIIEw.js} +2 -2
  201. package/dist/{radio-card-group-nrDi5EPK.js.map → radio-card-group-BXwkIIEw.js.map} +1 -1
  202. package/dist/{radio-card-group-ZBXjYcQs.mjs → radio-card-group-Bn6SK0Wc.mjs} +2 -2
  203. package/dist/{radio-card-group-ZBXjYcQs.mjs.map → radio-card-group-Bn6SK0Wc.mjs.map} +1 -1
  204. package/dist/radio-card-group.cjs.js +1 -1
  205. package/dist/radio-card-group.es.js +1 -1
  206. package/dist/rich-text.cjs.js +1 -1
  207. package/dist/rich-text.es.js +1 -1
  208. package/dist/{search-field-DKyNh7pE.mjs → search-field-BPLzy3RR.mjs} +3 -3
  209. package/dist/{search-field-DKyNh7pE.mjs.map → search-field-BPLzy3RR.mjs.map} +1 -1
  210. package/dist/{search-field-2vdDbiT0.js → search-field-Dx4qCcrh.js} +2 -2
  211. package/dist/{search-field-2vdDbiT0.js.map → search-field-Dx4qCcrh.js.map} +1 -1
  212. package/dist/search-field.cjs.js +1 -1
  213. package/dist/search-field.es.js +1 -1
  214. package/dist/{stepper-e0qicwqd.mjs → stepper-DSl-YCMe.mjs} +2 -2
  215. package/dist/{stepper-e0qicwqd.mjs.map → stepper-DSl-YCMe.mjs.map} +1 -1
  216. package/dist/{stepper-5qMo_shq.js → stepper-eaxkBC7o.js} +2 -2
  217. package/dist/{stepper-5qMo_shq.js.map → stepper-eaxkBC7o.js.map} +1 -1
  218. package/dist/stepper.cjs.js +1 -1
  219. package/dist/stepper.es.js +1 -1
  220. package/dist/{table-i1Gs9e0e.mjs → table-D9MKkbPO.mjs} +9 -9
  221. package/dist/{table-i1Gs9e0e.mjs.map → table-D9MKkbPO.mjs.map} +1 -1
  222. package/dist/{table-BOCcBzSO.js → table-rS3hITtj.js} +2 -2
  223. package/dist/{table-BOCcBzSO.js.map → table-rS3hITtj.js.map} +1 -1
  224. package/dist/table.cjs.js +1 -1
  225. package/dist/table.es.js +1 -1
  226. package/dist/{text-area-D0truMT1.js → text-area-9RUldq6W.js} +2 -2
  227. package/dist/{text-area-D0truMT1.js.map → text-area-9RUldq6W.js.map} +1 -1
  228. package/dist/{text-area-IVH-k4MM.mjs → text-area-C58aZEPa.mjs} +3 -3
  229. package/dist/{text-area-IVH-k4MM.mjs.map → text-area-C58aZEPa.mjs.map} +1 -1
  230. package/dist/text-area.cjs.js +1 -1
  231. package/dist/text-area.es.js +1 -1
  232. package/dist/text-field-C2W13n15.js +2 -0
  233. package/dist/{text-field-CYJzQG3h.js.map → text-field-C2W13n15.js.map} +1 -1
  234. package/dist/{text-field-BQfxJobW.mjs → text-field-D8MMa6ij.mjs} +114 -114
  235. package/dist/{text-field-BQfxJobW.mjs.map → text-field-D8MMa6ij.mjs.map} +1 -1
  236. package/dist/text-field.cjs.js +1 -1
  237. package/dist/text-field.es.js +1 -1
  238. package/dist/theme.cjs.js +1 -1
  239. package/dist/theme.es.js +3 -3
  240. package/dist/{toggle-B8ZLUVar.js → toggle-BgrfdtmN.js} +2 -2
  241. package/dist/{toggle-B8ZLUVar.js.map → toggle-BgrfdtmN.js.map} +1 -1
  242. package/dist/{toggle-CY3J8BRX.mjs → toggle-Cg1KFa_2.mjs} +2 -2
  243. package/dist/{toggle-CY3J8BRX.mjs.map → toggle-Cg1KFa_2.mjs.map} +1 -1
  244. package/dist/toggle.cjs.js +1 -1
  245. package/dist/toggle.es.js +1 -1
  246. package/dist/tokens/color/variables.css +1 -1
  247. package/dist/tokens/color/variables.dark.css +1 -1
  248. package/dist/tokens/color/variables.dark.js +1 -1
  249. package/dist/tokens/color/variables.dark.json +1 -1
  250. package/dist/tokens/color/variables.dark.scss +1 -1
  251. package/dist/tokens/color/variables.js +1 -1
  252. package/dist/tokens/color/variables.json +1 -1
  253. package/dist/tokens/color/variables.scss +1 -1
  254. package/dist/tokens.cjs.js +1 -1
  255. package/dist/tokens.es.js +1 -1
  256. package/dist/{tooltip-CJGmJDFQ.js → tooltip-B-11qk-0.js} +2 -2
  257. package/dist/{tooltip-CJGmJDFQ.js.map → tooltip-B-11qk-0.js.map} +1 -1
  258. package/dist/{tooltip-RA-03bKs.mjs → tooltip-DngYHn5W.mjs} +4 -4
  259. package/dist/{tooltip-RA-03bKs.mjs.map → tooltip-DngYHn5W.mjs.map} +1 -1
  260. package/dist/tooltip.cjs.js +1 -1
  261. package/dist/tooltip.es.js +1 -1
  262. package/dist/{useColorScheme-B9DWd-LN.mjs → useColorScheme-B7lGBSe4.mjs} +2 -2
  263. package/dist/{useColorScheme-B9DWd-LN.mjs.map → useColorScheme-B7lGBSe4.mjs.map} +1 -1
  264. package/dist/useColorScheme-BHhPgv9q.js +2 -0
  265. package/dist/{useColorScheme-DbTQjxNB.js.map → useColorScheme-BHhPgv9q.js.map} +1 -1
  266. package/dist/useThemePortalContainer-CUcqV327.js +2 -0
  267. package/dist/{useThemePortalContainer-D9BYjEvT.js.map → useThemePortalContainer-CUcqV327.js.map} +1 -1
  268. package/dist/useThemePortalContainer-D13Xx24N.mjs +9 -0
  269. package/dist/{useThemePortalContainer-tFLTaYKN.mjs.map → useThemePortalContainer-D13Xx24N.mjs.map} +1 -1
  270. package/dist/{variables-B5hbV0Uy.mjs → variables-BrsAsWIF.mjs} +2 -2
  271. package/dist/{variables-B5hbV0Uy.mjs.map → variables-BrsAsWIF.mjs.map} +1 -1
  272. package/dist/{variables-DoI78zZc.js → variables-D1vNo1lO.js} +2 -2
  273. package/dist/{variables-DoI78zZc.js.map → variables-D1vNo1lO.js.map} +1 -1
  274. package/package.json +21 -21
  275. package/tokens/color/variables.css +1 -1
  276. package/tokens/color/variables.dark.css +1 -1
  277. package/tokens/color/variables.dark.js +1 -1
  278. package/tokens/color/variables.dark.json +1 -1
  279. package/tokens/color/variables.dark.scss +1 -1
  280. package/tokens/color/variables.js +1 -1
  281. package/tokens/color/variables.json +1 -1
  282. package/tokens/color/variables.scss +1 -1
  283. package/dist/avatar-CYnD57o4.js +0 -2
  284. package/dist/avatar-CYnD57o4.js.map +0 -1
  285. package/dist/avatar-CzbDD1MK.mjs +0 -27
  286. package/dist/avatar-CzbDD1MK.mjs.map +0 -1
  287. package/dist/comparison-table-0UDB2BTU.js +0 -2
  288. package/dist/comparison-table-0UDB2BTU.js.map +0 -1
  289. package/dist/comparison-table-CjTE-fHN.mjs +0 -292
  290. package/dist/comparison-table-CjTE-fHN.mjs.map +0 -1
  291. package/dist/countdown-BsLsEZBv.mjs +0 -179
  292. package/dist/countdown-BsLsEZBv.mjs.map +0 -1
  293. package/dist/countdown-hYrFLmRg.js +0 -2
  294. package/dist/countdown-hYrFLmRg.js.map +0 -1
  295. package/dist/footer-3Y-664-8.js +0 -2
  296. package/dist/footer-3Y-664-8.js.map +0 -1
  297. package/dist/footer-DenAcikt.mjs.map +0 -1
  298. package/dist/hero-banner-B7xrDfzN.mjs.map +0 -1
  299. package/dist/hero-banner-DthITuQ7.js +0 -2
  300. package/dist/hero-banner-DthITuQ7.js.map +0 -1
  301. package/dist/text-field-CYJzQG3h.js +0 -2
  302. package/dist/useColorScheme-DbTQjxNB.js +0 -2
  303. package/dist/useThemePortalContainer-D9BYjEvT.js +0 -2
  304. package/dist/useThemePortalContainer-tFLTaYKN.mjs +0 -9
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-CMO_VD5e.mjs","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n fieldId: string;\n htmlForSuffix?: string;\n label?: string;\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n required: boolean;\n};\n\nexport const DropdownLabel = ({\n fieldId,\n htmlForSuffix,\n label,\n getTestId,\n disabled,\n negative,\n required,\n}: DropdownLabelProps) => {\n if (!label) return null;\n\n return (\n <Label\n htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={disabled}\n negative={negative}\n >\n {required && <span aria-hidden>*</span>}\n {label}\n </Label>\n );\n};\n\ntype DropdownEndAdornmentsProps = {\n getTestId: GetTestId;\n loading?: boolean;\n disabled: boolean;\n negative: boolean;\n isValid: boolean;\n isOpen?: boolean;\n readOnly?: boolean;\n showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n getTestId,\n loading,\n disabled,\n negative,\n isValid,\n isOpen,\n readOnly,\n showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n <span className={cx(`${rootClassName}__end-adornments`)}>\n {loading ? (\n <Spinner\n disabled={disabled}\n size=\"xxs\"\n negative={negative}\n data-testid={getTestId(\"spinner\")}\n />\n ) : (\n <>\n {isValid && (\n <IconCheckCircleFilled\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`)}\n />\n )}\n <IconChevronDown\n className={cx(`${rootClassName}__chevron-icon`, {\n [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n [`${rootClassName}__chevron-icon--disabled`]: disabled,\n [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n [`${rootClassName}__chevron-icon--negative`]: negative,\n })}\n data-testid={getTestId(\"dropdown-icon\")}\n size=\"sm\"\n />\n </>\n )}\n </span>\n);\n\ntype DropdownTagsProps = {\n selectedItems: DropdownOption[];\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n onRemove: (option: DropdownOption) => void;\n isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n selectedItems,\n getTestId,\n disabled,\n negative,\n onRemove,\n isSelect,\n}: DropdownTagsProps) => {\n if (!selectedItems.length) return null;\n\n return (\n <DismissableChipGroup\n className={cx(`${rootClassName}__chip-group`, {\n [`${rootClassName}__chip-group--select`]: isSelect,\n })}\n negative={negative}\n data-testid={getTestId(\"tags\")}\n size=\"sm\"\n >\n {selectedItems.map((item) => (\n <DismissableChipGroup.Item\n key={item.id}\n id={item.id}\n data-testid={getTestId(`tag-${item.id}`)}\n aria-label={`Remove ${item.label}`}\n onDismiss={() => {\n onRemove(item);\n }}\n disabled={disabled || item.disabled}\n >\n {item.label}\n </DismissableChipGroup.Item>\n ))}\n </DismissableChipGroup>\n );\n};\n\ntype DropdownFooterProps = {\n errorText?: string;\n helperText?: string;\n helperTextId: string;\n negative: boolean;\n};\n\nexport const DropdownFooter = ({\n errorText,\n helperText,\n helperTextId,\n negative,\n}: DropdownFooterProps) => (\n <>\n {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n {helperText && !errorText && (\n <FieldHelperText id={helperTextId} negative={negative}>\n {helperText}\n </FieldHelperText>\n )}\n </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n selectAllLabel?: string;\n multiple?: boolean;\n options: DropdownOption[];\n selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n if (!selectAllLabel || !multiple) return false;\n const enabledOptions = options.filter((o) => !o.disabled);\n if (enabledOptions.length === 0) return false;\n const disabledOptions = options.filter((o) => o.disabled);\n const hasDisabledUnselected = disabledOptions.some(\n (o) => !selectedItems.some((s) => s.id === o.id)\n );\n // Hide \"All\" when a disabled option is not selected (can't select everything)\n return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n optionsToShow: DropdownOption[];\n getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n multiple?: boolean;\n negative: boolean;\n fieldId: string;\n noOptionsText?: React.ReactNode;\n selectAllLabel?: string;\n selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems = [],\n}: DropdownListboxItemsProps) => {\n if (noOptionsText !== undefined && !optionsToShow.length) {\n return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n }\n\n const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n let selectAllCheckedState: CheckedState = false;\n if (hasSelectAll) {\n const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n const enabledOptions = realOptions.filter((o) => !o.disabled);\n const enabledSelectedCount = enabledOptions.filter((o) =>\n selectedItems.some((s) => s.id === o.id)\n ).length;\n const allEnabledSelected =\n enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n const someSelected = selectedItems.length > 0;\n selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n }\n\n return optionsToShow.map((option, index) => {\n const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n if (option.id === SELECT_ALL_OPTION_ID) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n aria-selected={selectAllCheckedState === true}\n className={cx(\n `${rootClassName}__checkbox-item-multiple`,\n `${rootClassName}__select-all-item`\n )}\n hideSelectedIcon\n >\n <span className={cx(`${rootClassName}__checkbox-container`)}>\n <Checkbox\n id={`${fieldId}-checkbox-select-all`}\n checked={selectAllCheckedState}\n label={selectAllLabel}\n negative={negative}\n aria-hidden\n />\n </span>\n </Listbox.Item>\n );\n }\n\n if (multiple) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n className={cx(`${rootClassName}__checkbox-item-multiple`, {\n [`${rootClassName}__select-all-child`]: hasSelectAll,\n })}\n selected={!!selected}\n hideSelectedIcon\n >\n <span\n className={cx(`${rootClassName}__checkbox-container`, {\n [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n })}\n >\n <Checkbox\n id={`${fieldId}-checkbox-${option.id}`}\n checked={!!selected}\n label={option.label}\n negative={negative}\n aria-hidden\n disabled={option.disabled}\n />\n </span>\n </Listbox.Item>\n );\n }\n\n return (\n <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n <span>{option.label}</span>\n </Listbox.Item>\n );\n });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n options: DropdownOption[],\n searchTerm: string | undefined,\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n if (filterOption) {\n return options.filter((option) => filterOption(searchTerm, option));\n }\n if (!searchTerm) return options;\n const chunks = searchTerm.toUpperCase().split(\" \");\n return options.filter((option) =>\n chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n );\n};\n\nexport const getFilteredOptions = ({\n options,\n searchTerm,\n filterOption,\n selectedOption,\n multiple,\n}: {\n options: DropdownOption[];\n searchTerm: string | undefined;\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n selectedOption?: DropdownOption;\n multiple: boolean;\n}): DropdownOption[] => {\n if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n return options;\n }\n return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n controlledInputValue?: string;\n defaultInputValue?: string;\n selectedOption?: DropdownOption;\n onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n}: UseDropdownInputParams) => {\n const [internalInputValue, setInternalInputValue] = useState(\n (typeof controlledInputValue === \"string\"\n ? controlledInputValue\n : defaultInputValue ?? selectedOption?.label) ?? \"\"\n );\n\n const displayInputValue =\n typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n const populateInputField = (value: string) => {\n onInputChange?.(value);\n setInternalInputValue(value);\n };\n\n return {\n displayInputValue,\n populateInputField,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid,\n loading,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n filterOption,\n inputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n selectAllLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue: inputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n const optionsToShow = getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n });\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n });\n\n // Hide \"Select all\" when the user is actively searching/filtering.\n const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n const optionsWithSelectAll =\n showSelectAll && selectAllMatchesSearch\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n : optionsToShow;\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n selectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n const next = selectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n const disabledSelected = selectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n populateInputField(\"\");\n };\n\n const handleAutocompleteSelect = (option: DropdownOption) => {\n if (option.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n if (multiple) {\n const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? selectedItems.filter((o) => o.id !== option.id)\n : [...selectedItems, option];\n onSelect?.(option, next);\n populateInputField(\"\");\n } else {\n onSelect?.(option, [option]);\n populateInputField(option.label);\n }\n };\n\n const {\n rootRef,\n inputRef,\n inputProps,\n listboxProps,\n getListboxItemProps,\n isOpen,\n openListbox,\n anchorStyle,\n } = useAutocomplete({\n id: fieldId,\n options: optionsWithSelectAll,\n listboxLabel: listboxLabel || label || \"Options\",\n selectedOption: multiple ? undefined : selectedOption,\n disabled,\n readOnly,\n openOnFocus,\n listboxMaxHeight,\n highlightFirstOption,\n closeOnSelect: !multiple,\n noOptionsText,\n negative,\n onSelect: handleAutocompleteSelect,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n // For multi-select the hook doesn't know about selectedOptions, so inject\n // the correct `selected` state here based on selectedItems.\n const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n const props = getListboxItemProps(option, index);\n if (multiple) {\n const isSelected = selectedItems.some((o) => o.id === option.id);\n return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n }\n return props;\n };\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (\n multiple &&\n event.key === \"Backspace\" &&\n event.currentTarget.value === \"\" &&\n selectedItems.length > 0\n ) {\n // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n for (let i = selectedItems.length - 1; i >= 0; i--) {\n if (!selectedItems[i].disabled) {\n handleRemoveTag(selectedItems[i]);\n break;\n }\n }\n }\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n if (!isOpen) {\n openListbox();\n }\n };\n\n const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const target = event.target as HTMLElement;\n // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n if (\n target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n target.closest(\"button\")\n ) {\n return;\n }\n\n const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n input?.focus();\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"input\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n <div\n className={cx(`${rootClassName}__combobox-container`, {\n [`${rootClassName}__combobox-container--error`]: !!errorText,\n [`${rootClassName}__combobox-container--is-valid`]: isValid,\n [`${rootClassName}__combobox-container--negative`]: negative,\n [`${rootClassName}__combobox-container--disabled`]: disabled,\n [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n })}\n style={anchorStyle}\n onClick={handleContainerClick}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n />\n )}\n <input\n {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n ref={inputRef as React.RefObject<HTMLInputElement>}\n id={`${fieldId}-input`}\n data-testid={getTestId(\"input\")}\n onKeyDown={handleInputKeyDown}\n onChange={handleInputChange}\n value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n placeholder={placeholder}\n className={cx(`${rootClassName}__input`, {\n [`${rootClassName}__input--negative`]: negative,\n })}\n aria-describedby={helperTextId}\n aria-invalid={!!errorText}\n disabled={disabled}\n readOnly={readOnly}\n />\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow: optionsWithSelectAll,\n getListboxItemProps: getListboxItemPropsWithSelection,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n options: DropdownOption[];\n highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n options,\n highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n const listboxRef = useRef<HTMLUListElement>(null);\n const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n highlightFirstOption ? options[0] : undefined\n );\n\n const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n if (optionEl) {\n const optionRect = optionEl.getBoundingClientRect();\n const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n if (isOutside) {\n optionEl.scrollIntoView({ block: \"nearest\" });\n }\n }\n };\n\n const findNextOption = (\n direction: \"ArrowUp\" | \"ArrowDown\",\n optionsToShow: DropdownOption[]\n ): DropdownOption | undefined => {\n const enabledList = optionsToShow.filter((o) => !o.disabled);\n if (!enabledList.length) return undefined;\n\n const currentIndex = highlightedOption\n ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n : -1;\n\n if (direction === \"ArrowDown\") {\n return enabledList[(currentIndex + 1) % enabledList.length];\n }\n return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n };\n\n const highlightOption = (option: DropdownOption | undefined) => {\n setHighlightedOption(option ? { ...option } : undefined);\n if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n };\n\n const highlightByClick = (option: DropdownOption) => {\n if (option.id !== highlightedOption?.id) {\n setHighlightedOption({ ...option, isSetByClickEvent: true });\n }\n };\n\n const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n requestAnimationFrame(() => {\n const isSetByClickEvent = eventType === \"CLICK\";\n setHighlightedOption({ ...option, isSetByClickEvent });\n scrollOptionIntoView(optionRefs.current[option.id]);\n });\n };\n\n const resetHighlight = () => {\n setHighlightedOption(undefined);\n };\n\n return {\n highlightedOption,\n listboxRef,\n optionRefs,\n findNextOption,\n highlightOption,\n highlightByClick,\n highlightSelected,\n resetHighlight,\n };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (element && !element.contains(event.target as Node)) {\n callback();\n }\n },\n [callback, element]\n );\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n id: string;\n variant: \"select\" | \"combobox\";\n options: DropdownOption[];\n listboxLabel: string;\n multiple?: boolean;\n\n // Selection\n selectedOption?: DropdownOption;\n selectedOptions?: DropdownOption[];\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n // Combobox-specific\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: (value: string) => void;\n noOptionsText?: React.ReactNode;\n highlightFirstOption?: boolean;\n\n // Shared behaviour\n negative: boolean;\n openOnFocus?: boolean;\n listboxMaxHeight?: string | number;\n disabled?: boolean;\n readOnly?: boolean;\n\n [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n rootRef: React.RefObject<HTMLDivElement | null>;\n triggerContainerProps: Record<string, unknown> | null;\n triggerProps: Record<string, unknown>;\n inputProps: Record<string, unknown> | null;\n listboxProps: ListboxProps;\n getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n optionsToShow: DropdownOption[];\n isOpen: boolean;\n highlightedOption: DropdownOption | undefined;\n selectedItems: DropdownOption[];\n anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n id,\n variant,\n options,\n listboxLabel,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n filterOption,\n inputValue: controlledInputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n openOnFocus = false,\n listboxMaxHeight,\n negative,\n disabled = false,\n readOnly = false,\n [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n const isCombobox = variant === \"combobox\";\n const uniqueId = useId();\n\n // ── Refs ─────────────────────────────────────────────────────────────\n const rootRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // ── Sub-hooks ────────────────────────────────────────────────────────\n const highlight = useDropdownHighlight({ options, highlightFirstOption });\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n // ── Open / close ────────────────────────────────────────────────────\n const [isOpen, setIsOpen] = useState(false);\n\n const closeListbox = () => {\n setIsOpen(false);\n highlight.resetHighlight();\n };\n\n useOnClickOutside(rootRef.current, closeListbox);\n\n const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n setIsOpen(true);\n const current = multiple ? undefined : selectedOption;\n if (current) {\n highlight.highlightSelected(current, eventType);\n }\n };\n\n // ── Derived state ───────────────────────────────────────────────────\n const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const optionsToShow = isCombobox\n ? getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n })\n : options;\n\n const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n // ── Helpers ──────────────────────────────────────────────────────────\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n // ── Selection ────────────────────────────────────────────────────────\n const selectOption = (option: DropdownOption | undefined) => {\n if (!option || option.disabled) return;\n\n if (multiple) {\n const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? resolvedSelected.filter((o) => o.id !== option.id)\n : [...resolvedSelected, option];\n onSelect?.(option, next);\n if (isCombobox) {\n populateInputField(\"\");\n inputRef.current?.focus();\n }\n } else {\n onSelect?.(option, [option]);\n if (isCombobox) {\n populateInputField(option.label);\n }\n closeListbox();\n (isCombobox ? inputRef : triggerRef).current?.focus();\n }\n };\n\n // ── Navigation ───────────────────────────────────────────────────────\n const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n const next = highlight.findNextOption(direction, optionsToShow);\n highlight.highlightOption(next);\n };\n\n // ── Keyboard ─────────────────────────────────────────────────────────\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (disabled || readOnly) return;\n\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n event.preventDefault();\n highlightNextOption(event.key);\n break;\n case \"Enter\": {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n break;\n }\n case \" \": {\n if (!isCombobox) {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n }\n break;\n }\n case \"Escape\":\n event.preventDefault();\n closeListbox();\n break;\n case \"Tab\":\n closeListbox();\n break;\n case \"Home\":\n case \"End\":\n if (isCombobox) closeListbox();\n break;\n }\n };\n\n // ── Combobox input handlers ─────────────────────────────────────────\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n highlight.resetHighlight();\n if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n };\n\n const handleInputMouseDown = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleInputFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n inputRef.current?.select();\n };\n\n const handleInputBlur = () => {\n setTimeout(() => {\n const activeEl = document.activeElement;\n // Only close when focus has moved to a real element outside the dropdown.\n // Guarding against document.body prevents a false-positive close when a\n // screen reader navigates with its virtual cursor: the input blurs but no\n // DOM element receives physical focus (activeElement falls back to body).\n if (\n activeEl !== document.body &&\n !inputRef.current?.contains(activeEl) &&\n !highlight.listboxRef.current?.contains(activeEl) &&\n !rootRef.current?.contains(activeEl)\n ) {\n closeListbox();\n if (isCombobox && !multiple) {\n populateInputField(selectedOption ? selectedOption.label : \"\");\n }\n }\n });\n };\n\n // ── Select trigger handlers ─────────────────────────────────────────\n const handleTriggerClick = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const clickedButton = (event.target as HTMLElement).closest(\"button\");\n if (clickedButton && clickedButton !== triggerRef.current) {\n return;\n }\n\n handleTriggerClick();\n };\n\n const handleTriggerFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n };\n\n // ── Build props ──────────────────────────────────────────────────────\n const listboxId = `${id}-listbox`;\n const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n const anchorStyle = { anchorName } as CSSProperties;\n const triggerContainerProps: Record<string, unknown> | null = isCombobox\n ? null\n : {\n onClick: handleTriggerContainerClick,\n };\n\n // ── Popover sync ────────────────────────────────────────────────────\n const listboxCallbackRef = useCallback(\n (node: HTMLUListElement | null) => {\n (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n if (node && typeof node.showPopover === \"function\") {\n try {\n node.showPopover();\n } catch {\n // Popover not supported or already open\n }\n }\n },\n [highlight.listboxRef]\n );\n\n const listboxProps = {\n \"aria-label\": listboxLabel,\n \"aria-expanded\": showListbox,\n \"data-testid\": getTestId(\"listbox\"),\n id: listboxId,\n ref: listboxCallbackRef,\n onMouseLeave: () => highlight.resetHighlight(),\n popover: \"manual\",\n negative,\n style: {\n ...(listboxMaxHeight\n ? {\n maxHeight:\n typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n }\n : {}),\n positionAnchor: anchorName,\n } as CSSProperties,\n } as ListboxProps;\n\n const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n const isSelected = resolvedSelected.some((o) => o.id === option.id);\n const { highlightedOption } = highlight;\n\n const highlighted =\n (option.id === highlightedOption?.id ||\n (highlightFirstOption && !highlightedOption && index === 0)) &&\n !highlightedOption?.isSetByClickEvent;\n\n return {\n \"data-testid\": getTestId(`listbox-item-${option.id}`),\n id: createListboxItemId(option),\n key: option.id,\n onMouseMove: () => highlight.highlightByClick(option),\n onMouseUp: () => selectOption(option),\n ref: (el) => {\n if (el) highlight.optionRefs.current[option.id] = el;\n },\n tabIndex: -1,\n selected: isSelected,\n disabled: option.disabled,\n highlighted,\n hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n \"aria-selected\": isSelected,\n };\n };\n\n const triggerProps: Record<string, unknown> = isCombobox\n ? {}\n : {\n ref: triggerRef,\n type: \"button\" as const,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-disabled\": disabled,\n \"data-testid\": getTestId(\"trigger\"),\n id: `${id}-trigger`,\n onKeyDown: handleKeyDown,\n onFocus: handleTriggerFocus,\n disabled,\n tabIndex: disabled ? -1 : 0,\n style: anchorStyle,\n };\n\n const inputProps: Record<string, unknown> | null = isCombobox\n ? {\n ref: inputRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\" as const,\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-activedescendant\": highlight.highlightedOption\n ? createListboxItemId(highlight.highlightedOption)\n : undefined,\n \"data-testid\": getTestId(\"input\"),\n autoComplete: \"off\",\n id: `${id}-input`,\n type: \"text\",\n value: displayInputValue,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n disabled,\n readOnly,\n }\n : null;\n\n return {\n rootRef,\n triggerContainerProps,\n triggerProps,\n inputProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen: showListbox,\n highlightedOption: highlight.highlightedOption,\n selectedItems: resolvedSelected,\n anchorStyle,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid = false,\n loading = false,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n selectAllLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n // Resolve selected items up-front so we can decide whether to show the\n // virtual \"Select all\" option.\n const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems: resolvedSelectedItems,\n });\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n resolvedSelectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n // Deselect all enabled options, keep disabled+selected as-is\n const next = resolvedSelectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n // Select all enabled, keep disabled+selected as-is\n const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n };\n\n // Intercept selection of the virtual \"Select all\" option routed through the\n // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n const handleHookSelect = (\n toggledOption: DropdownOption | undefined,\n nextSelected: DropdownOption[]\n ) => {\n if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n onSelect?.(toggledOption, nextSelected);\n };\n\n const hookOptions = showSelectAll\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n : options;\n\n const dropdown = useDropdown({\n id: fieldId,\n variant: \"select\",\n options: hookOptions,\n listboxLabel: listboxLabel || label || \"Options\",\n multiple,\n negative,\n selectedOption,\n selectedOptions,\n onSelect: handleHookSelect,\n openOnFocus,\n listboxMaxHeight,\n disabled,\n readOnly,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n const {\n triggerContainerProps,\n triggerProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen,\n selectedItems,\n anchorStyle,\n } = dropdown;\n\n const triggerButtonProps = {\n ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n };\n delete triggerButtonProps.style;\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const displayLabel = multiple\n ? allEnabledSelected\n ? selectAllLabel\n : selectedItems.length === 0\n ? placeholder || \"\"\n : \"\"\n : selectedOption?.label || placeholder || \"\";\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"trigger\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cx(`${rootClassName}__trigger-container`, {\n [`${rootClassName}__trigger-container--error`]: !!errorText,\n [`${rootClassName}__trigger-container--is-valid`]: isValid,\n [`${rootClassName}__trigger-container--negative`]: negative,\n [`${rootClassName}__trigger-container--disabled`]: disabled,\n [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger-container--has-tags`]:\n multiple && selectedItems.length > 0 && !allEnabledSelected,\n })}\n style={anchorStyle}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n isSelect\n />\n )}\n <button\n {...triggerButtonProps}\n className={cx(`${rootClassName}__trigger`, {\n [`${rootClassName}__trigger--is-valid`]: isValid,\n [`${rootClassName}__trigger--negative`]: negative,\n [`${rootClassName}__trigger--disabled`]: disabled,\n [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n })}\n aria-describedby={helperTextId}\n >\n <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n </button>\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n readOnly={readOnly}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n if (props.combobox) {\n return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n }\n\n return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n DropdownComboboxProps,\n DropdownOption,\n DropdownProps,\n DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","option","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}
1
+ {"version":3,"file":"dropdown-CDK_eRm3.mjs","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n fieldId: string;\n htmlForSuffix?: string;\n label?: string;\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n required: boolean;\n};\n\nexport const DropdownLabel = ({\n fieldId,\n htmlForSuffix,\n label,\n getTestId,\n disabled,\n negative,\n required,\n}: DropdownLabelProps) => {\n if (!label) return null;\n\n return (\n <Label\n htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={disabled}\n negative={negative}\n >\n {required && <span aria-hidden>*</span>}\n {label}\n </Label>\n );\n};\n\ntype DropdownEndAdornmentsProps = {\n getTestId: GetTestId;\n loading?: boolean;\n disabled: boolean;\n negative: boolean;\n isValid: boolean;\n isOpen?: boolean;\n readOnly?: boolean;\n showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n getTestId,\n loading,\n disabled,\n negative,\n isValid,\n isOpen,\n readOnly,\n showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n <span className={cx(`${rootClassName}__end-adornments`)}>\n {loading ? (\n <Spinner\n disabled={disabled}\n size=\"xxs\"\n negative={negative}\n data-testid={getTestId(\"spinner\")}\n />\n ) : (\n <>\n {isValid && (\n <IconCheckCircleFilled\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`)}\n />\n )}\n <IconChevronDown\n className={cx(`${rootClassName}__chevron-icon`, {\n [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n [`${rootClassName}__chevron-icon--disabled`]: disabled,\n [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n [`${rootClassName}__chevron-icon--negative`]: negative,\n })}\n data-testid={getTestId(\"dropdown-icon\")}\n size=\"sm\"\n />\n </>\n )}\n </span>\n);\n\ntype DropdownTagsProps = {\n selectedItems: DropdownOption[];\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n onRemove: (option: DropdownOption) => void;\n isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n selectedItems,\n getTestId,\n disabled,\n negative,\n onRemove,\n isSelect,\n}: DropdownTagsProps) => {\n if (!selectedItems.length) return null;\n\n return (\n <DismissableChipGroup\n className={cx(`${rootClassName}__chip-group`, {\n [`${rootClassName}__chip-group--select`]: isSelect,\n })}\n negative={negative}\n data-testid={getTestId(\"tags\")}\n size=\"sm\"\n >\n {selectedItems.map((item) => (\n <DismissableChipGroup.Item\n key={item.id}\n id={item.id}\n data-testid={getTestId(`tag-${item.id}`)}\n aria-label={`Remove ${item.label}`}\n onDismiss={() => {\n onRemove(item);\n }}\n disabled={disabled || item.disabled}\n >\n {item.label}\n </DismissableChipGroup.Item>\n ))}\n </DismissableChipGroup>\n );\n};\n\ntype DropdownFooterProps = {\n errorText?: string;\n helperText?: string;\n helperTextId: string;\n negative: boolean;\n};\n\nexport const DropdownFooter = ({\n errorText,\n helperText,\n helperTextId,\n negative,\n}: DropdownFooterProps) => (\n <>\n {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n {helperText && !errorText && (\n <FieldHelperText id={helperTextId} negative={negative}>\n {helperText}\n </FieldHelperText>\n )}\n </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n selectAllLabel?: string;\n multiple?: boolean;\n options: DropdownOption[];\n selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n if (!selectAllLabel || !multiple) return false;\n const enabledOptions = options.filter((o) => !o.disabled);\n if (enabledOptions.length === 0) return false;\n const disabledOptions = options.filter((o) => o.disabled);\n const hasDisabledUnselected = disabledOptions.some(\n (o) => !selectedItems.some((s) => s.id === o.id)\n );\n // Hide \"All\" when a disabled option is not selected (can't select everything)\n return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n optionsToShow: DropdownOption[];\n getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n multiple?: boolean;\n negative: boolean;\n fieldId: string;\n noOptionsText?: React.ReactNode;\n selectAllLabel?: string;\n selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems = [],\n}: DropdownListboxItemsProps) => {\n if (noOptionsText !== undefined && !optionsToShow.length) {\n return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n }\n\n const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n let selectAllCheckedState: CheckedState = false;\n if (hasSelectAll) {\n const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n const enabledOptions = realOptions.filter((o) => !o.disabled);\n const enabledSelectedCount = enabledOptions.filter((o) =>\n selectedItems.some((s) => s.id === o.id)\n ).length;\n const allEnabledSelected =\n enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n const someSelected = selectedItems.length > 0;\n selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n }\n\n return optionsToShow.map((option, index) => {\n const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n if (option.id === SELECT_ALL_OPTION_ID) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n aria-selected={selectAllCheckedState === true}\n className={cx(\n `${rootClassName}__checkbox-item-multiple`,\n `${rootClassName}__select-all-item`\n )}\n hideSelectedIcon\n >\n <span className={cx(`${rootClassName}__checkbox-container`)}>\n <Checkbox\n id={`${fieldId}-checkbox-select-all`}\n checked={selectAllCheckedState}\n label={selectAllLabel}\n negative={negative}\n aria-hidden\n />\n </span>\n </Listbox.Item>\n );\n }\n\n if (multiple) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n className={cx(`${rootClassName}__checkbox-item-multiple`, {\n [`${rootClassName}__select-all-child`]: hasSelectAll,\n })}\n selected={!!selected}\n hideSelectedIcon\n >\n <span\n className={cx(`${rootClassName}__checkbox-container`, {\n [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n })}\n >\n <Checkbox\n id={`${fieldId}-checkbox-${option.id}`}\n checked={!!selected}\n label={option.label}\n negative={negative}\n aria-hidden\n disabled={option.disabled}\n />\n </span>\n </Listbox.Item>\n );\n }\n\n return (\n <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n <span>{option.label}</span>\n </Listbox.Item>\n );\n });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n options: DropdownOption[],\n searchTerm: string | undefined,\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n if (filterOption) {\n return options.filter((option) => filterOption(searchTerm, option));\n }\n if (!searchTerm) return options;\n const chunks = searchTerm.toUpperCase().split(\" \");\n return options.filter((option) =>\n chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n );\n};\n\nexport const getFilteredOptions = ({\n options,\n searchTerm,\n filterOption,\n selectedOption,\n multiple,\n}: {\n options: DropdownOption[];\n searchTerm: string | undefined;\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n selectedOption?: DropdownOption;\n multiple: boolean;\n}): DropdownOption[] => {\n if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n return options;\n }\n return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n controlledInputValue?: string;\n defaultInputValue?: string;\n selectedOption?: DropdownOption;\n onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n}: UseDropdownInputParams) => {\n const [internalInputValue, setInternalInputValue] = useState(\n (typeof controlledInputValue === \"string\"\n ? controlledInputValue\n : defaultInputValue ?? selectedOption?.label) ?? \"\"\n );\n\n const displayInputValue =\n typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n const populateInputField = (value: string) => {\n onInputChange?.(value);\n setInternalInputValue(value);\n };\n\n return {\n displayInputValue,\n populateInputField,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid,\n loading,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n filterOption,\n inputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n selectAllLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue: inputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n const optionsToShow = getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n });\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems,\n });\n\n // Hide \"Select all\" when the user is actively searching/filtering.\n const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n const optionsWithSelectAll =\n showSelectAll && selectAllMatchesSearch\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n : optionsToShow;\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n selectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n const next = selectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n const disabledSelected = selectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n populateInputField(\"\");\n };\n\n const handleAutocompleteSelect = (option: DropdownOption) => {\n if (option.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n if (multiple) {\n const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? selectedItems.filter((o) => o.id !== option.id)\n : [...selectedItems, option];\n onSelect?.(option, next);\n populateInputField(\"\");\n } else {\n onSelect?.(option, [option]);\n populateInputField(option.label);\n }\n };\n\n const {\n rootRef,\n inputRef,\n inputProps,\n listboxProps,\n getListboxItemProps,\n isOpen,\n openListbox,\n anchorStyle,\n } = useAutocomplete({\n id: fieldId,\n options: optionsWithSelectAll,\n listboxLabel: listboxLabel || label || \"Options\",\n selectedOption: multiple ? undefined : selectedOption,\n disabled,\n readOnly,\n openOnFocus,\n listboxMaxHeight,\n highlightFirstOption,\n closeOnSelect: !multiple,\n noOptionsText,\n negative,\n onSelect: handleAutocompleteSelect,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n // For multi-select the hook doesn't know about selectedOptions, so inject\n // the correct `selected` state here based on selectedItems.\n const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n const props = getListboxItemProps(option, index);\n if (multiple) {\n const isSelected = selectedItems.some((o) => o.id === option.id);\n return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n }\n return props;\n };\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (\n multiple &&\n event.key === \"Backspace\" &&\n event.currentTarget.value === \"\" &&\n selectedItems.length > 0\n ) {\n // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n for (let i = selectedItems.length - 1; i >= 0; i--) {\n if (!selectedItems[i].disabled) {\n handleRemoveTag(selectedItems[i]);\n break;\n }\n }\n }\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n if (!isOpen) {\n openListbox();\n }\n };\n\n const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const target = event.target as HTMLElement;\n // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n if (\n target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n target.closest(\"button\")\n ) {\n return;\n }\n\n const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n input?.focus();\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"input\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n <div\n className={cx(`${rootClassName}__combobox-container`, {\n [`${rootClassName}__combobox-container--error`]: !!errorText,\n [`${rootClassName}__combobox-container--is-valid`]: isValid,\n [`${rootClassName}__combobox-container--negative`]: negative,\n [`${rootClassName}__combobox-container--disabled`]: disabled,\n [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n })}\n style={anchorStyle}\n onClick={handleContainerClick}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n />\n )}\n <input\n {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n ref={inputRef as React.RefObject<HTMLInputElement>}\n id={`${fieldId}-input`}\n data-testid={getTestId(\"input\")}\n onKeyDown={handleInputKeyDown}\n onChange={handleInputChange}\n value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n placeholder={placeholder}\n className={cx(`${rootClassName}__input`, {\n [`${rootClassName}__input--negative`]: negative,\n })}\n aria-describedby={helperTextId}\n aria-invalid={!!errorText}\n disabled={disabled}\n readOnly={readOnly}\n />\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow: optionsWithSelectAll,\n getListboxItemProps: getListboxItemPropsWithSelection,\n multiple,\n negative,\n fieldId,\n noOptionsText,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n options: DropdownOption[];\n highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n options,\n highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n const listboxRef = useRef<HTMLUListElement>(null);\n const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n highlightFirstOption ? options[0] : undefined\n );\n\n const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n if (optionEl) {\n const optionRect = optionEl.getBoundingClientRect();\n const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n if (isOutside) {\n optionEl.scrollIntoView({ block: \"nearest\" });\n }\n }\n };\n\n const findNextOption = (\n direction: \"ArrowUp\" | \"ArrowDown\",\n optionsToShow: DropdownOption[]\n ): DropdownOption | undefined => {\n const enabledList = optionsToShow.filter((o) => !o.disabled);\n if (!enabledList.length) return undefined;\n\n const currentIndex = highlightedOption\n ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n : -1;\n\n if (direction === \"ArrowDown\") {\n return enabledList[(currentIndex + 1) % enabledList.length];\n }\n return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n };\n\n const highlightOption = (option: DropdownOption | undefined) => {\n setHighlightedOption(option ? { ...option } : undefined);\n if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n };\n\n const highlightByClick = (option: DropdownOption) => {\n if (option.id !== highlightedOption?.id) {\n setHighlightedOption({ ...option, isSetByClickEvent: true });\n }\n };\n\n const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n requestAnimationFrame(() => {\n const isSetByClickEvent = eventType === \"CLICK\";\n setHighlightedOption({ ...option, isSetByClickEvent });\n scrollOptionIntoView(optionRefs.current[option.id]);\n });\n };\n\n const resetHighlight = () => {\n setHighlightedOption(undefined);\n };\n\n return {\n highlightedOption,\n listboxRef,\n optionRefs,\n findNextOption,\n highlightOption,\n highlightByClick,\n highlightSelected,\n resetHighlight,\n };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (element && !element.contains(event.target as Node)) {\n callback();\n }\n },\n [callback, element]\n );\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n id: string;\n variant: \"select\" | \"combobox\";\n options: DropdownOption[];\n listboxLabel: string;\n multiple?: boolean;\n\n // Selection\n selectedOption?: DropdownOption;\n selectedOptions?: DropdownOption[];\n onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n // Combobox-specific\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: (value: string) => void;\n noOptionsText?: React.ReactNode;\n highlightFirstOption?: boolean;\n\n // Shared behaviour\n negative: boolean;\n openOnFocus?: boolean;\n listboxMaxHeight?: string | number;\n disabled?: boolean;\n readOnly?: boolean;\n\n [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n rootRef: React.RefObject<HTMLDivElement | null>;\n triggerContainerProps: Record<string, unknown> | null;\n triggerProps: Record<string, unknown>;\n inputProps: Record<string, unknown> | null;\n listboxProps: ListboxProps;\n getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n optionsToShow: DropdownOption[];\n isOpen: boolean;\n highlightedOption: DropdownOption | undefined;\n selectedItems: DropdownOption[];\n anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n id,\n variant,\n options,\n listboxLabel,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n filterOption,\n inputValue: controlledInputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n openOnFocus = false,\n listboxMaxHeight,\n negative,\n disabled = false,\n readOnly = false,\n [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n const isCombobox = variant === \"combobox\";\n const uniqueId = useId();\n\n // ── Refs ─────────────────────────────────────────────────────────────\n const rootRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // ── Sub-hooks ────────────────────────────────────────────────────────\n const highlight = useDropdownHighlight({ options, highlightFirstOption });\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n // ── Open / close ────────────────────────────────────────────────────\n const [isOpen, setIsOpen] = useState(false);\n\n const closeListbox = () => {\n setIsOpen(false);\n highlight.resetHighlight();\n };\n\n useOnClickOutside(rootRef.current, closeListbox);\n\n const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n setIsOpen(true);\n const current = multiple ? undefined : selectedOption;\n if (current) {\n highlight.highlightSelected(current, eventType);\n }\n };\n\n // ── Derived state ───────────────────────────────────────────────────\n const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const optionsToShow = isCombobox\n ? getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n })\n : options;\n\n const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n // ── Helpers ──────────────────────────────────────────────────────────\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n // ── Selection ────────────────────────────────────────────────────────\n const selectOption = (option: DropdownOption | undefined) => {\n if (!option || option.disabled) return;\n\n if (multiple) {\n const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? resolvedSelected.filter((o) => o.id !== option.id)\n : [...resolvedSelected, option];\n onSelect?.(option, next);\n if (isCombobox) {\n populateInputField(\"\");\n inputRef.current?.focus();\n }\n } else {\n onSelect?.(option, [option]);\n if (isCombobox) {\n populateInputField(option.label);\n }\n closeListbox();\n (isCombobox ? inputRef : triggerRef).current?.focus();\n }\n };\n\n // ── Navigation ───────────────────────────────────────────────────────\n const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n const next = highlight.findNextOption(direction, optionsToShow);\n highlight.highlightOption(next);\n };\n\n // ── Keyboard ─────────────────────────────────────────────────────────\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (disabled || readOnly) return;\n\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n event.preventDefault();\n highlightNextOption(event.key);\n break;\n case \"Enter\": {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n break;\n }\n case \" \": {\n if (!isCombobox) {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n }\n break;\n }\n case \"Escape\":\n event.preventDefault();\n closeListbox();\n break;\n case \"Tab\":\n closeListbox();\n break;\n case \"Home\":\n case \"End\":\n if (isCombobox) closeListbox();\n break;\n }\n };\n\n // ── Combobox input handlers ─────────────────────────────────────────\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n highlight.resetHighlight();\n if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n };\n\n const handleInputMouseDown = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleInputFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n inputRef.current?.select();\n };\n\n const handleInputBlur = () => {\n setTimeout(() => {\n const activeEl = document.activeElement;\n // Only close when focus has moved to a real element outside the dropdown.\n // Guarding against document.body prevents a false-positive close when a\n // screen reader navigates with its virtual cursor: the input blurs but no\n // DOM element receives physical focus (activeElement falls back to body).\n if (\n activeEl !== document.body &&\n !inputRef.current?.contains(activeEl) &&\n !highlight.listboxRef.current?.contains(activeEl) &&\n !rootRef.current?.contains(activeEl)\n ) {\n closeListbox();\n if (isCombobox && !multiple) {\n populateInputField(selectedOption ? selectedOption.label : \"\");\n }\n }\n });\n };\n\n // ── Select trigger handlers ─────────────────────────────────────────\n const handleTriggerClick = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled || readOnly) return;\n\n const clickedButton = (event.target as HTMLElement).closest(\"button\");\n if (clickedButton && clickedButton !== triggerRef.current) {\n return;\n }\n\n handleTriggerClick();\n };\n\n const handleTriggerFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n };\n\n // ── Build props ──────────────────────────────────────────────────────\n const listboxId = `${id}-listbox`;\n const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n const anchorStyle = { anchorName } as CSSProperties;\n const triggerContainerProps: Record<string, unknown> | null = isCombobox\n ? null\n : {\n onClick: handleTriggerContainerClick,\n };\n\n // ── Popover sync ────────────────────────────────────────────────────\n const listboxCallbackRef = useCallback(\n (node: HTMLUListElement | null) => {\n (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n if (node && typeof node.showPopover === \"function\") {\n try {\n node.showPopover();\n } catch {\n // Popover not supported or already open\n }\n }\n },\n [highlight.listboxRef]\n );\n\n const listboxProps = {\n \"aria-label\": listboxLabel,\n \"aria-expanded\": showListbox,\n \"data-testid\": getTestId(\"listbox\"),\n id: listboxId,\n ref: listboxCallbackRef,\n onMouseLeave: () => highlight.resetHighlight(),\n popover: \"manual\",\n negative,\n style: {\n ...(listboxMaxHeight\n ? {\n maxHeight:\n typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n }\n : {}),\n positionAnchor: anchorName,\n } as CSSProperties,\n } as ListboxProps;\n\n const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n const isSelected = resolvedSelected.some((o) => o.id === option.id);\n const { highlightedOption } = highlight;\n\n const highlighted =\n (option.id === highlightedOption?.id ||\n (highlightFirstOption && !highlightedOption && index === 0)) &&\n !highlightedOption?.isSetByClickEvent;\n\n return {\n \"data-testid\": getTestId(`listbox-item-${option.id}`),\n id: createListboxItemId(option),\n key: option.id,\n onMouseMove: () => highlight.highlightByClick(option),\n onMouseUp: () => selectOption(option),\n ref: (el) => {\n if (el) highlight.optionRefs.current[option.id] = el;\n },\n tabIndex: -1,\n selected: isSelected,\n disabled: option.disabled,\n highlighted,\n hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n \"aria-selected\": isSelected,\n };\n };\n\n const triggerProps: Record<string, unknown> = isCombobox\n ? {}\n : {\n ref: triggerRef,\n type: \"button\" as const,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-disabled\": disabled,\n \"data-testid\": getTestId(\"trigger\"),\n id: `${id}-trigger`,\n onKeyDown: handleKeyDown,\n onFocus: handleTriggerFocus,\n disabled,\n tabIndex: disabled ? -1 : 0,\n style: anchorStyle,\n };\n\n const inputProps: Record<string, unknown> | null = isCombobox\n ? {\n ref: inputRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\" as const,\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-activedescendant\": highlight.highlightedOption\n ? createListboxItemId(highlight.highlightedOption)\n : undefined,\n \"data-testid\": getTestId(\"input\"),\n autoComplete: \"off\",\n id: `${id}-input`,\n type: \"text\",\n value: displayInputValue,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n disabled,\n readOnly,\n }\n : null;\n\n return {\n rootRef,\n triggerContainerProps,\n triggerProps,\n inputProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen: showListbox,\n highlightedOption: highlight.highlightedOption,\n selectedItems: resolvedSelected,\n anchorStyle,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n SELECT_ALL_OPTION_ID,\n shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid = false,\n loading = false,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n selectAllLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n // Resolve selected items up-front so we can decide whether to show the\n // virtual \"Select all\" option.\n const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const showSelectAll = shouldShowSelectAll({\n selectAllLabel,\n multiple,\n options,\n selectedItems: resolvedSelectedItems,\n });\n\n const handleSelectAll = () => {\n const enabledOptions = options.filter((o) => !o.disabled);\n const allEnabledSelected = enabledOptions.every((o) =>\n resolvedSelectedItems.some((s) => s.id === o.id)\n );\n if (allEnabledSelected) {\n // Deselect all enabled options, keep disabled+selected as-is\n const next = resolvedSelectedItems.filter((o) => o.disabled);\n onSelect?.(undefined, next);\n } else {\n // Select all enabled, keep disabled+selected as-is\n const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n const next = [...disabledSelected, ...enabledOptions];\n onSelect?.(undefined, next);\n }\n };\n\n // Intercept selection of the virtual \"Select all\" option routed through the\n // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n const handleHookSelect = (\n toggledOption: DropdownOption | undefined,\n nextSelected: DropdownOption[]\n ) => {\n if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n handleSelectAll();\n return;\n }\n onSelect?.(toggledOption, nextSelected);\n };\n\n const hookOptions = showSelectAll\n ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n : options;\n\n const dropdown = useDropdown({\n id: fieldId,\n variant: \"select\",\n options: hookOptions,\n listboxLabel: listboxLabel || label || \"Options\",\n multiple,\n negative,\n selectedOption,\n selectedOptions,\n onSelect: handleHookSelect,\n openOnFocus,\n listboxMaxHeight,\n disabled,\n readOnly,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n const {\n triggerContainerProps,\n triggerProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen,\n selectedItems,\n anchorStyle,\n } = dropdown;\n\n const triggerButtonProps = {\n ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n };\n delete triggerButtonProps.style;\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n // True when every option (enabled and disabled) is currently selected and a\n // `selectAllLabel` is configured. In that case the field shows the label\n // text instead of a list of chips.\n const allEnabledSelected =\n multiple &&\n !!selectAllLabel &&\n options.length > 0 &&\n options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n const displayLabel = multiple\n ? allEnabledSelected\n ? selectAllLabel\n : selectedItems.length === 0\n ? placeholder || \"\"\n : \"\"\n : selectedOption?.label || placeholder || \"\";\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"trigger\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cx(`${rootClassName}__trigger-container`, {\n [`${rootClassName}__trigger-container--error`]: !!errorText,\n [`${rootClassName}__trigger-container--is-valid`]: isValid,\n [`${rootClassName}__trigger-container--negative`]: negative,\n [`${rootClassName}__trigger-container--disabled`]: disabled,\n [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger-container--has-tags`]:\n multiple && selectedItems.length > 0 && !allEnabledSelected,\n })}\n style={anchorStyle}\n >\n {multiple && !allEnabledSelected && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n onRemove={handleRemoveTag}\n isSelect\n />\n )}\n <button\n {...triggerButtonProps}\n className={cx(`${rootClassName}__trigger`, {\n [`${rootClassName}__trigger--is-valid`]: isValid,\n [`${rootClassName}__trigger--negative`]: negative,\n [`${rootClassName}__trigger--disabled`]: disabled,\n [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n })}\n aria-describedby={helperTextId}\n >\n <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n </button>\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n readOnly={readOnly}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps,\n multiple,\n negative,\n fieldId,\n selectAllLabel,\n selectedItems,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n if (props.combobox) {\n return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n }\n\n return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n DropdownComboboxProps,\n DropdownOption,\n DropdownProps,\n DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","option","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";const o=require("react/jsx-runtime"),k=require("react"),le=require("./listbox-ATP4hOWF.js"),Re=require("./use-autocomplete.es-BwAzMcau.js"),we=require("./checkbox-CDNcNv6d.js"),fe=require("./dismissable-chip-group-2updhyuR.js"),Le=require("./field-error-text-FhQulSV5.js"),Ne=require("./field-helper-text-DSKO-Tce.js"),Ae=require("./check-circle-filled.es-5-GXE9l4.js"),Ee=require("./chevron-down.es-BMjgiS3F.js"),Te=require("./label-yHK80hhV.js"),Be=require("./spinner-tKunS_o-.js"),Fe=require("./bind-DeUYJ6m9.js"),Pe={"purpur-dropdown":"_purpur-dropdown_cowaa_1","purpur-dropdown--negative":"_purpur-dropdown--negative_cowaa_11","purpur-dropdown__label":"_purpur-dropdown__label_cowaa_14","purpur-dropdown__field-row":"_purpur-dropdown__field-row_cowaa_19","purpur-dropdown__frame":"_purpur-dropdown__frame_cowaa_23","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_cowaa_30","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_cowaa_33","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_cowaa_45","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_cowaa_50","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_cowaa_53","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_cowaa_53","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_cowaa_60","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_cowaa_63","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_cowaa_66","purpur-dropdown__input":"_purpur-dropdown__input_cowaa_69","purpur-dropdown__trigger":"_purpur-dropdown__trigger_cowaa_33","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_cowaa_117","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_cowaa_120","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_cowaa_123","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_cowaa_127","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_cowaa_131","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_cowaa_144","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_cowaa_150","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_cowaa_160","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_cowaa_167","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_cowaa_174","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_cowaa_177","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_cowaa_180","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_cowaa_219","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_cowaa_236","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_cowaa_242","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_cowaa_253","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_cowaa_258","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_cowaa_261","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_cowaa_264","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_cowaa_267","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_cowaa_270","purpur-dropdown__listbox":"_purpur-dropdown__listbox_cowaa_273","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_cowaa_283","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_cowaa_286","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_cowaa_293","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_cowaa_296"},x=Fe.c.bind(Pe),e="purpur-dropdown",xe=({fieldId:r,htmlForSuffix:n,label:s,getTestId:d,disabled:i,negative:c,required:p})=>s?o.jsxs(Te.Label,{htmlFor:n?`${r}-${n}`:r,className:x(`${e}__label`),"data-testid":d("label"),disabled:i,negative:c,children:[p&&o.jsx("span",{"aria-hidden":!0,children:"*"}),s]}):null,me=({getTestId:r,loading:n,disabled:s,negative:d,isValid:i,isOpen:c,readOnly:p,showChevronOpen:y})=>o.jsx("span",{className:x(`${e}__end-adornments`),children:n?o.jsx(Be.Spinner,{disabled:s,size:"xxs",negative:d,"data-testid":r("spinner")}):o.jsxs(o.Fragment,{children:[i&&o.jsx(Ae.r,{"data-testid":r("valid-icon"),className:x(`${e}__valid-icon`)}),o.jsx(Ee.l,{className:x(`${e}__chevron-icon`,{[`${e}__chevron-icon--open`]:y&&c,[`${e}__chevron-icon--disabled`]:s,[`${e}__chevron-icon--readonly`]:p&&!s,[`${e}__chevron-icon--is-valid`]:i,[`${e}__chevron-icon--negative`]:d}),"data-testid":r("dropdown-icon"),size:"sm"})]})}),ve=({selectedItems:r,getTestId:n,disabled:s,negative:d,onRemove:i,isSelect:c})=>r.length?o.jsx(fe.DismissableChipGroup,{className:x(`${e}__chip-group`,{[`${e}__chip-group--select`]:c}),negative:d,"data-testid":n("tags"),size:"sm",children:r.map(p=>o.jsx(fe.DismissableChipGroup.Item,{id:p.id,"data-testid":n(`tag-${p.id}`),"aria-label":`Remove ${p.label}`,onDismiss:()=>{i(p)},disabled:s||p.disabled,children:p.label},p.id))}):null,ye=({errorText:r,helperText:n,helperTextId:s,negative:d})=>o.jsxs(o.Fragment,{children:[r&&o.jsx(Le.FieldErrorText,{negative:d,children:r}),n&&!r&&o.jsx(Ne.FieldHelperText,{id:s,negative:d,children:n})]}),oe="__purpur-dropdown-select-all__",$e=({selectAllLabel:r,multiple:n,options:s,selectedItems:d})=>!r||!n||s.filter(y=>!y.disabled).length===0?!1:!s.filter(y=>y.disabled).some(y=>!d.some(j=>j.id===y.id)),Se=({optionsToShow:r,getListboxItemProps:n,multiple:s,negative:d,fieldId:i,noOptionsText:c,selectAllLabel:p,selectedItems:y=[]})=>{if(c!==void 0&&!r.length)return o.jsx(le.Listbox.Item,{noninteractive:!0,children:c});const j=r[0]?.id===oe;let u=!1;if(j){const h=r.filter(a=>a.id!==oe).filter(a=>!a.disabled),_=h.filter(a=>y.some(S=>S.id===a.id)).length,$=h.length>0&&_===h.length,b=y.length>0;u=$?!0:b?"indeterminate":!1}return r.map((m,h)=>{const{key:_,selected:$,...b}=n(m,h);return m.id===oe?o.jsx(le.Listbox.Item,{...b,"aria-selected":u===!0,className:x(`${e}__checkbox-item-multiple`,`${e}__select-all-item`),hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${e}__checkbox-container`),children:o.jsx(we.Checkbox,{id:`${i}-checkbox-select-all`,checked:u,label:p,negative:d,"aria-hidden":!0})})},_):s?o.jsx(le.Listbox.Item,{...b,className:x(`${e}__checkbox-item-multiple`,{[`${e}__select-all-child`]:j}),selected:!!$,hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${e}__checkbox-container`,{[`${e}__checkbox-container--disabled`]:m.disabled}),children:o.jsx(we.Checkbox,{id:`${i}-checkbox-${m.id}`,checked:!!$,label:m.label,negative:d,"aria-hidden":!0,disabled:m.disabled})})},_):o.jsx(le.Listbox.Item,{...b,selected:!!$,children:o.jsx("span",{children:m.label})},_)})},qe=(r,n,s)=>{if(s)return r.filter(i=>s(n,i));if(!n)return r;const d=n.toUpperCase().split(" ");return r.filter(i=>d.every(c=>(i.value||i.label).toUpperCase().includes(c)))},Ie=({options:r,searchTerm:n,filterOption:s,selectedOption:d,multiple:i})=>!i&&d&&d.label===n?r:qe(r,n,s),ke=({controlledInputValue:r,defaultInputValue:n,selectedOption:s,onInputChange:d})=>{const[i,c]=k.useState((typeof r=="string"?r:n??s?.label)??"");return{displayInputValue:typeof r=="string"?r:i,populateInputField:j=>{d?.(j),c(j)}}},Ce=k.forwardRef((r,n)=>{const{id:s,label:d,options:i,className:c,errorText:p,helperText:y,placeholder:j,negative:u=!1,readOnly:m=!1,disabled:h=!1,required:_=!1,valid:$,loading:b,multiple:a=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:ne=!1,listboxMaxHeight:N,listboxLabel:ce,filterOption:P,inputValue:z,defaultInputValue:G,onInputChange:g,noOptionsText:W,highlightFirstOption:V=!1,selectAllLabel:R,["data-testid"]:q}=r,A=k.useId(),C=s??A,E=l=>q?`${q}-${l}`:void 0,Q=!!$&&!p,L=`${C}-helper-text`,w=a?D:S?[S]:[],{displayInputValue:M,populateInputField:X}=ke({controlledInputValue:z,defaultInputValue:G,selectedOption:S,onInputChange:g}),Z=Ie({options:i,searchTerm:M,filterOption:P,selectedOption:S,multiple:a}),ie=$e({selectAllLabel:R,multiple:a,options:i,selectedItems:w}),ee=ie&&(ie&&!M)?[{id:oe,label:R},...Z]:Z,K=()=>{const l=i.filter(O=>!O.disabled);if(l.every(O=>w.some(F=>F.id===O.id))){const O=w.filter(F=>F.disabled);I?.(void 0,O)}else{const F=[...w.filter(be=>be.disabled),...l];I?.(void 0,F)}X("")},pe=l=>{if(l.id===oe){K();return}if(a){const O=w.some(F=>F.id===l.id)?w.filter(F=>F.id!==l.id):[...w,l];I?.(l,O),X("")}else I?.(l,[l]),X(l.label)},{rootRef:se,inputRef:re,inputProps:U,listboxProps:de,getListboxItemProps:ae,isOpen:f,openListbox:Y,anchorStyle:T}=Re.te({id:C,options:ee,listboxLabel:ce||d||"Options",selectedOption:a?void 0:S,disabled:h,readOnly:m,openOnFocus:ne,listboxMaxHeight:N,highlightFirstOption:V,closeOnSelect:!a,noOptionsText:W,negative:u,onSelect:pe,"data-testid":q}),J=l=>{se.current=l,typeof n=="function"?n(l):n&&(n.current=l)},ue=(l,v)=>{const O=ae(l,v);if(a){const F=w.some(be=>be.id===l.id);return{...O,selected:F,"aria-selected":F}}return O},he=l=>{const v=w.filter(O=>O.id!==l.id);I?.(l,v)},ge=l=>{if(a&&l.key==="Backspace"&&l.currentTarget.value===""&&w.length>0){for(let v=w.length-1;v>=0;v--)if(!w[v].disabled){he(w[v]);break}}U?.onKeyDown?.(l)},t=l=>{X(l.target.value),f||Y()},B=l=>{if(h||m)return;const v=l.target;if(v===re.current||v.closest("button"))return;const O=re.current;O?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),O?.focus()},te=a&&!!R&&i.length>0&&i.every(l=>w.some(v=>v.id===l.id)),H=x(e,c,{[`${e}--negative`]:u});return o.jsxs("div",{ref:J,className:H,children:[o.jsx(xe,{fieldId:C,htmlForSuffix:"input",label:d,getTestId:E,disabled:h,negative:u,required:_}),o.jsx("div",{className:x(`${e}__field-row`),children:o.jsxs("div",{className:x(`${e}__combobox-container`,{[`${e}__combobox-container--error`]:!!p,[`${e}__combobox-container--is-valid`]:Q,[`${e}__combobox-container--negative`]:u,[`${e}__combobox-container--disabled`]:h,[`${e}__combobox-container--readonly`]:m&&!h}),style:T,onClick:B,children:[a&&!te&&o.jsx(ve,{selectedItems:w,getTestId:E,disabled:h,negative:u,onRemove:he}),o.jsx("input",{...U,ref:re,id:`${C}-input`,"data-testid":E("input"),onKeyDown:ge,onChange:t,value:te&&!M?R:M,placeholder:j,className:x(`${e}__input`,{[`${e}__input--negative`]:u}),"aria-describedby":L,"aria-invalid":!!p,disabled:h,readOnly:m}),o.jsx(me,{getTestId:E,loading:b,disabled:h,negative:u,isValid:Q,isOpen:f,showChevronOpen:!0}),o.jsx("span",{className:x(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),f&&o.jsx(le.Listbox,{...de,className:x(`${e}__listbox`),children:Se({optionsToShow:ee,getListboxItemProps:ue,multiple:a,negative:u,fieldId:C,noOptionsText:W,selectAllLabel:R,selectedItems:w})}),o.jsx(ye,{errorText:p,helperText:y,helperTextId:L,negative:u})]})});Ce.displayName="DropdownCombobox";const Ke=({options:r,highlightFirstOption:n})=>{const s=k.useRef(null),d=k.useRef({}),[i,c]=k.useState(n?r[0]:void 0),p=_=>{if(_){const $=_.getBoundingClientRect(),b=s.current?.getBoundingClientRect()||{top:0,bottom:0};($.top<b.top||$.bottom>b.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:i,listboxRef:s,optionRefs:d,findNextOption:(_,$)=>{const b=$.filter(S=>!S.disabled);if(!b.length)return;const a=i?b.findIndex(S=>S.id===i.id):-1;return _==="ArrowDown"?b[(a+1)%b.length]:b[(a-1+b.length)%b.length]},highlightOption:_=>{c(_?{..._}:void 0),_&&p(d.current[_.id])},highlightByClick:_=>{_.id!==i?.id&&c({..._,isSetByClickEvent:!0})},highlightSelected:(_,$)=>{requestAnimationFrame(()=>{c({..._,isSetByClickEvent:$==="CLICK"}),p(d.current[_.id])})},resetHighlight:()=>{c(void 0)}}},He=(r,n)=>{const s=k.useCallback(d=>{r&&!r.contains(d.target)&&n()},[n,r]);k.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[s])},Oe=({id:r,variant:n,options:s,listboxLabel:d,multiple:i=!1,selectedOption:c,selectedOptions:p=[],onSelect:y,filterOption:j,inputValue:u,defaultInputValue:m,onInputChange:h,noOptionsText:_,highlightFirstOption:$=!1,openOnFocus:b=!1,listboxMaxHeight:a,negative:S,disabled:D=!1,readOnly:I=!1,["data-testid"]:ne})=>{const N=n==="combobox",ce=k.useId(),P=k.useRef(null),z=k.useRef(null),G=k.useRef(null),g=Ke({options:s,highlightFirstOption:$}),{displayInputValue:W,populateInputField:V}=ke({controlledInputValue:u,defaultInputValue:m,selectedOption:c,onInputChange:h}),[R,q]=k.useState(!1),A=()=>{q(!1),g.resetHighlight()};He(P.current,A);const C=({eventType:t})=>{q(!0);const B=i?void 0:c;B&&g.highlightSelected(B,t)},E=i?p:c?[c]:[],Q=N?Ie({options:s,searchTerm:W,filterOption:j,selectedOption:c,multiple:i}):s,L=R&&(!!Q.length||!!_),w=t=>ne?`${ne}-${t}`:void 0,M=t=>{if(!(!t||t.disabled))if(i){const te=E.some(H=>H.id===t.id)?E.filter(H=>H.id!==t.id):[...E,t];y?.(t,te),N&&(V(""),G.current?.focus())}else y?.(t,[t]),N&&V(t.label),A(),(N?G:z).current?.focus()},X=t=>{L||C({eventType:"KEYBOARD"});const B=g.findNextOption(t,Q);g.highlightOption(B)},Z=t=>{if(!(D||I))switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),X(t.key);break;case"Enter":{t.preventDefault(),L&&g.highlightedOption?M(g.highlightedOption):L||C({eventType:"KEYBOARD"});break}case" ":{N||(t.preventDefault(),L&&g.highlightedOption?M(g.highlightedOption):L||C({eventType:"KEYBOARD"}));break}case"Escape":t.preventDefault(),A();break;case"Tab":A();break;case"Home":case"End":N&&A();break}},ie=t=>{V(t.target.value),g.resetHighlight(),R||C({eventType:"KEYBOARD"})},_e=()=>{D||I||(R?A():C({eventType:"CLICK"}))},ee=()=>{!R&&b&&!D&&!I&&C({eventType:"KEYBOARD"}),G.current?.select()},K=()=>{setTimeout(()=>{const t=document.activeElement;t!==document.body&&!G.current?.contains(t)&&!g.listboxRef.current?.contains(t)&&!P.current?.contains(t)&&(A(),N&&!i&&V(c?c.label:""))})},pe=()=>{D||I||(R?A():C({eventType:"CLICK"}))},se=t=>{if(D||I)return;const B=t.target.closest("button");B&&B!==z.current||pe()},re=()=>{!R&&b&&!D&&!I&&C({eventType:"KEYBOARD"})},U=`${r}-listbox`,de=t=>`${r}-listbox-item-${t.id}`,ae=`--purpur-dropdown-${ce.replace(/:/g,"")}`,f={anchorName:ae},Y=N?null:{onClick:se},T=k.useCallback(t=>{if(g.listboxRef.current=t,t&&typeof t.showPopover=="function")try{t.showPopover()}catch{}},[g.listboxRef]),J={"aria-label":d,"aria-expanded":L,"data-testid":w("listbox"),id:U,ref:T,onMouseLeave:()=>g.resetHighlight(),popover:"manual",negative:S,style:{...a?{maxHeight:typeof a=="number"?`${a}px`:a}:{},positionAnchor:ae}},ue=(t,B)=>{const te=E.some(v=>v.id===t.id),{highlightedOption:H}=g,l=(t.id===H?.id||$&&!H&&B===0)&&!H?.isSetByClickEvent;return{"data-testid":w(`listbox-item-${t.id}`),id:de(t),key:t.id,onMouseMove:()=>g.highlightByClick(t),onMouseUp:()=>M(t),ref:v=>{v&&(g.optionRefs.current[t.id]=v)},tabIndex:-1,selected:te,disabled:t.disabled,highlighted:l,hovered:t.id===H?.id&&!!H?.isSetByClickEvent,"aria-selected":te}},he=N?{}:{ref:z,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":L,"aria-controls":U,"aria-disabled":D,"data-testid":w("trigger"),id:`${r}-trigger`,onKeyDown:Z,onFocus:re,disabled:D,tabIndex:D?-1:0,style:f},ge=N?{ref:G,role:"combobox","aria-autocomplete":"list","aria-expanded":L,"aria-controls":U,"aria-activedescendant":g.highlightedOption?de(g.highlightedOption):void 0,"data-testid":w("input"),autoComplete:"off",id:`${r}-input`,type:"text",value:W,onChange:ie,onMouseDown:_e,onFocus:ee,onBlur:K,onKeyDown:Z,disabled:D,readOnly:I}:null;return{rootRef:P,triggerContainerProps:Y,triggerProps:he,inputProps:ge,listboxProps:J,getListboxItemProps:ue,optionsToShow:Q,isOpen:L,highlightedOption:g.highlightedOption,selectedItems:E,anchorStyle:f}},je=k.forwardRef((r,n)=>{const{id:s,label:d,options:i,className:c,errorText:p,helperText:y,placeholder:j,negative:u=!1,readOnly:m=!1,disabled:h=!1,required:_=!1,valid:$=!1,loading:b=!1,multiple:a=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:ne=!1,listboxMaxHeight:N,listboxLabel:ce,selectAllLabel:P,["data-testid"]:z}=r,G=k.useId(),g=s??G,W=f=>z?`${z}-${f}`:void 0,V=!!$&&!p,R=`${g}-helper-text`,q=a?D:S?[S]:[],A=$e({selectAllLabel:P,multiple:a,options:i,selectedItems:q}),C=()=>{const f=i.filter(T=>!T.disabled);if(f.every(T=>q.some(J=>J.id===T.id))){const T=q.filter(J=>J.disabled);I?.(void 0,T)}else{const J=[...q.filter(ue=>ue.disabled),...f];I?.(void 0,J)}},E=(f,Y)=>{if(f?.id===oe){C();return}I?.(f,Y)},Q=A?[{id:oe,label:P},...i]:i,L=Oe({id:g,variant:"select",options:Q,listboxLabel:ce||d||"Options",multiple:a,negative:u,selectedOption:S,selectedOptions:D,onSelect:E,openOnFocus:ne,listboxMaxHeight:N,disabled:h,readOnly:m,"data-testid":z}),w=f=>{L.rootRef.current=f,typeof n=="function"?n(f):n&&(n.current=f)},{triggerContainerProps:M,triggerProps:X,listboxProps:Z,getListboxItemProps:ie,optionsToShow:_e,isOpen:ee,selectedItems:K,anchorStyle:pe}=L,se={...X};delete se.style;const re=f=>{const Y=K.filter(T=>T.id!==f.id);I?.(f,Y)},U=a&&!!P&&i.length>0&&i.every(f=>K.some(Y=>Y.id===f.id)),de=a?U?P:K.length===0&&j||"":S?.label||j||"",ae=x(e,c,{[`${e}--negative`]:u});return o.jsxs("div",{ref:w,className:ae,children:[o.jsx(xe,{fieldId:g,htmlForSuffix:"trigger",label:d,getTestId:W,disabled:h,negative:u,required:_}),o.jsx("div",{className:x(`${e}__field-row`),children:o.jsxs("div",{...M,className:x(`${e}__trigger-container`,{[`${e}__trigger-container--error`]:!!p,[`${e}__trigger-container--is-valid`]:V,[`${e}__trigger-container--negative`]:u,[`${e}__trigger-container--disabled`]:h,[`${e}__trigger-container--readonly`]:m&&!h,[`${e}__trigger-container--has-tags`]:a&&K.length>0&&!U}),style:pe,children:[a&&!U&&o.jsx(ve,{selectedItems:K,getTestId:W,disabled:h,negative:u,onRemove:re,isSelect:!0}),o.jsx("button",{...se,className:x(`${e}__trigger`,{[`${e}__trigger--is-valid`]:V,[`${e}__trigger--negative`]:u,[`${e}__trigger--disabled`]:h,[`${e}__trigger--readonly`]:m&&!h,[`${e}__trigger--placeholder`]:!K.length}),"aria-describedby":R,children:o.jsx("span",{className:x(`${e}__trigger-text`),children:de})}),o.jsx(me,{getTestId:W,loading:b,disabled:h,negative:u,isValid:V,isOpen:ee,readOnly:m,showChevronOpen:!0}),o.jsx("span",{className:x(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),ee&&o.jsx(le.Listbox,{...Z,className:x(`${e}__listbox`),children:Se({optionsToShow:_e,getListboxItemProps:ie,multiple:a,negative:u,fieldId:g,selectAllLabel:P,selectedItems:K})}),o.jsx(ye,{errorText:p,helperText:y,helperTextId:R,negative:u})]})});je.displayName="DropdownSelect";const De=k.forwardRef((r,n)=>r.combobox?o.jsx(Ce,{ref:n,...r}):o.jsx(je,{ref:n,...r}));De.displayName="Dropdown";exports.Dropdown=De;exports.useDropdown=Oe;
2
- //# sourceMappingURL=dropdown-DJKNQnuo.js.map
1
+ "use strict";const o=require("react/jsx-runtime"),k=require("react"),le=require("./listbox-lXO21cJV.js"),Re=require("./use-autocomplete.es-BwAzMcau.js"),we=require("./checkbox-qjWQEoa5.js"),fe=require("./dismissable-chip-group-2updhyuR.js"),Le=require("./field-error-text-FhQulSV5.js"),Ne=require("./field-helper-text-DSKO-Tce.js"),Ae=require("./check-circle-filled.es-5-GXE9l4.js"),Ee=require("./chevron-down.es-BMjgiS3F.js"),Te=require("./label-yHK80hhV.js"),Be=require("./spinner-tKunS_o-.js"),Fe=require("./bind-DeUYJ6m9.js"),Pe={"purpur-dropdown":"_purpur-dropdown_cowaa_1","purpur-dropdown--negative":"_purpur-dropdown--negative_cowaa_11","purpur-dropdown__label":"_purpur-dropdown__label_cowaa_14","purpur-dropdown__field-row":"_purpur-dropdown__field-row_cowaa_19","purpur-dropdown__frame":"_purpur-dropdown__frame_cowaa_23","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_cowaa_30","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_cowaa_33","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_cowaa_45","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_cowaa_50","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_cowaa_53","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_cowaa_53","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_cowaa_60","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_cowaa_63","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_cowaa_66","purpur-dropdown__input":"_purpur-dropdown__input_cowaa_69","purpur-dropdown__trigger":"_purpur-dropdown__trigger_cowaa_33","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_cowaa_117","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_cowaa_120","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_cowaa_123","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_cowaa_127","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_cowaa_131","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_cowaa_144","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_cowaa_150","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_cowaa_160","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_cowaa_167","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_cowaa_174","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_cowaa_177","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_cowaa_180","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_cowaa_219","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_cowaa_236","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_cowaa_242","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_cowaa_253","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_cowaa_258","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_cowaa_261","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_cowaa_264","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_cowaa_267","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_cowaa_270","purpur-dropdown__listbox":"_purpur-dropdown__listbox_cowaa_273","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_cowaa_283","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_cowaa_286","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_cowaa_293","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_cowaa_296"},x=Fe.c.bind(Pe),e="purpur-dropdown",xe=({fieldId:r,htmlForSuffix:n,label:s,getTestId:d,disabled:i,negative:c,required:p})=>s?o.jsxs(Te.Label,{htmlFor:n?`${r}-${n}`:r,className:x(`${e}__label`),"data-testid":d("label"),disabled:i,negative:c,children:[p&&o.jsx("span",{"aria-hidden":!0,children:"*"}),s]}):null,me=({getTestId:r,loading:n,disabled:s,negative:d,isValid:i,isOpen:c,readOnly:p,showChevronOpen:y})=>o.jsx("span",{className:x(`${e}__end-adornments`),children:n?o.jsx(Be.Spinner,{disabled:s,size:"xxs",negative:d,"data-testid":r("spinner")}):o.jsxs(o.Fragment,{children:[i&&o.jsx(Ae.r,{"data-testid":r("valid-icon"),className:x(`${e}__valid-icon`)}),o.jsx(Ee.l,{className:x(`${e}__chevron-icon`,{[`${e}__chevron-icon--open`]:y&&c,[`${e}__chevron-icon--disabled`]:s,[`${e}__chevron-icon--readonly`]:p&&!s,[`${e}__chevron-icon--is-valid`]:i,[`${e}__chevron-icon--negative`]:d}),"data-testid":r("dropdown-icon"),size:"sm"})]})}),ve=({selectedItems:r,getTestId:n,disabled:s,negative:d,onRemove:i,isSelect:c})=>r.length?o.jsx(fe.DismissableChipGroup,{className:x(`${e}__chip-group`,{[`${e}__chip-group--select`]:c}),negative:d,"data-testid":n("tags"),size:"sm",children:r.map(p=>o.jsx(fe.DismissableChipGroup.Item,{id:p.id,"data-testid":n(`tag-${p.id}`),"aria-label":`Remove ${p.label}`,onDismiss:()=>{i(p)},disabled:s||p.disabled,children:p.label},p.id))}):null,ye=({errorText:r,helperText:n,helperTextId:s,negative:d})=>o.jsxs(o.Fragment,{children:[r&&o.jsx(Le.FieldErrorText,{negative:d,children:r}),n&&!r&&o.jsx(Ne.FieldHelperText,{id:s,negative:d,children:n})]}),oe="__purpur-dropdown-select-all__",$e=({selectAllLabel:r,multiple:n,options:s,selectedItems:d})=>!r||!n||s.filter(y=>!y.disabled).length===0?!1:!s.filter(y=>y.disabled).some(y=>!d.some(j=>j.id===y.id)),Se=({optionsToShow:r,getListboxItemProps:n,multiple:s,negative:d,fieldId:i,noOptionsText:c,selectAllLabel:p,selectedItems:y=[]})=>{if(c!==void 0&&!r.length)return o.jsx(le.Listbox.Item,{noninteractive:!0,children:c});const j=r[0]?.id===oe;let u=!1;if(j){const h=r.filter(a=>a.id!==oe).filter(a=>!a.disabled),_=h.filter(a=>y.some(S=>S.id===a.id)).length,$=h.length>0&&_===h.length,b=y.length>0;u=$?!0:b?"indeterminate":!1}return r.map((m,h)=>{const{key:_,selected:$,...b}=n(m,h);return m.id===oe?o.jsx(le.Listbox.Item,{...b,"aria-selected":u===!0,className:x(`${e}__checkbox-item-multiple`,`${e}__select-all-item`),hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${e}__checkbox-container`),children:o.jsx(we.Checkbox,{id:`${i}-checkbox-select-all`,checked:u,label:p,negative:d,"aria-hidden":!0})})},_):s?o.jsx(le.Listbox.Item,{...b,className:x(`${e}__checkbox-item-multiple`,{[`${e}__select-all-child`]:j}),selected:!!$,hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${e}__checkbox-container`,{[`${e}__checkbox-container--disabled`]:m.disabled}),children:o.jsx(we.Checkbox,{id:`${i}-checkbox-${m.id}`,checked:!!$,label:m.label,negative:d,"aria-hidden":!0,disabled:m.disabled})})},_):o.jsx(le.Listbox.Item,{...b,selected:!!$,children:o.jsx("span",{children:m.label})},_)})},qe=(r,n,s)=>{if(s)return r.filter(i=>s(n,i));if(!n)return r;const d=n.toUpperCase().split(" ");return r.filter(i=>d.every(c=>(i.value||i.label).toUpperCase().includes(c)))},Ie=({options:r,searchTerm:n,filterOption:s,selectedOption:d,multiple:i})=>!i&&d&&d.label===n?r:qe(r,n,s),ke=({controlledInputValue:r,defaultInputValue:n,selectedOption:s,onInputChange:d})=>{const[i,c]=k.useState((typeof r=="string"?r:n??s?.label)??"");return{displayInputValue:typeof r=="string"?r:i,populateInputField:j=>{d?.(j),c(j)}}},Ce=k.forwardRef((r,n)=>{const{id:s,label:d,options:i,className:c,errorText:p,helperText:y,placeholder:j,negative:u=!1,readOnly:m=!1,disabled:h=!1,required:_=!1,valid:$,loading:b,multiple:a=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:ne=!1,listboxMaxHeight:N,listboxLabel:ce,filterOption:P,inputValue:z,defaultInputValue:G,onInputChange:g,noOptionsText:W,highlightFirstOption:V=!1,selectAllLabel:R,["data-testid"]:q}=r,A=k.useId(),C=s??A,E=l=>q?`${q}-${l}`:void 0,Q=!!$&&!p,L=`${C}-helper-text`,w=a?D:S?[S]:[],{displayInputValue:M,populateInputField:X}=ke({controlledInputValue:z,defaultInputValue:G,selectedOption:S,onInputChange:g}),Z=Ie({options:i,searchTerm:M,filterOption:P,selectedOption:S,multiple:a}),ie=$e({selectAllLabel:R,multiple:a,options:i,selectedItems:w}),ee=ie&&(ie&&!M)?[{id:oe,label:R},...Z]:Z,K=()=>{const l=i.filter(O=>!O.disabled);if(l.every(O=>w.some(F=>F.id===O.id))){const O=w.filter(F=>F.disabled);I?.(void 0,O)}else{const F=[...w.filter(be=>be.disabled),...l];I?.(void 0,F)}X("")},pe=l=>{if(l.id===oe){K();return}if(a){const O=w.some(F=>F.id===l.id)?w.filter(F=>F.id!==l.id):[...w,l];I?.(l,O),X("")}else I?.(l,[l]),X(l.label)},{rootRef:se,inputRef:re,inputProps:U,listboxProps:de,getListboxItemProps:ae,isOpen:f,openListbox:Y,anchorStyle:T}=Re.te({id:C,options:ee,listboxLabel:ce||d||"Options",selectedOption:a?void 0:S,disabled:h,readOnly:m,openOnFocus:ne,listboxMaxHeight:N,highlightFirstOption:V,closeOnSelect:!a,noOptionsText:W,negative:u,onSelect:pe,"data-testid":q}),J=l=>{se.current=l,typeof n=="function"?n(l):n&&(n.current=l)},ue=(l,v)=>{const O=ae(l,v);if(a){const F=w.some(be=>be.id===l.id);return{...O,selected:F,"aria-selected":F}}return O},he=l=>{const v=w.filter(O=>O.id!==l.id);I?.(l,v)},ge=l=>{if(a&&l.key==="Backspace"&&l.currentTarget.value===""&&w.length>0){for(let v=w.length-1;v>=0;v--)if(!w[v].disabled){he(w[v]);break}}U?.onKeyDown?.(l)},t=l=>{X(l.target.value),f||Y()},B=l=>{if(h||m)return;const v=l.target;if(v===re.current||v.closest("button"))return;const O=re.current;O?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),O?.focus()},te=a&&!!R&&i.length>0&&i.every(l=>w.some(v=>v.id===l.id)),H=x(e,c,{[`${e}--negative`]:u});return o.jsxs("div",{ref:J,className:H,children:[o.jsx(xe,{fieldId:C,htmlForSuffix:"input",label:d,getTestId:E,disabled:h,negative:u,required:_}),o.jsx("div",{className:x(`${e}__field-row`),children:o.jsxs("div",{className:x(`${e}__combobox-container`,{[`${e}__combobox-container--error`]:!!p,[`${e}__combobox-container--is-valid`]:Q,[`${e}__combobox-container--negative`]:u,[`${e}__combobox-container--disabled`]:h,[`${e}__combobox-container--readonly`]:m&&!h}),style:T,onClick:B,children:[a&&!te&&o.jsx(ve,{selectedItems:w,getTestId:E,disabled:h,negative:u,onRemove:he}),o.jsx("input",{...U,ref:re,id:`${C}-input`,"data-testid":E("input"),onKeyDown:ge,onChange:t,value:te&&!M?R:M,placeholder:j,className:x(`${e}__input`,{[`${e}__input--negative`]:u}),"aria-describedby":L,"aria-invalid":!!p,disabled:h,readOnly:m}),o.jsx(me,{getTestId:E,loading:b,disabled:h,negative:u,isValid:Q,isOpen:f,showChevronOpen:!0}),o.jsx("span",{className:x(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),f&&o.jsx(le.Listbox,{...de,className:x(`${e}__listbox`),children:Se({optionsToShow:ee,getListboxItemProps:ue,multiple:a,negative:u,fieldId:C,noOptionsText:W,selectAllLabel:R,selectedItems:w})}),o.jsx(ye,{errorText:p,helperText:y,helperTextId:L,negative:u})]})});Ce.displayName="DropdownCombobox";const Ke=({options:r,highlightFirstOption:n})=>{const s=k.useRef(null),d=k.useRef({}),[i,c]=k.useState(n?r[0]:void 0),p=_=>{if(_){const $=_.getBoundingClientRect(),b=s.current?.getBoundingClientRect()||{top:0,bottom:0};($.top<b.top||$.bottom>b.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:i,listboxRef:s,optionRefs:d,findNextOption:(_,$)=>{const b=$.filter(S=>!S.disabled);if(!b.length)return;const a=i?b.findIndex(S=>S.id===i.id):-1;return _==="ArrowDown"?b[(a+1)%b.length]:b[(a-1+b.length)%b.length]},highlightOption:_=>{c(_?{..._}:void 0),_&&p(d.current[_.id])},highlightByClick:_=>{_.id!==i?.id&&c({..._,isSetByClickEvent:!0})},highlightSelected:(_,$)=>{requestAnimationFrame(()=>{c({..._,isSetByClickEvent:$==="CLICK"}),p(d.current[_.id])})},resetHighlight:()=>{c(void 0)}}},He=(r,n)=>{const s=k.useCallback(d=>{r&&!r.contains(d.target)&&n()},[n,r]);k.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[s])},Oe=({id:r,variant:n,options:s,listboxLabel:d,multiple:i=!1,selectedOption:c,selectedOptions:p=[],onSelect:y,filterOption:j,inputValue:u,defaultInputValue:m,onInputChange:h,noOptionsText:_,highlightFirstOption:$=!1,openOnFocus:b=!1,listboxMaxHeight:a,negative:S,disabled:D=!1,readOnly:I=!1,["data-testid"]:ne})=>{const N=n==="combobox",ce=k.useId(),P=k.useRef(null),z=k.useRef(null),G=k.useRef(null),g=Ke({options:s,highlightFirstOption:$}),{displayInputValue:W,populateInputField:V}=ke({controlledInputValue:u,defaultInputValue:m,selectedOption:c,onInputChange:h}),[R,q]=k.useState(!1),A=()=>{q(!1),g.resetHighlight()};He(P.current,A);const C=({eventType:t})=>{q(!0);const B=i?void 0:c;B&&g.highlightSelected(B,t)},E=i?p:c?[c]:[],Q=N?Ie({options:s,searchTerm:W,filterOption:j,selectedOption:c,multiple:i}):s,L=R&&(!!Q.length||!!_),w=t=>ne?`${ne}-${t}`:void 0,M=t=>{if(!(!t||t.disabled))if(i){const te=E.some(H=>H.id===t.id)?E.filter(H=>H.id!==t.id):[...E,t];y?.(t,te),N&&(V(""),G.current?.focus())}else y?.(t,[t]),N&&V(t.label),A(),(N?G:z).current?.focus()},X=t=>{L||C({eventType:"KEYBOARD"});const B=g.findNextOption(t,Q);g.highlightOption(B)},Z=t=>{if(!(D||I))switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),X(t.key);break;case"Enter":{t.preventDefault(),L&&g.highlightedOption?M(g.highlightedOption):L||C({eventType:"KEYBOARD"});break}case" ":{N||(t.preventDefault(),L&&g.highlightedOption?M(g.highlightedOption):L||C({eventType:"KEYBOARD"}));break}case"Escape":t.preventDefault(),A();break;case"Tab":A();break;case"Home":case"End":N&&A();break}},ie=t=>{V(t.target.value),g.resetHighlight(),R||C({eventType:"KEYBOARD"})},_e=()=>{D||I||(R?A():C({eventType:"CLICK"}))},ee=()=>{!R&&b&&!D&&!I&&C({eventType:"KEYBOARD"}),G.current?.select()},K=()=>{setTimeout(()=>{const t=document.activeElement;t!==document.body&&!G.current?.contains(t)&&!g.listboxRef.current?.contains(t)&&!P.current?.contains(t)&&(A(),N&&!i&&V(c?c.label:""))})},pe=()=>{D||I||(R?A():C({eventType:"CLICK"}))},se=t=>{if(D||I)return;const B=t.target.closest("button");B&&B!==z.current||pe()},re=()=>{!R&&b&&!D&&!I&&C({eventType:"KEYBOARD"})},U=`${r}-listbox`,de=t=>`${r}-listbox-item-${t.id}`,ae=`--purpur-dropdown-${ce.replace(/:/g,"")}`,f={anchorName:ae},Y=N?null:{onClick:se},T=k.useCallback(t=>{if(g.listboxRef.current=t,t&&typeof t.showPopover=="function")try{t.showPopover()}catch{}},[g.listboxRef]),J={"aria-label":d,"aria-expanded":L,"data-testid":w("listbox"),id:U,ref:T,onMouseLeave:()=>g.resetHighlight(),popover:"manual",negative:S,style:{...a?{maxHeight:typeof a=="number"?`${a}px`:a}:{},positionAnchor:ae}},ue=(t,B)=>{const te=E.some(v=>v.id===t.id),{highlightedOption:H}=g,l=(t.id===H?.id||$&&!H&&B===0)&&!H?.isSetByClickEvent;return{"data-testid":w(`listbox-item-${t.id}`),id:de(t),key:t.id,onMouseMove:()=>g.highlightByClick(t),onMouseUp:()=>M(t),ref:v=>{v&&(g.optionRefs.current[t.id]=v)},tabIndex:-1,selected:te,disabled:t.disabled,highlighted:l,hovered:t.id===H?.id&&!!H?.isSetByClickEvent,"aria-selected":te}},he=N?{}:{ref:z,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":L,"aria-controls":U,"aria-disabled":D,"data-testid":w("trigger"),id:`${r}-trigger`,onKeyDown:Z,onFocus:re,disabled:D,tabIndex:D?-1:0,style:f},ge=N?{ref:G,role:"combobox","aria-autocomplete":"list","aria-expanded":L,"aria-controls":U,"aria-activedescendant":g.highlightedOption?de(g.highlightedOption):void 0,"data-testid":w("input"),autoComplete:"off",id:`${r}-input`,type:"text",value:W,onChange:ie,onMouseDown:_e,onFocus:ee,onBlur:K,onKeyDown:Z,disabled:D,readOnly:I}:null;return{rootRef:P,triggerContainerProps:Y,triggerProps:he,inputProps:ge,listboxProps:J,getListboxItemProps:ue,optionsToShow:Q,isOpen:L,highlightedOption:g.highlightedOption,selectedItems:E,anchorStyle:f}},je=k.forwardRef((r,n)=>{const{id:s,label:d,options:i,className:c,errorText:p,helperText:y,placeholder:j,negative:u=!1,readOnly:m=!1,disabled:h=!1,required:_=!1,valid:$=!1,loading:b=!1,multiple:a=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:ne=!1,listboxMaxHeight:N,listboxLabel:ce,selectAllLabel:P,["data-testid"]:z}=r,G=k.useId(),g=s??G,W=f=>z?`${z}-${f}`:void 0,V=!!$&&!p,R=`${g}-helper-text`,q=a?D:S?[S]:[],A=$e({selectAllLabel:P,multiple:a,options:i,selectedItems:q}),C=()=>{const f=i.filter(T=>!T.disabled);if(f.every(T=>q.some(J=>J.id===T.id))){const T=q.filter(J=>J.disabled);I?.(void 0,T)}else{const J=[...q.filter(ue=>ue.disabled),...f];I?.(void 0,J)}},E=(f,Y)=>{if(f?.id===oe){C();return}I?.(f,Y)},Q=A?[{id:oe,label:P},...i]:i,L=Oe({id:g,variant:"select",options:Q,listboxLabel:ce||d||"Options",multiple:a,negative:u,selectedOption:S,selectedOptions:D,onSelect:E,openOnFocus:ne,listboxMaxHeight:N,disabled:h,readOnly:m,"data-testid":z}),w=f=>{L.rootRef.current=f,typeof n=="function"?n(f):n&&(n.current=f)},{triggerContainerProps:M,triggerProps:X,listboxProps:Z,getListboxItemProps:ie,optionsToShow:_e,isOpen:ee,selectedItems:K,anchorStyle:pe}=L,se={...X};delete se.style;const re=f=>{const Y=K.filter(T=>T.id!==f.id);I?.(f,Y)},U=a&&!!P&&i.length>0&&i.every(f=>K.some(Y=>Y.id===f.id)),de=a?U?P:K.length===0&&j||"":S?.label||j||"",ae=x(e,c,{[`${e}--negative`]:u});return o.jsxs("div",{ref:w,className:ae,children:[o.jsx(xe,{fieldId:g,htmlForSuffix:"trigger",label:d,getTestId:W,disabled:h,negative:u,required:_}),o.jsx("div",{className:x(`${e}__field-row`),children:o.jsxs("div",{...M,className:x(`${e}__trigger-container`,{[`${e}__trigger-container--error`]:!!p,[`${e}__trigger-container--is-valid`]:V,[`${e}__trigger-container--negative`]:u,[`${e}__trigger-container--disabled`]:h,[`${e}__trigger-container--readonly`]:m&&!h,[`${e}__trigger-container--has-tags`]:a&&K.length>0&&!U}),style:pe,children:[a&&!U&&o.jsx(ve,{selectedItems:K,getTestId:W,disabled:h,negative:u,onRemove:re,isSelect:!0}),o.jsx("button",{...se,className:x(`${e}__trigger`,{[`${e}__trigger--is-valid`]:V,[`${e}__trigger--negative`]:u,[`${e}__trigger--disabled`]:h,[`${e}__trigger--readonly`]:m&&!h,[`${e}__trigger--placeholder`]:!K.length}),"aria-describedby":R,children:o.jsx("span",{className:x(`${e}__trigger-text`),children:de})}),o.jsx(me,{getTestId:W,loading:b,disabled:h,negative:u,isValid:V,isOpen:ee,readOnly:m,showChevronOpen:!0}),o.jsx("span",{className:x(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),ee&&o.jsx(le.Listbox,{...Z,className:x(`${e}__listbox`),children:Se({optionsToShow:_e,getListboxItemProps:ie,multiple:a,negative:u,fieldId:g,selectAllLabel:P,selectedItems:K})}),o.jsx(ye,{errorText:p,helperText:y,helperTextId:R,negative:u})]})});je.displayName="DropdownSelect";const De=k.forwardRef((r,n)=>r.combobox?o.jsx(Ce,{ref:n,...r}):o.jsx(je,{ref:n,...r}));De.displayName="Dropdown";exports.Dropdown=De;exports.useDropdown=Oe;
2
+ //# sourceMappingURL=dropdown-_FLHLyPL.js.map