@fluentui/react-tag-picker 9.10.0 → 9.10.2

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 (274) hide show
  1. package/CHANGELOG.md +38 -2
  2. package/dist/index.d.cts +570 -0
  3. package/dist/index.d.ts +12 -4
  4. package/lib/TagPicker.js +1 -1
  5. package/lib/TagPicker.js.map +1 -1
  6. package/lib/TagPickerButton.js +1 -1
  7. package/lib/TagPickerButton.js.map +1 -1
  8. package/lib/TagPickerControl.js +1 -1
  9. package/lib/TagPickerControl.js.map +1 -1
  10. package/lib/TagPickerGroup.js +1 -1
  11. package/lib/TagPickerGroup.js.map +1 -1
  12. package/lib/TagPickerInput.js +1 -1
  13. package/lib/TagPickerInput.js.map +1 -1
  14. package/lib/TagPickerList.js +1 -1
  15. package/lib/TagPickerList.js.map +1 -1
  16. package/lib/TagPickerOption.js +1 -1
  17. package/lib/TagPickerOption.js.map +1 -1
  18. package/lib/TagPickerOptionGroup.js +1 -1
  19. package/lib/TagPickerOptionGroup.js.map +1 -1
  20. package/lib/components/TagPicker/TagPicker.js +4 -4
  21. package/lib/components/TagPicker/TagPicker.js.map +1 -1
  22. package/lib/components/TagPicker/index.js +4 -4
  23. package/lib/components/TagPicker/index.js.map +1 -1
  24. package/lib/components/TagPicker/renderTagPicker.js +6 -6
  25. package/lib/components/TagPicker/renderTagPicker.js.map +1 -1
  26. package/lib/components/TagPicker/useTagPicker.js +6 -6
  27. package/lib/components/TagPicker/useTagPickerContextValues.js +1 -1
  28. package/lib/components/TagPickerButton/TagPickerButton.js +5 -5
  29. package/lib/components/TagPickerButton/TagPickerButton.js.map +1 -1
  30. package/lib/components/TagPickerButton/index.js +4 -4
  31. package/lib/components/TagPickerButton/index.js.map +1 -1
  32. package/lib/components/TagPickerButton/renderTagPickerButton.js +1 -1
  33. package/lib/components/TagPickerButton/renderTagPickerButton.js.map +1 -1
  34. package/lib/components/TagPickerButton/useTagPickerButton.js +10 -4
  35. package/lib/components/TagPickerButton/useTagPickerButton.js.map +1 -1
  36. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js +2 -2
  37. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  38. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.raw.js +2 -2
  39. package/lib/components/TagPickerControl/TagPickerControl.js +5 -5
  40. package/lib/components/TagPickerControl/TagPickerControl.js.map +1 -1
  41. package/lib/components/TagPickerControl/index.js +4 -4
  42. package/lib/components/TagPickerControl/index.js.map +1 -1
  43. package/lib/components/TagPickerControl/renderTagPickerControl.js +1 -1
  44. package/lib/components/TagPickerControl/renderTagPickerControl.js.map +1 -1
  45. package/lib/components/TagPickerControl/useTagPickerControl.js +18 -12
  46. package/lib/components/TagPickerControl/useTagPickerControl.js.map +1 -1
  47. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js +2 -2
  48. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  49. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.raw.js +2 -2
  50. package/lib/components/TagPickerGroup/TagPickerGroup.js +6 -6
  51. package/lib/components/TagPickerGroup/TagPickerGroup.js.map +1 -1
  52. package/lib/components/TagPickerGroup/TagPickerGroup.types.js +1 -1
  53. package/lib/components/TagPickerGroup/TagPickerGroup.types.js.map +1 -1
  54. package/lib/components/TagPickerGroup/index.js +4 -4
  55. package/lib/components/TagPickerGroup/index.js.map +1 -1
  56. package/lib/components/TagPickerGroup/renderTagPickerGroup.js +1 -1
  57. package/lib/components/TagPickerGroup/renderTagPickerGroup.js.map +1 -1
  58. package/lib/components/TagPickerGroup/useTagPickerGroup.js +6 -6
  59. package/lib/components/TagPickerGroup/useTagPickerGroup.js.map +1 -1
  60. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +4 -4
  61. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  62. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.raw.js +4 -4
  63. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.raw.js.map +1 -1
  64. package/lib/components/TagPickerInput/TagPickerInput.js +5 -5
  65. package/lib/components/TagPickerInput/TagPickerInput.js.map +1 -1
  66. package/lib/components/TagPickerInput/index.js +4 -4
  67. package/lib/components/TagPickerInput/index.js.map +1 -1
  68. package/lib/components/TagPickerInput/renderTagPickerInput.js +1 -1
  69. package/lib/components/TagPickerInput/renderTagPickerInput.js.map +1 -1
  70. package/lib/components/TagPickerInput/useTagPickerInput.js +17 -11
  71. package/lib/components/TagPickerInput/useTagPickerInput.js.map +1 -1
  72. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +3 -3
  73. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  74. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.raw.js +3 -3
  75. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.raw.js.map +1 -1
  76. package/lib/components/TagPickerList/TagPickerList.js +5 -5
  77. package/lib/components/TagPickerList/TagPickerList.js.map +1 -1
  78. package/lib/components/TagPickerList/index.js +4 -4
  79. package/lib/components/TagPickerList/index.js.map +1 -1
  80. package/lib/components/TagPickerList/renderTagPickerList.js +1 -1
  81. package/lib/components/TagPickerList/useTagPickerList.js +4 -4
  82. package/lib/components/TagPickerList/useTagPickerList.js.map +1 -1
  83. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js +2 -2
  84. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  85. package/lib/components/TagPickerList/useTagPickerListStyles.styles.raw.js +2 -2
  86. package/lib/components/TagPickerOption/TagPickerOption.js +5 -5
  87. package/lib/components/TagPickerOption/TagPickerOption.js.map +1 -1
  88. package/lib/components/TagPickerOption/index.js +4 -4
  89. package/lib/components/TagPickerOption/index.js.map +1 -1
  90. package/lib/components/TagPickerOption/renderTagPickerOption.js +1 -1
  91. package/lib/components/TagPickerOption/useTagPickerOption.js +2 -2
  92. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js +3 -3
  93. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +1 -1
  94. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.raw.js +3 -3
  95. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js +5 -5
  96. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js.map +1 -1
  97. package/lib/components/TagPickerOptionGroup/index.js +4 -4
  98. package/lib/components/TagPickerOptionGroup/index.js.map +1 -1
  99. package/lib/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js +1 -1
  100. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroup.js +1 -1
  101. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js +2 -2
  102. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js.map +1 -1
  103. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.raw.js +2 -2
  104. package/lib/contexts/TagPickerContext.js +2 -2
  105. package/lib/index.js +10 -10
  106. package/lib/index.js.map +1 -1
  107. package/lib/utils/useExpandLabel.js +3 -3
  108. package/lib/utils/useExpandLabel.js.map +1 -1
  109. package/lib/utils/useResizeObserverRef.js +2 -2
  110. package/lib/utils/useTabsterEscapeIgnore.js +15 -0
  111. package/lib/utils/useTabsterEscapeIgnore.js.map +1 -0
  112. package/lib/utils/useTagPickerFilter.js +2 -2
  113. package/lib/utils/useTagPickerFilter.js.map +1 -1
  114. package/lib-commonjs/{TagPicker.js → TagPicker.cjs} +1 -1
  115. package/lib-commonjs/{TagPicker.js.map → TagPicker.cjs.map} +1 -1
  116. package/lib-commonjs/{TagPickerButton.js → TagPickerButton.cjs} +1 -1
  117. package/lib-commonjs/{TagPickerButton.js.map → TagPickerButton.cjs.map} +1 -1
  118. package/lib-commonjs/{TagPickerControl.js → TagPickerControl.cjs} +1 -1
  119. package/lib-commonjs/{TagPickerControl.js.map → TagPickerControl.cjs.map} +1 -1
  120. package/lib-commonjs/{TagPickerGroup.js → TagPickerGroup.cjs} +1 -1
  121. package/lib-commonjs/TagPickerGroup.cjs.map +1 -0
  122. package/lib-commonjs/{TagPickerInput.js → TagPickerInput.cjs} +1 -1
  123. package/lib-commonjs/{TagPickerInput.js.map → TagPickerInput.cjs.map} +1 -1
  124. package/lib-commonjs/{TagPickerList.js → TagPickerList.cjs} +1 -1
  125. package/lib-commonjs/{TagPickerList.js.map → TagPickerList.cjs.map} +1 -1
  126. package/lib-commonjs/{TagPickerOption.js → TagPickerOption.cjs} +1 -1
  127. package/lib-commonjs/{TagPickerOption.js.map → TagPickerOption.cjs.map} +1 -1
  128. package/lib-commonjs/{TagPickerOptionGroup.js → TagPickerOptionGroup.cjs} +1 -1
  129. package/lib-commonjs/{TagPickerOptionGroup.js.map → TagPickerOptionGroup.cjs.map} +1 -1
  130. package/lib-commonjs/components/TagPicker/{TagPicker.js → TagPicker.cjs} +3 -3
  131. package/lib-commonjs/components/TagPicker/{TagPicker.js.map → TagPicker.cjs.map} +1 -1
  132. package/lib-commonjs/components/TagPicker/{index.js → index.cjs} +4 -4
  133. package/lib-commonjs/components/TagPicker/{index.js.map → index.cjs.map} +1 -1
  134. package/lib-commonjs/components/TagPicker/{renderTagPicker.js → renderTagPicker.cjs} +1 -1
  135. package/lib-commonjs/components/TagPicker/{renderTagPicker.js.map → renderTagPicker.cjs.map} +1 -1
  136. package/lib-commonjs/components/TagPickerButton/{TagPickerButton.js → TagPickerButton.cjs} +3 -3
  137. package/lib-commonjs/components/TagPickerButton/{TagPickerButton.js.map → TagPickerButton.cjs.map} +1 -1
  138. package/lib-commonjs/components/TagPickerButton/{index.js → index.cjs} +4 -4
  139. package/lib-commonjs/components/TagPickerButton/{index.js.map → index.cjs.map} +1 -1
  140. package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.cjs.map +1 -0
  141. package/lib-commonjs/components/TagPickerButton/{useTagPickerButton.js → useTagPickerButton.cjs} +8 -2
  142. package/lib-commonjs/components/TagPickerButton/useTagPickerButton.cjs.map +1 -0
  143. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.cjs.map +1 -0
  144. package/lib-commonjs/components/TagPickerControl/{TagPickerControl.js → TagPickerControl.cjs} +3 -3
  145. package/lib-commonjs/components/TagPickerControl/{TagPickerControl.js.map → TagPickerControl.cjs.map} +1 -1
  146. package/lib-commonjs/components/TagPickerControl/{index.js → index.cjs} +4 -4
  147. package/lib-commonjs/components/TagPickerControl/{index.js.map → index.cjs.map} +1 -1
  148. package/lib-commonjs/components/TagPickerControl/renderTagPickerControl.cjs.map +1 -0
  149. package/lib-commonjs/components/TagPickerControl/{useTagPickerControl.js → useTagPickerControl.cjs} +14 -8
  150. package/lib-commonjs/components/TagPickerControl/useTagPickerControl.cjs.map +1 -0
  151. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.cjs.map +1 -0
  152. package/lib-commonjs/components/TagPickerGroup/{TagPickerGroup.js → TagPickerGroup.cjs} +3 -3
  153. package/lib-commonjs/components/TagPickerGroup/{TagPickerGroup.js.map → TagPickerGroup.cjs.map} +1 -1
  154. package/lib-commonjs/components/TagPickerGroup/{TagPickerGroup.types.js → TagPickerGroup.types.cjs} +1 -1
  155. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.types.cjs.map +1 -0
  156. package/lib-commonjs/components/TagPickerGroup/{index.js → index.cjs} +4 -4
  157. package/lib-commonjs/components/TagPickerGroup/index.cjs.map +1 -0
  158. package/lib-commonjs/components/TagPickerGroup/renderTagPickerGroup.cjs.map +1 -0
  159. package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroup.js → useTagPickerGroup.cjs} +2 -2
  160. package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroup.js.map → useTagPickerGroup.cjs.map} +1 -1
  161. package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.js → useTagPickerGroupStyles.styles.cjs} +1 -1
  162. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.cjs.map +1 -0
  163. package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.raw.js → useTagPickerGroupStyles.styles.raw.cjs} +1 -1
  164. package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.raw.js.map → useTagPickerGroupStyles.styles.raw.cjs.map} +1 -1
  165. package/lib-commonjs/components/TagPickerInput/{TagPickerInput.js → TagPickerInput.cjs} +3 -3
  166. package/lib-commonjs/components/TagPickerInput/{TagPickerInput.js.map → TagPickerInput.cjs.map} +1 -1
  167. package/lib-commonjs/components/TagPickerInput/{index.js → index.cjs} +4 -4
  168. package/lib-commonjs/components/TagPickerInput/{index.js.map → index.cjs.map} +1 -1
  169. package/lib-commonjs/components/TagPickerInput/renderTagPickerInput.cjs.map +1 -0
  170. package/lib-commonjs/components/TagPickerInput/{useTagPickerInput.js → useTagPickerInput.cjs} +9 -3
  171. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.cjs.map +1 -0
  172. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.cjs.map +1 -0
  173. package/lib-commonjs/components/TagPickerInput/{useTagPickerInputStyles.styles.raw.js → useTagPickerInputStyles.styles.raw.cjs} +1 -1
  174. package/lib-commonjs/components/TagPickerInput/{useTagPickerInputStyles.styles.raw.js.map → useTagPickerInputStyles.styles.raw.cjs.map} +1 -1
  175. package/lib-commonjs/components/TagPickerList/{TagPickerList.js → TagPickerList.cjs} +3 -3
  176. package/lib-commonjs/components/TagPickerList/{TagPickerList.js.map → TagPickerList.cjs.map} +1 -1
  177. package/lib-commonjs/components/TagPickerList/{index.js → index.cjs} +4 -4
  178. package/lib-commonjs/components/TagPickerList/{index.js.map → index.cjs.map} +1 -1
  179. package/lib-commonjs/components/TagPickerList/{useTagPickerList.js → useTagPickerList.cjs} +1 -1
  180. package/lib-commonjs/components/TagPickerList/{useTagPickerList.js.map → useTagPickerList.cjs.map} +1 -1
  181. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.cjs.map +1 -0
  182. package/lib-commonjs/components/TagPickerOption/{TagPickerOption.js → TagPickerOption.cjs} +3 -3
  183. package/lib-commonjs/components/TagPickerOption/{TagPickerOption.js.map → TagPickerOption.cjs.map} +1 -1
  184. package/lib-commonjs/components/TagPickerOption/{index.js → index.cjs} +4 -4
  185. package/lib-commonjs/components/TagPickerOption/{index.js.map → index.cjs.map} +1 -1
  186. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.cjs.map +1 -0
  187. package/lib-commonjs/components/TagPickerOptionGroup/{TagPickerOptionGroup.js → TagPickerOptionGroup.cjs} +3 -3
  188. package/lib-commonjs/components/TagPickerOptionGroup/{TagPickerOptionGroup.js.map → TagPickerOptionGroup.cjs.map} +1 -1
  189. package/lib-commonjs/components/TagPickerOptionGroup/{index.js → index.cjs} +4 -4
  190. package/lib-commonjs/components/TagPickerOptionGroup/{index.js.map → index.cjs.map} +1 -1
  191. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.cjs.map +1 -0
  192. package/lib-commonjs/{index.js → index.cjs} +10 -10
  193. package/lib-commonjs/index.cjs.map +1 -0
  194. package/lib-commonjs/utils/{useExpandLabel.js → useExpandLabel.cjs} +1 -1
  195. package/lib-commonjs/utils/{useExpandLabel.js.map → useExpandLabel.cjs.map} +1 -1
  196. package/lib-commonjs/utils/useTabsterEscapeIgnore.cjs +22 -0
  197. package/lib-commonjs/utils/useTabsterEscapeIgnore.cjs.map +1 -0
  198. package/lib-commonjs/utils/{useTagPickerFilter.js → useTagPickerFilter.cjs} +1 -1
  199. package/lib-commonjs/utils/{useTagPickerFilter.js.map → useTagPickerFilter.cjs.map} +1 -1
  200. package/package.json +26 -20
  201. package/lib-commonjs/TagPickerGroup.js.map +0 -1
  202. package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.js.map +0 -1
  203. package/lib-commonjs/components/TagPickerButton/useTagPickerButton.js.map +0 -1
  204. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +0 -1
  205. package/lib-commonjs/components/TagPickerControl/renderTagPickerControl.js.map +0 -1
  206. package/lib-commonjs/components/TagPickerControl/useTagPickerControl.js.map +0 -1
  207. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +0 -1
  208. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.types.js.map +0 -1
  209. package/lib-commonjs/components/TagPickerGroup/index.js.map +0 -1
  210. package/lib-commonjs/components/TagPickerGroup/renderTagPickerGroup.js.map +0 -1
  211. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +0 -1
  212. package/lib-commonjs/components/TagPickerInput/renderTagPickerInput.js.map +0 -1
  213. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js.map +0 -1
  214. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +0 -1
  215. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js.map +0 -1
  216. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +0 -1
  217. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js.map +0 -1
  218. package/lib-commonjs/index.js.map +0 -1
  219. /package/lib-commonjs/components/TagPicker/{TagPicker.types.js → TagPicker.types.cjs} +0 -0
  220. /package/lib-commonjs/components/TagPicker/{TagPicker.types.js.map → TagPicker.types.cjs.map} +0 -0
  221. /package/lib-commonjs/components/TagPicker/{useTagPicker.js → useTagPicker.cjs} +0 -0
  222. /package/lib-commonjs/components/TagPicker/{useTagPicker.js.map → useTagPicker.cjs.map} +0 -0
  223. /package/lib-commonjs/components/TagPicker/{useTagPickerContextValues.js → useTagPickerContextValues.cjs} +0 -0
  224. /package/lib-commonjs/components/TagPicker/{useTagPickerContextValues.js.map → useTagPickerContextValues.cjs.map} +0 -0
  225. /package/lib-commonjs/components/TagPickerButton/{TagPickerButton.types.js → TagPickerButton.types.cjs} +0 -0
  226. /package/lib-commonjs/components/TagPickerButton/{TagPickerButton.types.js.map → TagPickerButton.types.cjs.map} +0 -0
  227. /package/lib-commonjs/components/TagPickerButton/{renderTagPickerButton.js → renderTagPickerButton.cjs} +0 -0
  228. /package/lib-commonjs/components/TagPickerButton/{useTagPickerButtonStyles.styles.js → useTagPickerButtonStyles.styles.cjs} +0 -0
  229. /package/lib-commonjs/components/TagPickerButton/{useTagPickerButtonStyles.styles.raw.js → useTagPickerButtonStyles.styles.raw.cjs} +0 -0
  230. /package/lib-commonjs/components/TagPickerButton/{useTagPickerButtonStyles.styles.raw.js.map → useTagPickerButtonStyles.styles.raw.cjs.map} +0 -0
  231. /package/lib-commonjs/components/TagPickerControl/{TagPickerControl.types.js → TagPickerControl.types.cjs} +0 -0
  232. /package/lib-commonjs/components/TagPickerControl/{TagPickerControl.types.js.map → TagPickerControl.types.cjs.map} +0 -0
  233. /package/lib-commonjs/components/TagPickerControl/{renderTagPickerControl.js → renderTagPickerControl.cjs} +0 -0
  234. /package/lib-commonjs/components/TagPickerControl/{useTagPickerControlStyles.styles.js → useTagPickerControlStyles.styles.cjs} +0 -0
  235. /package/lib-commonjs/components/TagPickerControl/{useTagPickerControlStyles.styles.raw.js → useTagPickerControlStyles.styles.raw.cjs} +0 -0
  236. /package/lib-commonjs/components/TagPickerControl/{useTagPickerControlStyles.styles.raw.js.map → useTagPickerControlStyles.styles.raw.cjs.map} +0 -0
  237. /package/lib-commonjs/components/TagPickerGroup/{renderTagPickerGroup.js → renderTagPickerGroup.cjs} +0 -0
  238. /package/lib-commonjs/components/TagPickerInput/{TagPickerInput.types.js → TagPickerInput.types.cjs} +0 -0
  239. /package/lib-commonjs/components/TagPickerInput/{TagPickerInput.types.js.map → TagPickerInput.types.cjs.map} +0 -0
  240. /package/lib-commonjs/components/TagPickerInput/{renderTagPickerInput.js → renderTagPickerInput.cjs} +0 -0
  241. /package/lib-commonjs/components/TagPickerInput/{useTagPickerInputStyles.styles.js → useTagPickerInputStyles.styles.cjs} +0 -0
  242. /package/lib-commonjs/components/TagPickerList/{TagPickerList.types.js → TagPickerList.types.cjs} +0 -0
  243. /package/lib-commonjs/components/TagPickerList/{TagPickerList.types.js.map → TagPickerList.types.cjs.map} +0 -0
  244. /package/lib-commonjs/components/TagPickerList/{renderTagPickerList.js → renderTagPickerList.cjs} +0 -0
  245. /package/lib-commonjs/components/TagPickerList/{renderTagPickerList.js.map → renderTagPickerList.cjs.map} +0 -0
  246. /package/lib-commonjs/components/TagPickerList/{useTagPickerListStyles.styles.js → useTagPickerListStyles.styles.cjs} +0 -0
  247. /package/lib-commonjs/components/TagPickerList/{useTagPickerListStyles.styles.raw.js → useTagPickerListStyles.styles.raw.cjs} +0 -0
  248. /package/lib-commonjs/components/TagPickerList/{useTagPickerListStyles.styles.raw.js.map → useTagPickerListStyles.styles.raw.cjs.map} +0 -0
  249. /package/lib-commonjs/components/TagPickerOption/{TagPickerOption.types.js → TagPickerOption.types.cjs} +0 -0
  250. /package/lib-commonjs/components/TagPickerOption/{TagPickerOption.types.js.map → TagPickerOption.types.cjs.map} +0 -0
  251. /package/lib-commonjs/components/TagPickerOption/{renderTagPickerOption.js → renderTagPickerOption.cjs} +0 -0
  252. /package/lib-commonjs/components/TagPickerOption/{renderTagPickerOption.js.map → renderTagPickerOption.cjs.map} +0 -0
  253. /package/lib-commonjs/components/TagPickerOption/{useTagPickerOption.js → useTagPickerOption.cjs} +0 -0
  254. /package/lib-commonjs/components/TagPickerOption/{useTagPickerOption.js.map → useTagPickerOption.cjs.map} +0 -0
  255. /package/lib-commonjs/components/TagPickerOption/{useTagPickerOptionStyles.styles.js → useTagPickerOptionStyles.styles.cjs} +0 -0
  256. /package/lib-commonjs/components/TagPickerOption/{useTagPickerOptionStyles.styles.raw.js → useTagPickerOptionStyles.styles.raw.cjs} +0 -0
  257. /package/lib-commonjs/components/TagPickerOption/{useTagPickerOptionStyles.styles.raw.js.map → useTagPickerOptionStyles.styles.raw.cjs.map} +0 -0
  258. /package/lib-commonjs/components/TagPickerOptionGroup/{TagPickerOptionGroup.types.js → TagPickerOptionGroup.types.cjs} +0 -0
  259. /package/lib-commonjs/components/TagPickerOptionGroup/{TagPickerOptionGroup.types.js.map → TagPickerOptionGroup.types.cjs.map} +0 -0
  260. /package/lib-commonjs/components/TagPickerOptionGroup/{renderTagPickerOptionGroup.js → renderTagPickerOptionGroup.cjs} +0 -0
  261. /package/lib-commonjs/components/TagPickerOptionGroup/{renderTagPickerOptionGroup.js.map → renderTagPickerOptionGroup.cjs.map} +0 -0
  262. /package/lib-commonjs/components/TagPickerOptionGroup/{useTagPickerOptionGroup.js → useTagPickerOptionGroup.cjs} +0 -0
  263. /package/lib-commonjs/components/TagPickerOptionGroup/{useTagPickerOptionGroup.js.map → useTagPickerOptionGroup.cjs.map} +0 -0
  264. /package/lib-commonjs/components/TagPickerOptionGroup/{useTagPickerOptionGroupStyles.styles.js → useTagPickerOptionGroupStyles.styles.cjs} +0 -0
  265. /package/lib-commonjs/components/TagPickerOptionGroup/{useTagPickerOptionGroupStyles.styles.raw.js → useTagPickerOptionGroupStyles.styles.raw.cjs} +0 -0
  266. /package/lib-commonjs/components/TagPickerOptionGroup/{useTagPickerOptionGroupStyles.styles.raw.js.map → useTagPickerOptionGroupStyles.styles.raw.cjs.map} +0 -0
  267. /package/lib-commonjs/contexts/{TagPickerContext.js → TagPickerContext.cjs} +0 -0
  268. /package/lib-commonjs/contexts/{TagPickerContext.js.map → TagPickerContext.cjs.map} +0 -0
  269. /package/lib-commonjs/utils/{tagPicker2Tag.js → tagPicker2Tag.cjs} +0 -0
  270. /package/lib-commonjs/utils/{tagPicker2Tag.js.map → tagPicker2Tag.cjs.map} +0 -0
  271. /package/lib-commonjs/utils/{tokens.js → tokens.cjs} +0 -0
  272. /package/lib-commonjs/utils/{tokens.js.map → tokens.cjs.map} +0 -0
  273. /package/lib-commonjs/utils/{useResizeObserverRef.js → useResizeObserverRef.cjs} +0 -0
  274. /package/lib-commonjs/utils/{useResizeObserverRef.js.map → useResizeObserverRef.cjs.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/TagPickerList.ts"],"sourcesContent":["export type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './components/TagPickerList/index';\nexport {\n TagPickerList,\n renderTagPickerList_unstable,\n tagPickerListClassNames,\n useTagPickerListStyles_unstable,\n useTagPickerList_unstable,\n} from './components/TagPickerList/index';\n"],"names":["TagPickerList","renderTagPickerList_unstable","tagPickerListClassNames","useTagPickerListStyles_unstable","useTagPickerList_unstable"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,mCAA4B;;;eAC5BC,8BAAuB;;;eACvBC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}
1
+ {"version":3,"sources":["../src/TagPickerList.ts"],"sourcesContent":["export type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './components/TagPickerList/index';\nexport {\n TagPickerList,\n renderTagPickerList_unstable,\n tagPickerListClassNames,\n useTagPickerListStyles_unstable,\n useTagPickerList_unstable,\n} from './components/TagPickerList/index';\n"],"names":["TagPickerList","renderTagPickerList_unstable","tagPickerListClassNames","useTagPickerListStyles_unstable","useTagPickerList_unstable"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,mCAA4B;;;eAC5BC,8BAAuB;;;eACvBC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,sCAAmC"}
@@ -25,4 +25,4 @@ _export(exports, {
25
25
  return _index.useTagPickerOption_unstable;
26
26
  }
27
27
  });
28
- const _index = require("./components/TagPickerOption/index");
28
+ const _index = require("./components/TagPickerOption/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/TagPickerOption.ts"],"sourcesContent":["export type {\n TagPickerOptionProps,\n TagPickerOptionSlots,\n TagPickerOptionState,\n} from './components/TagPickerOption/index';\nexport {\n TagPickerOption,\n renderTagPickerOption_unstable,\n tagPickerOptionClassNames,\n useTagPickerOptionStyles_unstable,\n useTagPickerOption_unstable,\n} from './components/TagPickerOption/index';\n"],"names":["TagPickerOption","renderTagPickerOption_unstable","tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,qCAA8B;;;eAC9BC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}
1
+ {"version":3,"sources":["../src/TagPickerOption.ts"],"sourcesContent":["export type {\n TagPickerOptionProps,\n TagPickerOptionSlots,\n TagPickerOptionState,\n} from './components/TagPickerOption/index';\nexport {\n TagPickerOption,\n renderTagPickerOption_unstable,\n tagPickerOptionClassNames,\n useTagPickerOptionStyles_unstable,\n useTagPickerOption_unstable,\n} from './components/TagPickerOption/index';\n"],"names":["TagPickerOption","renderTagPickerOption_unstable","tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,qCAA8B;;;eAC9BC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,wCAAqC"}
@@ -25,4 +25,4 @@ _export(exports, {
25
25
  return _index.useTagPickerOptionGroupStyles;
26
26
  }
27
27
  });
28
- const _index = require("./components/TagPickerOptionGroup/index");
28
+ const _index = require("./components/TagPickerOptionGroup/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/TagPickerOptionGroup.ts"],"sourcesContent":["export type {\n TagPickerOptionGroupProps,\n TagPickerOptionGroupSlots,\n TagPickerOptionGroupState,\n} from './components/TagPickerOptionGroup/index';\nexport {\n TagPickerOptionGroup,\n renderTagPickerOptionGroup,\n tagPickerOptionGroupClassNames,\n useTagPickerOptionGroup,\n useTagPickerOptionGroupStyles,\n} from './components/TagPickerOptionGroup/index';\n"],"names":["TagPickerOptionGroup","renderTagPickerOptionGroup","tagPickerOptionGroupClassNames","useTagPickerOptionGroup","useTagPickerOptionGroupStyles"],"mappings":";;;;;;;;;;;;eAMEA,2BAAoB;;;eACpBC,iCAA0B;;;eAC1BC,qCAA8B;;;eAC9BC,8BAAuB;;;eACvBC,oCAA6B;;;uBACxB,0CAA0C"}
1
+ {"version":3,"sources":["../src/TagPickerOptionGroup.ts"],"sourcesContent":["export type {\n TagPickerOptionGroupProps,\n TagPickerOptionGroupSlots,\n TagPickerOptionGroupState,\n} from './components/TagPickerOptionGroup/index';\nexport {\n TagPickerOptionGroup,\n renderTagPickerOptionGroup,\n tagPickerOptionGroupClassNames,\n useTagPickerOptionGroup,\n useTagPickerOptionGroupStyles,\n} from './components/TagPickerOptionGroup/index';\n"],"names":["TagPickerOptionGroup","renderTagPickerOptionGroup","tagPickerOptionGroupClassNames","useTagPickerOptionGroup","useTagPickerOptionGroupStyles"],"mappings":";;;;;;;;;;;;eAMEA,2BAAoB;;;eACpBC,iCAA0B;;;eAC1BC,qCAA8B;;;eAC9BC,8BAAuB;;;eACvBC,oCAA6B;;;uBACxB,6CAA0C"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPicker", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useTagPicker = require("./useTagPicker");
15
- const _renderTagPicker = require("./renderTagPicker");
16
- const _useTagPickerContextValues = require("./useTagPickerContextValues");
14
+ const _useTagPicker = require("./useTagPicker.cjs");
15
+ const _renderTagPicker = require("./renderTagPicker.cjs");
16
+ const _useTagPickerContextValues = require("./useTagPickerContextValues.cjs");
17
17
  const TagPicker = /*#__PURE__*/ _react.memo((props)=>{
18
18
  const state = (0, _useTagPicker.useTagPicker_unstable)(props);
19
19
  const contextValues = (0, _useTagPickerContextValues.useTagPickerContextValues)(state);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPicker/TagPicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTagPicker_unstable } from './useTagPicker';\nimport { renderTagPicker_unstable } from './renderTagPicker';\nimport type { TagPickerProps } from './TagPicker.types';\nimport { useTagPickerContextValues } from './useTagPickerContextValues';\n\n/**\n * TagPicker component -\n * A TagPicker is a composite component that allows users to pick tags from a list of options.\n */\nexport const TagPicker: React.FC<TagPickerProps> = React.memo(props => {\n const state = useTagPicker_unstable(props);\n const contextValues = useTagPickerContextValues(state);\n return renderTagPicker_unstable(state, contextValues);\n});\n\nTagPicker.displayName = 'TagPicker';\n"],"names":["React","useTagPicker_unstable","renderTagPicker_unstable","useTagPickerContextValues","TagPicker","memo","props","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACO,iBAAiB;iCACd,oBAAoB;2CAEnB,8BAA8B;AAMjE,MAAMI,YAAAA,WAAAA,GAAsCJ,OAAMK,IAAI,CAACC,CAAAA;IAC5D,MAAMC,YAAQN,mCAAAA,EAAsBK;IACpC,MAAME,oBAAgBL,oDAAAA,EAA0BI;IAChD,WAAOL,yCAAAA,EAAyBK,OAAOC;AACzC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TagPicker/TagPicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTagPicker_unstable } from './useTagPicker';\nimport { renderTagPicker_unstable } from './renderTagPicker';\nimport type { TagPickerProps } from './TagPicker.types';\nimport { useTagPickerContextValues } from './useTagPickerContextValues';\n\n/**\n * TagPicker component -\n * A TagPicker is a composite component that allows users to pick tags from a list of options.\n */\nexport const TagPicker: React.FC<TagPickerProps> = React.memo(props => {\n const state = useTagPicker_unstable(props);\n const contextValues = useTagPickerContextValues(state);\n return renderTagPicker_unstable(state, contextValues);\n});\n\nTagPicker.displayName = 'TagPicker';\n"],"names":["React","useTagPicker_unstable","renderTagPicker_unstable","useTagPickerContextValues","TagPicker","memo","props","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACO,oBAAiB;iCACd,uBAAoB;2CAEnB,iCAA8B;AAMjE,MAAMI,YAAAA,WAAAA,GAAsCJ,OAAMK,IAAI,CAACC,CAAAA;IAC5D,MAAMC,YAAQN,mCAAAA,EAAsBK;IACpC,MAAME,oBAAgBL,oDAAAA,EAA0BI;IAChD,WAAOL,yCAAAA,EAAyBK,OAAOC;AACzC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  return _useTagPicker.useTagPicker_unstable;
26
26
  }
27
27
  });
