@fluentui/react-tag-picker 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (254) hide show
  1. package/CHANGELOG.md +165 -0
  2. package/LICENSE +15 -0
  3. package/README.md +68 -0
  4. package/Spec.md +208 -0
  5. package/dist/index.d.ts +453 -0
  6. package/lib/TagPicker.js +1 -0
  7. package/lib/TagPicker.js.map +1 -0
  8. package/lib/TagPickerButton.js +1 -0
  9. package/lib/TagPickerButton.js.map +1 -0
  10. package/lib/TagPickerControl.js +1 -0
  11. package/lib/TagPickerControl.js.map +1 -0
  12. package/lib/TagPickerGroup.js +1 -0
  13. package/lib/TagPickerGroup.js.map +1 -0
  14. package/lib/TagPickerInput.js +1 -0
  15. package/lib/TagPickerInput.js.map +1 -0
  16. package/lib/TagPickerList.js +1 -0
  17. package/lib/TagPickerList.js.map +1 -0
  18. package/lib/TagPickerOption.js +1 -0
  19. package/lib/TagPickerOption.js.map +1 -0
  20. package/lib/TagPickerOptionGroup.js +1 -0
  21. package/lib/TagPickerOptionGroup.js.map +1 -0
  22. package/lib/components/TagPicker/TagPicker.js +13 -0
  23. package/lib/components/TagPicker/TagPicker.js.map +1 -0
  24. package/lib/components/TagPicker/TagPicker.types.js +1 -0
  25. package/lib/components/TagPicker/TagPicker.types.js.map +1 -0
  26. package/lib/components/TagPicker/index.js +4 -0
  27. package/lib/components/TagPicker/index.js.map +1 -0
  28. package/lib/components/TagPicker/renderTagPicker.js +20 -0
  29. package/lib/components/TagPicker/renderTagPicker.js.map +1 -0
  30. package/lib/components/TagPicker/useTagPicker.js +123 -0
  31. package/lib/components/TagPicker/useTagPicker.js.map +1 -0
  32. package/lib/components/TagPicker/useTagPickerContextValues.js +41 -0
  33. package/lib/components/TagPicker/useTagPickerContextValues.js.map +1 -0
  34. package/lib/components/TagPickerButton/TagPickerButton.js +15 -0
  35. package/lib/components/TagPickerButton/TagPickerButton.js.map +1 -0
  36. package/lib/components/TagPickerButton/TagPickerButton.types.js +1 -0
  37. package/lib/components/TagPickerButton/TagPickerButton.types.js.map +1 -0
  38. package/lib/components/TagPickerButton/index.js +5 -0
  39. package/lib/components/TagPickerButton/index.js.map +1 -0
  40. package/lib/components/TagPickerButton/renderTagPickerButton.js +8 -0
  41. package/lib/components/TagPickerButton/renderTagPickerButton.js.map +1 -0
  42. package/lib/components/TagPickerButton/useTagPickerButton.js +54 -0
  43. package/lib/components/TagPickerButton/useTagPickerButton.js.map +1 -0
  44. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js +191 -0
  45. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -0
  46. package/lib/components/TagPickerControl/TagPickerControl.js +15 -0
  47. package/lib/components/TagPickerControl/TagPickerControl.js.map +1 -0
  48. package/lib/components/TagPickerControl/TagPickerControl.types.js +1 -0
  49. package/lib/components/TagPickerControl/TagPickerControl.types.js.map +1 -0
  50. package/lib/components/TagPickerControl/index.js +5 -0
  51. package/lib/components/TagPickerControl/index.js.map +1 -0
  52. package/lib/components/TagPickerControl/renderTagPickerControl.js +18 -0
  53. package/lib/components/TagPickerControl/renderTagPickerControl.js.map +1 -0
  54. package/lib/components/TagPickerControl/useTagPickerControl.js +101 -0
  55. package/lib/components/TagPickerControl/useTagPickerControl.js.map +1 -0
  56. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js +262 -0
  57. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -0
  58. package/lib/components/TagPickerGroup/TagPickerGroup.js +16 -0
  59. package/lib/components/TagPickerGroup/TagPickerGroup.js.map +1 -0
  60. package/lib/components/TagPickerGroup/TagPickerGroup.types.js +1 -0
  61. package/lib/components/TagPickerGroup/TagPickerGroup.types.js.map +1 -0
  62. package/lib/components/TagPickerGroup/index.js +5 -0
  63. package/lib/components/TagPickerGroup/index.js.map +1 -0
  64. package/lib/components/TagPickerGroup/renderTagPickerGroup.js +7 -0
  65. package/lib/components/TagPickerGroup/renderTagPickerGroup.js.map +1 -0
  66. package/lib/components/TagPickerGroup/useTagPickerGroup.js +62 -0
  67. package/lib/components/TagPickerGroup/useTagPickerGroup.js.map +1 -0
  68. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +53 -0
  69. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -0
  70. package/lib/components/TagPickerInput/TagPickerInput.js +15 -0
  71. package/lib/components/TagPickerInput/TagPickerInput.js.map +1 -0
  72. package/lib/components/TagPickerInput/TagPickerInput.types.js +1 -0
  73. package/lib/components/TagPickerInput/TagPickerInput.types.js.map +1 -0
  74. package/lib/components/TagPickerInput/index.js +5 -0
  75. package/lib/components/TagPickerInput/index.js.map +1 -0
  76. package/lib/components/TagPickerInput/renderTagPickerInput.js +8 -0
  77. package/lib/components/TagPickerInput/renderTagPickerInput.js.map +1 -0
  78. package/lib/components/TagPickerInput/useTagPickerInput.js +137 -0
  79. package/lib/components/TagPickerInput/useTagPickerInput.js.map +1 -0
  80. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +60 -0
  81. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -0
  82. package/lib/components/TagPickerList/TagPickerList.js +15 -0
  83. package/lib/components/TagPickerList/TagPickerList.js.map +1 -0
  84. package/lib/components/TagPickerList/TagPickerList.types.js +1 -0
  85. package/lib/components/TagPickerList/TagPickerList.types.js.map +1 -0
  86. package/lib/components/TagPickerList/index.js +5 -0
  87. package/lib/components/TagPickerList/index.js.map +1 -0
  88. package/lib/components/TagPickerList/renderTagPickerList.js +8 -0
  89. package/lib/components/TagPickerList/renderTagPickerList.js.map +1 -0
  90. package/lib/components/TagPickerList/useTagPickerList.js +39 -0
  91. package/lib/components/TagPickerList/useTagPickerList.js.map +1 -0
  92. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js +33 -0
  93. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -0
  94. package/lib/components/TagPickerOption/TagPickerOption.js +15 -0
  95. package/lib/components/TagPickerOption/TagPickerOption.js.map +1 -0
  96. package/lib/components/TagPickerOption/TagPickerOption.types.js +1 -0
  97. package/lib/components/TagPickerOption/TagPickerOption.types.js.map +1 -0
  98. package/lib/components/TagPickerOption/index.js +5 -0
  99. package/lib/components/TagPickerOption/index.js.map +1 -0
  100. package/lib/components/TagPickerOption/renderTagPickerOption.js +14 -0
  101. package/lib/components/TagPickerOption/renderTagPickerOption.js.map +1 -0
  102. package/lib/components/TagPickerOption/useTagPickerOption.js +35 -0
  103. package/lib/components/TagPickerOption/useTagPickerOption.js.map +1 -0
  104. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js +49 -0
  105. package/lib/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +1 -0
  106. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js +15 -0
  107. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js.map +1 -0
  108. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js +1 -0
  109. package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js.map +1 -0
  110. package/lib/components/TagPickerOptionGroup/index.js +5 -0
  111. package/lib/components/TagPickerOptionGroup/index.js.map +1 -0
  112. package/lib/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js +4 -0
  113. package/lib/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js.map +1 -0
  114. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroup.js +11 -0
  115. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroup.js.map +1 -0
  116. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js +18 -0
  117. package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js.map +1 -0
  118. package/lib/contexts/TagPickerContext.js +27 -0
  119. package/lib/contexts/TagPickerContext.js.map +1 -0
  120. package/lib/index.js +9 -0
  121. package/lib/index.js.map +1 -0
  122. package/lib/utils/tagPicker2Tag.js +32 -0
  123. package/lib/utils/tagPicker2Tag.js.map +1 -0
  124. package/lib/utils/tokens.js +6 -0
  125. package/lib/utils/tokens.js.map +1 -0
  126. package/lib/utils/useResizeObserverRef.js +22 -0
  127. package/lib/utils/useResizeObserverRef.js.map +1 -0
  128. package/lib/utils/useTagPickerFilter.js +35 -0
  129. package/lib/utils/useTagPickerFilter.js.map +1 -0
  130. package/lib-commonjs/TagPicker.js +6 -0
  131. package/lib-commonjs/TagPicker.js.map +1 -0
  132. package/lib-commonjs/TagPickerButton.js +6 -0
  133. package/lib-commonjs/TagPickerButton.js.map +1 -0
  134. package/lib-commonjs/TagPickerControl.js +6 -0
  135. package/lib-commonjs/TagPickerControl.js.map +1 -0
  136. package/lib-commonjs/TagPickerGroup.js +6 -0
  137. package/lib-commonjs/TagPickerGroup.js.map +1 -0
  138. package/lib-commonjs/TagPickerInput.js +6 -0
  139. package/lib-commonjs/TagPickerInput.js.map +1 -0
  140. package/lib-commonjs/TagPickerList.js +6 -0
  141. package/lib-commonjs/TagPickerList.js.map +1 -0
  142. package/lib-commonjs/TagPickerOption.js +6 -0
  143. package/lib-commonjs/TagPickerOption.js.map +1 -0
  144. package/lib-commonjs/TagPickerOptionGroup.js +6 -0
  145. package/lib-commonjs/TagPickerOptionGroup.js.map +1 -0
  146. package/lib-commonjs/components/TagPicker/TagPicker.js +21 -0
  147. package/lib-commonjs/components/TagPicker/TagPicker.js.map +1 -0
  148. package/lib-commonjs/components/TagPicker/TagPicker.types.js +4 -0
  149. package/lib-commonjs/components/TagPicker/TagPicker.types.js.map +1 -0
  150. package/lib-commonjs/components/TagPicker/index.js +9 -0
  151. package/lib-commonjs/components/TagPicker/index.js.map +1 -0
  152. package/lib-commonjs/components/TagPicker/renderTagPicker.js +29 -0
  153. package/lib-commonjs/components/TagPicker/renderTagPicker.js.map +1 -0
  154. package/lib-commonjs/components/TagPicker/useTagPicker.js +126 -0
  155. package/lib-commonjs/components/TagPicker/useTagPicker.js.map +1 -0
  156. package/lib-commonjs/components/TagPicker/useTagPickerContextValues.js +52 -0
  157. package/lib-commonjs/components/TagPicker/useTagPickerContextValues.js.map +1 -0
  158. package/lib-commonjs/components/TagPickerButton/TagPickerButton.js +23 -0
  159. package/lib-commonjs/components/TagPickerButton/TagPickerButton.js.map +1 -0
  160. package/lib-commonjs/components/TagPickerButton/TagPickerButton.types.js +4 -0
  161. package/lib-commonjs/components/TagPickerButton/TagPickerButton.types.js.map +1 -0
  162. package/lib-commonjs/components/TagPickerButton/index.js +10 -0
  163. package/lib-commonjs/components/TagPickerButton/index.js.map +1 -0
  164. package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.js +16 -0
  165. package/lib-commonjs/components/TagPickerButton/renderTagPickerButton.js.map +1 -0
  166. package/lib-commonjs/components/TagPickerButton/useTagPickerButton.js +57 -0
  167. package/lib-commonjs/components/TagPickerButton/useTagPickerButton.js.map +1 -0
  168. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js +453 -0
  169. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -0
  170. package/lib-commonjs/components/TagPickerControl/TagPickerControl.js +23 -0
  171. package/lib-commonjs/components/TagPickerControl/TagPickerControl.js.map +1 -0
  172. package/lib-commonjs/components/TagPickerControl/TagPickerControl.types.js +6 -0
  173. package/lib-commonjs/components/TagPickerControl/TagPickerControl.types.js.map +1 -0
  174. package/lib-commonjs/components/TagPickerControl/index.js +10 -0
  175. package/lib-commonjs/components/TagPickerControl/index.js.map +1 -0
  176. package/lib-commonjs/components/TagPickerControl/renderTagPickerControl.js +26 -0
  177. package/lib-commonjs/components/TagPickerControl/renderTagPickerControl.js.map +1 -0
  178. package/lib-commonjs/components/TagPickerControl/useTagPickerControl.js +104 -0
  179. package/lib-commonjs/components/TagPickerControl/useTagPickerControl.js.map +1 -0
  180. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js +579 -0
  181. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -0
  182. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.js +24 -0
  183. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.js.map +1 -0
  184. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.types.js +4 -0
  185. package/lib-commonjs/components/TagPickerGroup/TagPickerGroup.types.js.map +1 -0
  186. package/lib-commonjs/components/TagPickerGroup/index.js +10 -0
  187. package/lib-commonjs/components/TagPickerGroup/index.js.map +1 -0
  188. package/lib-commonjs/components/TagPickerGroup/renderTagPickerGroup.js +17 -0
  189. package/lib-commonjs/components/TagPickerGroup/renderTagPickerGroup.js.map +1 -0
  190. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroup.js +65 -0
  191. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroup.js.map +1 -0
  192. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +97 -0
  193. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -0
  194. package/lib-commonjs/components/TagPickerInput/TagPickerInput.js +23 -0
  195. package/lib-commonjs/components/TagPickerInput/TagPickerInput.js.map +1 -0
  196. package/lib-commonjs/components/TagPickerInput/TagPickerInput.types.js +4 -0
  197. package/lib-commonjs/components/TagPickerInput/TagPickerInput.types.js.map +1 -0
  198. package/lib-commonjs/components/TagPickerInput/index.js +10 -0
  199. package/lib-commonjs/components/TagPickerInput/index.js.map +1 -0
  200. package/lib-commonjs/components/TagPickerInput/renderTagPickerInput.js +16 -0
  201. package/lib-commonjs/components/TagPickerInput/renderTagPickerInput.js.map +1 -0
  202. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js +140 -0
  203. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js.map +1 -0
  204. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js +122 -0
  205. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -0
  206. package/lib-commonjs/components/TagPickerList/TagPickerList.js +23 -0
  207. package/lib-commonjs/components/TagPickerList/TagPickerList.js.map +1 -0
  208. package/lib-commonjs/components/TagPickerList/TagPickerList.types.js +4 -0
  209. package/lib-commonjs/components/TagPickerList/TagPickerList.types.js.map +1 -0
  210. package/lib-commonjs/components/TagPickerList/index.js +10 -0
  211. package/lib-commonjs/components/TagPickerList/index.js.map +1 -0
  212. package/lib-commonjs/components/TagPickerList/renderTagPickerList.js +16 -0
  213. package/lib-commonjs/components/TagPickerList/renderTagPickerList.js.map +1 -0
  214. package/lib-commonjs/components/TagPickerList/useTagPickerList.js +41 -0
  215. package/lib-commonjs/components/TagPickerList/useTagPickerList.js.map +1 -0
  216. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js +66 -0
  217. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -0
  218. package/lib-commonjs/components/TagPickerOption/TagPickerOption.js +23 -0
  219. package/lib-commonjs/components/TagPickerOption/TagPickerOption.js.map +1 -0
  220. package/lib-commonjs/components/TagPickerOption/TagPickerOption.types.js +6 -0
  221. package/lib-commonjs/components/TagPickerOption/TagPickerOption.types.js.map +1 -0
  222. package/lib-commonjs/components/TagPickerOption/index.js +10 -0
  223. package/lib-commonjs/components/TagPickerOption/index.js.map +1 -0
  224. package/lib-commonjs/components/TagPickerOption/renderTagPickerOption.js +22 -0
  225. package/lib-commonjs/components/TagPickerOption/renderTagPickerOption.js.map +1 -0
  226. package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js +38 -0
  227. package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js.map +1 -0
  228. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js +69 -0
  229. package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.js.map +1 -0
  230. package/lib-commonjs/components/TagPickerOptionGroup/TagPickerOptionGroup.js +23 -0
  231. package/lib-commonjs/components/TagPickerOptionGroup/TagPickerOptionGroup.js.map +1 -0
  232. package/lib-commonjs/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js +4 -0
  233. package/lib-commonjs/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js.map +1 -0
  234. package/lib-commonjs/components/TagPickerOptionGroup/index.js +10 -0
  235. package/lib-commonjs/components/TagPickerOptionGroup/index.js.map +1 -0
  236. package/lib-commonjs/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js +12 -0
  237. package/lib-commonjs/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js.map +1 -0
  238. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroup.js +14 -0
  239. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroup.js.map +1 -0
  240. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js +32 -0
  241. package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js.map +1 -0
  242. package/lib-commonjs/contexts/TagPickerContext.js +47 -0
  243. package/lib-commonjs/contexts/TagPickerContext.js.map +1 -0
  244. package/lib-commonjs/index.js +138 -0
  245. package/lib-commonjs/index.js.map +1 -0
  246. package/lib-commonjs/utils/tagPicker2Tag.js +53 -0
  247. package/lib-commonjs/utils/tagPicker2Tag.js.map +1 -0
  248. package/lib-commonjs/utils/tokens.js +24 -0
  249. package/lib-commonjs/utils/tokens.js.map +1 -0
  250. package/lib-commonjs/utils/useResizeObserverRef.js +33 -0
  251. package/lib-commonjs/utils/useResizeObserverRef.js.map +1 -0
  252. package/lib-commonjs/utils/useTagPickerFilter.js +46 -0
  253. package/lib-commonjs/utils/useTagPickerFilter.js.map +1 -0
  254. package/package.json +80 -0
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./TagPickerList"), exports);
7
+ _export_star._(require("./TagPickerList.types"), exports);
8
+ _export_star._(require("./renderTagPickerList"), exports);
9
+ _export_star._(require("./useTagPickerList"), exports);
10
+ _export_star._(require("./useTagPickerListStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagPickerList';\nexport * from './TagPickerList.types';\nexport * from './renderTagPickerList';\nexport * from './useTagPickerList';\nexport * from './useTagPickerListStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderTagPickerList_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderTagPickerList_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const renderTagPickerList_unstable = (state)=>{
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
16
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderTagPickerList.js"],"sourcesContent":[" import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TagPickerList\n */ export const renderTagPickerList_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTagPickerList_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,+BAA+B,CAACC;IAC7CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useTagPickerList_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useTagPickerList_unstable;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactcombobox = require("@fluentui/react-combobox");
14
+ const _TagPickerContext = require("../../contexts/TagPickerContext");
15
+ const _reactutilities = require("@fluentui/react-utilities");
16
+ const useTagPickerList_unstable = (props, ref)=>{
17
+ const triggerRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.triggerRef);
18
+ const popoverRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.popoverRef);
19
+ const popoverId = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.popoverId);
20
+ const open = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.open);
21
+ return {
22
+ open,
23
+ components: {
24
+ root: _reactcombobox.Listbox
25
+ },
26
+ root: _reactutilities.slot.always({
27
+ ...(0, _reactcombobox.useListboxSlot)(props, (0, _reactutilities.useMergedRefs)(popoverRef, ref), {
28
+ state: {
29
+ multiselect: true
30
+ },
31
+ triggerRef,
32
+ defaultProps: {
33
+ id: popoverId
34
+ }
35
+ }),
36
+ role: 'listbox'
37
+ }, {
38
+ elementType: _reactcombobox.Listbox
39
+ })
40
+ };
41
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerList.js"],"sourcesContent":["import * as React from 'react';\nimport { Listbox } from '@fluentui/react-combobox';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useListboxSlot } from '@fluentui/react-combobox';\n/**\n * Create the state required to render TagPickerList.\n *\n * The returned state can be modified with hooks such as useTagPickerListStyles_unstable,\n * before being passed to renderTagPickerList_unstable.\n *\n * @param props - props from this instance of TagPickerList\n * @param ref - reference to root HTMLDivElement of TagPickerList\n */ export const useTagPickerList_unstable = (props, ref)=>{\n const triggerRef = useTagPickerContext_unstable((ctx)=>ctx.triggerRef);\n const popoverRef = useTagPickerContext_unstable((ctx)=>ctx.popoverRef);\n const popoverId = useTagPickerContext_unstable((ctx)=>ctx.popoverId);\n const open = useTagPickerContext_unstable((ctx)=>ctx.open);\n return {\n open,\n components: {\n root: Listbox\n },\n root: slot.always({\n ...useListboxSlot(props, useMergedRefs(popoverRef, ref), {\n state: {\n multiselect: true\n },\n triggerRef,\n defaultProps: {\n id: popoverId\n }\n }),\n role: 'listbox'\n }, {\n elementType: Listbox\n })\n };\n};\n"],"names":["useTagPickerList_unstable","props","ref","triggerRef","useTagPickerContext_unstable","ctx","popoverRef","popoverId","open","components","root","Listbox","slot","always","useListboxSlot","useMergedRefs","state","multiselect","defaultProps","id","role","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;+BACC;kCACqB;gCACT;AAUzB,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAMC,aAAaC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACrE,MAAMG,aAAaF,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIC,UAAU;IACrE,MAAMC,YAAYH,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIE,SAAS;IACnE,MAAMC,OAAOJ,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIG,IAAI;IACzD,OAAO;QACHA;QACAC,YAAY;YACRC,MAAMC,sBAAO;QACjB;QACAD,MAAME,oBAAI,CAACC,MAAM,CAAC;YACd,GAAGC,IAAAA,6BAAc,EAACb,OAAOc,IAAAA,6BAAa,EAACT,YAAYJ,MAAM;gBACrDc,OAAO;oBACHC,aAAa;gBACjB;gBACAd;gBACAe,cAAc;oBACVC,IAAIZ;gBACR;YACJ,EAAE;YACFa,MAAM;QACV,GAAG;YACCC,aAAaV,sBAAO;QACxB;IACJ;AACJ"}
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ tagPickerListClassNames: function() {
13
+ return tagPickerListClassNames;
14
+ },
15
+ useTagPickerListStyles_unstable: function() {
16
+ return useTagPickerListStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const tagPickerListClassNames = {
21
+ root: 'fui-TagPickerList'
22
+ };
23
+ /**
24
+ * Styles for the root slot
25
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
+ root: {
27
+ E5pizo: "f1hg901r",
28
+ Bbmb7ep: [
29
+ "f1aa9q02",
30
+ "f16jpd5f"
31
+ ],
32
+ Beyfa6y: [
33
+ "f16jpd5f",
34
+ "f1aa9q02"
35
+ ],
36
+ B7oj6ja: [
37
+ "f1jar5jt",
38
+ "fyu767a"
39
+ ],
40
+ Btl43ni: [
41
+ "fyu767a",
42
+ "f1jar5jt"
43
+ ],
44
+ Bxyxcbc: "fmmk62d",
45
+ B7ck84d: "f1ewtqcl"
46
+ },
47
+ collapsed: {
48
+ mc9l5x: "fjseox"
49
+ }
50
+ }, {
51
+ d: [
52
+ ".f1hg901r{box-shadow:var(--shadow16);}",
53
+ ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
54
+ ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
55
+ ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
56
+ ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
57
+ ".fmmk62d{max-height:80vh;}",
58
+ ".f1ewtqcl{box-sizing:border-box;}",
59
+ ".fjseox{display:none;}"
60
+ ]
61
+ });
62
+ const useTagPickerListStyles_unstable = (state)=>{
63
+ const styles = useStyles();
64
+ state.root.className = (0, _react.mergeClasses)(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);
65
+ return state;
66
+ }; //# sourceMappingURL=useTagPickerListStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerListClassNames = {\n root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n E5pizo: \"f1hg901r\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n Bxyxcbc: \"fmmk62d\",\n B7ck84d: \"f1ewtqcl\"\n },\n collapsed: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".f1hg901r{box-shadow:var(--shadow16);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fmmk62d{max-height:80vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */\nexport const useTagPickerListStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTagPickerListStyles.styles.js.map"],"names":["tagPickerListClassNames","useTagPickerListStyles_unstable","root","useStyles","__styles","E5pizo","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","state","styles","className","mergeClasses","open"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IAyBAC,+BAA+B;eAA/BA;;;uBA3BsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA0C;QAAoE;QAAmE;QAAiE;QAA+D;QAA8B;QAAqC;KAAyB;AACnZ;AAIO,MAAMb,kCAAkCc,CAAAA;IAC7C,MAAMC,SAASb;IACfY,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,wBAAwBE,IAAI,EAAEc,OAAOd,IAAI,EAAE,CAACa,MAAMI,IAAI,IAAIH,OAAOJ,SAAS,EAAEG,MAAMb,IAAI,CAACe,SAAS;IACpI,OAAOF;AACT,GACA,yDAAyD"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TagPickerOption", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TagPickerOption;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _useTagPickerOption = require("./useTagPickerOption");
14
+ const _renderTagPickerOption = require("./renderTagPickerOption");
15
+ const _useTagPickerOptionStylesstyles = require("./useTagPickerOptionStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const TagPickerOption = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
+ const state = (0, _useTagPickerOption.useTagPickerOption_unstable)(props, ref);
19
+ (0, _useTagPickerOptionStylesstyles.useTagPickerOptionStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTagPickerOptionStyles_unstable')(state);
21
+ return (0, _renderTagPickerOption.renderTagPickerOption_unstable)(state);
22
+ });
23
+ TagPickerOption.displayName = 'TagPickerOption';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["TagPickerOption.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerOption_unstable } from './useTagPickerOption';\nimport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nimport { useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerOption component -\n * A TagPickerOption is a composite component that allows users to select tags.\n */ export const TagPickerOption = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTagPickerOption_unstable(props, ref);\n useTagPickerOptionStyles_unstable(state);\n useCustomStyleHook_unstable('useTagPickerOptionStyles_unstable')(state);\n return renderTagPickerOption_unstable(state);\n});\nTagPickerOption.displayName = 'TagPickerOption';\n"],"names":["TagPickerOption","React","forwardRef","props","ref","state","useTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useCustomStyleHook_unstable","renderTagPickerOption_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;oCACqB;uCACG;gDACG;qCACN;AAIjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
6
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["TagPickerOption.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./TagPickerOption"), exports);
7
+ _export_star._(require("./TagPickerOption.types"), exports);
8
+ _export_star._(require("./renderTagPickerOption"), exports);
9
+ _export_star._(require("./useTagPickerOption"), exports);
10
+ _export_star._(require("./useTagPickerOptionStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagPickerOption';\nexport * from './TagPickerOption.types';\nexport * from './renderTagPickerOption';\nexport * from './useTagPickerOption';\nexport * from './useTagPickerOptionStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderTagPickerOption_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderTagPickerOption_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const renderTagPickerOption_unstable = (state)=>{
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
+ children: [
17
+ state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
18
+ state.root.children,
19
+ state.secondaryContent && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondaryContent, {})
20
+ ]
21
+ });
22
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderTagPickerOption.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TagPickerOption\n */ export const renderTagPickerOption_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.media && /*#__PURE__*/ _jsx(state.media, {}),\n state.root.children,\n state.secondaryContent && /*#__PURE__*/ _jsx(state.secondaryContent, {})\n ]\n });\n};\n"],"names":["renderTagPickerOption_unstable","state","assertSlots","_jsxs","root","children","media","_jsx","secondaryContent"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC;YAChDL,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMO,gBAAgB,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,gBAAgB,EAAE,CAAC;SACzE;IACL;AACJ"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useTagPickerOption_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useTagPickerOption_unstable;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _reactcombobox = require("@fluentui/react-combobox");
15
+ const useTagPickerOption_unstable = (props, ref)=>{
16
+ const optionState = (0, _reactcombobox.useOption_unstable)(props, ref);
17
+ const state = {
18
+ components: {
19
+ ...optionState.components,
20
+ media: 'div',
21
+ secondaryContent: 'span'
22
+ },
23
+ media: _reactutilities.slot.optional(props.media, {
24
+ elementType: 'div'
25
+ }),
26
+ secondaryContent: _reactutilities.slot.optional(props.secondaryContent, {
27
+ elementType: 'span'
28
+ }),
29
+ root: _reactutilities.slot.always({
30
+ ...optionState.root,
31
+ role: 'option',
32
+ 'aria-checked': props['aria-checked']
33
+ }, {
34
+ elementType: 'div'
35
+ })
36
+ };
37
+ return state;
38
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerOption.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useOption_unstable } from '@fluentui/react-combobox';\n/**\n * Create the state required to render TagPickerOption.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionStyles_unstable,\n * before being passed to renderTagPickerOption_unstable.\n *\n * @param props - props from this instance of TagPickerOption\n * @param ref - reference to root HTMLDivElement of TagPickerOption\n */ export const useTagPickerOption_unstable = (props, ref)=>{\n const optionState = useOption_unstable(props, ref);\n const state = {\n components: {\n ...optionState.components,\n media: 'div',\n secondaryContent: 'span'\n },\n media: slot.optional(props.media, {\n elementType: 'div'\n }),\n secondaryContent: slot.optional(props.secondaryContent, {\n elementType: 'span'\n }),\n root: slot.always({\n ...optionState.root,\n role: 'option',\n 'aria-checked': props['aria-checked']\n }, {\n elementType: 'div'\n })\n };\n return state;\n};\n"],"names":["useTagPickerOption_unstable","props","ref","optionState","useOption_unstable","state","components","media","secondaryContent","slot","optional","elementType","root","always","role"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACF;+BACc;AASxB,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAMC,cAAcC,IAAAA,iCAAkB,EAACH,OAAOC;IAC9C,MAAMG,QAAQ;QACVC,YAAY;YACR,GAAGH,YAAYG,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACtB;QACAD,OAAOE,oBAAI,CAACC,QAAQ,CAACT,MAAMM,KAAK,EAAE;YAC9BI,aAAa;QACjB;QACAH,kBAAkBC,oBAAI,CAACC,QAAQ,CAACT,MAAMO,gBAAgB,EAAE;YACpDG,aAAa;QACjB;QACAC,MAAMH,oBAAI,CAACI,MAAM,CAAC;YACd,GAAGV,YAAYS,IAAI;YACnBE,MAAM;YACN,gBAAgBb,KAAK,CAAC,eAAe;QACzC,GAAG;YACCU,aAAa;QACjB;IACJ;IACA,OAAON;AACX"}
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ tagPickerOptionClassNames: function() {
13
+ return tagPickerOptionClassNames;
14
+ },
15
+ useTagPickerOptionStyles_unstable: function() {
16
+ return useTagPickerOptionStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const _reactcombobox = require("@fluentui/react-combobox");
21
+ const tagPickerOptionClassNames = {
22
+ root: 'fui-TagPickerOption',
23
+ media: 'fui-TagPickerOption__media',
24
+ secondaryContent: 'fui-TagPickerOption__secondaryContent'
25
+ };
26
+ /**
27
+ * Styles for the root slot
28
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
29
+ root: {
30
+ mc9l5x: "f13qh94s",
31
+ Budl1dq: "fjxzuw",
32
+ Bt984gj: "f122n59"
33
+ },
34
+ secondaryContent: {
35
+ Br312pm: "fd46tj4",
36
+ Ijaq50: "faunodf"
37
+ },
38
+ media: {
39
+ Ijaq50: "fldnz9j"
40
+ }
41
+ }, {
42
+ d: [
43
+ ".f13qh94s{display:grid;}",
44
+ ".fjxzuw{grid-template-columns:auto 1fr;}",
45
+ ".f122n59{align-items:center;}",
46
+ ".fd46tj4{grid-column-start:2;}",
47
+ ".faunodf{grid-row-start:2;}",
48
+ ".fldnz9j{grid-row-start:span 2;}"
49
+ ]
50
+ });
51
+ const useTagPickerOptionStyles_unstable = (state)=>{
52
+ (0, _reactcombobox.useOptionStyles_unstable)({
53
+ ...state,
54
+ active: false,
55
+ disabled: false,
56
+ focusVisible: false,
57
+ checkIcon: undefined,
58
+ selected: false
59
+ });
60
+ const styles = useStyles();
61
+ state.root.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.root, styles.root, state.root.className);
62
+ if (state.media) {
63
+ state.media.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.media, styles.media, state.media.className);
64
+ }
65
+ if (state.secondaryContent) {
66
+ state.secondaryContent.className = (0, _react.mergeClasses)(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);
67
+ }
68
+ return state;
69
+ }; //# sourceMappingURL=useTagPickerOptionStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nexport const tagPickerOptionClassNames = {\n root: 'fui-TagPickerOption',\n media: 'fui-TagPickerOption__media',\n secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n Budl1dq: \"fjxzuw\",\n Bt984gj: \"f122n59\"\n },\n secondaryContent: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\"\n },\n media: {\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".fjxzuw{grid-template-columns:auto 1fr;}\", \".f122n59{align-items:center;}\", \".fd46tj4{grid-column-start:2;}\", \".faunodf{grid-row-start:2;}\", \".fldnz9j{grid-row-start:span 2;}\"]\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */\nexport const useTagPickerOptionStyles_unstable = state => {\n useOptionStyles_unstable({\n ...state,\n active: false,\n disabled: false,\n focusVisible: false,\n checkIcon: undefined,\n selected: false\n });\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);\n }\n return state;\n};\n//# sourceMappingURL=useTagPickerOptionStyles.styles.js.map"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useStyles","__styles","mc9l5x","Budl1dq","Bt984gj","Br312pm","Ijaq50","d","state","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IA2BAC,iCAAiC;eAAjCA;;;uBA7B0B;+BACE;AAClC,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAL,kBAAkB;QAChBM,SAAS;QACTC,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA4C;QAAiC;QAAkC;QAA+B;KAAmC;AACnN;AAIO,MAAMX,oCAAoCY,CAAAA;IAC/CC,IAAAA,uCAAwB,EAAC;QACvB,GAAGD,KAAK;QACRE,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACZ;IACA,MAAMC,SAAShB;IACfQ,MAAMX,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEW,MAAMX,IAAI,CAACoB,SAAS;IACrG,IAAIT,MAAMV,KAAK,EAAE;QACfU,MAAMV,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BG,KAAK,EAAEkB,OAAOlB,KAAK,EAAEU,MAAMV,KAAK,CAACmB,SAAS;IAC3G;IACA,IAAIT,MAAMT,gBAAgB,EAAE;QAC1BS,MAAMT,gBAAgB,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BI,gBAAgB,EAAEiB,OAAOjB,gBAAgB,EAAES,MAAMT,gBAAgB,CAACkB,SAAS;IACvJ;IACA,OAAOT;AACT,GACA,2DAA2D"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TagPickerOptionGroup", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TagPickerOptionGroup;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _useTagPickerOptionGroup = require("./useTagPickerOptionGroup");
14
+ const _renderTagPickerOptionGroup = require("./renderTagPickerOptionGroup");
15
+ const _useTagPickerOptionGroupStylesstyles = require("./useTagPickerOptionGroupStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const TagPickerOptionGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
+ const state = (0, _useTagPickerOptionGroup.useTagPickerOptionGroup)(props, ref);
19
+ (0, _useTagPickerOptionGroupStylesstyles.useTagPickerOptionGroupStyles)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTagPickerOptionGroupStyles_unstable')(state);
21
+ return (0, _renderTagPickerOptionGroup.renderTagPickerOptionGroup)(state);
22
+ });
23
+ TagPickerOptionGroup.displayName = 'TagPickerOptionGroup';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["TagPickerOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nimport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nimport { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerOptionGroup component -\n * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.\n */ export const TagPickerOptionGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTagPickerOptionGroup(props, ref);\n useTagPickerOptionGroupStyles(state);\n useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);\n return renderTagPickerOptionGroup(state);\n});\nTagPickerOptionGroup.displayName = 'TagPickerOptionGroup';\n"],"names":["TagPickerOptionGroup","React","forwardRef","props","ref","state","useTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","renderTagPickerOptionGroup","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;yCACiB;4CACG;qDACG;qCACF;AAIjC,MAAMA,uBAAuB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,gDAAuB,EAACH,OAAOC;IAC7CG,IAAAA,kEAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,0CAA0CH;IACtE,OAAOI,IAAAA,sDAA0B,EAACJ;AACtC;AACAL,qBAAqBU,WAAW,GAAG"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./TagPickerOptionGroup"), exports);
7
+ _export_star._(require("./TagPickerOptionGroup.types"), exports);
8
+ _export_star._(require("./renderTagPickerOptionGroup"), exports);
9
+ _export_star._(require("./useTagPickerOptionGroup"), exports);
10
+ _export_star._(require("./useTagPickerOptionGroupStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagPickerOptionGroup';\nexport * from './TagPickerOptionGroup.types';\nexport * from './renderTagPickerOptionGroup';\nexport * from './useTagPickerOptionGroup';\nexport * from './useTagPickerOptionGroupStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderTagPickerOptionGroup", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderTagPickerOptionGroup;
9
+ }
10
+ });
11
+ const _reactcombobox = require("@fluentui/react-combobox");
12
+ const renderTagPickerOptionGroup = _reactcombobox.renderOptionGroup_unstable;
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderTagPickerOptionGroup.js"],"sourcesContent":[" import { renderOptionGroup_unstable } from '@fluentui/react-combobox';\n/**\n * Render the final JSX of TagPickerOptionGroup\n */ export const renderTagPickerOptionGroup = renderOptionGroup_unstable;\n"],"names":["renderTagPickerOptionGroup","renderOptionGroup_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;+BAH4B;AAGlC,MAAMA,6BAA6BC,yCAA0B"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useTagPickerOptionGroup", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useTagPickerOptionGroup;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactcombobox = require("@fluentui/react-combobox");
14
+ const useTagPickerOptionGroup = _reactcombobox.useOptionGroup_unstable;
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useOptionGroup_unstable } from '@fluentui/react-combobox';\n/**\n * Create the state required to render TagPickerOptionGroup.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionGroupStyles_unstable,\n * before being passed to renderTagPickerOptionGroup_unstable.\n *\n * @param props - props from this instance of TagPickerOptionGroup\n * @param ref - reference to root HTMLDivElement of TagPickerOptionGroup\n */ export const useTagPickerOptionGroup = useOptionGroup_unstable;\n"],"names":["useTagPickerOptionGroup","useOptionGroup_unstable"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;+BACiB;AAS7B,MAAMA,0BAA0BC,sCAAuB"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ tagPickerOptionGroupClassNames: function() {
13
+ return tagPickerOptionGroupClassNames;
14
+ },
15
+ useTagPickerOptionGroupStyles: function() {
16
+ return useTagPickerOptionGroupStyles;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const _reactcombobox = require("@fluentui/react-combobox");
21
+ const tagPickerOptionGroupClassNames = {
22
+ root: 'fui-TagPickerOptionGroup',
23
+ label: 'fui-TagPickerOptionGroup__label'
24
+ };
25
+ const useTagPickerOptionGroupStyles = (state)=>{
26
+ (0, _reactcombobox.useOptionGroupStyles_unstable)(state);
27
+ state.root.className = (0, _react.mergeClasses)(tagPickerOptionGroupClassNames.root, state.root.className);
28
+ if (state.label) {
29
+ state.label.className = (0, _react.mergeClasses)(tagPickerOptionGroupClassNames.label, state.label.className);
30
+ }
31
+ return state;
32
+ }; //# sourceMappingURL=useTagPickerOptionGroupStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTagPickerOptionGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';\nexport const tagPickerOptionGroupClassNames = {\n root: 'fui-TagPickerOptionGroup',\n label: 'fui-TagPickerOptionGroup__label'\n};\n/**\n * Apply styling to the TagPickerOptionGroup slots based on the state\n */\nexport const useTagPickerOptionGroupStyles = state => {\n useOptionGroupStyles_unstable(state);\n state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n if (state.label) {\n state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n }\n return state;\n};\n//# sourceMappingURL=useTagPickerOptionGroupStyles.styles.js.map"],"names":["tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles","root","label","state","useOptionGroupStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,8BAA8B;eAA9BA;;IAOAC,6BAA6B;eAA7BA;;;uBATgB;+BACiB;AACvC,MAAMD,iCAAiC;IAC5CE,MAAM;IACNC,OAAO;AACT;AAIO,MAAMF,gCAAgCG,CAAAA;IAC3CC,IAAAA,4CAA6B,EAACD;IAC9BA,MAAMF,IAAI,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACP,+BAA+BE,IAAI,EAAEE,MAAMF,IAAI,CAACI,SAAS;IAC7F,IAAIF,MAAMD,KAAK,EAAE;QACfC,MAAMD,KAAK,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACP,+BAA+BG,KAAK,EAAEC,MAAMD,KAAK,CAACG,SAAS;IAClG;IACA,OAAOF;AACT,GACA,gEAAgE"}
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ tagPickerContextDefaultValue: function() {
13
+ return tagPickerContextDefaultValue;
14
+ },
15
+ TagPickerContextProvider: function() {
16
+ return TagPickerContextProvider;
17
+ },
18
+ useTagPickerContext_unstable: function() {
19
+ return useTagPickerContext_unstable;
20
+ }
21
+ });
22
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
23
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
24
+ const _reactcontextselector = require("@fluentui/react-context-selector");
25
+ const tagPickerContextDefaultValue = {
26
+ triggerRef: /*#__PURE__*/ _react.createRef(),
27
+ popoverRef: /*#__PURE__*/ _react.createRef(),
28
+ targetRef: /*#__PURE__*/ _react.createRef(),
29
+ tagPickerGroupRef: /*#__PURE__*/ _react.createRef(),
30
+ secondaryActionRef: /*#__PURE__*/ _react.createRef(),
31
+ open: false,
32
+ clearSelection: ()=>null,
33
+ getOptionById: ()=>undefined,
34
+ selectedOptions: [],
35
+ selectOption: ()=>null,
36
+ setHasFocus: ()=>null,
37
+ setOpen: ()=>null,
38
+ setValue: ()=>null,
39
+ value: undefined,
40
+ popoverId: '',
41
+ size: 'medium',
42
+ appearance: 'outline',
43
+ disabled: false
44
+ };
45
+ const TagPickerContext = (0, _reactcontextselector.createContext)(undefined);
46
+ const TagPickerContextProvider = TagPickerContext.Provider;
47
+ const useTagPickerContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(TagPickerContext, (ctx = tagPickerContextDefaultValue)=>selector(ctx));
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["TagPickerContext.js"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\n/**\n * @internal\n */ export const tagPickerContextDefaultValue = {\n triggerRef: React.createRef(),\n popoverRef: React.createRef(),\n targetRef: React.createRef(),\n tagPickerGroupRef: React.createRef(),\n secondaryActionRef: React.createRef(),\n open: false,\n clearSelection: ()=>null,\n getOptionById: ()=>undefined,\n selectedOptions: [],\n selectOption: ()=>null,\n setHasFocus: ()=>null,\n setOpen: ()=>null,\n setValue: ()=>null,\n value: undefined,\n popoverId: '',\n size: 'medium',\n appearance: 'outline',\n disabled: false\n};\nconst TagPickerContext = createContext(undefined);\nexport const TagPickerContextProvider = TagPickerContext.Provider;\nexport const useTagPickerContext_unstable = (selector)=>useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue)=>selector(ctx));\n"],"names":["tagPickerContextDefaultValue","TagPickerContextProvider","useTagPickerContext_unstable","triggerRef","React","createRef","popoverRef","targetRef","tagPickerGroupRef","secondaryActionRef","open","clearSelection","getOptionById","undefined","selectedOptions","selectOption","setHasFocus","setOpen","setValue","value","popoverId","size","appearance","disabled","TagPickerContext","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAIiBA,4BAA4B;eAA5BA;;IAqBJC,wBAAwB;eAAxBA;;IACAC,4BAA4B;eAA5BA;;;;iEA1BU;sCAC2B;AAGvC,MAAMF,+BAA+B;IAC5CG,0BAAYC,OAAMC,SAAS;IAC3BC,0BAAYF,OAAMC,SAAS;IAC3BE,yBAAWH,OAAMC,SAAS;IAC1BG,iCAAmBJ,OAAMC,SAAS;IAClCI,kCAAoBL,OAAMC,SAAS;IACnCK,MAAM;IACNC,gBAAgB,IAAI;IACpBC,eAAe,IAAIC;IACnBC,iBAAiB,EAAE;IACnBC,cAAc,IAAI;IAClBC,aAAa,IAAI;IACjBC,SAAS,IAAI;IACbC,UAAU,IAAI;IACdC,OAAON;IACPO,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,UAAU;AACd;AACA,MAAMC,mBAAmBC,IAAAA,mCAAa,EAACZ;AAChC,MAAMZ,2BAA2BuB,iBAAiBE,QAAQ;AAC1D,MAAMxB,+BAA+B,CAACyB,WAAWC,IAAAA,wCAAkB,EAACJ,kBAAkB,CAACK,MAAM7B,4BAA4B,GAAG2B,SAASE"}