@fluentui-copilot/react-reference 0.15.5 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.json +30 -1
  2. package/CHANGELOG.md +16 -2
  3. package/dist/index.d.ts +88 -290
  4. package/lib/Reference.js.map +1 -1
  5. package/lib/ReferenceList.js +1 -1
  6. package/lib/ReferenceList.js.map +1 -1
  7. package/lib/ReferenceOverflowButton.js +1 -1
  8. package/lib/ReferenceOverflowButton.js.map +1 -1
  9. package/lib/components/Citation/useCitationStyles.styles.js +3 -3
  10. package/lib/components/Citation/useCitationStyles.styles.js.map +1 -1
  11. package/lib/components/Reference/Reference.js +0 -3
  12. package/lib/components/Reference/Reference.js.map +1 -1
  13. package/lib/components/Reference/Reference.types.js +1 -1
  14. package/lib/components/Reference/Reference.types.js.map +1 -1
  15. package/lib/components/Reference/index.js.map +1 -1
  16. package/lib/components/Reference/renderReference.js +13 -8
  17. package/lib/components/Reference/renderReference.js.map +1 -1
  18. package/lib/components/Reference/useReference.js +46 -166
  19. package/lib/components/Reference/useReference.js.map +1 -1
  20. package/lib/components/Reference/useReferenceStyles.styles.js +40 -220
  21. package/lib/components/Reference/useReferenceStyles.styles.js.map +1 -1
  22. package/lib/components/ReferenceList/ReferenceList.js +4 -5
  23. package/lib/components/ReferenceList/ReferenceList.js.map +1 -1
  24. package/lib/components/ReferenceList/ReferenceList.types.js +1 -1
  25. package/lib/components/ReferenceList/ReferenceList.types.js.map +1 -1
  26. package/lib/components/ReferenceList/index.js +1 -1
  27. package/lib/components/ReferenceList/index.js.map +1 -1
  28. package/lib/components/ReferenceList/renderReferenceList.js +19 -5
  29. package/lib/components/ReferenceList/renderReferenceList.js.map +1 -1
  30. package/lib/components/ReferenceList/useReferenceList.js +76 -14
  31. package/lib/components/ReferenceList/useReferenceList.js.map +1 -1
  32. package/lib/components/ReferenceList/useReferenceListStyles.styles.js +31 -9
  33. package/lib/components/ReferenceList/useReferenceListStyles.styles.js.map +1 -1
  34. package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButton.js +1 -1
  35. package/lib/components/ReferenceOverflowButton/useReferenceOverflowButton.js.map +1 -0
  36. package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButtonStyles.styles.js +2 -2
  37. package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButtonStyles.styles.js.map +1 -1
  38. package/lib/contexts/referenceListContext.js.map +1 -0
  39. package/lib/index.js +31 -8
  40. package/lib/index.js.map +1 -1
  41. package/lib/utilities/{reference-v2/generateReferenceCitationPreview.js → generateReferenceCitationPreview.js} +2 -2
  42. package/lib/utilities/generateReferenceCitationPreview.js.map +1 -0
  43. package/lib/utilities/index.js +1 -1
  44. package/lib/utilities/index.js.map +1 -1
  45. package/lib/utilities/useReferenceCitationPreview.js +12 -123
  46. package/lib/utilities/useReferenceCitationPreview.js.map +1 -1
  47. package/lib-commonjs/Reference.js.map +1 -1
  48. package/lib-commonjs/ReferenceList.js +0 -3
  49. package/lib-commonjs/ReferenceList.js.map +1 -1
  50. package/lib-commonjs/ReferenceOverflowButton.js +1 -1
  51. package/lib-commonjs/ReferenceOverflowButton.js.map +1 -1
  52. package/lib-commonjs/components/Citation/useCitationStyles.styles.js +7 -7
  53. package/lib-commonjs/components/Citation/useCitationStyles.styles.js.map +1 -1
  54. package/lib-commonjs/components/Reference/Reference.js +0 -2
  55. package/lib-commonjs/components/Reference/Reference.js.map +1 -1
  56. package/lib-commonjs/components/Reference/Reference.types.js +1 -1
  57. package/lib-commonjs/components/Reference/Reference.types.js.map +1 -1
  58. package/lib-commonjs/components/Reference/index.js.map +1 -1
  59. package/lib-commonjs/components/Reference/renderReference.js +11 -18
  60. package/lib-commonjs/components/Reference/renderReference.js.map +1 -1
  61. package/lib-commonjs/components/Reference/useReference.js +42 -167
  62. package/lib-commonjs/components/Reference/useReference.js.map +1 -1
  63. package/lib-commonjs/components/Reference/useReferenceStyles.styles.js +56 -324
  64. package/lib-commonjs/components/Reference/useReferenceStyles.styles.js.map +1 -1
  65. package/lib-commonjs/components/ReferenceList/ReferenceList.js +4 -4
  66. package/lib-commonjs/components/ReferenceList/ReferenceList.js.map +1 -1
  67. package/lib-commonjs/components/ReferenceList/ReferenceList.types.js +1 -1
  68. package/lib-commonjs/components/ReferenceList/ReferenceList.types.js.map +1 -1
  69. package/lib-commonjs/components/ReferenceList/index.js +0 -3
  70. package/lib-commonjs/components/ReferenceList/index.js.map +1 -1
  71. package/lib-commonjs/components/ReferenceList/renderReferenceList.js +16 -2
  72. package/lib-commonjs/components/ReferenceList/renderReferenceList.js.map +1 -1
  73. package/lib-commonjs/components/ReferenceList/useReferenceList.js +67 -11
  74. package/lib-commonjs/components/ReferenceList/useReferenceList.js.map +1 -1
  75. package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.js +34 -9
  76. package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.js.map +1 -1
  77. package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButton.js +1 -1
  78. package/lib-commonjs/components/ReferenceOverflowButton/useReferenceOverflowButton.js.map +1 -0
  79. package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButtonStyles.styles.js.map +1 -1
  80. package/lib-commonjs/contexts/referenceListContext.js.map +1 -0
  81. package/lib-commonjs/index.js +33 -40
  82. package/lib-commonjs/index.js.map +1 -1
  83. package/lib-commonjs/utilities/{reference-v2/generateReferenceCitationPreview.js → generateReferenceCitationPreview.js} +3 -3
  84. package/lib-commonjs/utilities/generateReferenceCitationPreview.js.map +1 -0
  85. package/lib-commonjs/utilities/index.js +4 -4
  86. package/lib-commonjs/utilities/index.js.map +1 -1
  87. package/lib-commonjs/utilities/useReferenceCitationPreview.js +4 -129
  88. package/lib-commonjs/utilities/useReferenceCitationPreview.js.map +1 -1
  89. package/package.json +4 -4
  90. package/lib/ReferenceGroupToggle.js +0 -2
  91. package/lib/ReferenceGroupToggle.js.map +0 -1
  92. package/lib/ReferenceListV2.js +0 -2
  93. package/lib/ReferenceListV2.js.map +0 -1
  94. package/lib/ReferenceV2.js +0 -2
  95. package/lib/ReferenceV2.js.map +0 -1
  96. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js +0 -12
  97. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js.map +0 -1
  98. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js +0 -4
  99. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js.map +0 -1
  100. package/lib/components/ReferenceGroupToggle/index.js +0 -5
  101. package/lib/components/ReferenceGroupToggle/index.js.map +0 -1
  102. package/lib/components/ReferenceGroupToggle/renderReferenceGroupToggle.js +0 -12
  103. package/lib/components/ReferenceGroupToggle/renderReferenceGroupToggle.js.map +0 -1
  104. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js +0 -43
  105. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js.map +0 -1
  106. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js +0 -43
  107. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js.map +0 -1
  108. package/lib/components/reference-v2/Reference/Reference.js +0 -11
  109. package/lib/components/reference-v2/Reference/Reference.js.map +0 -1
  110. package/lib/components/reference-v2/Reference/Reference.types.js +0 -2
  111. package/lib/components/reference-v2/Reference/Reference.types.js.map +0 -1
  112. package/lib/components/reference-v2/Reference/index.js +0 -5
  113. package/lib/components/reference-v2/Reference/index.js.map +0 -1
  114. package/lib/components/reference-v2/Reference/renderReference.js +0 -19
  115. package/lib/components/reference-v2/Reference/renderReference.js.map +0 -1
  116. package/lib/components/reference-v2/Reference/useReference.js +0 -74
  117. package/lib/components/reference-v2/Reference/useReference.js.map +0 -1
  118. package/lib/components/reference-v2/Reference/useReferenceStyles.styles.js +0 -70
  119. package/lib/components/reference-v2/Reference/useReferenceStyles.styles.js.map +0 -1
  120. package/lib/components/reference-v2/ReferenceList/ReferenceList.js +0 -13
  121. package/lib/components/reference-v2/ReferenceList/ReferenceList.js.map +0 -1
  122. package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js +0 -2
  123. package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js.map +0 -1
  124. package/lib/components/reference-v2/ReferenceList/index.js +0 -5
  125. package/lib/components/reference-v2/ReferenceList/index.js.map +0 -1
  126. package/lib/components/reference-v2/ReferenceList/renderReferenceList.js +0 -22
  127. package/lib/components/reference-v2/ReferenceList/renderReferenceList.js.map +0 -1
  128. package/lib/components/reference-v2/ReferenceList/useReferenceList.js +0 -93
  129. package/lib/components/reference-v2/ReferenceList/useReferenceList.js.map +0 -1
  130. package/lib/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js +0 -46
  131. package/lib/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js.map +0 -1
  132. package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map +0 -1
  133. package/lib/components/reference-v2/index.js +0 -4
  134. package/lib/components/reference-v2/index.js.map +0 -1
  135. package/lib/contexts/ReferenceGroupContext.js +0 -11
  136. package/lib/contexts/ReferenceGroupContext.js.map +0 -1
  137. package/lib/contexts/reference-v2/referenceListContext.js.map +0 -1
  138. package/lib/utilities/reference-v2/generateReferenceCitationPreview.js.map +0 -1
  139. package/lib/utilities/reference-v2/index.js +0 -3
  140. package/lib/utilities/reference-v2/index.js.map +0 -1
  141. package/lib/utilities/reference-v2/useReferenceCitationPreview.js +0 -18
  142. package/lib/utilities/reference-v2/useReferenceCitationPreview.js.map +0 -1
  143. package/lib/utilities/useReferenceGroup.js +0 -40
  144. package/lib/utilities/useReferenceGroup.js.map +0 -1
  145. package/lib-commonjs/ReferenceGroupToggle.js +0 -29
  146. package/lib-commonjs/ReferenceGroupToggle.js.map +0 -1
  147. package/lib-commonjs/ReferenceListV2.js +0 -29
  148. package/lib-commonjs/ReferenceListV2.js.map +0 -1
  149. package/lib-commonjs/ReferenceV2.js +0 -32
  150. package/lib-commonjs/ReferenceV2.js.map +0 -1
  151. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.js +0 -21
  152. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.js.map +0 -1
  153. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js +0 -7
  154. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js.map +0 -1
  155. package/lib-commonjs/components/ReferenceGroupToggle/index.js +0 -32
  156. package/lib-commonjs/components/ReferenceGroupToggle/index.js.map +0 -1
  157. package/lib-commonjs/components/ReferenceGroupToggle/renderReferenceGroupToggle.js +0 -21
  158. package/lib-commonjs/components/ReferenceGroupToggle/renderReferenceGroupToggle.js.map +0 -1
  159. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggle.js +0 -42
  160. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggle.js.map +0 -1
  161. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js +0 -64
  162. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.js.map +0 -1
  163. package/lib-commonjs/components/reference-v2/Reference/Reference.js +0 -21
  164. package/lib-commonjs/components/reference-v2/Reference/Reference.js.map +0 -1
  165. package/lib-commonjs/components/reference-v2/Reference/Reference.types.js +0 -5
  166. package/lib-commonjs/components/reference-v2/Reference/Reference.types.js.map +0 -1
  167. package/lib-commonjs/components/reference-v2/Reference/index.js +0 -35
  168. package/lib-commonjs/components/reference-v2/Reference/index.js.map +0 -1
  169. package/lib-commonjs/components/reference-v2/Reference/renderReference.js +0 -32
  170. package/lib-commonjs/components/reference-v2/Reference/renderReference.js.map +0 -1
  171. package/lib-commonjs/components/reference-v2/Reference/useReference.js +0 -71
  172. package/lib-commonjs/components/reference-v2/Reference/useReference.js.map +0 -1
  173. package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.js +0 -109
  174. package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.js.map +0 -1
  175. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js +0 -23
  176. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js.map +0 -1
  177. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js +0 -5
  178. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js.map +0 -1
  179. package/lib-commonjs/components/reference-v2/ReferenceList/index.js +0 -32
  180. package/lib-commonjs/components/reference-v2/ReferenceList/index.js.map +0 -1
  181. package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js +0 -30
  182. package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js.map +0 -1
  183. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js +0 -86
  184. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js.map +0 -1
  185. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js +0 -62
  186. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js.map +0 -1
  187. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map +0 -1
  188. package/lib-commonjs/components/reference-v2/index.js +0 -64
  189. package/lib-commonjs/components/reference-v2/index.js.map +0 -1
  190. package/lib-commonjs/contexts/ReferenceGroupContext.js +0 -29
  191. package/lib-commonjs/contexts/ReferenceGroupContext.js.map +0 -1
  192. package/lib-commonjs/contexts/reference-v2/referenceListContext.js.map +0 -1
  193. package/lib-commonjs/utilities/reference-v2/generateReferenceCitationPreview.js.map +0 -1
  194. package/lib-commonjs/utilities/reference-v2/index.js +0 -21
  195. package/lib-commonjs/utilities/reference-v2/index.js.map +0 -1
  196. package/lib-commonjs/utilities/reference-v2/useReferenceCitationPreview.js +0 -18
  197. package/lib-commonjs/utilities/reference-v2/useReferenceCitationPreview.js.map +0 -1
  198. package/lib-commonjs/utilities/useReferenceGroup.js +0 -49
  199. package/lib-commonjs/utilities/useReferenceGroup.js.map +0 -1
  200. /package/lib/components/{reference-v2/ReferenceList → ReferenceList}/useReferenceListContextValues.js +0 -0
  201. /package/lib/components/{reference-v2/ReferenceList → ReferenceList}/useReferenceListContextValues.js.map +0 -0
  202. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.js +0 -0
  203. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.js.map +0 -0
  204. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.types.js +0 -0
  205. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.types.js.map +0 -0
  206. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/index.js +0 -0
  207. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/index.js.map +0 -0
  208. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/renderReferenceOverflowButton.js +0 -0
  209. /package/lib/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/renderReferenceOverflowButton.js.map +0 -0
  210. /package/lib/contexts/{reference-v2/index.js → index.js} +0 -0
  211. /package/lib/contexts/{reference-v2/index.js.map → index.js.map} +0 -0
  212. /package/lib/contexts/{reference-v2/referenceListContext.js → referenceListContext.js} +0 -0
  213. /package/lib-commonjs/components/{reference-v2/ReferenceList → ReferenceList}/useReferenceListContextValues.js +0 -0
  214. /package/lib-commonjs/components/{reference-v2/ReferenceList → ReferenceList}/useReferenceListContextValues.js.map +0 -0
  215. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.js +0 -0
  216. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.js.map +0 -0
  217. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.types.js +0 -0
  218. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/ReferenceOverflowButton.types.js.map +0 -0
  219. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/index.js +0 -0
  220. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/index.js.map +0 -0
  221. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/renderReferenceOverflowButton.js +0 -0
  222. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/renderReferenceOverflowButton.js.map +0 -0
  223. /package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButtonStyles.styles.js +0 -0
  224. /package/lib-commonjs/contexts/{reference-v2/index.js → index.js} +0 -0
  225. /package/lib-commonjs/contexts/{reference-v2/index.js.map → index.js.map} +0 -0
  226. /package/lib-commonjs/contexts/{reference-v2/referenceListContext.js → referenceListContext.js} +0 -0