28
- const _TagPicker = require("./TagPicker");
29
- const _renderTagPicker = require("./renderTagPicker");
30
- const _useTagPicker = require("./useTagPicker");
31
- const _useTagPickerContextValues = require("./useTagPickerContextValues");
28
+ const _TagPicker = require("./TagPicker.cjs");
29
+ const _renderTagPicker = require("./renderTagPicker.cjs");
30
+ const _useTagPicker = require("./useTagPicker.cjs");
31
+ const _useTagPickerContextValues = require("./useTagPickerContextValues.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPicker/index.ts"],"sourcesContent":["export { TagPicker } from './TagPicker';\nexport type {\n TagPickerBaseProps,\n TagPickerBaseState,\n TagPickerContextValues,\n TagPickerOnOpenChangeData,\n TagPickerOnOptionSelectData,\n TagPickerProps,\n TagPickerSize,\n TagPickerSlots,\n TagPickerState,\n} from './TagPicker.types';\nexport { renderTagPicker_unstable } from './renderTagPicker';\nexport { useTagPicker_unstable, useTagPickerBase_unstable } from './useTagPicker';\nexport { useTagPickerContextValues } from './useTagPickerContextValues';\n"],"names":["TagPicker","renderTagPicker_unstable","useTagPicker_unstable","useTagPickerBase_unstable","useTagPickerContextValues"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAYTC,yCAAwB;;;eACDE,uCAAyB;;;eAChDC,oDAAyB;;;eADzBF,mCAAqB;;;2BAbJ,cAAc;iCAYC,oBAAoB;8BACI,iBAAiB;2CACxC,8BAA8B"}
1
+ {"version":3,"sources":["../src/components/TagPicker/index.ts"],"sourcesContent":["export { TagPicker } from './TagPicker';\nexport type {\n TagPickerBaseProps,\n TagPickerBaseState,\n TagPickerContextValues,\n TagPickerOnOpenChangeData,\n TagPickerOnOptionSelectData,\n TagPickerProps,\n TagPickerSize,\n TagPickerSlots,\n TagPickerState,\n} from './TagPicker.types';\nexport { renderTagPicker_unstable } from './renderTagPicker';\nexport { useTagPicker_unstable, useTagPickerBase_unstable } from './useTagPicker';\nexport { useTagPickerContextValues } from './useTagPickerContextValues';\n"],"names":["TagPicker","renderTagPicker_unstable","useTagPicker_unstable","useTagPickerBase_unstable","useTagPickerContextValues"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAYTC,yCAAwB;;;eACDE,uCAAyB;;;eAChDC,oDAAyB;;;eADzBF,mCAAqB;;;2BAbJ,iBAAc;iCAYC,uBAAoB;8BACI,oBAAiB;2CACxC,iCAA8B"}
@@ -14,7 +14,7 @@ const _reactaria = require("@fluentui/react-aria");
14
14
  const _reactcombobox = require("@fluentui/react-combobox");
15
15
  const _reactportal = require("@fluentui/react-portal");
16
16
  const _reactutilities = require("@fluentui/react-utilities");
17
- const _TagPickerContext = require("../../contexts/TagPickerContext");
17
+ const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
18
18
  const renderTagPicker_unstable = (state, contexts)=>{
19
19
  (0, _reactutilities.assertSlots)(state);
20
20
  return /*#__PURE__*/ _react.createElement(_TagPickerContext.TagPickerContextProvider, {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPicker/renderTagPicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerState, TagPickerContextValues, TagPickerSlots } from './TagPicker.types';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport { ListboxProvider } from '@fluentui/react-combobox';\nimport { Portal } from '@fluentui/react-portal';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { TagPickerContextProvider } from '../../contexts/TagPickerContext';\n\n/**\n * Render the final JSX of Picker\n */\n\nexport const renderTagPicker_unstable = (state: TagPickerState, contexts: TagPickerContextValues): JSXElement => {\n assertSlots<TagPickerSlots>(state);\n return (\n <TagPickerContextProvider value={contexts.picker}>\n <ActiveDescendantContextProvider value={contexts.activeDescendant}>\n <ListboxProvider value={contexts.listbox}>\n {state.trigger}\n {state.popover &&\n (state.inline ? state.popover : <Portal mountNode={state.mountNode}>{state.popover}</Portal>)}\n </ListboxProvider>\n </ActiveDescendantContextProvider>\n </TagPickerContextProvider>\n );\n};\n"],"names":["React","ActiveDescendantContextProvider","ListboxProvider","Portal","assertSlots","TagPickerContextProvider","renderTagPicker_unstable","state","contexts","value","picker","activeDescendant","listbox","trigger","popover","inline","mountNode"],"mappings":";;;;+BAaaM;;;;;;;iEAbU,QAAQ;2BAEiB,uBAAuB;+BACvC,2BAA2B;6BACpC,yBAAyB;gCACpB,4BAA4B;kCAEf,kCAAkC;AAMpE,iCAAiC,CAACC,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAC5B,OAAA,WAAA,GACE,OAAA,aAAA,CAACF,0CAAAA,EAAAA;QAAyBI,OAAOD,SAASE,MAAM;qBAC9C,OAAA,aAAA,CAACT,0CAAAA,EAAAA;QAAgCQ,OAAOD,SAASG,gBAAgB;qBAC/D,OAAA,aAAA,CAACT,8BAAAA,EAAAA;QAAgBO,OAAOD,SAASI,OAAO;OACrCL,MAAMM,OAAO,EACbN,MAAMO,OAAO,IACXP,CAAAA,MAAMQ,MAAM,GAAGR,MAAMO,OAAO,GAAA,WAAA,GAAG,OAAA,aAAA,CAACX,mBAAAA,EAAAA;QAAOa,WAAWT,MAAMS,SAAS;OAAGT,MAAMO,QAAO,CAAS;AAKvG,EAAE"}
1
+ {"version":3,"sources":["../src/components/TagPicker/renderTagPicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerState, TagPickerContextValues, TagPickerSlots } from './TagPicker.types';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport { ListboxProvider } from '@fluentui/react-combobox';\nimport { Portal } from '@fluentui/react-portal';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { TagPickerContextProvider } from '../../contexts/TagPickerContext';\n\n/**\n * Render the final JSX of Picker\n */\n\nexport const renderTagPicker_unstable = (state: TagPickerState, contexts: TagPickerContextValues): JSXElement => {\n assertSlots<TagPickerSlots>(state);\n return (\n <TagPickerContextProvider value={contexts.picker}>\n <ActiveDescendantContextProvider value={contexts.activeDescendant}>\n <ListboxProvider value={contexts.listbox}>\n {state.trigger}\n {state.popover &&\n (state.inline ? state.popover : <Portal mountNode={state.mountNode}>{state.popover}</Portal>)}\n </ListboxProvider>\n </ActiveDescendantContextProvider>\n </TagPickerContextProvider>\n );\n};\n"],"names":["React","ActiveDescendantContextProvider","ListboxProvider","Portal","assertSlots","TagPickerContextProvider","renderTagPicker_unstable","state","contexts","value","picker","activeDescendant","listbox","trigger","popover","inline","mountNode"],"mappings":";;;;+BAaaM;;;;;;;iEAbU,QAAQ;2BAEiB,uBAAuB;+BACvC,2BAA2B;6BACpC,yBAAyB;gCACpB,4BAA4B;kCAEf,qCAAkC;AAMpE,iCAAiC,CAACC,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAC5B,OAAA,WAAA,GACE,OAAA,aAAA,CAACF,0CAAAA,EAAAA;QAAyBI,OAAOD,SAASE,MAAM;qBAC9C,OAAA,aAAA,CAACT,0CAAAA,EAAAA;QAAgCQ,OAAOD,SAASG,gBAAgB;qBAC/D,OAAA,aAAA,CAACT,8BAAAA,EAAAA;QAAgBO,OAAOD,SAASI,OAAO;OACrCL,MAAMM,OAAO,EACbN,MAAMO,OAAO,IACXP,CAAAA,MAAMQ,MAAM,GAAGR,MAAMO,OAAO,GAAA,WAAA,GAAG,OAAA,aAAA,CAACX,mBAAAA,EAAAA;QAAOa,WAAWT,MAAMS,SAAS;OAAGT,MAAMO,QAAO,CAAS;AAKvG,EAAE"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerButton", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useTagPickerButton = require("./useTagPickerButton");
15
- const _renderTagPickerButton = require("./renderTagPickerButton");
16
- const _useTagPickerButtonStylesstyles = require("./useTagPickerButtonStyles.styles");
14
+ const _useTagPickerButton = require("./useTagPickerButton.cjs");
15
+ const _renderTagPickerButton = require("./renderTagPickerButton.cjs");
16
+ const _useTagPickerButtonStylesstyles = require("./useTagPickerButtonStyles.styles.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const TagPickerButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useTagPickerButton.useTagPickerButton_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerButton/TagPickerButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerButton_unstable } from './useTagPickerButton';\nimport { renderTagPickerButton_unstable } from './renderTagPickerButton';\nimport { useTagPickerButtonStyles_unstable } from './useTagPickerButtonStyles.styles';\nimport type { TagPickerButtonProps } from './TagPickerButton.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerButton component -\n * A TagPickerButton is an alternative to TagPickerInput that does not include an input field.\n */\nexport const TagPickerButton: ForwardRefComponent<TagPickerButtonProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerButton_unstable(props, ref);\n\n useTagPickerButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerButtonStyles_unstable')(state);\n return renderTagPickerButton_unstable(state);\n});\n\nTagPickerButton.displayName = 'TagPickerButton';\n"],"names":["React","useTagPickerButton_unstable","renderTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useCustomStyleHook_unstable","TagPickerButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCAEa,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;qCAE1C,kCAAkC;AAMvE,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQR,+CAAAA,EAA4BM,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCL,gDAAAA,EAA4B,qCAAqCK;IACjE,WAAOP,qDAAAA,EAA+BO;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TagPickerButton/TagPickerButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerButton_unstable } from './useTagPickerButton';\nimport { renderTagPickerButton_unstable } from './renderTagPickerButton';\nimport { useTagPickerButtonStyles_unstable } from './useTagPickerButtonStyles.styles';\nimport type { TagPickerButtonProps } from './TagPickerButton.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerButton component -\n * A TagPickerButton is an alternative to TagPickerInput that does not include an input field.\n */\nexport const TagPickerButton: ForwardRefComponent<TagPickerButtonProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerButton_unstable(props, ref);\n\n useTagPickerButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerButtonStyles_unstable')(state);\n return renderTagPickerButton_unstable(state);\n});\n\nTagPickerButton.displayName = 'TagPickerButton';\n"],"names":["React","useTagPickerButton_unstable","renderTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useCustomStyleHook_unstable","TagPickerButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCAEa,0BAAuB;uCACpB,6BAA0B;gDACvB,uCAAoC;qCAE1C,kCAAkC;AAMvE,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQR,+CAAAA,EAA4BM,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCL,gDAAAA,EAA4B,qCAAqCK;IACjE,WAAOP,qDAAAA,EAA+BO;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
@@ -28,7 +28,7 @@ _export(exports, {
28
28
  return _useTagPickerButton.useTagPickerButton_unstable;
29
29
  }
30
30
  });
31
- const _TagPickerButton = require("./TagPickerButton");
32
- const _renderTagPickerButton = require("./renderTagPickerButton");
33
- const _useTagPickerButton = require("./useTagPickerButton");
34
- const _useTagPickerButtonStylesstyles = require("./useTagPickerButtonStyles.styles");
31
+ const _TagPickerButton = require("./TagPickerButton.cjs");
32
+ const _renderTagPickerButton = require("./renderTagPickerButton.cjs");
33
+ const _useTagPickerButton = require("./useTagPickerButton.cjs");
34
+ const _useTagPickerButtonStylesstyles = require("./useTagPickerButtonStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerButton/index.ts"],"sourcesContent":["export { TagPickerButton } from './TagPickerButton';\nexport type {\n TagPickerButtonBaseProps,\n TagPickerButtonBaseState,\n TagPickerButtonProps,\n TagPickerButtonSlots,\n TagPickerButtonState,\n} from './TagPickerButton.types';\nexport { renderTagPickerButton_unstable } from './renderTagPickerButton';\nexport { useTagPickerButton_unstable, useTagPickerButtonBase_unstable } from './useTagPickerButton';\nexport { tagPickerButtonClassNames, useTagPickerButtonStyles_unstable } from './useTagPickerButtonStyles.styles';\n"],"names":["TagPickerButton","renderTagPickerButton_unstable","useTagPickerButton_unstable","useTagPickerButtonBase_unstable","tagPickerButtonClassNames","useTagPickerButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAQfC,qDAA8B;;;eAE9BG,yDAAyB;;;eADID,mDAA+B;;;eACjCE,iEAAiC;;;eAD5DH,+CAA2B;;;iCATJ,oBAAoB;uCAQL,0BAA0B;oCACI,uBAAuB;gDACvB,oCAAoC"}
1
+ {"version":3,"sources":["../src/components/TagPickerButton/index.ts"],"sourcesContent":["export { TagPickerButton } from './TagPickerButton';\nexport type {\n TagPickerButtonBaseProps,\n TagPickerButtonBaseState,\n TagPickerButtonProps,\n TagPickerButtonSlots,\n TagPickerButtonState,\n} from './TagPickerButton.types';\nexport { renderTagPickerButton_unstable } from './renderTagPickerButton';\nexport { useTagPickerButton_unstable, useTagPickerButtonBase_unstable } from './useTagPickerButton';\nexport { tagPickerButtonClassNames, useTagPickerButtonStyles_unstable } from './useTagPickerButtonStyles.styles';\n"],"names":["TagPickerButton","renderTagPickerButton_unstable","useTagPickerButton_unstable","useTagPickerButtonBase_unstable","tagPickerButtonClassNames","useTagPickerButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAQfC,qDAA8B;;;eAE9BG,yDAAyB;;;eADID,mDAA+B;;;eACjCE,iEAAiC;;;eAD5DH,+CAA2B;;;iCATJ,uBAAoB;uCAQL,6BAA0B;oCACI,0BAAuB;gDACvB,uCAAoC"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerButton/renderTagPickerButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TagPickerButtonBaseState, TagPickerButtonSlots } from './TagPickerButton.types';\n\n/**\n * Render the final JSX of PickerButton\n */\nexport const renderTagPickerButton_unstable = (state: TagPickerButtonBaseState): JSXElement => {\n assertSlots<TagPickerButtonSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderTagPickerButton_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAOjD,MAAMC,iCAAiC,CAACC;QAC7CF,2BAAAA,EAAkCE;IAElC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
@@ -18,8 +18,9 @@ _export(exports, {
18
18
  }
19
19
  });
20
20
  const _reactaria = require("@fluentui/react-aria");
21
- const _TagPickerContext = require("../../contexts/TagPickerContext");
21
+ const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
22
22
  const _reactcombobox = require("@fluentui/react-combobox");
23
+ const _useTabsterEscapeIgnore = require("../../utils/useTabsterEscapeIgnore.cjs");
23
24
  const useTagPickerButtonBase_unstable = (props, ref)=>{
24
25
  const { controller: activeDescendantController } = (0, _reactaria.useActiveDescendantContext)();
25
26
  const triggerRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.triggerRef);
@@ -62,9 +63,14 @@ const useTagPickerButtonBase_unstable = (props, ref)=>{
62
63
  };
63
64
  const useTagPickerButton_unstable = (props, ref)=>{
64
65
  const baseState = useTagPickerButtonBase_unstable(props, ref);
66
+ const open = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.open);
65
67
  const size = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.size);
66
68
  return {
67
69
  ...baseState,
68
- size
70
+ size,
71
+ root: {
72
+ ...(0, _useTabsterEscapeIgnore.useTabsterEscapeIgnore)(baseState.root, open),
73
+ ...baseState.root
74
+ }
69
75
  };
70
76
  };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerButton/useTagPickerButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport type {\n TagPickerButtonBaseProps,\n TagPickerButtonBaseState,\n TagPickerButtonProps,\n TagPickerButtonState,\n} from './TagPickerButton.types';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { useButtonTriggerSlot } from '@fluentui/react-combobox';\nimport { useTabsterEscapeIgnore } from '../../utils/useTabsterEscapeIgnore';\n\n/**\n * Create the base state required to render TagPickerButton, without design-only props.\n *\n * @param props - props from this instance of TagPickerButton (without size, appearance)\n * @param ref - reference to root HTMLButtonElement of TagPickerButton\n */\nexport const useTagPickerButtonBase_unstable = (\n props: TagPickerButtonBaseProps,\n ref: React.Ref<HTMLButtonElement>,\n): TagPickerButtonBaseState => {\n const { controller: activeDescendantController } = useActiveDescendantContext();\n const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n const open = useTagPickerContext_unstable(ctx => ctx.open);\n const value = useTagPickerContext_unstable(ctx => ctx.value);\n const hasSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n const getOptionById = useTagPickerContext_unstable(ctx => ctx.getOptionById);\n const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n const setHasFocus = useTagPickerContext_unstable(ctx => ctx.setHasFocus);\n const setOpen = useTagPickerContext_unstable(ctx => ctx.setOpen);\n\n // casting is required here as triggerRef can either be button or input,\n // but in this case we can assure it's a button\n const root = useButtonTriggerSlot(props, triggerRef as React.RefObject<HTMLButtonElement>, {\n activeDescendantController,\n defaultProps: {\n type: 'button',\n tabIndex: 0,\n children:\n value ||\n // @ts-expect-error - FIXME: TS2339: Property 'placeholder' does not exist on type 'TagPickerButtonBaseProps'\n props.placeholder,\n 'aria-controls': open ? popoverId : undefined,\n ref,\n },\n state: {\n getOptionById,\n open,\n selectOption,\n setHasFocus,\n setOpen,\n multiselect: true,\n },\n });\n\n return {\n components: {\n root: 'button',\n },\n root,\n hasSelectedOption,\n };\n};\n\n/**\n * Create the state required to render TagPickerButton.\n *\n * The returned state can be modified with hooks such as useTagPickerButtonStyles_unstable,\n * before being passed to renderTagPickerButton_unstable.\n *\n * @param props - props from this instance of TagPickerButton\n * @param ref - reference to root HTMLButtonElement of TagPickerButton\n */\nexport const useTagPickerButton_unstable = (\n props: TagPickerButtonProps,\n ref: React.Ref<HTMLButtonElement>,\n): TagPickerButtonState => {\n const baseState = useTagPickerButtonBase_unstable(props, ref);\n const open = useTagPickerContext_unstable(ctx => ctx.open);\n const size = useTagPickerContext_unstable(ctx => ctx.size);\n\n return {\n ...baseState,\n size,\n root: {\n ...useTabsterEscapeIgnore(baseState.root, open),\n ...baseState.root,\n },\n };\n};\n"],"names":["useActiveDescendantContext","useTagPickerContext_unstable","useButtonTriggerSlot","useTabsterEscapeIgnore","useTagPickerButtonBase_unstable","props","ref","controller","activeDescendantController","triggerRef","ctx","open","value","hasSelectedOption","selectedOptions","length","popoverId","getOptionById","selectOption","setHasFocus","setOpen","root","defaultProps","type","tabIndex","children","placeholder","undefined","state","multiselect","components","useTagPickerButton_unstable","baseState","size"],"mappings":"AAAA;;;;;;;;;;;;IAoBaI,+BAAAA;;;+BAyDA2B;;;;2BA1E8B,uBAAuB;kCAOrB,qCAAkC;+BAC1C,2BAA2B;wCACzB,wCAAqC;AAQrE,wCAAwC,CAC7C1B,OACAC;IAEA,MAAM,EAAEC,YAAYC,0BAA0B,EAAE,OAAGR,qCAAAA;IACnD,MAAMS,iBAAaR,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAID,UAAU;IACrE,MAAME,WAAOV,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIC,IAAI;IACzD,MAAMC,YAAQX,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIE,KAAK;IAC3D,MAAMC,wBAAoBZ,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAII,eAAe,CAACC,MAAM,GAAG;IAC3F,MAAMC,YAAYf,kDAAAA,EAA6BS,CAAAA,MAAOA,IAAIM,SAAS;IACnE,MAAMC,oBAAgBhB,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIO,aAAa;IAC3E,MAAMC,mBAAejB,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIQ,YAAY;IACzE,MAAMC,kBAAclB,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIS,WAAW;IACvE,MAAMC,cAAUnB,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIU,OAAO;IAE/D,wEAAwE;IACxE,+CAA+C;IAC/C,MAAMC,WAAOnB,mCAAAA,EAAqBG,OAAOI,YAAkD;QACzFD;QACAc,cAAc;YACZC,MAAM;YACNC,UAAU;YACVC,UACEb,SACA,6GAA6G;YAC7GP,MAAMqB,WAAW;YACnB,iBAAiBf,OAAOK,YAAYW;YACpCrB;QACF;QACAsB,OAAO;YACLX;YACAN;YACAO;YACAC;YACAC;YACAS,aAAa;QACf;IACF;IAEA,OAAO;QACLC,YAAY;YACVT,MAAM;QACR;QACAA;QACAR;IACF;AACF,EAAE;AAWK,MAAMkB,8BAA8B,CACzC1B,OACAC;IAEA,MAAM0B,YAAY5B,gCAAgCC,OAAOC;IACzD,MAAMK,WAAOV,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIC,IAAI;IACzD,MAAMsB,WAAOhC,8CAAAA,EAA6BS,CAAAA,MAAOA,IAAIuB,IAAI;IAEzD,OAAO;QACL,GAAGD,SAAS;QACZC;QACAZ,MAAM;YACJ,OAAGlB,8CAAAA,EAAuB6B,UAAUX,IAAI,EAAEV,KAAK;YAC/C,GAAGqB,UAAUX,IAAI;QACnB;IACF;AACF,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nexport const tagPickerButtonClassNames = {\n root: 'fui-TagPickerButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n button: {\n alignItems: 'center',\n minHeight: '32px',\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n columnGap: tokens.spacingHorizontalXXS,\n cursor: 'pointer',\n fontFamily: tokens.fontFamilyBase,\n textAlign: 'left',\n flexGrow: 1,\n '&:focus': {\n outlineStyle: 'none'\n }\n },\n placeholder: {\n color: tokens.colorNeutralForeground4\n },\n // size variants\n medium: {\n ...typographyStyles.caption1,\n padding: `3px ${tokens.spacingHorizontalSNudge} 3px ${`calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`}`\n },\n large: {\n ...typographyStyles.body1,\n padding: `5px ${tokens.spacingHorizontalMNudge} 5px ${`calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`}`\n },\n 'extra-large': {\n columnGap: tokens.spacingHorizontalSNudge,\n ...typographyStyles.body2,\n padding: `7px ${tokens.spacingHorizontalM} 7px ${`calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`}`\n },\n // appearance variants\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n }\n },\n underline: {\n backgroundColor: tokens.colorTransparentBackground,\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n borderRadius: '0'\n },\n 'filled-lighter': {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid transparent`\n },\n 'filled-darker': {\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid transparent`\n },\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n }\n },\n invalidUnderline: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n borderBottomColor: tokens.colorPaletteRedBorder2\n }\n },\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText')\n }\n },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed'\n },\n hidden: {\n display: 'none'\n },\n visuallyHidden: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0px',\n width: '1px',\n position: 'absolute'\n }\n});\n/**\n * Apply styling to the PickerButton slots based on the state\n */ export const useTagPickerButtonStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(tagPickerButtonClassNames.root, styles.button, styles[state.size], state.hasSelectedOption && styles.visuallyHidden, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","tagPickerButtonClassNames","root","useStyles","button","Bt984gj","sshi5w","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","B7ck84d","sj55zd","i8kkvl","Bceei9c","Bahqtrf","fsow6f","Bh6795r","Brovlpu","placeholder","medium","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","disabledText","hidden","mc9l5x","visuallyHidden","Bh84pgu","Bqenvij","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","B68tc82","Bmxbyg5","Bpg54ce","a9b677","qhf8xq","d","p","f","h","a","m","useTagPickerButtonStyles_unstable","state","styles","className","size","hasSelectedOption"],"mappings":"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"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerControl", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useTagPickerControl = require("./useTagPickerControl");
15
- const _renderTagPickerControl = require("./renderTagPickerControl");
16
- const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles");
14
+ const _useTagPickerControl = require("./useTagPickerControl.cjs");
15
+ const _renderTagPickerControl = require("./renderTagPickerControl.cjs");
16
+ const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const TagPickerControl = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useTagPickerControl.useTagPickerControl_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerControl/TagPickerControl.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerControl_unstable } from './useTagPickerControl';\nimport { renderTagPickerControl_unstable } from './renderTagPickerControl';\nimport { useTagPickerControlStyles_unstable } from './useTagPickerControlStyles.styles';\nimport type { TagPickerControlProps } from './TagPickerControl.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerControl component -\n * A TagPickerControl is a composite component that controls actions and state for a TagPicker.\n */\nexport const TagPickerControl: ForwardRefComponent<TagPickerControlProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerControl_unstable(props, ref);\n\n useTagPickerControlStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerControlStyles_unstable')(state);\n return renderTagPickerControl_unstable(state);\n});\n\nTagPickerControl.displayName = 'TagPickerControl';\n"],"names":["React","useTagPickerControl_unstable","renderTagPickerControl_unstable","useTagPickerControlStyles_unstable","useCustomStyleHook_unstable","TagPickerControl","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEc,wBAAwB;wCACrB,2BAA2B;iDACxB,qCAAqC;qCAE5C,kCAAkC;AAMvE,MAAMK,mBAAAA,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,YAAQR,iDAAAA,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QACnCL,gDAAAA,EAA4B,sCAAsCK;IAClE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TagPickerControl/TagPickerControl.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerControl_unstable } from './useTagPickerControl';\nimport { renderTagPickerControl_unstable } from './renderTagPickerControl';\nimport { useTagPickerControlStyles_unstable } from './useTagPickerControlStyles.styles';\nimport type { TagPickerControlProps } from './TagPickerControl.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerControl component -\n * A TagPickerControl is a composite component that controls actions and state for a TagPicker.\n */\nexport const TagPickerControl: ForwardRefComponent<TagPickerControlProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerControl_unstable(props, ref);\n\n useTagPickerControlStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerControlStyles_unstable')(state);\n return renderTagPickerControl_unstable(state);\n});\n\nTagPickerControl.displayName = 'TagPickerControl';\n"],"names":["React","useTagPickerControl_unstable","renderTagPickerControl_unstable","useTagPickerControlStyles_unstable","useCustomStyleHook_unstable","TagPickerControl","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEc,2BAAwB;wCACrB,8BAA2B;iDACxB,wCAAqC;qCAE5C,kCAAkC;AAMvE,MAAMK,mBAAAA,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,YAAQR,iDAAAA,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QACnCL,gDAAAA,EAA4B,sCAAsCK;IAClE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
@@ -34,7 +34,7 @@ _export(exports, {
34
34
  return _useTagPickerControl.useTagPickerControl_unstable;
35
35
  }
36
36
  });
37
- const _TagPickerControl = require("./TagPickerControl");
38
- const _renderTagPickerControl = require("./renderTagPickerControl");
39
- const _useTagPickerControl = require("./useTagPickerControl");
40
- const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles");
37
+ const _TagPickerControl = require("./TagPickerControl.cjs");
38
+ const _renderTagPickerControl = require("./renderTagPickerControl.cjs");
39
+ const _useTagPickerControl = require("./useTagPickerControl.cjs");
40
+ const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerControl/index.ts"],"sourcesContent":["export { TagPickerControl } from './TagPickerControl';\nexport type {\n TagPickerControlBaseState,\n TagPickerControlCSSProperties,\n TagPickerControlInternalSlots,\n TagPickerControlProps,\n TagPickerControlSlots,\n TagPickerControlState,\n} from './TagPickerControl.types';\nexport { renderTagPickerControl_unstable } from './renderTagPickerControl';\nexport { useTagPickerControl_unstable, useTagPickerControlBase_unstable } from './useTagPickerControl';\nexport {\n iconSizes,\n tagPickerControlAsideWidthToken,\n tagPickerControlClassNames,\n useTagPickerControlStyles_unstable,\n} from './useTagPickerControlStyles.styles';\n"],"names":["TagPickerControl","renderTagPickerControl_unstable","useTagPickerControl_unstable","useTagPickerControlBase_unstable","iconSizes","tagPickerControlAsideWidthToken","tagPickerControlClassNames","useTagPickerControlStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;iDAAgB;;aAYd;eAATI;;;eAHOH,uDAA+B;;;eAItCI,gEAA+B;;;eAC/BC,2DAA0B;;;eAJWH,qDAAgC;;;eAKrEI,mEAAkC;;;eAL3BL,iDAA4B;;;kCAVJ,qBAAqB;wCASN,2BAA2B;qCACI,wBAAwB;iDAMhG,qCAAqC"}
1
+ {"version":3,"sources":["../src/components/TagPickerControl/index.ts"],"sourcesContent":["export { TagPickerControl } from './TagPickerControl';\nexport type {\n TagPickerControlBaseState,\n TagPickerControlCSSProperties,\n TagPickerControlInternalSlots,\n TagPickerControlProps,\n TagPickerControlSlots,\n TagPickerControlState,\n} from './TagPickerControl.types';\nexport { renderTagPickerControl_unstable } from './renderTagPickerControl';\nexport { useTagPickerControl_unstable, useTagPickerControlBase_unstable } from './useTagPickerControl';\nexport {\n iconSizes,\n tagPickerControlAsideWidthToken,\n tagPickerControlClassNames,\n useTagPickerControlStyles_unstable,\n} from './useTagPickerControlStyles.styles';\n"],"names":["TagPickerControl","renderTagPickerControl_unstable","useTagPickerControl_unstable","useTagPickerControlBase_unstable","iconSizes","tagPickerControlAsideWidthToken","tagPickerControlClassNames","useTagPickerControlStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;iDAAgB;;aAYd;eAATI;;;eAHOH,uDAA+B;;;eAItCI,gEAA+B;;;eAC/BC,2DAA0B;;;eAJWH,qDAAgC;;;eAKrEI,mEAAkC;;;eAL3BL,iDAA4B;;;kCAVJ,wBAAqB;wCASN,8BAA2B;qCACI,2BAAwB;iDAMhG,wCAAqC"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerControl/renderTagPickerControl.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n TagPickerControlBaseState,\n TagPickerControlSlots,\n TagPickerControlInternalSlots,\n} from './TagPickerControl.types';\n\n/**\n * Render the final JSX of PickerControl\n */\nexport const renderTagPickerControl_unstable = (state: TagPickerControlBaseState): JSXElement => {\n assertSlots<TagPickerControlSlots & TagPickerControlInternalSlots>(state);\n\n return (\n <state.root>\n {state.root.children}\n {state.aside && (\n <state.aside>\n {state.secondaryAction && <state.secondaryAction />}\n {state.expandIcon && <state.expandIcon />}\n </state.aside>\n )}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderTagPickerControl_unstable","state","root","children","aside","secondaryAction","expandIcon"],"mappings":";;;;+BAcaC;;;;;;4BAbb,iCAAiD;gCAErB,4BAA4B;AAWjD,wCAAwC,CAACC;QAC9CF,2BAAAA,EAAmEE;IAEnE,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,KAAK,IAAA,WAAA,OACV,gBAAA,EAACH,MAAMG,KAAK,EAAA;;oBACTH,MAAMI,eAAe,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,eAAe,EAAA,CAAA;oBAC/CJ,MAAMK,UAAU,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,UAAU,EAAA,CAAA;;;;;AAKhD,EAAE"}
@@ -21,12 +21,12 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
21
21
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
22
22
  const _reactutilities = require("@fluentui/react-utilities");
23
23
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
24
- const _TagPickerContext = require("../../contexts/TagPickerContext");
25
- const _reacticons = require("@fluentui/react-icons");
26
- const _useResizeObserverRef = require("../../utils/useResizeObserverRef");
27
- const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles");
28
24
  const _reactfield = require("@fluentui/react-field");
29
- const _useExpandLabel = require("../../utils/useExpandLabel");
25
+ const _reacticons = require("@fluentui/react-icons");
26
+ const _useTagPickerControlStylesstyles = require("./useTagPickerControlStyles.styles.cjs");
27
+ const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
28
+ const _useExpandLabel = require("../../utils/useExpandLabel.cjs");
29
+ const _useResizeObserverRef = require("../../utils/useResizeObserverRef.cjs");
30
30
  const useTagPickerControlBase_unstable = (props, ref)=>{
31
31
  var _useFieldContext_unstable;
32
32
  const targetRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.targetRef);
@@ -56,11 +56,9 @@ const useTagPickerControlBase_unstable = (props, ref)=>{
56
56
  secondaryAction.ref = secondaryActionRef;
57
57
  }
58
58
  const expandIcon = _reactutilities.slot.optional(props.expandIcon, {
59
- renderByDefault: !noPopover,
60
59
  defaultProps: {
61
60
  'aria-expanded': open,
62
61
  'aria-disabled': disabled ? 'true' : undefined,
63
- children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null),
64
62
  role: 'button'
65
63
  },
66
64
  elementType: 'span'
@@ -139,7 +137,15 @@ const useTagPickerControlBase_unstable = (props, ref)=>{
139
137
  return state;
140
138
  };
141
139
  const useTagPickerControl_unstable = (props, ref)=>{
142
- const baseState = useTagPickerControlBase_unstable(props, ref);
140
+ const noPopover = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>{
141
+ var _ctx_noPopover;
142
+ return (_ctx_noPopover = ctx.noPopover) !== null && _ctx_noPopover !== void 0 ? _ctx_noPopover : false;
143
+ });
144
+ const baseProps = !noPopover && props.expandIcon === undefined ? {
145
+ ...props,
146
+ expandIcon: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
147
+ } : props;
148
+ const baseState = useTagPickerControlBase_unstable(baseProps, ref);
143
149
  const size = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.size);
144
150
  const appearance = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.appearance);
145
151
  return {
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerControl/useTagPickerControl.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ExtractSlotProps, Slot } from '@fluentui/react-utilities';\nimport {\n elementContains,\n getIntrinsicElementProps,\n slot,\n useEventCallback,\n useId,\n useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\n\nimport type { TagPickerControlBaseState, TagPickerControlProps, TagPickerControlState } from './TagPickerControl.types';\nimport { tagPickerControlAsideWidthToken } from './useTagPickerControlStyles.styles';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { useExpandLabel } from '../../utils/useExpandLabel';\nimport { useResizeObserverRef } from '../../utils/useResizeObserverRef';\n\n/**\n * Create the base state required to render TagPickerControl, without design-only state.\n *\n * @param props - props from this instance of TagPickerControl\n * @param ref - reference to root HTMLDivElement of TagPickerControl\n */\nexport const useTagPickerControlBase_unstable = (\n props: TagPickerControlProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerControlBaseState => {\n const targetRef = useTagPickerContext_unstable(ctx => ctx.targetRef);\n const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n const open = useTagPickerContext_unstable(ctx => ctx.open);\n const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n const setOpen = useTagPickerContext_unstable(ctx => ctx.setOpen);\n const secondaryInnerActionRef = useTagPickerContext_unstable(ctx => ctx.secondaryActionRef);\n const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n const invalid = useFieldContext_unstable()?.validationState === 'error';\n const noPopover = useTagPickerContext_unstable(ctx => ctx.noPopover ?? false);\n\n const { targetDocument } = useFluent_unstable();\n const tagPickerId = useId('tagPicker-');\n const rafIdRef = React.useRef<number | null>(null);\n\n const innerRef = React.useRef<HTMLDivElement>(null);\n const expandIconRef = React.useRef<HTMLSpanElement>(null);\n const asideRef = React.useRef<HTMLSpanElement>(null);\n\n const secondaryAction = slot.optional(props.secondaryAction, {\n elementType: 'span',\n });\n const secondaryActionRef = useMergedRefs(secondaryInnerActionRef, secondaryAction?.ref);\n if (secondaryAction) {\n secondaryAction.ref = secondaryActionRef;\n }\n\n const expandIcon = slot.optional(props.expandIcon, {\n defaultProps: {\n 'aria-expanded': open,\n 'aria-disabled': disabled ? 'true' : undefined,\n role: 'button',\n },\n elementType: 'span',\n });\n\n const expandIconMergeRef = useMergedRefs(expandIcon?.ref, expandIconRef);\n if (expandIcon) {\n expandIcon.ref = expandIconMergeRef;\n }\n\n const observerRef = useResizeObserverRef<HTMLSpanElement>(([entry]) => {\n const targetWindow = targetDocument?.defaultView;\n\n if (targetWindow) {\n rafIdRef.current = targetWindow.requestAnimationFrame(() => {\n innerRef.current?.style.setProperty(tagPickerControlAsideWidthToken, `${entry.contentRect.width}px`);\n });\n }\n });\n const aside = slot.optional<ExtractSlotProps<Slot<'span'>>>(undefined, {\n elementType: 'span',\n renderByDefault: Boolean(secondaryAction || expandIcon),\n defaultProps: {\n ref: observerRef,\n },\n });\n const mergedAsideRefs = useMergedRefs(asideRef, aside?.ref);\n if (aside) {\n aside.ref = mergedAsideRefs;\n }\n\n const handleMouseDown = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n if (\n elementContains(expandIconRef.current, event.target as Node) ||\n event.target === innerRef.current ||\n event.target === tagPickerGroupRef.current ||\n event.target === asideRef.current\n ) {\n event.preventDefault();\n setOpen(event, !open);\n triggerRef.current?.focus();\n }\n });\n\n const state: TagPickerControlBaseState = {\n components: {\n root: 'div',\n expandIcon: 'span',\n secondaryAction: 'span',\n aside: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, targetRef, innerRef),\n 'aria-owns': open && !noPopover ? popoverId : undefined,\n ...props,\n onMouseDown: handleMouseDown,\n }),\n { elementType: 'div' },\n ),\n aside,\n expandIcon,\n secondaryAction,\n disabled,\n invalid,\n };\n\n const expandIconLabelRef = useExpandLabel({\n tagPickerId,\n state: state as Pick<TagPickerControlBaseState, 'expandIcon'>,\n });\n\n const expandIconLabelMergeRef = useMergedRefs(expandIcon?.ref, expandIconLabelRef);\n if (state.expandIcon) {\n state.expandIcon.ref = expandIconLabelMergeRef;\n }\n\n React.useEffect(() => {\n if (rafIdRef.current && targetDocument?.defaultView) {\n targetDocument.defaultView.cancelAnimationFrame(rafIdRef.current);\n }\n }, [targetDocument]);\n\n return state;\n};\n\n/**\n * Create the state required to render PickerControl.\n *\n * The returned state can be modified with hooks such as usePickerControlStyles_unstable,\n * before being passed to renderPickerControl_unstable.\n *\n * @param props - props from this instance of PickerControl\n * @param ref - reference to root HTMLDivElement of PickerControl\n */\nexport const useTagPickerControl_unstable = (\n props: TagPickerControlProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerControlState => {\n const noPopover = useTagPickerContext_unstable(ctx => ctx.noPopover ?? false);\n const baseProps =\n !noPopover && props.expandIcon === undefined\n ? {\n ...props,\n expandIcon: <ChevronDownRegular />,\n }\n : props;\n const baseState = useTagPickerControlBase_unstable(baseProps, ref);\n const size = useTagPickerContext_unstable(ctx => ctx.size);\n const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n\n return {\n ...baseState,\n size,\n appearance,\n };\n};\n"],"names":["React","elementContains","getIntrinsicElementProps","slot","useEventCallback","useId","useMergedRefs","useFluent_unstable","useFieldContext_unstable","ChevronDownRegular","tagPickerControlAsideWidthToken","useTagPickerContext_unstable","useExpandLabel","useResizeObserverRef","useTagPickerControlBase_unstable","props","ref","targetRef","ctx","triggerRef","tagPickerGroupRef","open","popoverId","setOpen","secondaryInnerActionRef","secondaryActionRef","disabled","invalid","validationState","noPopover","targetDocument","tagPickerId","rafIdRef","useRef","innerRef","expandIconRef","asideRef","secondaryAction","optional","elementType","expandIcon","defaultProps","undefined","role","expandIconMergeRef","observerRef","entry","targetWindow","defaultView","current","requestAnimationFrame","style","setProperty","contentRect","width","aside","renderByDefault","Boolean","mergedAsideRefs","handleMouseDown","event","isDefaultPrevented","target","preventDefault","focus","state","components","root","always","onMouseDown","expandIconLabelRef","expandIconLabelMergeRef","useEffect","cancelAnimationFrame","useTagPickerControl_unstable","baseProps","baseState","size","appearance"],"mappings":"AAAA;;;;;;;;;;;;IA4Bac,gCAAAA;;;IAqIA4D,4BAAAA;;;;;iEA/JU,QAAQ;gCASxB,4BAA4B;qCACA,kCAAkC;4BAC5B,wBAAwB;4BAC9B,wBAAwB;iDAGX,wCAAqC;kCACxC,qCAAkC;gCAChD,gCAA6B;sCACvB,sCAAmC;AAQjE,yCAAyC,CAC9C3D,OACAC;QAUgBR;IARhB,MAAMS,gBAAYN,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAID,SAAS;IACnE,MAAME,iBAAaR,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIC,UAAU;IACrE,MAAMC,wBAAoBT,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIE,iBAAiB;IACnF,MAAMC,WAAOV,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIG,IAAI;IACzD,MAAMC,YAAYX,kDAAAA,EAA6BO,CAAAA,MAAOA,IAAII,SAAS;IACnE,MAAMC,cAAUZ,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIK,OAAO;IAC/D,MAAMC,8BAA0Bb,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIO,kBAAkB;IAC1F,MAAMC,eAAWf,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAIQ,QAAQ;IACjE,MAAMC,UAAUnB,CAAAA,CAAAA,gCAAAA,oCAAAA,GAAAA,MAAAA,QAAAA,8BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,0BAA4BoB,eAAe,AAAfA,MAAoB;IAChE,MAAMC,gBAAYlB,8CAAAA,EAA6BO,CAAAA;YAAOA;eAAAA,CAAAA,iBAAAA,IAAIW,SAAAA,AAAS,MAAA,QAAbX,mBAAAA,KAAAA,IAAAA,iBAAiB;;IAEvE,MAAM,EAAEY,cAAc,EAAE,OAAGvB,uCAAAA;IAC3B,MAAMwB,kBAAc1B,qBAAAA,EAAM;IAC1B,MAAM2B,WAAWhC,OAAMiC,MAAM,CAAgB;IAE7C,MAAMC,WAAWlC,OAAMiC,MAAM,CAAiB;IAC9C,MAAME,gBAAgBnC,OAAMiC,MAAM,CAAkB;IACpD,MAAMG,WAAWpC,OAAMiC,MAAM,CAAkB;IAE/C,MAAMI,kBAAkBlC,oBAAAA,CAAKmC,QAAQ,CAACvB,MAAMsB,eAAe,EAAE;QAC3DE,aAAa;IACf;IACA,MAAMd,yBAAqBnB,6BAAAA,EAAckB,yBAAyBa,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAiBrB,GAAG;IACtF,IAAIqB,iBAAiB;QACnBA,gBAAgBrB,GAAG,GAAGS;IACxB;IAEA,MAAMe,aAAarC,oBAAAA,CAAKmC,QAAQ,CAACvB,MAAMyB,UAAU,EAAE;QACjDC,cAAc;YACZ,iBAAiBpB;YACjB,iBAAiBK,WAAW,SAASgB;YACrCC,MAAM;QACR;QACAJ,aAAa;IACf;IAEA,MAAMK,yBAAqBtC,6BAAAA,EAAckC,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYxB,GAAG,EAAEmB;IAC1D,IAAIK,YAAY;QACdA,WAAWxB,GAAG,GAAG4B;IACnB;IAEA,MAAMC,kBAAchC,0CAAAA,EAAsC,CAAC,CAACiC,MAAM;QAChE,MAAMC,eAAejB,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBkB,WAAW;QAEhD,IAAID,cAAc;YAChBf,SAASiB,OAAO,GAAGF,aAAaG,qBAAqB,CAAC;oBACpDhB;iBAAAA,oBAAAA,SAASe,OAAO,AAAPA,MAAO,QAAhBf,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAkBiB,KAAK,CAACC,WAAW,CAAC1C,gEAAAA,EAAiC,GAAGoC,MAAMO,WAAW,CAACC,KAAK,CAAC,EAAE,CAAC;YACrG;QACF;IACF;IACA,MAAMC,QAAQpD,oBAAAA,CAAKmC,QAAQ,CAAiCI,WAAW;QACrEH,aAAa;QACbiB,iBAAiBC,QAAQpB,mBAAmBG;QAC5CC,cAAc;YACZzB,KAAK6B;QACP;IACF;IACA,MAAMa,sBAAkBpD,6BAAAA,EAAc8B,UAAUmB,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOvC,GAAG;IAC1D,IAAIuC,OAAO;QACTA,MAAMvC,GAAG,GAAG0C;IACd;IAEA,MAAMC,sBAAkBvD,gCAAAA,EAAiB,CAACwD;QACxC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QACA,IACE5D,mCAAAA,EAAgBkC,cAAcc,OAAO,EAAEW,MAAME,MAAM,KACnDF,MAAME,MAAM,KAAK5B,SAASe,OAAO,IACjCW,MAAME,MAAM,KAAK1C,kBAAkB6B,OAAO,IAC1CW,MAAME,MAAM,KAAK1B,SAASa,OAAO,EACjC;gBAGA9B;YAFAyC,MAAMG,cAAc;YACpBxC,QAAQqC,OAAO,CAACvC;aAChBF,sBAAAA,WAAW8B,OAAAA,AAAO,MAAA,QAAlB9B,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoB6C,KAAK;QAC3B;IACF;IAEA,MAAMC,QAAmC;QACvCC,YAAY;YACVC,MAAM;YACN3B,YAAY;YACZH,iBAAiB;YACjBkB,OAAO;QACT;QACAY,MAAMhE,oBAAAA,CAAKiE,MAAM,KACflE,wCAAAA,EAAyB,OAAO;YAC9Bc,SAAKV,6BAAAA,EAAcU,KAAKC,WAAWiB;YACnC,aAAab,QAAQ,CAACQ,YAAYP,YAAYoB;YAC9C,GAAG3B,KAAK;YACRsD,aAAaV;QACf,IACA;YAAEpB,aAAa;QAAM;QAEvBgB;QACAf;QACAH;QACAX;QACAC;IACF;IAEA,MAAM2C,yBAAqB1D,8BAAAA,EAAe;QACxCmB;QACAkC,OAAOA;IACT;IAEA,MAAMM,8BAA0BjE,6BAAAA,EAAckC,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYxB,GAAG,EAAEsD;IAC/D,IAAIL,MAAMzB,UAAU,EAAE;QACpByB,MAAMzB,UAAU,CAACxB,GAAG,GAAGuD;IACzB;IAEAvE,OAAMwE,SAAS,CAAC;QACd,IAAIxC,SAASiB,OAAO,KAAInB,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBkB,WAAAA,AAAW,GAAE;YACnDlB,eAAekB,WAAW,CAACyB,oBAAoB,CAACzC,SAASiB,OAAO;QAClE;IACF,GAAG;QAACnB;KAAe;IAEnB,OAAOmC;AACT,EAAE;AAWK,qCAAqC,CAC1ClD,OACAC;IAEA,MAAMa,gBAAYlB,8CAAAA,EAA6BO,CAAAA;YAAOA;eAAAA,CAAAA,iBAAAA,IAAIW,SAAAA,AAAS,MAAA,QAAbX,mBAAAA,KAAAA,IAAAA,iBAAiB;;IACvE,MAAMyD,YACJ,CAAC9C,aAAad,MAAMyB,UAAU,KAAKE,YAC/B;QACE,GAAG3B,KAAK;QACRyB,YAAAA,WAAAA,GAAY,OAAA,aAAA,CAAC/B,8BAAAA,EAAAA;IACf,IACAM;IACN,MAAM6D,YAAY9D,iCAAiC6D,WAAW3D;IAC9D,MAAM6D,WAAOlE,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAI2D,IAAI;IACzD,MAAMC,iBAAanE,8CAAAA,EAA6BO,CAAAA,MAAOA,IAAI4D,UAAU;IAErE,OAAO;QACL,GAAGF,SAAS;QACZC;QACAC;IACF;AACF,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerControlStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const tagPickerControlClassNames = {\n root: 'fui-TagPickerControl',\n expandIcon: 'fui-TagPickerControl__expandIcon',\n secondaryAction: 'fui-TagPickerControl__secondaryAction',\n aside: 'fui-TagPickerControl__aside'\n};\nexport const tagPickerControlAsideWidthToken = '--fui-TagPickerControl-aside-width';\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusMedium,\n paddingRight: `calc(${tokens.spacingHorizontalM} + var(${tagPickerControlAsideWidthToken}, 0px))`,\n paddingLeft: tokens.spacingHorizontalM,\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXXS,\n boxSizing: 'border-box',\n display: 'flex',\n minWidth: '250px',\n position: 'relative',\n flexWrap: 'wrap',\n // windows high contrast mode focus indicator\n ':focus-within': {\n outlineWidth: '2px',\n outlineStyle: 'solid',\n outlineColor: 'transparent'\n },\n // bottom focus border, shared with Input, Select, and SpinButton\n '::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n left: '-1px',\n bottom: '-1px',\n right: '-1px',\n height: `max(2px, ${tokens.borderRadiusMedium})`,\n borderBottomLeftRadius: tokens.borderRadiusMedium,\n borderBottomRightRadius: tokens.borderRadiusMedium,\n borderBottom: `${tokens.strokeWidthThick} solid ${tokens.colorCompoundBrandStroke}`,\n clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n transform: 'scaleX(0)',\n transitionProperty: 'transform',\n transitionDuration: tokens.durationUltraFast,\n transitionDelay: tokens.curveAccelerateMid,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms'\n }\n },\n ':focus-within::after': {\n transform: 'scaleX(1)',\n transitionProperty: 'transform',\n transitionDuration: tokens.durationNormal,\n transitionDelay: tokens.curveDecelerateMid,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms'\n }\n },\n ':focus-within:active::after': {\n borderBottomColor: tokens.colorCompoundBrandStrokePressed\n }\n },\n listbox: {\n boxShadow: `${tokens.shadow16}`,\n borderRadius: tokens.borderRadiusMedium,\n maxHeight: '80vh',\n boxSizing: 'border-box'\n },\n listboxCollapsed: {\n display: 'none'\n },\n // size variants\n medium: {\n minHeight: '32px'\n },\n large: {\n minHeight: '40px'\n },\n 'extra-large': {\n minHeight: '44px'\n },\n // appearance variants\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n },\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n },\n '&:focus-within': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n }\n },\n underline: {\n backgroundColor: tokens.colorTransparentBackground,\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n borderRadius: '0'\n },\n 'filled-lighter': {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n },\n 'filled-darker': {\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n },\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n }\n },\n invalidUnderline: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n borderBottomColor: tokens.colorPaletteRedBorder2\n }\n },\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText')\n }\n }\n});\nconst useAsideStyles = makeStyles({\n root: {\n display: 'flex',\n position: 'absolute',\n top: '0',\n right: tokens.spacingHorizontalM,\n height: '100%',\n cursor: 'text'\n },\n // size variants\n medium: {\n minHeight: '32px'\n },\n large: {\n minHeight: '40px'\n },\n 'extra-large': {\n minHeight: '44px'\n }\n});\nexport const iconSizes = {\n small: '16px',\n medium: '20px',\n large: '24px'\n};\nconst useIconStyles = makeStyles({\n icon: {\n boxSizing: 'border-box',\n color: tokens.colorNeutralStrokeAccessible,\n cursor: 'pointer',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n alignSelf: 'flex-start',\n fontSize: tokens.fontSizeBase500,\n // the SVG must have display: block for accurate positioning\n // otherwise an extra inline space is inserted after the svg element\n '& svg': {\n display: 'block'\n }\n },\n // icon size variants\n medium: {\n fontSize: iconSizes.small,\n marginLeft: tokens.spacingHorizontalXXS,\n minHeight: '32px'\n },\n large: {\n fontSize: iconSizes.medium,\n marginLeft: tokens.spacingHorizontalXXS,\n minHeight: '40px'\n },\n 'extra-large': {\n fontSize: iconSizes.large,\n marginLeft: tokens.spacingHorizontalSNudge,\n minHeight: '44px'\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed'\n }\n});\nconst useSecondaryActionStyles = makeStyles({\n root: {\n display: 'flex'\n }\n});\n/**\n * Apply styling to the PickerControl slots based on the state\n */ export const useTagPickerControlStyles_unstable = (state)=>{\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const asideStyles = useAsideStyles();\n const secondaryActionStyles = useSecondaryActionStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(tagPickerControlClassNames.root, styles.root, styles[state.size], styles[state.appearance], !state.disabled && state.appearance === 'outline' && styles.outlineInteractive, state.invalid && state.appearance !== 'underline' && styles.invalid, state.invalid && state.appearance === 'underline' && styles.invalidUnderline, state.disabled && styles.disabled, state.root.className);\n if (state.aside) {\n // eslint-disable-next-line react-hooks/immutability\n state.aside.className = mergeClasses(tagPickerControlClassNames.aside, asideStyles.root, asideStyles[state.size], state.aside.className);\n }\n if (state.expandIcon) {\n // eslint-disable-next-line react-hooks/immutability\n state.expandIcon.className = mergeClasses(tagPickerControlClassNames.expandIcon, iconStyles.icon, iconStyles[state.size], state.disabled && iconStyles.disabled, state.expandIcon.className);\n }\n if (state.secondaryAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondaryAction.className = mergeClasses(tagPickerControlClassNames.secondaryAction, secondaryActionStyles.root, state.secondaryAction.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","tagPickerControlClassNames","root","expandIcon","secondaryAction","aside","tagPickerControlAsideWidthToken","useStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","z189sj","uwmqm3","Bt984gj","i8kkvl","B7ck84d","mc9l5x","Bf4jedk","qhf8xq","Eh141a","Bbr2w1p","Bduesf4","Bpq79vn","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","B1q35kw","Bw17bha","Bcgy8vk","Bjuhk93","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","wi16st","ywj3b2","umuwi5","Blcqepd","nplu4u","Bioka5o","Bnupc0a","bing71","Bercvud","listbox","E5pizo","Bxyxcbc","listboxCollapsed","medium","sshi5w","large","outline","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","Bvq3b66","Brahy3i","zoxjo1","an54nd","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bceei9c","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","d","p","w","m","h","a","useAsideStyles","Bhzewxz","j35jbq","Bqenvij","iconSizes","small","useIconStyles","icon","sj55zd","Brf1p80","qb2dma","Be2twd7","Bo70h7d","Frg6f3","useSecondaryActionStyles","useTagPickerControlStyles_unstable","state","styles","iconStyles","asideStyles","secondaryActionStyles","className","size","appearance"],"mappings":"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"}
@@ -11,10 +11,10 @@ Object.defineProperty(exports, "TagPickerGroup", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useTagPickerGroup = require("./useTagPickerGroup");
14
+ const _useTagPickerGroup = require("./useTagPickerGroup.cjs");
15
15
  const _reacttags = require("@fluentui/react-tags");
16
- const _renderTagPickerGroup = require("./renderTagPickerGroup");
17
- const _useTagPickerGroupStylesstyles = require("./useTagPickerGroupStyles.styles");
16
+ const _renderTagPickerGroup = require("./renderTagPickerGroup.cjs");
17
+ const _useTagPickerGroupStylesstyles = require("./useTagPickerGroupStyles.styles.cjs");
18
18
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
19
19
  const TagPickerGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  const state = (0, _useTagPickerGroup.useTagPickerGroup_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerGroup/TagPickerGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerGroup_unstable } from './useTagPickerGroup';\nimport type { TagPickerGroupProps } from './TagPickerGroup.types';\nimport { useTagGroupContextValues_unstable } from '@fluentui/react-tags';\nimport { renderTagPickerGroup_unstable } from './renderTagPickerGroup';\nimport { useTagPickerGroupStyles_unstable } from './useTagPickerGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerGroup component -\n * A TagPickerGroup is a composite component that allows users to group tags together.\n */\nexport const TagPickerGroup: ForwardRefComponent<TagPickerGroupProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerGroup_unstable(props, ref);\n\n useTagPickerGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerGroupStyles_unstable')(state);\n return renderTagPickerGroup_unstable(state, useTagGroupContextValues_unstable(state));\n});\n\nTagPickerGroup.displayName = 'TagPickerGroup';\n"],"names":["React","useTagPickerGroup_unstable","useTagGroupContextValues_unstable","renderTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useCustomStyleHook_unstable","TagPickerGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCAEY,sBAAsB;2BAEf,uBAAuB;sCAC3B,yBAAyB;+CACtB,mCAAmC;qCACxC,kCAAkC;AAMvE,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQT,6CAAAA,EAA2BO,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAChE,WAAOP,mDAAAA,EAA8BO,WAAOR,4CAAAA,EAAkCQ;AAChF,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TagPickerGroup/TagPickerGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerGroup_unstable } from './useTagPickerGroup';\nimport type { TagPickerGroupProps } from './TagPickerGroup.types';\nimport { useTagGroupContextValues_unstable } from '@fluentui/react-tags';\nimport { renderTagPickerGroup_unstable } from './renderTagPickerGroup';\nimport { useTagPickerGroupStyles_unstable } from './useTagPickerGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerGroup component -\n * A TagPickerGroup is a composite component that allows users to group tags together.\n */\nexport const TagPickerGroup: ForwardRefComponent<TagPickerGroupProps> = React.forwardRef((props, ref) => {\n const state = useTagPickerGroup_unstable(props, ref);\n\n useTagPickerGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerGroupStyles_unstable')(state);\n return renderTagPickerGroup_unstable(state, useTagGroupContextValues_unstable(state));\n});\n\nTagPickerGroup.displayName = 'TagPickerGroup';\n"],"names":["React","useTagPickerGroup_unstable","useTagGroupContextValues_unstable","renderTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useCustomStyleHook_unstable","TagPickerGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCAEY,yBAAsB;2BAEf,uBAAuB;sCAC3B,4BAAyB;+CACtB,sCAAmC;qCACxC,kCAAkC;AAMvE,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQT,6CAAAA,EAA2BO,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAChE,WAAOP,mDAAAA,EAA8BO,WAAOR,4CAAAA,EAAkCQ;AAChF,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