@@ -1,70 +0,0 @@
1
- import { __resetStyles, __styles, mergeClasses, typographyStyles } from '@fluentui/react-components';
2
- import { tokens } from '@fluentui-copilot/tokens';
3
- export const referenceClassNames = {
4
- root: 'fai-Reference',
5
- citation: 'fai-Reference__citation',
6
- divider: 'fai-Reference__divider',
7
- graphic: 'fai-Reference__graphic',
8
- content: 'fai-Reference__content'
9
- };
10
- export const referenceExtraClassNames = {
11
- graphicChild: 'fai-Reference__graphicChild'
12
- };
13
- const GRAPHIC_SIZE = '16px';
14
- const useRootBaseClassName = __resetStyles("r5aus6y", null, [".r5aus6y{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);box-sizing:border-box;color:var(--colorNeutralForeground2);column-gap:var(--spacingHorizontalXXS);display:inline-flex;flex-shrink:0;justify-content:center;max-width:100%;min-height:24px;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);text-decoration:none;}", ".r5aus6y:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}", ".r5aus6y:hover .fai-Reference__divider{background-color:var(--colorNeutralStroke1Hover);}", ".r5aus6y:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}", ".r5aus6y:hover:active .fai-Reference__divider{background-color:var(--colorNeutralStroke1Pressed);}"]);
15
- export const useRootStyles = __styles({
16
- overflow: {
17
- B2u0y6b: "f6dzj5z",
18
- a9b677: "fly5x3f"
19
- }
20
- }, {
21
- d: [".f6dzj5z{max-width:100%;}", ".fly5x3f{width:100%;}"]
22
- });
23
- const useRootNextStyles = __styles({
24
- root: {
25
- Beyfa6y: 0,
26
- Bbmb7ep: 0,
27
- Btl43ni: 0,
28
- B7oj6ja: 0,
29
- Dimara: "f1kijzfu"
30
- }
31
- }, {
32
- d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
33
- p: -1
34
- }]]
35
- });
36
- const useCitationBaseClassName = __resetStyles("rzdip90", null, [".rzdip90{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);}"]);
37
- const useDividerBaseClassName = __resetStyles("r1eyqaw5", null, [".r1eyqaw5{background-color:var(--colorNeutralStroke2);height:16px;margin:var(--spacingVerticalNone) var(--spacingHorizontalXS);width:1px;}"]);
38
- const useGraphicBaseClassName = __resetStyles("rpyrgl4", null, [".rpyrgl4{display:inline-flex;font-size:16px;height:16px;line-height:16px;width:16px;}", ".rpyrgl4>.fai-Reference__graphicChild{height:16px;width:16px;}"]);
39
- const useContentBaseClassName = __resetStyles("r1ycou3l", null, [".r1ycou3l{align-items:center;column-gap:var(--spacingHorizontalSNudge);display:inline-flex;text-align:start;word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
40
- /**
41
- * Apply styling to the Reference slots based on the state
42
- */
43
- export const useReferenceStyles_unstable = state => {
44
- 'use no memo';
45
-
46
- const {
47
- designVersion
48
- } = state;
49
- const rootBaseClassName = useRootBaseClassName();
50
- const rootNextStyles = useRootNextStyles();
51
- const citationBaseClassName = useCitationBaseClassName();
52
- const dividerBaseClassName = useDividerBaseClassName();
53
- const contentBaseClassName = useContentBaseClassName();
54
- const graphicBaseClassName = useGraphicBaseClassName();
55
- state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
56
- if (state.citation) {
57
- state.citation.className = mergeClasses(referenceClassNames.citation, citationBaseClassName, state.citation.className);
58
- }
59
- if (state.divider) {
60
- state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);
61
- }
62
- if (state.content) {
63
- state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);
64
- }
65
- if (state.graphic) {
66
- state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);
67
- }
68
- return state;
69
- };
70
- //# sourceMappingURL=useReferenceStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n root: 'fai-Reference',\n citation: 'fai-Reference__citation',\n divider: 'fai-Reference__divider',\n graphic: 'fai-Reference__graphic',\n content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n graphicChild: 'fai-Reference__graphicChild',\n};\n\nconst GRAPHIC_SIZE = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n borderRadius: tokens.borderRadiusMedium,\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground2,\n columnGap: tokens.spacingHorizontalXXS,\n display: 'inline-flex',\n flexShrink: 0,\n justifyContent: 'center',\n maxWidth: '100%',\n minHeight: '24px',\n padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n textDecoration: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground3Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground2Hover,\n\n [`& .${referenceClassNames.divider}`]: {\n backgroundColor: tokens.colorNeutralStroke1Hover,\n },\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground2Pressed,\n\n [`& .${referenceClassNames.divider}`]: {\n backgroundColor: tokens.colorNeutralStroke1Pressed,\n },\n },\n});\n\nexport const useRootStyles = makeStyles({\n overflow: {\n maxWidth: '100%',\n width: '100%',\n },\n});\n\nconst useRootNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nconst useCitationBaseClassName = makeResetStyles({\n ...typographyStyles.caption2Strong,\n});\n\nconst useDividerBaseClassName = makeResetStyles({\n backgroundColor: tokens.colorNeutralStroke2,\n height: '16px',\n margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,\n width: '1px',\n});\n\nconst useGraphicBaseClassName = makeResetStyles({\n display: 'inline-flex',\n fontSize: GRAPHIC_SIZE,\n height: GRAPHIC_SIZE,\n lineHeight: GRAPHIC_SIZE,\n width: GRAPHIC_SIZE,\n\n [`> .${referenceExtraClassNames.graphicChild}`]: {\n height: GRAPHIC_SIZE,\n width: GRAPHIC_SIZE,\n },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalSNudge,\n display: 'inline-flex',\n textAlign: 'start',\n wordBreak: 'break-word',\n ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootBaseClassName = useRootBaseClassName();\n const rootNextStyles = useRootNextStyles();\n const citationBaseClassName = useCitationBaseClassName();\n const dividerBaseClassName = useDividerBaseClassName();\n const contentBaseClassName = useContentBaseClassName();\n const graphicBaseClassName = useGraphicBaseClassName();\n\n state.root.className = mergeClasses(\n referenceClassNames.root,\n rootBaseClassName,\n designVersion === 'next' && rootNextStyles.root,\n state.root.className,\n );\n\n if (state.citation) {\n state.citation.className = mergeClasses(\n referenceClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n if (state.divider) {\n state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n }\n\n if (state.graphic) {\n state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","referenceClassNames","root","citation","divider","graphic","content","referenceExtraClassNames","graphicChild","GRAPHIC_SIZE","useRootBaseClassName","alignItems","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","boxSizing","color","colorNeutralForeground2","columnGap","spacingHorizontalXXS","display","flexShrink","justifyContent","maxWidth","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","textDecoration","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","useRootStyles","overflow","width","useRootNextStyles","borderRadiusXLarge","useCitationBaseClassName","caption2Strong","useDividerBaseClassName","height","margin","spacingVerticalNone","spacingHorizontalXS","useGraphicBaseClassName","fontSize","lineHeight","useContentBaseClassName","spacingHorizontalSNudge","textAlign","wordBreak","caption1","useReferenceStyles_unstable","state","designVersion","rootBaseClassName","rootNextStyles","citationBaseClassName","dividerBaseClassName","contentBaseClassName","graphicBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import { renderReferenceList_unstable } from './renderReferenceList';
3
- import { useReferenceList_unstable } from './useReferenceList';
4
- import { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
5
- import { useReferenceListContextValues_unstable } from './useReferenceListContextValues';
6
- export const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {
7
- const state = useReferenceList_unstable(props, ref);
8
- const referenceListContextValues = useReferenceListContextValues_unstable(state);
9
- useReferenceListStyles_unstable(state);
10
- return renderReferenceList_unstable(state, referenceListContextValues);
11
- });
12
- ReferenceList.displayName = 'ReferenceList';
13
- //# sourceMappingURL=ReferenceList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\nimport { useReferenceListContextValues_unstable } from './useReferenceListContextValues';\nimport type { ReferenceListProps } from './ReferenceList.types';\n\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n const state = useReferenceList_unstable(props, ref);\n const referenceListContextValues = useReferenceListContextValues_unstable(state);\n\n useReferenceListStyles_unstable(state);\n\n return renderReferenceList_unstable(state, referenceListContextValues);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["React","renderReferenceList_unstable","useReferenceList_unstable","useReferenceListStyles_unstable","useReferenceListContextValues_unstable","ReferenceList","forwardRef","props","ref","state","referenceListContextValues","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,SAASC,sCAAsC,QAAQ,kCAAkC;AAGzF,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAC/C,MAAME,6BAA6BN,uCAAuCK;IAE1EN,gCAAgCM;IAEhC,OAAOR,6BAA6BQ,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ReferenceList.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { ReferenceListContextValue } from '../../../contexts/reference-v2/referenceListContext';\n\nexport type ReferenceListSlots = {\n /** The root of the component that contains the list of references. */\n root: NonNullable<Slot<'div'>>;\n\n /** The region that contains the references and is used for arrow navigation. */\n arrowableRegion: NonNullable<Slot<'div'>>;\n\n /** A space containing a button that expands the list of references. This slot is only rendered when the list of references is collapsed. */\n showMoreButton?: Slot<'span'>;\n\n /** A space containing a button that collapses the list of references. This slot is only rendered when the list of references is expanded. */\n showLessButton?: Slot<'span'>;\n};\n\nexport type ReferenceListProps = ComponentProps<Partial<ReferenceListSlots>> & {\n /**\n * The maximum number of references to display before the overflow button is shown even if there is\n * enough space available to show more.\n * If not set, the overflow functionality will be disabled.\n * If this value is less than `minVisibleReferences`, then `minVisibleReferences` will take precedence.\n * @default undefined\n */\n maxVisibleReferences?: number;\n\n /**\n * The minimum number of references to always show before overflowing.\n * If this value exceeds the number of references, the overflow functionality will be disabled.\n * If this value is greater than `maxVisibleReferences`, then this will take precedence.\n * @default undefined\n */\n minVisibleReferences?: number;\n};\n\nexport type ReferenceListState = ComponentState<ReferenceListSlots> &\n Pick<ReferenceListProps, 'maxVisibleReferences' | 'minVisibleReferences'> & {\n areReferencesExpanded: boolean;\n overflowButtonTriggeredViaKeyboard: React.MutableRefObject<boolean>;\n referenceListRef: React.RefObject<HTMLDivElement>;\n shouldUseOverflow: boolean;\n totalReferencesCount: number;\n };\n\nexport type ReferenceListContextValues = {\n referenceList: ReferenceListContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":"AA6CA,WAEE"}
@@ -1,5 +0,0 @@
1
- export { ReferenceList } from './ReferenceList';
2
- export { renderReferenceList_unstable } from './renderReferenceList';
3
- export { useReferenceList_unstable } from './useReferenceList';
4
- export { referenceListClassNames, useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { ReferenceList } from './ReferenceList';\nexport type { ReferenceListContextValues, ReferenceListProps, ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nexport { renderReferenceList_unstable } from './renderReferenceList';\nexport { useReferenceList_unstable } from './useReferenceList';\nexport { referenceListClassNames, useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\n"],"names":["ReferenceList","renderReferenceList_unstable","useReferenceList_unstable","referenceListClassNames","useReferenceListStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
- import { Overflow, assertSlots } from '@fluentui/react-components';
3
- import { ReferenceListContextProvider } from '../../../contexts/reference-v2/referenceListContext';
4
- /**
5
- * Render the final JSX of ReferenceList
6
- */
7
- export const renderReferenceList_unstable = (state, contextValues) => {
8
- assertSlots(state);
9
- const {
10
- minVisibleReferences
11
- } = state;
12
- return /*#__PURE__*/_jsx(ReferenceListContextProvider, {
13
- value: contextValues.referenceList,
14
- children: /*#__PURE__*/_jsx(Overflow, {
15
- minimumVisible: minVisibleReferences,
16
- children: /*#__PURE__*/_jsxs(state.root, {
17
- children: [/*#__PURE__*/_jsx(state.arrowableRegion, {}), state.showMoreButton && /*#__PURE__*/_jsx(state.showMoreButton, {}), state.showLessButton && /*#__PURE__*/_jsx(state.showLessButton, {})]
18
- })
19
- })
20
- });
21
- };
22
- //# sourceMappingURL=renderReferenceList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Overflow, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots, ReferenceListContextValues } from './ReferenceList.types';\nimport { ReferenceListContextProvider } from '../../../contexts/reference-v2/referenceListContext';\n\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = (state: ReferenceListState, contextValues: ReferenceListContextValues) => {\n assertSlots<ReferenceListSlots>(state);\n\n const { minVisibleReferences } = state;\n\n return (\n <ReferenceListContextProvider value={contextValues.referenceList}>\n <Overflow minimumVisible={minVisibleReferences}>\n <state.root>\n <state.arrowableRegion />\n {state.showMoreButton && <state.showMoreButton />}\n {state.showLessButton && <state.showLessButton />}\n </state.root>\n </Overflow>\n </ReferenceListContextProvider>\n );\n};\n"],"names":["Overflow","assertSlots","ReferenceListContextProvider","renderReferenceList_unstable","state","contextValues","minVisibleReferences","value","referenceList","minimumVisible","root","arrowableRegion","showMoreButton","showLessButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,QAAQ,EAAEC,WAAW,QAAQ,6BAA6B;AAEnE,SAASC,4BAA4B,QAAQ,sDAAsD;AAEnG;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC;IACtEJ,YAAgCG;IAEhC,MAAM,EAAEE,oBAAoB,EAAE,GAAGF;IAEjC,qBACE,KAACF;QAA6BK,OAAOF,cAAcG,aAAa;kBAC9D,cAAA,KAACR;YAASS,gBAAgBH;sBACxB,cAAA,MAACF,MAAMM,IAAI;;kCACT,KAACN,MAAMO,eAAe;oBACrBP,MAAMQ,cAAc,kBAAI,KAACR,MAAMQ,cAAc;oBAC7CR,MAAMS,cAAc,kBAAI,KAACT,MAAMS,cAAc;;;;;AAKxD,EAAE"}
@@ -1,93 +0,0 @@
1
- import * as React from 'react';
2
- import { getIntrinsicElementProps, mergeCallbacks, slot, useArrowNavigationGroup, useMergedRefs } from '@fluentui/react-components';
3
- import { useOverflowMaxVisibleItems } from '@fluentui-copilot/react-utilities';
4
- import { useRootStyles } from '../Reference/useReferenceStyles.styles';
5
- /**
6
- * Create the state required to render ReferenceList.
7
- *
8
- * The returned state can be modified with hooks such as useReferenceListStyles_unstable,
9
- * before being passed to renderReferenceList_unstable.
10
- *
11
- * @param props - props from this instance of ReferenceList
12
- * @param ref - reference to root HTMLElement of ReferenceList
13
- */
14
- export const useReferenceList_unstable = (props, ref) => {
15
- const {
16
- arrowableRegion,
17
- children,
18
- maxVisibleReferences,
19
- minVisibleReferences,
20
- showLessButton,
21
- showMoreButton,
22
- ...rest
23
- } = props;
24
- const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);
25
- const referenceListRef = React.useRef(null);
26
- const totalReferencesCount = React.Children.count(children);
27
- const styles = useRootStyles();
28
- const resolvedChildren = useOverflowMaxVisibleItems({
29
- additionalCondition: !areReferencesExpanded,
30
- children,
31
- maxVisibleItems: maxVisibleReferences,
32
- minVisibleItems: minVisibleReferences,
33
- overflowClassName: styles.overflow
34
- });
35
- // We keep track of whether we are interacting with the overflow button via keyboard or not.
36
- const overflowButtonTriggeredViaKeyboard = React.useRef(false);
37
- const focusAttributes = useArrowNavigationGroup({
38
- axis: 'both',
39
- circular: true,
40
- memorizeCurrent: true
41
- });
42
- const onShowMoreButtonClick = React.useCallback(() => {
43
- setAreReferencesExpanded(true);
44
- }, []);
45
- const onShowLessButtonClick = React.useCallback(() => {
46
- setAreReferencesExpanded(false);
47
- }, []);
48
- const shouldUseOverflow = (minVisibleReferences === undefined || minVisibleReferences < totalReferencesCount) && maxVisibleReferences !== undefined && !areReferencesExpanded;
49
- // Since the overflow button is an OverflowItem that's always visible, we need to account for it.
50
- const minVisibleOverflowItems = minVisibleReferences ? minVisibleReferences + 1 : 1;
51
- const state = {
52
- areReferencesExpanded,
53
- overflowButtonTriggeredViaKeyboard,
54
- maxVisibleReferences,
55
- minVisibleReferences: minVisibleOverflowItems,
56
- referenceListRef,
57
- shouldUseOverflow,
58
- totalReferencesCount,
59
- components: {
60
- root: 'div',
61
- arrowableRegion: 'div',
62
- showMoreButton: 'span',
63
- showLessButton: 'span'
64
- },
65
- root: slot.always(getIntrinsicElementProps('div', {
66
- ref: useMergedRefs(ref, referenceListRef),
67
- ...rest
68
- }), {
69
- elementType: 'div'
70
- }),
71
- arrowableRegion: slot.always(arrowableRegion, {
72
- defaultProps: {
73
- ...focusAttributes,
74
- children: resolvedChildren
75
- },
76
- elementType: 'div'
77
- }),
78
- showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, {
79
- elementType: 'span'
80
- }) : undefined,
81
- showLessButton: areReferencesExpanded ? slot.optional(showLessButton, {
82
- elementType: 'span'
83
- }) : undefined
84
- };
85
- if (state.showMoreButton) {
86
- state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);
87
- }
88
- if (state.showLessButton) {
89
- state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);
90
- }
91
- return state;
92
- };
93
- //# sourceMappingURL=useReferenceList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n getIntrinsicElementProps,\n mergeCallbacks,\n slot,\n useArrowNavigationGroup,\n useMergedRefs,\n} from '@fluentui/react-components';\nimport { useOverflowMaxVisibleItems } from '@fluentui-copilot/react-utilities';\nimport { useRootStyles } from '../Reference/useReferenceStyles.styles';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\n\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n */\nexport const useReferenceList_unstable = (\n props: ReferenceListProps,\n ref: React.Ref<HTMLDivElement>,\n): ReferenceListState => {\n const {\n arrowableRegion,\n children,\n maxVisibleReferences,\n minVisibleReferences,\n showLessButton,\n showMoreButton,\n ...rest\n } = props;\n\n const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);\n const referenceListRef = React.useRef<HTMLDivElement>(null);\n\n const totalReferencesCount = React.Children.count(children);\n const styles = useRootStyles();\n const resolvedChildren = useOverflowMaxVisibleItems({\n additionalCondition: !areReferencesExpanded,\n children,\n maxVisibleItems: maxVisibleReferences,\n minVisibleItems: minVisibleReferences,\n overflowClassName: styles.overflow,\n });\n\n // We keep track of whether we are interacting with the overflow button via keyboard or not.\n const overflowButtonTriggeredViaKeyboard = React.useRef(false);\n\n const focusAttributes = useArrowNavigationGroup({\n axis: 'both',\n circular: true,\n memorizeCurrent: true,\n });\n\n const onShowMoreButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n setAreReferencesExpanded(true);\n }, []);\n\n const onShowLessButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n setAreReferencesExpanded(false);\n }, []);\n\n const shouldUseOverflow =\n (minVisibleReferences === undefined || minVisibleReferences < totalReferencesCount) &&\n maxVisibleReferences !== undefined &&\n !areReferencesExpanded;\n\n // Since the overflow button is an OverflowItem that's always visible, we need to account for it.\n const minVisibleOverflowItems = minVisibleReferences ? minVisibleReferences + 1 : 1;\n\n const state: ReferenceListState = {\n areReferencesExpanded,\n overflowButtonTriggeredViaKeyboard,\n maxVisibleReferences,\n minVisibleReferences: minVisibleOverflowItems,\n referenceListRef,\n shouldUseOverflow,\n totalReferencesCount,\n\n components: {\n root: 'div',\n arrowableRegion: 'div',\n showMoreButton: 'span',\n showLessButton: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, referenceListRef),\n ...rest,\n }),\n { elementType: 'div' },\n ),\n arrowableRegion: slot.always(arrowableRegion, {\n defaultProps: { ...focusAttributes, children: resolvedChildren },\n elementType: 'div',\n }),\n showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, { elementType: 'span' }) : undefined,\n showLessButton: areReferencesExpanded ? slot.optional(showLessButton, { elementType: 'span' }) : undefined,\n };\n\n if (state.showMoreButton) {\n state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);\n }\n\n if (state.showLessButton) {\n state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);\n }\n\n return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useArrowNavigationGroup","useMergedRefs","useOverflowMaxVisibleItems","useRootStyles","useReferenceList_unstable","props","ref","arrowableRegion","children","maxVisibleReferences","minVisibleReferences","showLessButton","showMoreButton","rest","areReferencesExpanded","setAreReferencesExpanded","useState","referenceListRef","useRef","totalReferencesCount","Children","count","styles","resolvedChildren","additionalCondition","maxVisibleItems","minVisibleItems","overflowClassName","overflow","overflowButtonTriggeredViaKeyboard","focusAttributes","axis","circular","memorizeCurrent","onShowMoreButtonClick","useCallback","onShowLessButtonClick","shouldUseOverflow","undefined","minVisibleOverflowItems","state","components","root","always","elementType","defaultProps","optional","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,wBAAwB,EACxBC,cAAc,EACdC,IAAI,EACJC,uBAAuB,EACvBC,aAAa,QACR,6BAA6B;AACpC,SAASC,0BAA0B,QAAQ,oCAAoC;AAC/E,SAASC,aAAa,QAAQ,yCAAyC;AAGvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EACJC,eAAe,EACfC,QAAQ,EACRC,oBAAoB,EACpBC,oBAAoB,EACpBC,cAAc,EACdC,cAAc,EACd,GAAGC,MACJ,GAAGR;IAEJ,MAAM,CAACS,uBAAuBC,yBAAyB,GAAGnB,MAAMoB,QAAQ,CAAC;IACzE,MAAMC,mBAAmBrB,MAAMsB,MAAM,CAAiB;IAEtD,MAAMC,uBAAuBvB,MAAMwB,QAAQ,CAACC,KAAK,CAACb;IAClD,MAAMc,SAASnB;IACf,MAAMoB,mBAAmBrB,2BAA2B;QAClDsB,qBAAqB,CAACV;QACtBN;QACAiB,iBAAiBhB;QACjBiB,iBAAiBhB;QACjBiB,mBAAmBL,OAAOM,QAAQ;IACpC;IAEA,4FAA4F;IAC5F,MAAMC,qCAAqCjC,MAAMsB,MAAM,CAAC;IAExD,MAAMY,kBAAkB9B,wBAAwB;QAC9C+B,MAAM;QACNC,UAAU;QACVC,iBAAiB;IACnB;IAEA,MAAMC,wBAAwBtC,MAAMuC,WAAW,CAA6C;QAC1FpB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAMqB,wBAAwBxC,MAAMuC,WAAW,CAA6C;QAC1FpB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAMsB,oBACJ,AAAC3B,CAAAA,yBAAyB4B,aAAa5B,uBAAuBS,oBAAmB,KACjFV,yBAAyB6B,aACzB,CAACxB;IAEH,iGAAiG;IACjG,MAAMyB,0BAA0B7B,uBAAuBA,uBAAuB,IAAI;IAElF,MAAM8B,QAA4B;QAChC1B;QACAe;QACApB;QACAC,sBAAsB6B;QACtBtB;QACAoB;QACAlB;QAEAsB,YAAY;YACVC,MAAM;YACNnC,iBAAiB;YACjBK,gBAAgB;YAChBD,gBAAgB;QAClB;QACA+B,MAAM3C,KAAK4C,MAAM,CACf9C,yBAAyB,OAAO;YAC9BS,KAAKL,cAAcK,KAAKW;YACxB,GAAGJ,IAAI;QACT,IACA;YAAE+B,aAAa;QAAM;QAEvBrC,iBAAiBR,KAAK4C,MAAM,CAACpC,iBAAiB;YAC5CsC,cAAc;gBAAE,GAAGf,eAAe;gBAAEtB,UAAUe;YAAiB;YAC/DqB,aAAa;QACf;QACAhC,gBAAgByB,oBAAoBtC,KAAK+C,QAAQ,CAAClC,gBAAgB;YAAEgC,aAAa;QAAO,KAAKN;QAC7F3B,gBAAgBG,wBAAwBf,KAAK+C,QAAQ,CAACnC,gBAAgB;YAAEiC,aAAa;QAAO,KAAKN;IACnG;IAEA,IAAIE,MAAM5B,cAAc,EAAE;QACxB4B,MAAM5B,cAAc,CAACmC,OAAO,GAAGjD,eAAeoC,uBAAuBM,MAAM5B,cAAc,CAACmC,OAAO;IACnG;IAEA,IAAIP,MAAM7B,cAAc,EAAE;QACxB6B,MAAM7B,cAAc,CAACoC,OAAO,GAAGjD,eAAesC,uBAAuBI,MAAM7B,cAAc,CAACoC,OAAO;IACnG;IAEA,OAAOP;AACT,EAAE"}
@@ -1,46 +0,0 @@
1
- import { __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
2
- import { tokens } from '@fluentui-copilot/tokens';
3
- export const referenceListClassNames = {
4
- root: 'fai-ReferenceList',
5
- arrowableRegion: 'fai-ReferenceList__arrowableRegion',
6
- showMoreButton: 'fai-ReferenceList__showMoreButton',
7
- showLessButton: 'fai-ReferenceList__showLessButton'
8
- };
9
- /**
10
- * Styles for the root slot
11
- */
12
- const useRootBaseClassName = __resetStyles("rylvie1", null, [".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}"]);
13
- const useRootStyles = __styles({
14
- referencesExpanded: {
15
- Eh141a: "fni485r"
16
- }
17
- }, {
18
- d: [".fni485r{flex-wrap:wrap;}"]
19
- });
20
- const useArrowableRegionBaseClassName = __resetStyles("rhs5m2c", null, [".rhs5m2c{display:contents;max-width:100%;}"]);
21
- const useOverflowButtonBaseClassName = __resetStyles("rulvm7g", null, [".rulvm7g{display:inline-flex;flex-shrink:0;}"]);
22
- /**
23
- * Apply styling to the ReferenceList slots based on the state
24
- */
25
- export const useReferenceListStyles_unstable = state => {
26
- 'use no memo';
27
-
28
- const {
29
- areReferencesExpanded,
30
- shouldUseOverflow
31
- } = state;
32
- const rootBaseClassName = useRootBaseClassName();
33
- const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();
34
- const overflowButtonBaseClassName = useOverflowButtonBaseClassName();
35
- const rootStyles = useRootStyles();
36
- state.root.className = mergeClasses(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
37
- state.arrowableRegion.className = mergeClasses(referenceListClassNames.arrowableRegion, arrowableRegionBaseClassName, state.arrowableRegion.className);
38
- if (state.showMoreButton) {
39
- state.showMoreButton.className = mergeClasses(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
40
- }
41
- if (state.showLessButton) {
42
- state.showLessButton.className = mergeClasses(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
43
- }
44
- return state;
45
- };
46
- //# sourceMappingURL=useReferenceListStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n root: 'fai-ReferenceList',\n arrowableRegion: 'fai-ReferenceList__arrowableRegion',\n showMoreButton: 'fai-ReferenceList__showMoreButton',\n showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n display: 'flex',\n flexDirection: 'row',\n gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n referencesExpanded: {\n flexWrap: 'wrap',\n },\n});\n\nconst useArrowableRegionBaseClassName = makeResetStyles({\n display: 'contents',\n maxWidth: '100%',\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n display: 'inline-flex',\n flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n 'use no memo';\n\n const { areReferencesExpanded, shouldUseOverflow } = state;\n\n const rootBaseClassName = useRootBaseClassName();\n const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();\n const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n const rootStyles = useRootStyles();\n\n state.root.className = mergeClasses(\n referenceListClassNames.root,\n rootBaseClassName,\n (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n state.root.className,\n );\n\n state.arrowableRegion.className = mergeClasses(\n referenceListClassNames.arrowableRegion,\n arrowableRegionBaseClassName,\n state.arrowableRegion.className,\n );\n\n if (state.showMoreButton) {\n state.showMoreButton.className = mergeClasses(\n referenceListClassNames.showMoreButton,\n overflowButtonBaseClassName,\n state.showMoreButton.className,\n );\n }\n\n if (state.showLessButton) {\n state.showLessButton.className = mergeClasses(\n referenceListClassNames.showLessButton,\n overflowButtonBaseClassName,\n state.showLessButton.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","referenceListClassNames","root","arrowableRegion","showMoreButton","showLessButton","useRootBaseClassName","display","flexDirection","gap","spacingVerticalXS","spacingHorizontalXS","useRootStyles","referencesExpanded","flexWrap","useArrowableRegionBaseClassName","maxWidth","useOverflowButtonBaseClassName","flexShrink","useReferenceListStyles_unstable","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","arrowableRegionBaseClassName","overflowButtonBaseClassName","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,iBAAiB;IACjBC,gBAAgB;IAChBC,gBAAgB;AAClB,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBT,gBAAgB;IAC3CU,SAAS;IACTC,eAAe;IACfC,KAAK,CAAC,EAAET,OAAOU,iBAAiB,CAAC,CAAC,EAAEV,OAAOW,mBAAmB,CAAC,CAAC;AAClE;AAEA,MAAMC,gBAAgBd,WAAW;IAC/Be,oBAAoB;QAClBC,UAAU;IACZ;AACF;AAEA,MAAMC,kCAAkClB,gBAAgB;IACtDU,SAAS;IACTS,UAAU;AACZ;AAEA,MAAMC,iCAAiCpB,gBAAgB;IACrDU,SAAS;IACTW,YAAY;AACd;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAE,GAAGF;IAErD,MAAMG,oBAAoBjB;IAC1B,MAAMkB,+BAA+BT;IACrC,MAAMU,8BAA8BR;IACpC,MAAMS,aAAad;IAEnBQ,MAAMlB,IAAI,CAACyB,SAAS,GAAG5B,aACrBE,wBAAwBC,IAAI,EAC5BqB,mBACA,AAACF,CAAAA,yBAAyB,CAACC,iBAAgB,KAAMI,WAAWb,kBAAkB,EAC9EO,MAAMlB,IAAI,CAACyB,SAAS;IAGtBP,MAAMjB,eAAe,CAACwB,SAAS,GAAG5B,aAChCE,wBAAwBE,eAAe,EACvCqB,8BACAJ,MAAMjB,eAAe,CAACwB,SAAS;IAGjC,IAAIP,MAAMhB,cAAc,EAAE;QACxBgB,MAAMhB,cAAc,CAACuB,SAAS,GAAG5B,aAC/BE,wBAAwBG,cAAc,EACtCqB,6BACAL,MAAMhB,cAAc,CAACuB,SAAS;IAElC;IAEA,IAAIP,MAAMf,cAAc,EAAE;QACxBe,MAAMf,cAAc,CAACsB,SAAS,GAAG5B,aAC/BE,wBAAwBI,cAAc,EACtCoB,6BACAL,MAAMf,cAAc,CAACsB,SAAS;IAElC;IAEA,OAAOP;AACT,EAAE"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceOverflowButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport {\n getIntrinsicElementProps,\n mergeCallbacks,\n slot,\n useFocusFinders,\n useId,\n useMergedRefs,\n useOverflowMenu,\n} from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport type { ReferenceOverflowButtonProps, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render ReferenceOverflowButton.\n *\n * The returned state can be modified with hooks such as useReferenceOverflowButtonStyles_unstable,\n * before being passed to renderReferenceOverflowButton_unstable.\n *\n * @param props - props from this instance of ReferenceOverflowButton\n * @param ref - reference to root HTMLElement of ReferenceOverflowButton\n */\nexport const useReferenceOverflowButton_unstable = (\n props: ReferenceOverflowButtonProps,\n ref: React.Ref<HTMLButtonElement>,\n): ReferenceOverflowButtonState => {\n 'use no memo';\n\n const { children, id, text } = props;\n const designVersion = useDesignVersion(props.designVersion);\n\n const rootRef = React.useRef<HTMLButtonElement>(null);\n\n const [setTimeout] = useTimeout();\n\n const referenceOverflowButtonId = useId('reference-overflow-button-', id);\n\n const areReferencesExpanded = useReferenceListContext_unstable(ctx => ctx.areReferencesExpanded);\n const maxVisibleReferences = useReferenceListContext_unstable(ctx => ctx.maxVisibleReferences);\n const referenceListRef = useReferenceListContext_unstable(ctx => ctx.referenceListRef);\n const totalReferencesCount = useReferenceListContext_unstable(ctx => ctx.totalReferencesCount);\n const triggeredViaKeyboard = useReferenceListContext_unstable(ctx => ctx.overflowButtonTriggeredViaKeyboard);\n\n const { isOverflowing, overflowCount } = useOverflowMenu();\n\n const processedText = children ?? (typeof text === 'function' ? text(overflowCount) : text);\n\n const { findFirstFocusable, findNextFocusable } = useFocusFinders();\n const onKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement>>(\n ev => {\n if (ev.key === Enter || ev.key === Space) {\n triggeredViaKeyboard.current = true;\n }\n },\n [triggeredViaKeyboard],\n );\n\n // We keep track of the previous overflow count to help determine the element to move focus to when expanding the references via keyboard.\n const previousOverflow = React.useRef(0);\n\n // When the references are expanded or collapsed via keyboard, we need to move focus to the appropriate element.\n React.useEffect(() => {\n // We only try to move focus if maxVisibleReferences is set and the overflow button was triggered via keyboard.\n if (maxVisibleReferences !== undefined && triggeredViaKeyboard.current) {\n let elementToFocus: HTMLElement | null | undefined;\n\n // If the references are collapsed, we move focus to the overflow button.\n if (!areReferencesExpanded) {\n elementToFocus = rootRef.current;\n previousOverflow.current = overflowCount;\n }\n // If the references are expanded, we move focus to the first reference that was hidden when they were collapsed.\n // We do this by moving focus according to the following heuristics:\n // - If maxVisibleReferences is what determines what overflows, focus is moved to the element that is in the maxVisibleReferences position of the ReferenceList's children.\n // - If the space available is what is determines what overflows, focus is moved to the element that is in the (totalReferencesCount - overflowCount) position of the ReferenceList's children.\n else if (rootRef.current && referenceListRef.current) {\n const positionToFocus =\n maxVisibleReferences < totalReferencesCount - previousOverflow.current\n ? maxVisibleReferences\n : totalReferencesCount - previousOverflow.current;\n\n let currentElement: HTMLElement | null | undefined = findFirstFocusable(referenceListRef.current);\n for (let i = 0; i < positionToFocus && currentElement; i++) {\n currentElement = findNextFocusable(currentElement);\n }\n\n elementToFocus = currentElement;\n }\n\n // We focus on the element and reset the triggeredViaKeyboard flag after a timeout to ensure that this is pushed at the end of the event queue.\n setTimeout(() => {\n elementToFocus?.focus();\n triggeredViaKeyboard.current = false;\n }, 0);\n }\n }, [\n areReferencesExpanded,\n findFirstFocusable,\n findNextFocusable,\n isOverflowing,\n maxVisibleReferences,\n overflowCount,\n referenceListRef,\n setTimeout,\n totalReferencesCount,\n triggeredViaKeyboard,\n ]);\n\n const state: ReferenceOverflowButtonState = {\n designVersion,\n id: referenceOverflowButtonId,\n shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,\n\n components: {\n root: 'button',\n },\n\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref: useMergedRefs(rootRef, ref),\n ...props,\n }),\n {\n defaultProps: {\n children: processedText,\n },\n elementType: 'button',\n },\n ),\n };\n\n state.root.onKeyDown = mergeCallbacks(onKeyDown, props.onKeyDown);\n\n return state;\n};\n"],"names":["React","Enter","Space","getIntrinsicElementProps","mergeCallbacks","slot","useFocusFinders","useId","useMergedRefs","useOverflowMenu","useTimeout","useReferenceListContext_unstable","useDesignVersion","useReferenceOverflowButton_unstable","props","ref","children","id","text","designVersion","rootRef","useRef","setTimeout","referenceOverflowButtonId","areReferencesExpanded","ctx","maxVisibleReferences","referenceListRef","totalReferencesCount","triggeredViaKeyboard","overflowButtonTriggeredViaKeyboard","isOverflowing","overflowCount","processedText","findFirstFocusable","findNextFocusable","onKeyDown","useCallback","ev","key","current","previousOverflow","useEffect","undefined","elementToFocus","positionToFocus","currentElement","i","focus","state","shouldRenderOverflowButton","components","root","always","defaultProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1,4 +0,0 @@
1
- export { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './Reference';
2
- export { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './ReferenceList';
3
- export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export type { ReferenceProps, ReferenceSlots, ReferenceState } from './Reference';\nexport { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './Reference';\nexport type { ReferenceListContextValues, ReferenceListProps, ReferenceListSlots, ReferenceListState } from './ReferenceList';\nexport { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './ReferenceList';\nexport type { ReferenceOverflowButtonProps, ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton';\nexport { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';\n"],"names":["Reference","referenceClassNames","referenceExtraClassNames","renderReference_unstable","useReferenceStyles_unstable","useReference_unstable","ReferenceList","referenceListClassNames","renderReferenceList_unstable","useReferenceListStyles_unstable","useReferenceList_unstable","ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable"],"rangeMappings":";;","mappings":"AACA,SAASA,SAAS,EAAEC,mBAAmB,EAAEC,wBAAwB,EAAEC,wBAAwB,EAAEC,2BAA2B,EAAEC,qBAAqB,QAAQ,cAAc;AAErK,SAASC,aAAa,EAAEC,uBAAuB,EAAEC,4BAA4B,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,kBAAkB;AAEnK,SAASC,uBAAuB,EAAEC,iCAAiC,EAAEC,sCAAsC,EAAEC,yCAAyC,EAAEC,mCAAmC,QAAQ,4BAA4B"}
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- // eslint-disable-next-line @typescript-eslint/no-empty-function
3
- const noop = () => {};
4
- const ReferenceGroupContext = React.createContext(undefined);
5
- export const ReferenceGroupProvider = ReferenceGroupContext.Provider;
6
- export const useReferenceGroupSetOpen = () => {
7
- const context = React.useContext(ReferenceGroupContext);
8
- var _context_setOpen;
9
- return (_context_setOpen = context === null || context === void 0 ? void 0 : context.setOpen) !== null && _context_setOpen !== void 0 ? _context_setOpen : noop;
10
- };
11
- //# sourceMappingURL=ReferenceGroupContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceGroupContext.ts"],"sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport type ReferenceGroupContext = {\n open?: boolean;\n setOpen: () => void;\n};\n\nconst ReferenceGroupContext = React.createContext<ReferenceGroupContext | undefined>(undefined);\n\nexport const ReferenceGroupProvider = ReferenceGroupContext.Provider;\n\nexport const useReferenceGroupSetOpen = (): (() => void) => {\n const context = React.useContext(ReferenceGroupContext);\n return context?.setOpen ?? noop;\n};\n"],"names":["React","noop","ReferenceGroupContext","createContext","undefined","ReferenceGroupProvider","Provider","useReferenceGroupSetOpen","context","useContext","setOpen"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,gEAAgE;AAChE,MAAMC,OAAO,KAAO;AAOpB,MAAMC,wBAAwBF,MAAMG,aAAa,CAAoCC;AAErF,OAAO,MAAMC,yBAAyBH,sBAAsBI,QAAQ,CAAC;AAErE,OAAO,MAAMC,2BAA2B;IACtC,MAAMC,UAAUR,MAAMS,UAAU,CAACP;QAC1BM;IAAP,OAAOA,CAAAA,mBAAAA,oBAAAA,8BAAAA,QAASE,OAAO,cAAhBF,8BAAAA,mBAAoBP;AAC7B,EAAE"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["referenceListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { ReferenceListState } from '../../ReferenceListV2';\n\n/**\n * Context shared between ReferenceList and its children components\n */\nexport type ReferenceListContextValue = Pick<\n ReferenceListState,\n | 'areReferencesExpanded'\n | 'maxVisibleReferences'\n | 'overflowButtonTriggeredViaKeyboard'\n | 'referenceListRef'\n | 'shouldUseOverflow'\n | 'totalReferencesCount'\n>;\n\nexport const ReferenceListContext: Context<ReferenceListContextValue> = createContext<\n ReferenceListContextValue | undefined\n>(undefined) as Context<ReferenceListContextValue>;\n\nconst referenceListContextDefaultValue: ReferenceListContextValue = {\n areReferencesExpanded: false,\n maxVisibleReferences: undefined,\n overflowButtonTriggeredViaKeyboard: { current: false },\n referenceListRef: { current: null },\n shouldUseOverflow: false,\n totalReferencesCount: 0,\n};\n\nexport const ReferenceListContextProvider = ReferenceListContext.Provider;\n\nexport const useReferenceListContext_unstable = <T>(selector: ContextSelector<ReferenceListContextValue, T>) =>\n useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","ReferenceListContext","undefined","referenceListContextDefaultValue","areReferencesExpanded","maxVisibleReferences","overflowButtonTriggeredViaKeyboard","current","referenceListRef","shouldUseOverflow","totalReferencesCount","ReferenceListContextProvider","Provider","useReferenceListContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAiBrF,OAAO,MAAMC,uBAA2DF,cAEtEG,WAAiD;AAEnD,MAAMC,mCAA8D;IAClEC,uBAAuB;IACvBC,sBAAsBH;IACtBI,oCAAoC;QAAEC,SAAS;IAAM;IACrDC,kBAAkB;QAAED,SAAS;IAAK;IAClCE,mBAAmB;IACnBC,sBAAsB;AACxB;AAEA,OAAO,MAAMC,+BAA+BV,qBAAqBW,QAAQ,CAAC;AAE1E,OAAO,MAAMC,mCAAmC,CAAIC,WAClDd,mBAAmBC,sBAAsB,CAACc,MAAMZ,gCAAgC,GAAKW,SAASC,MAAM"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["generateReferenceCitationPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';\n\nimport {\n Preview,\n PreviewContent,\n PreviewHeader,\n PreviewMetadata,\n PreviewSurface,\n PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type {\n PreviewHeaderProps,\n PreviewMetadataProps,\n PreviewProps,\n PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../../Citation';\nimport { Reference } from '../../ReferenceV2';\nimport type { CitationProps } from '../../Citation';\nimport type { ReferenceProps } from '../../ReferenceV2';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n PreviewMetadataProps,\n 'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n content?: React.ReactNode;\n};\n\nexport type ReferenceCitationPreviewGeneratorProps = {\n citationPreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;\n citationPreviewSurfaceProps?: PreviewSurfaceProps;\n citationProps?: CitationProps;\n index: number;\n previewContentProps?: PackagedPreviewContentProps;\n previewHeaderProps?: PreviewHeaderProps;\n referencePreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;\n referencePreviewSurfaceProps?: PreviewSurfaceProps;\n referenceProps?: ReferenceProps;\n sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {\n Citation: PackagedCitation;\n Reference: PackagedReference;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n ev => {\n setPopoverOpen(ev, false);\n\n // Don't navigate\n ev.preventDefault();\n },\n [setPopoverOpen],\n );\n\n const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Function to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.\n * Props can either be passed in to the function or applied directly to the generated components in JSX.\n *\n * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.\n * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator = props => {\n const {\n citationPreviewProps,\n citationPreviewSurfaceProps,\n citationProps,\n index,\n previewContentProps,\n previewHeaderProps,\n referencePreviewProps,\n referencePreviewSurfaceProps,\n referenceProps,\n sensitivityLabelProps,\n } = props;\n\n const CitationWithPreview: PackagedCitation = props => {\n return (\n <Preview closeOnScroll positioning=\"above\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n <PreviewTrigger>\n <Citation {...citationProps} {...props}>\n {index}\n </Citation>\n </PreviewTrigger>\n <PreviewSurface {...citationPreviewSurfaceProps}>\n <PreviewContent>\n <PreviewHeader\n citation={\n <CitationCloseButton aria-label={`Close Reference ${index}`} referenceHref=\"#\" tabIndex={-1}>\n {index}\n </CitationCloseButton>\n }\n media={referenceProps?.graphic as PreviewHeaderProps['media']}\n >\n {referenceProps?.children}\n </PreviewHeader>\n <PreviewMetadata\n icon={previewContentProps?.icon}\n primaryText={previewContentProps?.primaryText}\n secondaryText={previewContentProps?.secondaryText}\n tertiaryText={previewContentProps?.tertiaryText}\n />\n {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n {previewContentProps?.content ?? citationPreviewProps?.children}\n </PreviewContent>\n </PreviewSurface>\n </Preview>\n );\n };\n\n const ReferenceWithPreview: PackagedReference = props => {\n const mergedReferenceProps = {\n citation: index,\n ...referenceProps,\n ...props,\n } as ReferenceProps;\n\n return (\n <Preview closeOnScroll positioning=\"above\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n <PreviewTrigger>\n <Reference {...mergedReferenceProps} />\n </PreviewTrigger>\n <PreviewSurface {...referencePreviewSurfaceProps}>\n <PreviewContent>\n <PreviewHeader\n citation={\n <CitationCloseButton aria-label={`Close Reference ${index}`} referenceHref=\"#\" tabIndex={-1}>\n {index}\n </CitationCloseButton>\n }\n media={referenceProps?.graphic as PreviewHeaderProps['media']}\n {...previewHeaderProps}\n >\n {previewHeaderProps?.children ?? referenceProps?.children}\n </PreviewHeader>\n <PreviewMetadata\n icon={previewContentProps?.icon}\n primaryText={previewContentProps?.primaryText}\n secondaryText={previewContentProps?.secondaryText}\n tertiaryText={previewContentProps?.tertiaryText}\n />\n {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n {previewContentProps?.content ?? referencePreviewProps?.children}\n </PreviewContent>\n </PreviewSurface>\n </Preview>\n );\n };\n\n const components = {\n Citation: CitationWithPreview,\n Reference: ReferenceWithPreview,\n };\n\n return components;\n};\n"],"names":["React","mergeCallbacks","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","SensitivityLabel","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","generateReferenceCitationPreview","props","citationPreviewProps","citationPreviewSurfaceProps","citationProps","index","previewContentProps","previewHeaderProps","referencePreviewProps","referencePreviewSurfaceProps","referenceProps","sensitivityLabelProps","CitationWithPreview","closeOnScroll","positioning","size","trapFocus","withArrow","citation","aria-label","referenceHref","tabIndex","media","graphic","children","icon","primaryText","secondaryText","tertiaryText","content","ReferenceWithPreview","mergedReferenceProps","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { generateReferenceCitationPreview } from './generateReferenceCitationPreview';
2
- export { useReferenceCitationPreview } from './useReferenceCitationPreview';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export type { PackagedCitation, PackagedPreviewContentProps, PackagedReference, ReferenceCitationPreviewGenerator, ReferenceCitationPreviewGeneratorProps } from './generateReferenceCitationPreview';\nexport { generateReferenceCitationPreview } from './generateReferenceCitationPreview';\nexport type { UseReferenceCitationPreview, UseReferenceCitationPreviewProps } from './useReferenceCitationPreview';\nexport { useReferenceCitationPreview } from './useReferenceCitationPreview';\n"],"names":["generateReferenceCitationPreview","useReferenceCitationPreview"],"rangeMappings":";","mappings":"AACA,SAASA,gCAAgC,QAAQ,qCAAqC;AAEtF,SAASC,2BAA2B,QAAQ,gCAAgC"}
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- import { generateReferenceCitationPreview } from './generateReferenceCitationPreview';
3
- /**
4
- * Hook to generate a Citation - Reference pair with correctly wired props.
5
- * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.
6
- * Props can either be passed in to the hook or applied directly to the generated components in JSX.
7
- *
8
- * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.
9
- * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.
10
- * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
11
- * `generateReferenceCitationPreview` directly.
12
- *
13
- * @returns A Citation - Reference pair with correctly wired props.
14
- */
15
- export const useReferenceCitationPreview = props => {
16
- return React.useMemo(() => generateReferenceCitationPreview(props), [props]);
17
- };
18
- //# sourceMappingURL=useReferenceCitationPreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport {\n generateReferenceCitationPreview,\n type ReferenceCitationPreviewGenerator,\n type ReferenceCitationPreviewGeneratorProps,\n} from './generateReferenceCitationPreview';\n\nexport type UseReferenceCitationPreviewProps = ReferenceCitationPreviewGeneratorProps;\n\nexport type UseReferenceCitationPreview = ReferenceCitationPreviewGenerator;\n\n/**\n * Hook to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.\n * Props can either be passed in to the hook or applied directly to the generated components in JSX.\n *\n * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.\n * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n return React.useMemo(() => generateReferenceCitationPreview(props), [props]);\n};\n"],"names":["React","generateReferenceCitationPreview","useReferenceCitationPreview","props","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD,GAEjD,YAAYA,WAAW,QAAQ;AAE/B,SACEC,gCAAgC,QAG3B,qCAAqC;AAM5C;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,8BAA2DC,CAAAA;IACtE,OAAOH,MAAMI,OAAO,CAAC,IAAMH,iCAAiCE,QAAQ;QAACA;KAAM;AAC7E,EAAE"}
@@ -1,40 +0,0 @@
1
- import * as React from 'react';
2
- import { __styles, useId } from '@fluentui/react-components';
3
- const useStyles = __styles({
4
- hidden: {
5
- mc9l5x: "fjseox"
6
- }
7
- }, {
8
- d: [".fjseox{display:none;}"]
9
- });
10
- /**
11
- * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and
12
- * maintain their `isOpen` state.
13
- *
14
- * When rendering a group of references, prefer to use this hook
15
- * hook to ensure state is maintained correctly
16
- */
17
- export const useReferenceGroup = props => {
18
- const [isOpen, setIsOpen] = React.useState(false);
19
- const styles = useStyles();
20
- const referenceListId = useId('reference-list', props.referenceListId);
21
- return React.useMemo(() => {
22
- const handleClick = () => {
23
- setIsOpen(isOpen => !isOpen);
24
- };
25
- const referenceGroupToggleProps = {
26
- 'aria-controls': referenceListId,
27
- isOpen,
28
- onClick: handleClick
29
- };
30
- const referenceListProps = {
31
- className: isOpen ? undefined : styles.hidden,
32
- id: referenceListId
33
- };
34
- return {
35
- referenceGroupToggleProps,
36
- referenceListProps
37
- };
38
- }, [isOpen, referenceListId, styles.hidden]);
39
- };
40
- //# sourceMappingURL=useReferenceGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n referenceGroupToggleProps: ReferenceGroupToggleProps;\n referenceListProps: ReferenceListProps;\n};\n\nconst useStyles = makeStyles({\n hidden: {\n display: 'none',\n },\n});\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n const [isOpen, setIsOpen] = React.useState(false);\n const styles = useStyles();\n const referenceListId = useId('reference-list', props.referenceListId);\n\n return React.useMemo(() => {\n const handleClick = () => {\n setIsOpen(isOpen => !isOpen);\n };\n\n const referenceGroupToggleProps = {\n 'aria-controls': referenceListId,\n isOpen,\n onClick: handleClick,\n };\n\n const referenceListProps = {\n className: isOpen ? undefined : styles.hidden,\n id: referenceListId,\n };\n\n return { referenceGroupToggleProps, referenceListProps };\n }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["React","makeStyles","useId","useStyles","hidden","display","useReferenceGroup","props","isOpen","setIsOpen","useState","styles","referenceListId","useMemo","handleClick","referenceGroupToggleProps","onClick","referenceListProps","className","undefined","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,KAAK,QAAQ,6BAA6B;AAU/D,MAAMC,YAAYF,WAAW;IAC3BG,QAAQ;QACNC,SAAS;IACX;AACF;AAEA;;;;;;CAMC,GACD,OAAO,MAAMC,oBAAuCC,CAAAA;IAClD,MAAM,CAACC,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC;IAC3C,MAAMC,SAASR;IACf,MAAMS,kBAAkBV,MAAM,kBAAkBK,MAAMK,eAAe;IAErE,OAAOZ,MAAMa,OAAO,CAAC;QACnB,MAAMC,cAAc;YAClBL,UAAUD,CAAAA,SAAU,CAACA;QACvB;QAEA,MAAMO,4BAA4B;YAChC,iBAAiBH;YACjBJ;YACAQ,SAASF;QACX;QAEA,MAAMG,qBAAqB;YACzBC,WAAWV,SAASW,YAAYR,OAAOP,MAAM;YAC7CgB,IAAIR;QACN;QAEA,OAAO;YAAEG;YAA2BE;QAAmB;IACzD,GAAG;QAACT;QAAQI;QAAiBD,OAAOP,MAAM;KAAC;AAC7C,EAAE"}
@@ -1,29 +0,0 @@
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
- ReferenceGroupToggle: function() {
13
- return _index.ReferenceGroupToggle;
14
- },
15
- referenceGroupToggleClassNames: function() {
16
- return _index.referenceGroupToggleClassNames;
17
- },
18
- renderReferenceGroupToggle_unstable: function() {
19
- return _index.renderReferenceGroupToggle_unstable;
20
- },
21
- useReferenceGroupToggleStyles_unstable: function() {
22
- return _index.useReferenceGroupToggleStyles_unstable;
23
- },
24
- useReferenceGroupToggle_unstable: function() {
25
- return _index.useReferenceGroupToggle_unstable;
26
- }
27
- });
28
- const _index = require("./components/ReferenceGroupToggle/index");
29
- //# sourceMappingURL=ReferenceGroupToggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceGroupToggle.ts"],"sourcesContent":["export type { ReferenceGroupToggleProps, ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './components/ReferenceGroupToggle/index';\nexport { ReferenceGroupToggle, referenceGroupToggleClassNames, renderReferenceGroupToggle_unstable, useReferenceGroupToggleStyles_unstable, useReferenceGroupToggle_unstable } from './components/ReferenceGroupToggle/index';\n"],"names":["ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,oBAAoB;eAApBA,2BAAoB;;IAAEC,8BAA8B;eAA9BA,qCAA8B;;IAAEC,mCAAmC;eAAnCA,0CAAmC;;IAAEC,sCAAsC;eAAtCA,6CAAsC;;IAAEC,gCAAgC;eAAhCA,uCAAgC;;;uBAAQ"}
@@ -1,29 +0,0 @@
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
- ReferenceList: function() {
13
- return _index.ReferenceList;
14
- },
15
- referenceListClassNames: function() {
16
- return _index.referenceListClassNames;
17
- },
18
- renderReferenceList_unstable: function() {
19
- return _index.renderReferenceList_unstable;
20
- },
21
- useReferenceListStyles_unstable: function() {
22
- return _index.useReferenceListStyles_unstable;
23
- },
24
- useReferenceList_unstable: function() {
25
- return _index.useReferenceList_unstable;
26
- }
27
- });
28
- const _index = require("./components/reference-v2/ReferenceList/index");
29
- //# sourceMappingURL=ReferenceListV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ReferenceListV2.ts"],"sourcesContent":["export type { ReferenceListContextValues, ReferenceListProps, ReferenceListSlots, ReferenceListState } from './components/reference-v2/ReferenceList/index';\nexport { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/reference-v2/ReferenceList/index';\n"],"names":["ReferenceList","referenceListClassNames","renderReferenceList_unstable","useReferenceListStyles_unstable","useReferenceList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,aAAa;eAAbA,oBAAa;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,+BAA+B;eAA/BA,sCAA+B;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;;uBAAQ"}