@@ -1,5 +1,5 @@
1
1
  /**
2
- * State used in rendering TagPickerGroup
2
+ * TagPickerGroup Base State - omits design-only state.
3
3
  */ "use strict";
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerGroup/TagPickerGroup.types.ts"],"sourcesContent":["import type { TagGroupBaseState, TagGroupSlots, TagGroupState } from '@fluentui/react-tags';\nimport type { ComponentProps } from '@fluentui/react-utilities';\n\nexport type TagPickerGroupSlots = TagGroupSlots;\n\n/**\n * TagPickerGroup Props\n */\nexport type TagPickerGroupProps = ComponentProps<TagPickerGroupSlots>;\n\n/**\n * State used in rendering TagPickerGroup\n */\nexport type TagPickerGroupState = TagGroupState & {\n hasSelectedOptions: boolean;\n};\n\n/**\n * TagPickerGroup Base State - omits design-only state.\n */\nexport type TagPickerGroupBaseState = TagGroupBaseState & {\n hasSelectedOptions: boolean;\n};\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WAEE"}
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  return _useTagPickerGroup.useTagPickerGroup_unstable;
26
26
  }
27
27
  });
28
- const _TagPickerGroup = require("./TagPickerGroup");
29
- const _renderTagPickerGroup = require("./renderTagPickerGroup");
30
- const _useTagPickerGroup = require("./useTagPickerGroup");
31
- const _useTagPickerGroupStylesstyles = require("./useTagPickerGroupStyles.styles");
28
+ const _TagPickerGroup = require("./TagPickerGroup.cjs");
29
+ const _renderTagPickerGroup = require("./renderTagPickerGroup.cjs");
30
+ const _useTagPickerGroup = require("./useTagPickerGroup.cjs");
31
+ const _useTagPickerGroupStylesstyles = require("./useTagPickerGroupStyles.styles.cjs");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerGroup/index.ts"],"sourcesContent":["export { TagPickerGroup } from './TagPickerGroup';\nexport type {\n TagPickerGroupBaseState,\n TagPickerGroupProps,\n TagPickerGroupSlots,\n TagPickerGroupState,\n} from './TagPickerGroup.types';\nexport { renderTagPickerGroup_unstable } from './renderTagPickerGroup';\nexport { useTagPickerGroup_unstable } from './useTagPickerGroup';\nexport { tagPickerGroupClassNames, useTagPickerGroupStyles_unstable } from './useTagPickerGroupStyles.styles';\n"],"names":["TagPickerGroup","renderTagPickerGroup_unstable","useTagPickerGroup_unstable","tagPickerGroupClassNames","useTagPickerGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAOdC,mDAA6B;;;eAE7BE,uDAAwB;;;eAAEC,+DAAgC;;;eAD1DF,6CAA0B;;;gCARJ,sBAAmB;sCAOJ,4BAAyB;mCAC5B,yBAAsB;+CACU,sCAAmC"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/TagPickerGroup/renderTagPickerGroup.ts"],"sourcesContent":["import type { JSXElement } from '@fluentui/react-utilities';\nimport type { TagPickerGroupBaseState } from './TagPickerGroup.types';\nimport { renderTagGroup_unstable, type TagGroupContextValues } from '@fluentui/react-tags';\n\nexport function renderTagPickerGroup_unstable(\n state: TagPickerGroupBaseState,\n contexts: TagGroupContextValues,\n): JSXElement | null {\n if (!state.hasSelectedOptions) {\n return null;\n }\n\n return renderTagGroup_unstable(state, contexts);\n}\n"],"names":["renderTagGroup_unstable","renderTagPickerGroup_unstable","state","contexts","hasSelectedOptions"],"mappings":";;;;;;;;;;2BAEoE,uBAAuB;AAEpF,SAASC,8BACdC,KAA8B,EAC9BC,QAA+B;IAE/B,IAAI,CAACD,MAAME,kBAAkB,EAAE;QAC7B,OAAO;IACT;IAEA,WAAOJ,kCAAAA,EAAwBE,OAAOC;AACxC"}
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "useTagPickerGroup_unstable", {
10
10
  }
11
11
  });
12
12
  const _reacttags = require("@fluentui/react-tags");
13
- const _TagPickerContext = require("../../contexts/TagPickerContext");
13
+ const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
14
14
  const _reactutilities = require("@fluentui/react-utilities");
15
- const _tagPicker2Tag = require("../../utils/tagPicker2Tag");
15
+ const _tagPicker2Tag = require("../../utils/tagPicker2Tag.cjs");
16
16
  const _reacttabster = require("@fluentui/react-tabster");
17
17
  const _keyboardkeys = require("@fluentui/keyboard-keys");
18
18
  const useTagPickerGroup_unstable = (props, ref)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerGroupProps, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */\nexport const useTagPickerGroup_unstable = (\n props: TagPickerGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerGroupState => {\n const hasSelectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n const hasOneSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length === 1);\n const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n const size = useTagPickerContext_unstable(ctx => tagPickerSizeToTagSize(ctx.size));\n const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: false,\n axis: 'both',\n memorizeCurrent: true,\n });\n\n const state = useTagGroup_unstable(\n {\n role: 'listbox',\n disabled,\n ...props,\n ...arrowNavigationProps,\n size,\n appearance: tagPickerAppearanceToTagAppearance(appearance),\n dismissible: true,\n onKeyDown: useEventCallback(event => {\n props.onKeyDown?.(event);\n if (isHTMLElement(event.target) && event.key === ArrowRight) {\n triggerRef.current?.focus();\n }\n }),\n onDismiss: useEventCallback((event, data) => {\n selectOption(event as React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, {\n value: data.value,\n // These values no longer exist because the option has unregistered itself\n // for the purposes of selection - these values aren't actually used\n id: 'ERROR_DO_NOT_USE',\n text: 'ERROR_DO_NOT_USE',\n });\n if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n triggerRef.current?.focus();\n }\n }),\n },\n useMergedRefs(ref, tagPickerGroupRef),\n );\n\n return {\n ...state,\n hasSelectedOptions,\n };\n};\n"],"names":["useTagGroup_unstable","useTagPickerContext_unstable","isHTMLElement","useEventCallback","useMergedRefs","tagPickerAppearanceToTagAppearance","tagPickerSizeToTagSize","useArrowNavigationGroup","ArrowRight","useTagPickerGroup_unstable","props","ref","hasSelectedOptions","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","appearance","disabled","arrowNavigationProps","circular","axis","memorizeCurrent","state","role","dismissible","onKeyDown","event","target","key","current","focus","onDismiss","data","value","id","text","isDefaultPrevented"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;2BAhBwB,uBAAuB;kCACf,kCAAkC;gCAChB,4BAA4B;+BAChB,4BAA4B;8BAC/D,0BAA0B;8BACvC,0BAA0B;AAW9C,mCAAmC,CACxCC,OACAC;IAEA,MAAMC,yBAAqBX,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,2BAAuBf,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,iBAAahB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAII,UAAU;IACrE,MAAMC,wBAAoBjB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIK,iBAAiB;IACnF,MAAMC,mBAAelB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIM,YAAY;IACzE,MAAMC,WAAOnB,8CAAAA,EAA6BY,CAAAA,UAAOP,qCAAAA,EAAuBO,IAAIO,IAAI;IAChF,MAAMC,iBAAapB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIQ,UAAU;IACrE,MAAMC,eAAWrB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIS,QAAQ;IAEjE,MAAMC,2BAAuBhB,qCAAAA,EAAwB;QACnDiB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAMC,YAAQ3B,+BAAAA,EACZ;QACE4B,MAAM;QACNN;QACA,GAAGZ,KAAK;QACR,GAAGa,oBAAoB;QACvBH;QACAC,gBAAYhB,iDAAAA,EAAmCgB;QAC/CQ,aAAa;QACbC,eAAW3B,gCAAAA,EAAiB4B,CAAAA;gBAC1BrB;aAAAA,mBAAAA,MAAMoB,SAAAA,AAAS,MAAA,QAAfpB,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,IAAAA,CAAAA,OAAkBqB;YAClB,QAAI7B,6BAAAA,EAAc6B,MAAMC,MAAM,KAAKD,MAAME,GAAG,KAAKzB,wBAAAA,EAAY;oBAC3DS;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;QACAC,eAAWjC,gCAAAA,EAAiB,CAAC4B,OAAOM;YAClClB,aAAaY,OAAiF;gBAC5FO,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACR;YACA,IAAIxB,wBAAwB,CAACe,MAAMU,kBAAkB,IAAI;oBACvDxB;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;IACF,OACA/B,6BAAAA,EAAcO,KAAKO;IAGrB,OAAO;QACL,GAAGS,KAAK;QACRf;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerGroupProps, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */\nexport const useTagPickerGroup_unstable = (\n props: TagPickerGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): TagPickerGroupState => {\n const hasSelectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n const hasOneSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length === 1);\n const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n const size = useTagPickerContext_unstable(ctx => tagPickerSizeToTagSize(ctx.size));\n const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: false,\n axis: 'both',\n memorizeCurrent: true,\n });\n\n const state = useTagGroup_unstable(\n {\n role: 'listbox',\n disabled,\n ...props,\n ...arrowNavigationProps,\n size,\n appearance: tagPickerAppearanceToTagAppearance(appearance),\n dismissible: true,\n onKeyDown: useEventCallback(event => {\n props.onKeyDown?.(event);\n if (isHTMLElement(event.target) && event.key === ArrowRight) {\n triggerRef.current?.focus();\n }\n }),\n onDismiss: useEventCallback((event, data) => {\n selectOption(event as React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, {\n value: data.value,\n // These values no longer exist because the option has unregistered itself\n // for the purposes of selection - these values aren't actually used\n id: 'ERROR_DO_NOT_USE',\n text: 'ERROR_DO_NOT_USE',\n });\n if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n triggerRef.current?.focus();\n }\n }),\n },\n useMergedRefs(ref, tagPickerGroupRef),\n );\n\n return {\n ...state,\n hasSelectedOptions,\n };\n};\n"],"names":["useTagGroup_unstable","useTagPickerContext_unstable","isHTMLElement","useEventCallback","useMergedRefs","tagPickerAppearanceToTagAppearance","tagPickerSizeToTagSize","useArrowNavigationGroup","ArrowRight","useTagPickerGroup_unstable","props","ref","hasSelectedOptions","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","appearance","disabled","arrowNavigationProps","circular","axis","memorizeCurrent","state","role","dismissible","onKeyDown","event","target","key","current","focus","onDismiss","data","value","id","text","isDefaultPrevented"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;2BAhBwB,uBAAuB;kCACf,qCAAkC;gCAChB,4BAA4B;+BAChB,+BAA4B;8BAC/D,0BAA0B;8BACvC,0BAA0B;AAW9C,mCAAmC,CACxCC,OACAC;IAEA,MAAMC,yBAAqBX,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,2BAAuBf,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,iBAAahB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAII,UAAU;IACrE,MAAMC,wBAAoBjB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIK,iBAAiB;IACnF,MAAMC,mBAAelB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIM,YAAY;IACzE,MAAMC,WAAOnB,8CAAAA,EAA6BY,CAAAA,UAAOP,qCAAAA,EAAuBO,IAAIO,IAAI;IAChF,MAAMC,iBAAapB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIQ,UAAU;IACrE,MAAMC,eAAWrB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIS,QAAQ;IAEjE,MAAMC,2BAAuBhB,qCAAAA,EAAwB;QACnDiB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAMC,YAAQ3B,+BAAAA,EACZ;QACE4B,MAAM;QACNN;QACA,GAAGZ,KAAK;QACR,GAAGa,oBAAoB;QACvBH;QACAC,gBAAYhB,iDAAAA,EAAmCgB;QAC/CQ,aAAa;QACbC,eAAW3B,gCAAAA,EAAiB4B,CAAAA;gBAC1BrB;aAAAA,mBAAAA,MAAMoB,SAAAA,AAAS,MAAA,QAAfpB,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,IAAAA,CAAAA,OAAkBqB;YAClB,QAAI7B,6BAAAA,EAAc6B,MAAMC,MAAM,KAAKD,MAAME,GAAG,KAAKzB,wBAAAA,EAAY;oBAC3DS;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;QACAC,eAAWjC,gCAAAA,EAAiB,CAAC4B,OAAOM;YAClClB,aAAaY,OAAiF;gBAC5FO,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACR;YACA,IAAIxB,wBAAwB,CAACe,MAAMU,kBAAkB,IAAI;oBACvDxB;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;IACF,OACA/B,6BAAAA,EAAcO,KAAKO;IAGrB,OAAO;QACL,GAAGS,KAAK;QACRf;IACF;AACF,EAAE"}
@@ -19,7 +19,7 @@ _export(exports, {
19
19
  });
20
20
  const _react = require("@griffel/react");
21
21
  const _reacttags = require("@fluentui/react-tags");
22
- const _tagPicker2Tag = require("../../utils/tagPicker2Tag");
22
+ const _tagPicker2Tag = require("../../utils/tagPicker2Tag.cjs");
23
23
  const tagPickerGroupClassNames = {
24
24
  root: 'fui-TagPickerGroup'
25
25
  };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerGroupStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useTagGroupStyles_unstable } from \"@fluentui/react-tags\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { tagSizeToTagPickerSize } from \"../../utils/tagPicker2Tag.js\";\nexport const tagPickerGroupClassNames = {\n root: 'fui-TagPickerGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n cursor: 'text'\n },\n // size variants\n medium: {\n padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n gap: tokens.spacingHorizontalXS\n },\n large: {\n padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n gap: tokens.spacingHorizontalSNudge\n },\n 'extra-large': {\n padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n gap: tokens.spacingHorizontalSNudge\n }\n});\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */ export const useTagPickerGroupStyles_unstable = (state)=>{\n useTagGroupStyles_unstable(state);\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(tagPickerGroupClassNames.root, styles[tagSizeToTagPickerSize(state.size)], styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","useTagGroupStyles_unstable","tokens","tagSizeToTagPickerSize","tagPickerGroupClassNames","root","useStyles","Eh141a","B7ck84d","Bceei9c","medium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","large","d","p","useTagPickerGroupStyles_unstable","state","styles","className","size"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCK,wBAAwB;;;IA2BpBkB,gCAAgC;;;;uBA/BR,gBAAgB;2BACd,sBAAsB;+BAE1B,8BAA8B;AAC9D,iCAAiC;IACpCjB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAR,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAA,eAAA;QAAAP,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAmBrB,CAAC;AAGS,0CAA0CE,KAAK,IAAG;QACzDtB,qCAA0B,EAACsB,KAAK,CAAC;IACjC,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAiB,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAGzB,uBAAY,EAACI,wBAAwB,CAACC,IAAI,EAAEmB,MAAM,KAACrB,qCAAsB,EAACoB,KAAK,CAACG,IAAI,CAAC,CAAC,EAAEF,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;IACjJ,OAAOF,KAAK;AAChB,CAAC"}
@@ -20,7 +20,7 @@ _export(exports, {
20
20
  const _react = require("@griffel/react");
21
21
  const _reacttags = require("@fluentui/react-tags");
22
22
  const _reacttheme = require("@fluentui/react-theme");
23
- const _tagPicker2Tag = require("../../utils/tagPicker2Tag");
23
+ const _tagPicker2Tag = require("../../utils/tagPicker2Tag.cjs");
24
24
  const tagPickerGroupClassNames = {
25
25
  root: 'fui-TagPickerGroup'
26
26
  };