@fluentui-copilot/react-reference 0.15.5-hotfix.1 → 0.15.5-hotfix.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/CHANGELOG.json +4 -4
  2. package/CHANGELOG.md +5 -5
  3. package/lib/Citation.js +1 -0
  4. package/lib/Reference.js +1 -0
  5. package/lib/ReferenceGroupToggle.js +1 -0
  6. package/lib/ReferenceList.js +1 -0
  7. package/lib/ReferenceListV2.js +1 -0
  8. package/lib/ReferenceOverflowButton.js +1 -0
  9. package/lib/ReferenceV2.js +1 -0
  10. package/lib/components/Citation/Citation.js +6 -5
  11. package/lib/components/Citation/Citation.types.js +2 -1
  12. package/lib/components/Citation/index.js +1 -0
  13. package/lib/components/Citation/renderCitation.js +6 -4
  14. package/lib/components/Citation/useCitation.js +28 -22
  15. package/lib/components/Citation/useCitationStyles.styles.raw.js +59 -54
  16. package/lib/components/Reference/Reference.js +7 -5
  17. package/lib/components/Reference/Reference.types.js +2 -1
  18. package/lib/components/Reference/index.js +1 -0
  19. package/lib/components/Reference/renderReference.js +12 -27
  20. package/lib/components/Reference/useReference.js +172 -173
  21. package/lib/components/Reference/useReferenceStyles.styles.raw.js +181 -172
  22. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.js +6 -4
  23. package/lib/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js +2 -1
  24. package/lib/components/ReferenceGroupToggle/index.js +1 -0
  25. package/lib/components/ReferenceGroupToggle/renderReferenceGroupToggle.js +8 -9
  26. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggle.js +30 -26
  27. package/lib/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js +36 -31
  28. package/lib/components/ReferenceList/ReferenceList.js +7 -5
  29. package/lib/components/ReferenceList/ReferenceList.types.js +2 -1
  30. package/lib/components/ReferenceList/index.js +1 -0
  31. package/lib/components/ReferenceList/renderReferenceList.js +6 -4
  32. package/lib/components/ReferenceList/useReferenceList.js +17 -15
  33. package/lib/components/ReferenceList/useReferenceListStyles.styles.raw.js +22 -16
  34. package/lib/components/reference-v2/Reference/Reference.js +5 -4
  35. package/lib/components/reference-v2/Reference/Reference.types.js +2 -1
  36. package/lib/components/reference-v2/Reference/index.js +1 -0
  37. package/lib/components/reference-v2/Reference/renderReference.js +17 -20
  38. package/lib/components/reference-v2/Reference/useReference.js +59 -53
  39. package/lib/components/reference-v2/Reference/useReferenceStyles.styles.raw.js +89 -84
  40. package/lib/components/reference-v2/ReferenceList/ReferenceList.js +6 -5
  41. package/lib/components/reference-v2/ReferenceList/ReferenceList.types.js +2 -1
  42. package/lib/components/reference-v2/ReferenceList/index.js +1 -0
  43. package/lib/components/reference-v2/ReferenceList/renderReferenceList.js +17 -17
  44. package/lib/components/reference-v2/ReferenceList/useReferenceList.js +80 -70
  45. package/lib/components/reference-v2/ReferenceList/useReferenceListContextValues.js +21 -13
  46. package/lib/components/reference-v2/ReferenceList/useReferenceListStyles.styles.raw.js +38 -31
  47. package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js +5 -4
  48. package/lib/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js +2 -1
  49. package/lib/components/reference-v2/ReferenceOverflowButton/index.js +1 -0
  50. package/lib/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js +14 -9
  51. package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js +77 -77
  52. package/lib/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js +39 -33
  53. package/lib/components/reference-v2/index.js +1 -0
  54. package/lib/contexts/ReferenceGroupContext.js +6 -5
  55. package/lib/contexts/reference-v2/index.js +1 -0
  56. package/lib/contexts/reference-v2/referenceListContext.js +12 -11
  57. package/lib/index.js +1 -0
  58. package/lib/utilities/index.js +1 -0
  59. package/lib/utilities/reference-v2/generateReferenceCitationPreview.js +86 -75
  60. package/lib/utilities/reference-v2/index.js +1 -0
  61. package/lib/utilities/reference-v2/useReferenceCitationPreview.js +5 -5
  62. package/lib/utilities/useReferenceCitationPreview.js +114 -123
  63. package/lib/utilities/useReferenceGroup.js +24 -26
  64. package/lib/utilities/useReferenceGroup.styles.raw.js +4 -3
  65. package/lib-commonjs/Citation.js +1 -0
  66. package/lib-commonjs/Reference.js +1 -0
  67. package/lib-commonjs/ReferenceGroupToggle.js +1 -0
  68. package/lib-commonjs/ReferenceList.js +1 -0
  69. package/lib-commonjs/ReferenceListV2.js +1 -0
  70. package/lib-commonjs/ReferenceOverflowButton.js +1 -0
  71. package/lib-commonjs/ReferenceV2.js +1 -0
  72. package/lib-commonjs/components/Citation/Citation.js +1 -1
  73. package/lib-commonjs/components/Citation/Citation.js.map +1 -1
  74. package/lib-commonjs/components/Citation/Citation.types.js +1 -0
  75. package/lib-commonjs/components/Citation/index.js +1 -0
  76. package/lib-commonjs/components/Citation/renderCitation.js +1 -1
  77. package/lib-commonjs/components/Citation/renderCitation.js.map +1 -1
  78. package/lib-commonjs/components/Citation/useCitation.js +1 -1
  79. package/lib-commonjs/components/Citation/useCitation.js.map +1 -1
  80. package/lib-commonjs/components/Citation/useCitationStyles.styles.raw.js +1 -1
  81. package/lib-commonjs/components/Citation/useCitationStyles.styles.raw.js.map +1 -1
  82. package/lib-commonjs/components/Reference/Reference.js +1 -1
  83. package/lib-commonjs/components/Reference/Reference.js.map +1 -1
  84. package/lib-commonjs/components/Reference/Reference.types.js +1 -0
  85. package/lib-commonjs/components/Reference/index.js +1 -0
  86. package/lib-commonjs/components/Reference/renderReference.js +1 -1
  87. package/lib-commonjs/components/Reference/renderReference.js.map +1 -1
  88. package/lib-commonjs/components/Reference/useReference.js +1 -1
  89. package/lib-commonjs/components/Reference/useReference.js.map +1 -1
  90. package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js +1 -1
  91. package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js.map +1 -1
  92. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.js +1 -1
  93. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.js.map +1 -1
  94. package/lib-commonjs/components/ReferenceGroupToggle/ReferenceGroupToggle.types.js +1 -0
  95. package/lib-commonjs/components/ReferenceGroupToggle/index.js +1 -0
  96. package/lib-commonjs/components/ReferenceGroupToggle/renderReferenceGroupToggle.js +1 -1
  97. package/lib-commonjs/components/ReferenceGroupToggle/renderReferenceGroupToggle.js.map +1 -1
  98. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggle.js +1 -1
  99. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggle.js.map +1 -1
  100. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js +1 -1
  101. package/lib-commonjs/components/ReferenceGroupToggle/useReferenceGroupToggleStyles.styles.raw.js.map +1 -1
  102. package/lib-commonjs/components/ReferenceList/ReferenceList.js +1 -1
  103. package/lib-commonjs/components/ReferenceList/ReferenceList.js.map +1 -1
  104. package/lib-commonjs/components/ReferenceList/ReferenceList.types.js +1 -0
  105. package/lib-commonjs/components/ReferenceList/index.js +1 -0
  106. package/lib-commonjs/components/ReferenceList/renderReferenceList.js +1 -1
  107. package/lib-commonjs/components/ReferenceList/renderReferenceList.js.map +1 -1
  108. package/lib-commonjs/components/ReferenceList/useReferenceList.js +1 -1
  109. package/lib-commonjs/components/ReferenceList/useReferenceList.js.map +1 -1
  110. package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.raw.js +1 -1
  111. package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.raw.js.map +1 -1
  112. package/lib-commonjs/components/reference-v2/Reference/Reference.js +1 -1
  113. package/lib-commonjs/components/reference-v2/Reference/Reference.js.map +1 -1
  114. package/lib-commonjs/components/reference-v2/Reference/Reference.types.js +1 -0
  115. package/lib-commonjs/components/reference-v2/Reference/index.js +1 -0
  116. package/lib-commonjs/components/reference-v2/Reference/renderReference.js +1 -1
  117. package/lib-commonjs/components/reference-v2/Reference/renderReference.js.map +1 -1
  118. package/lib-commonjs/components/reference-v2/Reference/useReference.js +1 -1
  119. package/lib-commonjs/components/reference-v2/Reference/useReference.js.map +1 -1
  120. package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.raw.js +1 -1
  121. package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.styles.raw.js.map +1 -1
  122. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js +1 -1
  123. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.js.map +1 -1
  124. package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js +1 -0
  125. package/lib-commonjs/components/reference-v2/ReferenceList/index.js +1 -0
  126. package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js +1 -1
  127. package/lib-commonjs/components/reference-v2/ReferenceList/renderReferenceList.js.map +1 -1
  128. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js +1 -1
  129. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceList.js.map +1 -1
  130. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListContextValues.js +1 -1
  131. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListContextValues.js.map +1 -1
  132. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.raw.js +1 -1
  133. package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.raw.js.map +1 -1
  134. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js +1 -1
  135. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.js.map +1 -1
  136. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js +1 -0
  137. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js +1 -0
  138. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js +1 -1
  139. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/renderReferenceOverflowButton.js.map +1 -1
  140. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js +1 -1
  141. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButton.js.map +1 -1
  142. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js +1 -1
  143. package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js.map +1 -1
  144. package/lib-commonjs/components/reference-v2/index.js +1 -0
  145. package/lib-commonjs/contexts/ReferenceGroupContext.js +1 -1
  146. package/lib-commonjs/contexts/ReferenceGroupContext.js.map +1 -1
  147. package/lib-commonjs/contexts/reference-v2/index.js +1 -0
  148. package/lib-commonjs/contexts/reference-v2/referenceListContext.js +1 -1
  149. package/lib-commonjs/contexts/reference-v2/referenceListContext.js.map +1 -1
  150. package/lib-commonjs/index.js +1 -0
  151. package/lib-commonjs/utilities/index.js +1 -0
  152. package/lib-commonjs/utilities/reference-v2/generateReferenceCitationPreview.js +1 -1
  153. package/lib-commonjs/utilities/reference-v2/generateReferenceCitationPreview.js.map +1 -1
  154. package/lib-commonjs/utilities/reference-v2/index.js +1 -0
  155. package/lib-commonjs/utilities/reference-v2/useReferenceCitationPreview.js +1 -1
  156. package/lib-commonjs/utilities/reference-v2/useReferenceCitationPreview.js.map +1 -1
  157. package/lib-commonjs/utilities/useReferenceCitationPreview.js +1 -1
  158. package/lib-commonjs/utilities/useReferenceCitationPreview.js.map +1 -1
  159. package/lib-commonjs/utilities/useReferenceGroup.js +1 -1
  160. package/lib-commonjs/utilities/useReferenceGroup.js.map +1 -1
  161. package/lib-commonjs/utilities/useReferenceGroup.styles.raw.js +1 -1
  162. package/lib-commonjs/utilities/useReferenceGroup.styles.raw.js.map +1 -1
  163. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n const state = useCitation_unstable(props, ref);\n\n useCitationStyles_unstable(state);\n useCustomStyleHook('useCitationStyles')(state);\n\n return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","ref","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,iCAAAA,EAAmB,qBAAqBH;IAExC,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAEAL,SAASU,WAAW,GAAG"}
1
+ {"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n const state = useCitation_unstable(props, ref);\n\n useCitationStyles_unstable(state);\n useCustomStyleHook('useCitationStyles')(state);\n\n return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;UAC5EC,QAAMA,IAAAA,iCAAQC,EAAAA,OAAqBF;2DAEnCG,EAAAA;yCACAC,EAAAA,qBAAmBH;WAEnBI,IAAAA,uCAAOA,EAAAA;AACT;AAEAR,SAASS,WAAW,GAAG"}
@@ -4,3 +4,4 @@
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ //# sourceMappingURL=Citation.types.js.map
@@ -29,3 +29,4 @@ const _Citation = require("./Citation");
29
29
  const _renderCitation = require("./renderCitation");
30
30
  const _useCitation = require("./useCitation");
31
31
  const _useCitationStylesstyles = require("./useCitationStyles.styles");
32
+ //# sourceMappingURL=index.js.map
@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
13
13
  const renderCitation_unstable = (state)=>{
14
14
  (0, _reactcomponents.assertSlots)(state);
15
15
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
16
- };
16
+ }; //# sourceMappingURL=renderCitation.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n assertSlots<CitationSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderCitation_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;iCAE4B;AAKrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,4BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n assertSlots<CitationSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BASEA;;;eAAAA;;;4BATwB;iCAGE;AAM1BA,MAAAA,0BAA2BC,CAAAA;oCAE3B,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}
@@ -33,4 +33,4 @@ const useCitation_unstable = (props, ref)=>{
33
33
  })
34
34
  };
35
35
  return state;
36
- };
36
+ }; //# sourceMappingURL=useCitation.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n const { referenceHref, block = false, ...otherProps } = props;\n const designVersion = useDesignVersion(props.designVersion);\n\n const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n const state: CitationState = {\n block,\n designVersion,\n isPopoverLocked,\n components: {\n root: 'a',\n },\n root: slot.always(\n getIntrinsicElementProps('a', {\n ref,\n href: referenceHref,\n role: undefined,\n 'aria-expanded': undefined,\n ...otherProps,\n }),\n { elementType: 'a' },\n ),\n };\n\n return state;\n};\n"],"names":["useCitation_unstable","props","ref","referenceHref","block","otherProps","designVersion","useDesignVersion","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","slot","always","getIntrinsicElementProps","href","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAbkC;8BACJ;+BAEV;AAU1B,MAAMA,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,gBAAgBC,IAAAA,+BAAAA,EAAiBN,MAAMK,aAAa;IAE1D,MAAME,kBAAkBC,IAAAA,wCAAAA,EAA2BC,CAAAA,MAAOA,IAAIC,eAAe,KAAMV,KAAK,CAAC,gBAAgB;IAEzG,MAAMW,QAAuB;QAC3BR;QACAE;QACAE;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,KAAK;YAC5Bf;YACAgB,MAAMf;YACNgB,MAAMC;YACN,iBAAiBA;YACjB,GAAGf,UAAU;QACf,IACA;YAAEgB,aAAa;QAAI;IAEvB;IAEA,OAAOT;AACT"}
1
+ {"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n const { referenceHref, block = false, ...otherProps } = props;\n const designVersion = useDesignVersion(props.designVersion);\n\n const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n const state: CitationState = {\n block,\n designVersion,\n isPopoverLocked,\n components: {\n root: 'a',\n },\n root: slot.always(\n getIntrinsicElementProps('a', {\n ref,\n href: referenceHref,\n role: undefined,\n 'aria-expanded': undefined,\n ...otherProps,\n }),\n { elementType: 'a' },\n ),\n };\n\n return state;\n};\n"],"names":["referenceHref","props","ref","isPopoverLocked","block","state","components","usePreviewContext_unstable","ctx","isPreviewLocked","root","href","role","otherProps","elementType","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcUA;;;eAAAA;;;iCAdqC;8BACJ;+BAEV;AAW/B,MAAQA,uBAAuB,CAAAC,OAAOC;UACtC,EAEAF,aAAMG,EAENC,QAAMC,KAAAA;UAGJF,gBAAAA,IAAAA,+BAAAA,EAAAA,MAAAA,aAAAA;UACAG,kBAAYC,IAAAA,wCAAA,EAAAC,CAAAA,MAAAA,IAAAC,eAAA,KAAAR,KAAA,CAAA,gBAAA;kBACVS;;;;oBAKEC;kBACAC;;mCAEA,CAAGC,MAAAA,CAAAA,IAAAA,yCAAU,EAAA,KAAA;;kBAEbC;kBAAiBC;YAEvB,iBAAAA;YAEA,GAAAF,UAAOR;QACP,IAAA"}
@@ -82,4 +82,4 @@ const useCitationStyles_unstable = (state)=>{
82
82
  const nextStyles = useNextStyles();
83
83
  state.root.className = (0, _reactcomponents.mergeClasses)(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
84
84
  return state;
85
- };
85
+ }; //# sourceMappingURL=useCitationStyles.styles.raw.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n display: 'inline-flex',\n justifyContent: 'center',\n boxSizing: 'border-box',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.caption2Strong,\n\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n color: tokens.colorNeutralForeground2,\n\n minWidth: '14px',\n height: '14px',\n verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n paddingInline: tokens.spacingHorizontalXXS,\n\n borderRadius: tokens.borderRadiusMedium,\n\n textDecoration: 'none',\n\n marginLeft: tokens.spacingHorizontalXXS,\n marginRight: tokens.spacingHorizontalXXS,\n\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorBrandForeground2Hover,\n borderColor: tokens.colorBrandStroke2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n\n ':hover:active': {\n cursor: 'pointer',\n color: tokens.colorBrandForeground2Pressed,\n borderColor: tokens.colorBrandStroke2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n});\n\nconst useCitationRootStyles = makeStyles({\n isBlock: {\n display: 'flex',\n marginLeft: 0,\n marginRight: 0,\n },\n isPopoverLocked: {\n color: tokens.colorBrandForeground2Pressed,\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n backgroundColor: tokens.colorBrandBackground2,\n ':hover': {\n color: tokens.colorBrandForeground2Pressed,\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n backgroundColor: tokens.colorBrandBackground2,\n },\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootBaseClassName = useCitationBaseClassName();\n const rootStyles = useCitationRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n citationClassNames.root,\n state.isPopoverLocked && rootStyles.isPopoverLocked,\n state.block && rootStyles.isBlock,\n rootBaseClassName,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","makeResetStyles","display","justifyContent","boxSizing","alignItems","cursor","typographyStyles","caption2Strong","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","makeStyles","isBlock","isPopoverLocked","shorthands","colorBrandBackground2","useNextStyles","borderRadiusXLarge","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","mergeClasses","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAkEAC,0BAAAA;eAAAA;;;iCAvE2E;wBACjE;AAIhB,MAAMD,qBAAoD;IAC/DE,MAAM;AACR;AAEA,MAAMC,2BAA2BC,IAAAA,gCAAAA,EAAgB;IAC/CC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGC,iCAAAA,CAAiBC,cAAc;IAElCC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEF,cAAAA,CAAOG,eAAe,CAAC,OAAO,EAAEH,cAAAA,CAAOI,mBAAmB,CAAC,CAAC;IACvEC,OAAOL,cAAAA,CAAOM,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEZ,iCAAAA,CAAiBC,cAAc,CAACY,UAAU,CAAC,GAAG,EAAEb,iCAAAA,CAAiBC,cAAc,CAACa,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAeZ,cAAAA,CAAOa,oBAAoB;IAE1CC,cAAcd,cAAAA,CAAOe,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYjB,cAAAA,CAAOa,oBAAoB;IACvCK,aAAalB,cAAAA,CAAOa,oBAAoB;IAExC,UAAU;QACRjB,QAAQ;QACRS,OAAOL,cAAAA,CAAOmB,0BAA0B;QACxCC,aAAapB,cAAAA,CAAOqB,sBAAsB;QAC1CtB,iBAAiBC,cAAAA,CAAOsB,0BAA0B;IACpD;IAEA,iBAAiB;QACf1B,QAAQ;QACRS,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1CH,aAAapB,cAAAA,CAAOwB,wBAAwB;QAC5CzB,iBAAiBC,cAAAA,CAAOyB,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBC,IAAAA,2BAAAA,EAAW;IACvCC,SAAS;QACPpC,SAAS;QACTyB,YAAY;QACZC,aAAa;IACf;IACAW,iBAAiB;QACfxB,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;QAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC7C,UAAU;YACR1B,OAAOL,cAAAA,CAAOuB,4BAA4B;YAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;YAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgBL,IAAAA,2BAAAA,EAAW;IAAEtC,MAAM;QAAEyB,cAAcd,cAAAA,CAAOiC,kBAAkB;IAAC;AAAE;AAK9E,MAAM7C,6BAA6B,CAAC8C;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB9C;IAC1B,MAAM+C,aAAaX;IACnB,MAAMY,aAAaN;IAEnBE,MAAM7C,IAAI,CAACkD,SAAS,GAAGC,IAAAA,6BAAAA,EACrBrD,mBAAmBE,IAAI,EACvB6C,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMO,KAAK,IAAIJ,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAWjD,IAAI,EAC3C6C,MAAM7C,IAAI,CAACkD,SAAS;IAGtB,OAAOL;AACT"}
1
+ {"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n display: 'inline-flex',\n justifyContent: 'center',\n boxSizing: 'border-box',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.caption2Strong,\n\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n color: tokens.colorNeutralForeground2,\n\n minWidth: '14px',\n height: '14px',\n verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n paddingInline: tokens.spacingHorizontalXXS,\n\n borderRadius: tokens.borderRadiusMedium,\n\n textDecoration: 'none',\n\n marginLeft: tokens.spacingHorizontalXXS,\n marginRight: tokens.spacingHorizontalXXS,\n\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorBrandForeground2Hover,\n borderColor: tokens.colorBrandStroke2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n\n ':hover:active': {\n cursor: 'pointer',\n color: tokens.colorBrandForeground2Pressed,\n borderColor: tokens.colorBrandStroke2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n});\n\nconst useCitationRootStyles = makeStyles({\n isBlock: {\n display: 'flex',\n marginLeft: 0,\n marginRight: 0,\n },\n isPopoverLocked: {\n color: tokens.colorBrandForeground2Pressed,\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n backgroundColor: tokens.colorBrandBackground2,\n ':hover': {\n color: tokens.colorBrandForeground2Pressed,\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n backgroundColor: tokens.colorBrandBackground2,\n },\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const rootBaseClassName = useCitationBaseClassName();\n const rootStyles = useCitationRootStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n citationClassNames.root,\n state.isPopoverLocked && rootStyles.isPopoverLocked,\n state.block && rootStyles.isBlock,\n rootBaseClassName,\n designVersion === 'next' && nextStyles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","makeResetStyles","display","justifyContent","boxSizing","alignItems","cursor","typographyStyles","caption2Strong","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","makeStyles","isBlock","isPopoverLocked","shorthands","colorBrandBackground2","useNextStyles","borderRadiusXLarge","state","designVersion","nextStyles","rootBaseClassName","rootStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAmEXC,0BAAA;eAAAA;;;iCAxEsF;wBACjE;AAIhB,MAAMD,qBAAoD;UAC/DE;AACF;AAEA,MAAMC,2BAA2BC,IAAAA,gCAAAA,EAAgB;aAC/CC;oBACAC;eACAC;gBACAC;YACAC;OACAC,iCAAGA,CAAAA,cAAiBC;qBAEpBC,cAAiBC,CAAAA,uBAAOC;YACxBC,CAAAA,EAASF,cAAEA,CAAAA,eAAOG,CAAAA,OAAgB,EAAOH,cAAEA,CAAAA,mBAAOI,CAAAA,CAAmB;WACrEC,cAAOL,CAAAA,uBAAOM;cAEdC;YACAC;mBACAC,CAAAA,MAAgB,EAAMZ,iCAAEA,CAAAA,cAAiBC,CAAAA,UAAeY,CAAAA,GAAW,EAAGb,iCAAEA,CAAAA,cAAiBC,CAAAA,QAAea,CAAAA,MAAS,CAAA;mBACjHC,cAAeZ,CAAAA,oBAAOa;kBAEtBC,cAAcd,CAAAA,kBAAOe;oBAErBC;gBAEAC,cAAYjB,CAAAA,oBAAOa;iBACnBK,cAAalB,CAAAA,oBAAOa;cAEpB;gBACEjB;eACAS,cAAOL,CAAAA,0BAAOmB;qBACdC,cAAapB,CAAAA,sBAAOqB;yBACpBtB,cAAiBC,CAAAA,0BAAOsB;;qBAG1B;gBACE1B;eACAS,cAAOL,CAAAA,4BAAOuB;qBACdH,cAAapB,CAAAA,wBAAOwB;yBACpBzB,cAAiBC,CAAAA,4BAAOyB;;AAE5B;AAEA,MAAMC,wBAAwBC,IAAAA,2BAAAA,EAAW;aACvCC;iBACEpC;oBACAyB;qBACAC;;qBAEFW;eACExB,cAAOL,CAAAA,4BAAOuB;sCACXO,CAAAA,WAAWV,CAAAA,cAAYpB,CAAAA,wBAAOwB,CAAAA;yBACjCzB,cAAiBC,CAAAA,qBAAO+B;kBACxB;mBACE1B,cAAOL,CAAAA,4BAAOuB;0CACXO,CAAAA,WAAWV,CAAAA,cAAYpB,CAAAA,wBAAOwB,CAAAA;6BACjCzB,cAAiBC,CAAAA,qBAAO+B;;;AAG9B;AAEA,MAAMC,gBAAgBL,IAAAA,2BAAAA,EAAW;UAAEtC;sBAAQyB,cAAcd,CAAAA,kBAAOiC;;AAAqB;AAMnF,MAAA7C,6BAAA8C,CAAAA;;UAKA,EACAC,aAAMC,KAENF;UASAG,oBAAOH;IACP,MAAAI,aAAAZ"}
@@ -20,4 +20,4 @@ const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactprovider.useCustomStyleHook)('useReferenceStyles')(state);
21
21
  return (0, _renderReference.renderReference_unstable)(state);
22
22
  });
23
- Reference.displayName = 'Reference';
23
+ Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n const state = useReference_unstable(props, ref);\n\n useReferenceStyles_unstable(state);\n useCustomStyleHook('useReferenceStyles')(state);\n\n return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","useCustomStyleHook","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACe;iCACG;0CACG;+BAGT;AAG5B,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAE3CG,IAAAA,qDAAAA,EAA4BF;IAC5BG,IAAAA,iCAAAA,EAAmB,sBAAsBH;IAEzC,OAAOI,IAAAA,yCAAAA,EAAyBJ;AAClC;AAEAL,UAAUU,WAAW,GAAG"}
1
+ {"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n const state = useReference_unstable(props, ref);\n\n useReferenceStyles_unstable(state);\n useCustomStyleHook('useReferenceStyles')(state);\n\n return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["state","useReference_unstable","props","ref","useReferenceStyles_unstable","renderReference_unstable","Reference"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUQA;;;eAAAA;;;;iEAVe;8BACe;iCACG;0CACG;+BAGT;AAIjC,MAAMA,YAAQC,WAAAA,GAAAA,OAAsBC,UAAOC,CAAAA,CAAAA,OAAAA;UAE3CC,QAAAA,IAAAA,mCAA4BJ,EAAAA,OAAAA;6DACT,EAAAA;yCAEZK,EAAAA,sBAAyBL;IAClC,OAAGK,IAAAA,yCAAA,EAAAL;AAEHM"}
@@ -2,3 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
+ //# sourceMappingURL=Reference.types.js.map
@@ -32,3 +32,4 @@ const _Reference = require("./Reference");
32
32
  const _renderReference = require("./renderReference");
33
33
  const _useReference = require("./useReference");
34
34
  const _useReferenceStylesstyles = require("./useReferenceStyles.styles");
35
+ //# sourceMappingURL=index.js.map
@@ -36,4 +36,4 @@ const renderReference_unstable = (state)=>{
36
36
  /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {})
37
37
  ]
38
38
  });
39
- };
39
+ }; //# sourceMappingURL=renderReference.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const renderReference_unstable = (state: ReferenceState) => {\n assertSlots<ReferenceSlots>(state);\n\n return (\n <state.root>\n {state.citation && <state.citation />}\n {state.media && <state.media />}\n <state.label />\n {state.actions && (\n <state.actions>\n {state.actions.children}\n {state.detailsButton && <state.detailsButton />}\n </state.actions>\n )}\n {state.sensitivity && <state.sensitivity />}\n <state.metadata>\n {state.primaryText && <state.primaryText />}\n {state.secondaryText && <state.secondaryText />}\n {state.tertiaryText && <state.tertiaryText />}\n {state.icon && <state.icon />}\n {state.metadata.children}\n </state.metadata>\n <state.content />\n </state.root>\n );\n};\n"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","citation","_jsx","media","label","actions","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;iCAE4B;AAKrB,MAAMA,2BAA2B,CAACC;IACvCC,IAAAA,4BAAAA,EAA4BD;IAE5B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,QAAQ,EAAA,CAAA;YACjCJ,MAAMM,KAAK,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,KAAK,EAAA,CAAA;0BAC5BD,IAAAA,eAAA,EAACL,MAAMO,KAAK,EAAA,CAAA;YACXP,MAAMQ,OAAO,IAAA,WAAA,GACZN,IAAAA,gBAAA,EAACF,MAAMQ,OAAO,EAAA;;oBACXR,MAAMQ,OAAO,CAACC,QAAQ;oBACtBT,MAAMU,aAAa,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACL,MAAMU,aAAa,EAAA,CAAA;;;YAG/CV,MAAMW,WAAW,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACL,MAAMW,WAAW,EAAA,CAAA;0BACxCT,IAAAA,gBAAA,EAACF,MAAMY,QAAQ,EAAA;;oBACZZ,MAAMa,WAAW,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACL,MAAMa,WAAW,EAAA,CAAA;oBACvCb,MAAMc,aAAa,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACL,MAAMc,aAAa,EAAA,CAAA;oBAC3Cd,MAAMe,YAAY,IAAA,WAAA,GAAIV,IAAAA,eAAA,EAACL,MAAMe,YAAY,EAAA,CAAA;oBACzCf,MAAMgB,IAAI,IAAA,WAAA,GAAIX,IAAAA,eAAA,EAACL,MAAMgB,IAAI,EAAA,CAAA;oBACzBhB,MAAMY,QAAQ,CAACH,QAAQ;;;0BAE1BJ,IAAAA,eAAA,EAACL,MAAMiB,OAAO,EAAA,CAAA;;;AAGpB"}
1
+ {"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const renderReference_unstable = (state: ReferenceState) => {\n assertSlots<ReferenceSlots>(state);\n\n return (\n <state.root>\n {state.citation && <state.citation />}\n {state.media && <state.media />}\n <state.label />\n {state.actions && (\n <state.actions>\n {state.actions.children}\n {state.detailsButton && <state.detailsButton />}\n </state.actions>\n )}\n {state.sensitivity && <state.sensitivity />}\n <state.metadata>\n {state.primaryText && <state.primaryText />}\n {state.secondaryText && <state.secondaryText />}\n {state.tertiaryText && <state.tertiaryText />}\n {state.icon && <state.icon />}\n {state.metadata.children}\n </state.metadata>\n <state.content />\n </state.root>\n );\n};\n"],"names":["assertSlots","state","citation","_jsx","media","label","actions","_jsxs","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASEA;;;eAAAA;;;4BARF;iCAE4B;AAM1BA,MAAAA,2BAA4BC,CAAAA;oCAE5B,EAAAA;;kBAEKA;YAAAA,MAAMC,QAAQ,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,QAAQ,EAAA,CAAA;YAAAD,MAAAG,KAAA,IAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAG,KAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,KAAA,EAAA,CAAA;YAAAJ,MAAAK,OAAA,IAAA,WAAA,GAAAC,IAAAA,gBAAA,EAAAN,MAAAK,OAAA,EAAA;0BACjCL;oBAAAA,MAAWK,OAAA,CAAAE,QAAA;oBAAIP,MAACA,aAAW,IAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAF,MAAAQ,aAAA,EAAA,CAAA;iBAAA;;iCAC5B,WAAOJ,GAAKF,IAAAA,eAAA,EAAAF,MAAAS,WAAA,EAAA,CAAA;YAAA,WAAA,GAAAH,IAAAA,gBAAA,EAAAN,MAAAU,QAAA,EAAA;0BACXV;oBAAAA,MAAMK,WAAO,IAAA,WACXL,GAAAA,IAAAA,eAAMK,EAAAA,MAAOM,WAAA,EAAA,CAAA;oBAAAX,MAAAY,aAAA,IAAA,WAAA,GAAAV,IAAAA,eAAA,EAAAF,MAAAY,aAAA,EAAA,CAAA;oBAAAZ,MAAAa,YAAA,IAAA,WAAA,GAAAX,IAAAA,eAAA,EAAAF,MAAAa,YAAA,EAAA,CAAA;oBAAAb,MAAAc,IAAA,IAAA,WAAA,GAAAZ,IAAAA,eAAA,EAAAF,MAAAc,IAAA,EAAA,CAAA;oBAAAd,MAAAU,QAAA,CAAAH,QAAA;iBAAA"}
@@ -193,4 +193,4 @@ const getIcon = (isExpanded, mode)=>{
193
193
  return !isExpanded ? /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown16Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ChevronUp16Regular, null);
194
194
  }
195
195
  return !isExpanded ? /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown24Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ChevronUp24Regular, null);
196
- };
196
+ }; //# sourceMappingURL=useReference.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReference.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Button,\n Caption1,\n getIntrinsicElementProps,\n mergeCallbacks,\n mergeClasses,\n slot,\n useId,\n usePopoverContext_unstable as usePopoverContext,\n} from '@fluentui/react-components';\nimport {\n ChevronDown24Regular,\n ChevronUp24Regular,\n ChevronDown16Regular,\n ChevronUp16Regular,\n} from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport { Citation } from '../Citation';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReference_unstable = (props: ReferenceProps, ref: React.Ref<HTMLDivElement>): ReferenceState => {\n const { index, referenceId, citationHref, excerpt, layout = 'inline' } = props;\n\n const mode = useCopilotMode(props.mode);\n\n const labelId = useId();\n const mediaId = useId();\n const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n\n const setPopoverOpen = usePopoverContext(context => context.setOpen);\n\n const onExpandClick: React.MouseEventHandler<HTMLButtonElement> = _e => {\n setIsExpanded(!isExpanded);\n };\n\n const label = slot.always(props.label, {\n defaultProps: { id: labelId },\n elementType: 'div',\n });\n const media = slot.optional(props.media, { defaultProps: { id: mediaId }, elementType: 'div' });\n if (media && React.isValidElement<HTMLElement>(media.children)) {\n media.children = React.cloneElement(media.children, {\n className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild),\n });\n }\n\n if (media?.id) {\n label['aria-describedby'] = label['aria-describedby']?.concat(media.id) ?? media.id;\n }\n\n const ariaLabelledByProp = props['aria-labelledby'];\n const groupSemantics = React.useMemo(() => {\n return layout === 'inline'\n ? {\n role: 'group',\n 'aria-labelledby': `${ariaLabelledByProp ?? ''} ${label.id}`,\n tabIndex: -1,\n }\n : {};\n }, [layout, ariaLabelledByProp, label.id]);\n\n // Within a popup, a citation should function as a close button\n const citationProps = React.useMemo(() => {\n const onPopoverCloseClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n setPopoverOpen(e, false);\n\n // don't navigate\n e.preventDefault();\n };\n\n return layout === 'popover'\n ? {\n referenceHref: '#',\n tabIndex: -1,\n 'aria-label': `Close Reference ${index}`,\n onClick: onPopoverCloseClick,\n }\n : {\n referenceHref: citationHref,\n };\n }, [layout, citationHref, index, setPopoverOpen]);\n\n const state: ReferenceState = {\n isExpanded,\n mode: layout === 'popover' ? 'sidecar' : mode,\n layout,\n index,\n components: {\n root: 'div',\n citation: 'div',\n media: 'div',\n actions: 'div',\n label: 'div',\n sensitivity: 'span',\n metadata: 'div',\n content: 'div',\n primaryText: 'span',\n secondaryText: 'span',\n tertiaryText: 'span',\n icon: 'span',\n detailsButton: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n id: referenceId,\n ...groupSemantics,\n ...props,\n }),\n { elementType: 'div' },\n ),\n citation: slot.optional(props.citation, {\n defaultProps: {\n children: (\n <Citation block {...citationProps}>\n {index}\n </Citation>\n ),\n },\n renderByDefault: true,\n elementType: 'div',\n }),\n media,\n actions: slot.optional(layout === 'inline' ? props.actions : null, {\n renderByDefault: true,\n elementType: 'div',\n }),\n label,\n sensitivity: slot.optional(props.sensitivity, { elementType: 'span' }),\n metadata: slot.always(props.metadata, { elementType: 'div' }),\n primaryText: slot.optional(props.primaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n secondaryText: slot.optional(props.secondaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n tertiaryText: slot.optional(props.tertiaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n content: slot.always(props.content, {\n defaultProps: {\n children: excerpt && <Caption1>{excerpt}</Caption1>,\n },\n elementType: 'div',\n }),\n detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n defaultProps: {\n appearance: 'transparent',\n 'aria-expanded': isExpanded,\n 'aria-label': 'show details',\n size: mode === 'sidecar' ? 'small' : 'medium',\n icon: {\n children: getIcon(isExpanded, mode),\n },\n },\n renderByDefault: true,\n elementType: Button,\n }),\n };\n\n if (state.detailsButton) {\n const onClick = state.detailsButton.onClick as React.MouseEventHandler<HTMLButtonElement>;\n state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n }\n\n const referenceGroupSetOpen = useReferenceGroupSetOpen();\n const onTargettedByCitation = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTargetHash: string | undefined = (e.relatedTarget as HTMLAnchorElement)?.hash;\n if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n referenceGroupSetOpen();\n setIsExpanded(true);\n }\n };\n state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n\n return state;\n};\n\nconst getIcon = (isExpanded: boolean, mode: ReferenceProps['mode']): JSX.Element => {\n if (mode === 'sidecar') {\n return !isExpanded ? <ChevronDown16Regular /> : <ChevronUp16Regular />;\n }\n\n return !isExpanded ? <ChevronDown24Regular /> : <ChevronUp24Regular />;\n};\n"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getIntrinsicElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","relatedTargetHash","relatedTarget","_e_relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useReference.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Button,\n Caption1,\n getIntrinsicElementProps,\n mergeCallbacks,\n mergeClasses,\n slot,\n useId,\n usePopoverContext_unstable as usePopoverContext,\n} from '@fluentui/react-components';\nimport {\n ChevronDown24Regular,\n ChevronUp24Regular,\n ChevronDown16Regular,\n ChevronUp16Regular,\n} from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport { Citation } from '../Citation';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReference_unstable = (props: ReferenceProps, ref: React.Ref<HTMLDivElement>): ReferenceState => {\n const { index, referenceId, citationHref, excerpt, layout = 'inline' } = props;\n\n const mode = useCopilotMode(props.mode);\n\n const labelId = useId();\n const mediaId = useId();\n const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n\n const setPopoverOpen = usePopoverContext(context => context.setOpen);\n\n const onExpandClick: React.MouseEventHandler<HTMLButtonElement> = _e => {\n setIsExpanded(!isExpanded);\n };\n\n const label = slot.always(props.label, {\n defaultProps: { id: labelId },\n elementType: 'div',\n });\n const media = slot.optional(props.media, { defaultProps: { id: mediaId }, elementType: 'div' });\n if (media && React.isValidElement<HTMLElement>(media.children)) {\n media.children = React.cloneElement(media.children, {\n className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild),\n });\n }\n\n if (media?.id) {\n label['aria-describedby'] = label['aria-describedby']?.concat(media.id) ?? media.id;\n }\n\n const ariaLabelledByProp = props['aria-labelledby'];\n const groupSemantics = React.useMemo(() => {\n return layout === 'inline'\n ? {\n role: 'group',\n 'aria-labelledby': `${ariaLabelledByProp ?? ''} ${label.id}`,\n tabIndex: -1,\n }\n : {};\n }, [layout, ariaLabelledByProp, label.id]);\n\n // Within a popup, a citation should function as a close button\n const citationProps = React.useMemo(() => {\n const onPopoverCloseClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n setPopoverOpen(e, false);\n\n // don't navigate\n e.preventDefault();\n };\n\n return layout === 'popover'\n ? {\n referenceHref: '#',\n tabIndex: -1,\n 'aria-label': `Close Reference ${index}`,\n onClick: onPopoverCloseClick,\n }\n : {\n referenceHref: citationHref,\n };\n }, [layout, citationHref, index, setPopoverOpen]);\n\n const state: ReferenceState = {\n isExpanded,\n mode: layout === 'popover' ? 'sidecar' : mode,\n layout,\n index,\n components: {\n root: 'div',\n citation: 'div',\n media: 'div',\n actions: 'div',\n label: 'div',\n sensitivity: 'span',\n metadata: 'div',\n content: 'div',\n primaryText: 'span',\n secondaryText: 'span',\n tertiaryText: 'span',\n icon: 'span',\n detailsButton: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n id: referenceId,\n ...groupSemantics,\n ...props,\n }),\n { elementType: 'div' },\n ),\n citation: slot.optional(props.citation, {\n defaultProps: {\n children: (\n <Citation block {...citationProps}>\n {index}\n </Citation>\n ),\n },\n renderByDefault: true,\n elementType: 'div',\n }),\n media,\n actions: slot.optional(layout === 'inline' ? props.actions : null, {\n renderByDefault: true,\n elementType: 'div',\n }),\n label,\n sensitivity: slot.optional(props.sensitivity, { elementType: 'span' }),\n metadata: slot.always(props.metadata, { elementType: 'div' }),\n primaryText: slot.optional(props.primaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n secondaryText: slot.optional(props.secondaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n tertiaryText: slot.optional(props.tertiaryText, {\n defaultProps: {\n hidden: !isExpanded,\n },\n elementType: 'span',\n }),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n content: slot.always(props.content, {\n defaultProps: {\n children: excerpt && <Caption1>{excerpt}</Caption1>,\n },\n elementType: 'div',\n }),\n detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n defaultProps: {\n appearance: 'transparent',\n 'aria-expanded': isExpanded,\n 'aria-label': 'show details',\n size: mode === 'sidecar' ? 'small' : 'medium',\n icon: {\n children: getIcon(isExpanded, mode),\n },\n },\n renderByDefault: true,\n elementType: Button,\n }),\n };\n\n if (state.detailsButton) {\n const onClick = state.detailsButton.onClick as React.MouseEventHandler<HTMLButtonElement>;\n state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n }\n\n const referenceGroupSetOpen = useReferenceGroupSetOpen();\n const onTargettedByCitation = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTargetHash: string | undefined = (e.relatedTarget as HTMLAnchorElement)?.hash;\n if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n referenceGroupSetOpen();\n setIsExpanded(true);\n }\n };\n state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n\n return state;\n};\n\nconst getIcon = (isExpanded: boolean, mode: ReferenceProps['mode']): JSX.Element => {\n if (mode === 'sidecar') {\n return !isExpanded ? <ChevronDown16Regular /> : <ChevronUp16Regular />;\n }\n\n return !isExpanded ? <ChevronDown24Regular /> : <ChevronUp24Regular />;\n};\n"],"names":["index","citationHref","ref","referenceId","mediaId","isExpanded","excerpt","setPopoverOpen","layout","onExpandClick","mode","useCopilotMode","props","labelId","slot","always","defaultProps","usePopoverContext","context","setOpen","elementType","_e","setIsExpanded","label","media","children","React","className","mergeClasses","referenceExtraClassNames","mediaChild","id","_label_ariadescribedby_concat","_label_ariadescribedby","concat","ariaLabelledByProp","tabIndex","onPopoverCloseClick","e","useMemo","referenceHref","state","components","root","citation","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","detailsButton","Button","optional","Citation","hidden","icon","content","createElement","Caption1","appearance","size","onClick","mergeCallbacks","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","onFocus","getIcon","ChevronDown24Regular","ChevronDown16Regular","ChevronUp24Regular","ChevronUp16Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -211,4 +211,4 @@ const useReferenceStyles_unstable = (state)=>{
211
211
  state.detailsButton.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);
212
212
  }
213
213
  return state;
214
- };
214
+ }; //# sourceMappingURL=useReferenceStyles.styles.raw.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import {\n buttonClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} 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\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n root: 'fai-Reference',\n citation: 'fai-Reference__citation',\n media: 'fai-Reference__media',\n actions: 'fai-Reference__actions',\n sensitivity: 'fai-Reference__sensitivity',\n metadata: 'fai-Reference__metadata',\n primaryText: 'fai-Reference__primaryText',\n secondaryText: 'fai-Reference__secondaryText',\n tertiaryText: 'fai-Reference__tertiaryText',\n icon: 'fai-Reference__icon',\n label: 'fai-Reference__label',\n content: 'fai-Reference__content',\n detailsButton: 'fai-Reference__detailsButton',\n};\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceExtraClassNames = {\n text: 'fai-Reference__text',\n mediaChild: 'fai-Reference__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst maxPopoverWidth = '256px';\n\nconst useReferenceClassName = makeResetStyles({\n boxSizing: 'border-box',\n width: '100%',\n display: 'grid',\n gridTemplateAreas: `\n \"citation media title actions\"\n \". . title .\"\n \"sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel\"\n \"metadata metadata metadata metadata\"\n \"content content content content\"\n `,\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n gridTemplateRows: '32px auto auto auto auto',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n boxShadow: 'none',\n columnGap: tokens.spacingHorizontalXS,\n alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n canvas: {},\n sidecar: {\n gridTemplateRows: '24px auto auto auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n },\n inline: {},\n popover: {\n ...shorthands.borderWidth('0px'),\n width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,\n padding: '0px',\n },\n closed: {\n rowGap: 0,\n },\n citation: {\n gridArea: 'citation',\n },\n media: {\n gridArea: 'media',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n mediaPopover: {\n width: '16px',\n height: '16px',\n\n [`> .${referenceExtraClassNames.mediaChild}`]: {\n width: '16px',\n height: '16px',\n },\n },\n actions: {\n gridArea: 'actions',\n justifySelf: 'end',\n display: 'flex',\n gridRowStart: 1,\n },\n detailsButton: {\n [`> ${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground3,\n },\n },\n sensitivity: {\n gridArea: 'sensitivityLabel',\n justifySelf: 'start',\n },\n metadata: {\n marginTop: tokens.spacingVerticalXS,\n\n gridArea: 'metadata',\n ...typographyStyles.caption2,\n },\n metadataSubsequentText: {\n position: 'relative',\n marginLeft: tokens.spacingHorizontalS,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n left: `calc(${tokens.spacingHorizontalS} / -2)`,\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n height: typographyStyles.caption2.fontSize,\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n },\n },\n icon: {\n ...typographyStyles.caption2,\n verticalAlign: 'middle',\n },\n content: {\n marginTop: tokens.spacingVerticalXS,\n gridArea: 'content',\n display: 'flex',\n flexDirection: 'column',\n rowGap: tokens.spacingVerticalS,\n color: tokens.colorNeutralForeground3,\n wordBreak: 'break-word',\n },\n hidden: {\n display: 'none',\n },\n});\n\nconst useLabelStyles = makeStyles({\n root: {\n gridArea: 'title',\n alignSelf: 'start',\n ...typographyStyles.caption1Strong,\n wordBreak: 'break-word',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n display: '-webkit-box',\n overflowY: 'hidden',\n },\n\n canvas: {\n // 24px is the height of the tallest element within the reference\n paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n },\n\n sidecar: {\n // 16px is the height of the tallest element within the reference\n paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n },\n\n closed: {\n maxWidth: '100%',\n '-webkit-line-clamp': '1',\n },\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n 'use no memo';\n\n const { isExpanded, mode, layout } = state;\n\n const rootClassName = useReferenceClassName();\n const styles = useStyles();\n const labelStyles = useLabelStyles();\n state.root.className = mergeClasses(\n referenceClassNames.root,\n rootClassName,\n styles[mode],\n styles[layout],\n !isExpanded && styles.closed,\n state.root.className,\n );\n\n if (state.citation) {\n state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);\n }\n\n if (state.media) {\n state.media.className = mergeClasses(\n referenceClassNames.media,\n styles.media,\n layout === 'popover' && styles.mediaPopover,\n state.media.className,\n );\n }\n\n if (state.actions) {\n state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);\n }\n\n state.label.className = mergeClasses(\n referenceClassNames.label,\n labelStyles.root,\n labelStyles[mode],\n !isExpanded && labelStyles.closed,\n state.label.className,\n );\n\n if (state.sensitivity) {\n state.sensitivity.className = mergeClasses(\n referenceClassNames.sensitivity,\n styles.sensitivity,\n !isExpanded && styles.hidden,\n state.sensitivity.className,\n );\n }\n\n state.metadata.className = mergeClasses(\n referenceClassNames.metadata,\n styles.metadata,\n !isExpanded && styles.hidden,\n state.metadata.className,\n );\n\n let isSubsequentText = false;\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(\n referenceClassNames.primaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.primaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n referenceClassNames.secondaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.secondaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n referenceClassNames.tertiaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.tertiaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);\n }\n state.content.className = mergeClasses(\n referenceClassNames.content,\n styles.content,\n !isExpanded && styles.hidden,\n state.content.className,\n );\n\n if (state.detailsButton) {\n state.detailsButton.className = mergeClasses(\n referenceClassNames.detailsButton,\n styles.detailsButton,\n state.detailsButton.className,\n );\n }\n\n return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","root","citation","media","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","label","content","detailsButton","text","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","maxPopoverWidth","useReferenceClassName","makeResetStyles","boxSizing","width","display","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","border","tokens","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","padding","spacingVerticalS","spacingHorizontalS","boxShadow","columnGap","spacingHorizontalXS","alignItems","useStyles","makeStyles","canvas","sidecar","spacingVerticalXS","inline","popover","shorthands","borderWidth","spacingHorizontalM","closed","rowGap","gridArea","justifyContent","mediaPopover","height","justifySelf","gridRowStart","buttonClassNames","color","colorNeutralForeground3","marginTop","caption2","metadataSubsequentText","position","marginLeft","left","top","borderLeft","colorNeutralStroke2","verticalAlign","flexDirection","wordBreak","hidden","useLabelStyles","alignSelf","overflowY","paddingTop","maxWidth","state","isExpanded","mode","layout","rootClassName","styles","labelStyles","className","mergeClasses","isSubsequentText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import {\n buttonClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} 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\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n root: 'fai-Reference',\n citation: 'fai-Reference__citation',\n media: 'fai-Reference__media',\n actions: 'fai-Reference__actions',\n sensitivity: 'fai-Reference__sensitivity',\n metadata: 'fai-Reference__metadata',\n primaryText: 'fai-Reference__primaryText',\n secondaryText: 'fai-Reference__secondaryText',\n tertiaryText: 'fai-Reference__tertiaryText',\n icon: 'fai-Reference__icon',\n label: 'fai-Reference__label',\n content: 'fai-Reference__content',\n detailsButton: 'fai-Reference__detailsButton',\n};\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceExtraClassNames = {\n text: 'fai-Reference__text',\n mediaChild: 'fai-Reference__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst maxPopoverWidth = '256px';\n\nconst useReferenceClassName = makeResetStyles({\n boxSizing: 'border-box',\n width: '100%',\n display: 'grid',\n gridTemplateAreas: `\n \"citation media title actions\"\n \". . title .\"\n \"sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel\"\n \"metadata metadata metadata metadata\"\n \"content content content content\"\n `,\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n gridTemplateRows: '32px auto auto auto auto',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n boxShadow: 'none',\n columnGap: tokens.spacingHorizontalXS,\n alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n canvas: {},\n sidecar: {\n gridTemplateRows: '24px auto auto auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n },\n inline: {},\n popover: {\n ...shorthands.borderWidth('0px'),\n width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,\n padding: '0px',\n },\n closed: {\n rowGap: 0,\n },\n citation: {\n gridArea: 'citation',\n },\n media: {\n gridArea: 'media',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n mediaPopover: {\n width: '16px',\n height: '16px',\n\n [`> .${referenceExtraClassNames.mediaChild}`]: {\n width: '16px',\n height: '16px',\n },\n },\n actions: {\n gridArea: 'actions',\n justifySelf: 'end',\n display: 'flex',\n gridRowStart: 1,\n },\n detailsButton: {\n [`> ${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground3,\n },\n },\n sensitivity: {\n gridArea: 'sensitivityLabel',\n justifySelf: 'start',\n },\n metadata: {\n marginTop: tokens.spacingVerticalXS,\n\n gridArea: 'metadata',\n ...typographyStyles.caption2,\n },\n metadataSubsequentText: {\n position: 'relative',\n marginLeft: tokens.spacingHorizontalS,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n left: `calc(${tokens.spacingHorizontalS} / -2)`,\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n height: typographyStyles.caption2.fontSize,\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n },\n },\n icon: {\n ...typographyStyles.caption2,\n verticalAlign: 'middle',\n },\n content: {\n marginTop: tokens.spacingVerticalXS,\n gridArea: 'content',\n display: 'flex',\n flexDirection: 'column',\n rowGap: tokens.spacingVerticalS,\n color: tokens.colorNeutralForeground3,\n wordBreak: 'break-word',\n },\n hidden: {\n display: 'none',\n },\n});\n\nconst useLabelStyles = makeStyles({\n root: {\n gridArea: 'title',\n alignSelf: 'start',\n ...typographyStyles.caption1Strong,\n wordBreak: 'break-word',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n display: '-webkit-box',\n overflowY: 'hidden',\n },\n\n canvas: {\n // 24px is the height of the tallest element within the reference\n paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n },\n\n sidecar: {\n // 16px is the height of the tallest element within the reference\n paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n },\n\n closed: {\n maxWidth: '100%',\n '-webkit-line-clamp': '1',\n },\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n 'use no memo';\n\n const { isExpanded, mode, layout } = state;\n\n const rootClassName = useReferenceClassName();\n const styles = useStyles();\n const labelStyles = useLabelStyles();\n state.root.className = mergeClasses(\n referenceClassNames.root,\n rootClassName,\n styles[mode],\n styles[layout],\n !isExpanded && styles.closed,\n state.root.className,\n );\n\n if (state.citation) {\n state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);\n }\n\n if (state.media) {\n state.media.className = mergeClasses(\n referenceClassNames.media,\n styles.media,\n layout === 'popover' && styles.mediaPopover,\n state.media.className,\n );\n }\n\n if (state.actions) {\n state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);\n }\n\n state.label.className = mergeClasses(\n referenceClassNames.label,\n labelStyles.root,\n labelStyles[mode],\n !isExpanded && labelStyles.closed,\n state.label.className,\n );\n\n if (state.sensitivity) {\n state.sensitivity.className = mergeClasses(\n referenceClassNames.sensitivity,\n styles.sensitivity,\n !isExpanded && styles.hidden,\n state.sensitivity.className,\n );\n }\n\n state.metadata.className = mergeClasses(\n referenceClassNames.metadata,\n styles.metadata,\n !isExpanded && styles.hidden,\n state.metadata.className,\n );\n\n let isSubsequentText = false;\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(\n referenceClassNames.primaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.primaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n referenceClassNames.secondaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.secondaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n referenceClassNames.tertiaryText,\n referenceExtraClassNames.text,\n isSubsequentText && styles.metadataSubsequentText,\n state.tertiaryText.className,\n );\n isSubsequentText = true;\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);\n }\n state.content.className = mergeClasses(\n referenceClassNames.content,\n styles.content,\n !isExpanded && styles.hidden,\n state.content.className,\n );\n\n if (state.detailsButton) {\n state.detailsButton.className = mergeClasses(\n referenceClassNames.detailsButton,\n styles.detailsButton,\n state.detailsButton.className,\n );\n }\n\n return state;\n};\n"],"names":["referenceClassNames","mediaChild","rootClassName","useReferenceClassName","root","citation","actions","sensitivity","primaryText","secondaryText","tertiaryText","label","content","detailsButton","text","labelFontSize","maxPopoverWidth","caption1Strong","fontSize","makeResetStyles","lineHeight","boxSizing","width","gridTemplateAreas","gridTemplateRows","strokeWidthThin","tokens","padding","spacingVerticalS","spacingHorizontalS","borderRadiusMedium","columnGap","spacingHorizontalXS","alignItems","useStyles","sidecar","makeStyles","inline","spacingVerticalXS","shorthands","borderWidth","spacingHorizontalM","closed","media","display","justifyContent","mediaPopover","height","justifySelf","gridRowStart","color","buttonClassNames","icon","colorNeutralForeground3","gridArea","metadata","typographyStyles","metadataSubsequentText","position","left","top","colorNeutralStroke2","caption2","borderLeft","verticalAlign","flexDirection","rowGap","wordBreak","hidden","alignSelf","canvas","paddingTop","labelLineHeight","maxWidth","state","isExpanded","layout","className","styles","useLabelStyles","mergeClasses","labelStyles","isSubsequentText","mode","referenceExtraClassNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -18,4 +18,4 @@ const ReferenceGroupToggle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _useReferenceGroupToggleStylesstyles.useReferenceGroupToggleStyles_unstable)(state);
19
19
  return (0, _renderReferenceGroupToggle.renderReferenceGroupToggle_unstable)(state);
20
20
  });
21
- ReferenceGroupToggle.displayName = 'ReferenceGroupToggle';
21
+ ReferenceGroupToggle.displayName = 'ReferenceGroupToggle'; //# sourceMappingURL=ReferenceGroupToggle.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["ReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';\nimport { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';\nimport { useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';\nimport type { ReferenceGroupToggleProps } from './ReferenceGroupToggle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/** deprecated The ReferenceGroup pattern is deprecated and will be removed in a future release. */\nexport const ReferenceGroupToggle: ForwardRefComponent<ReferenceGroupToggleProps> = React.forwardRef((props, ref) => {\n const state = useReferenceGroupToggle_unstable(props, ref);\n\n useReferenceGroupToggleStyles_unstable(state);\n return renderReferenceGroupToggle_unstable(state);\n});\n\nReferenceGroupToggle.displayName = 'ReferenceGroupToggle';\n"],"names":["ReferenceGroupToggle","React","forwardRef","props","ref","state","useReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","renderReferenceGroupToggle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;yCAC0B;4CACG;qDACG;AAKhD,MAAMA,uBAAAA,WAAAA,GAAuEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQC,IAAAA,yDAAAA,EAAiCH,OAAOC;IAEtDG,IAAAA,2EAAAA,EAAuCF;IACvC,OAAOG,IAAAA,+DAAAA,EAAoCH;AAC7C;AAEAL,qBAAqBS,WAAW,GAAG"}
1
+ {"version":3,"sources":["ReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceGroupToggle_unstable } from './useReferenceGroupToggle';\nimport { renderReferenceGroupToggle_unstable } from './renderReferenceGroupToggle';\nimport { useReferenceGroupToggleStyles_unstable } from './useReferenceGroupToggleStyles.styles';\nimport type { ReferenceGroupToggleProps } from './ReferenceGroupToggle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/** deprecated The ReferenceGroup pattern is deprecated and will be removed in a future release. */\nexport const ReferenceGroupToggle: ForwardRefComponent<ReferenceGroupToggleProps> = React.forwardRef((props, ref) => {\n const state = useReferenceGroupToggle_unstable(props, ref);\n\n useReferenceGroupToggleStyles_unstable(state);\n return renderReferenceGroupToggle_unstable(state);\n});\n\nReferenceGroupToggle.displayName = 'ReferenceGroupToggle';\n"],"names":["state","useReferenceGroupToggle_unstable","props","ref","useReferenceGroupToggleStyles_unstable","renderReferenceGroupToggle_unstable","ReferenceGroupToggle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASQA;;;eAAAA;;;;iEATe;yCAC0B;4CACG;qDACG;AAMrD,MAAMA,uBAAQC,WAAAA,GAAAA,OAAiCC,UAAOC,CAAAA,CAAAA,OAAAA;UAEtDC,QAAAA,IAAAA,yDAAuCJ,EAAAA,OAAAA;mFAChCK,EAAAA;IACT,OAAGA,IAAAA,+DAAA,EAAAL;AAEHM"}
@@ -4,3 +4,4 @@
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ //# sourceMappingURL=ReferenceGroupToggle.types.js.map
@@ -29,3 +29,4 @@ const _ReferenceGroupToggle = require("./ReferenceGroupToggle");
29
29
  const _renderReferenceGroupToggle = require("./renderReferenceGroupToggle");
30
30
  const _useReferenceGroupToggle = require("./useReferenceGroupToggle");
31
31
  const _useReferenceGroupToggleStylesstyles = require("./useReferenceGroupToggleStyles.styles");
32
+ //# sourceMappingURL=index.js.map
@@ -18,4 +18,4 @@ const renderReferenceGroupToggle_unstable = (state)=>{
18
18
  state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
19
19
  ]
20
20
  });
21
- };
21
+ }; //# sourceMappingURL=renderReferenceGroupToggle.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["renderReferenceGroupToggle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceGroupToggleState, ReferenceGroupToggleSlots } from './ReferenceGroupToggle.types';\n\n/**\n * Render the final JSX of ReferenceGroupToggle\n */\nexport const renderReferenceGroupToggle_unstable = (state: ReferenceGroupToggleState) => {\n assertSlots<ReferenceGroupToggleSlots>(state);\n\n return (\n <state.root>\n {state.root.children}\n {state.icon && <state.icon />}\n </state.root>\n );\n};\n"],"names":["renderReferenceGroupToggle_unstable","state","assertSlots","_jsxs","root","children","icon","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,sCAAsC,CAACC;IAClDC,IAAAA,4BAAAA,EAAuCD;IAEvC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,IAAI,EAAA,CAAA;;;AAGhC"}
1
+ {"version":3,"sources":["renderReferenceGroupToggle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceGroupToggleState, ReferenceGroupToggleSlots } from './ReferenceGroupToggle.types';\n\n/**\n * Render the final JSX of ReferenceGroupToggle\n */\nexport const renderReferenceGroupToggle_unstable = (state: ReferenceGroupToggleState) => {\n assertSlots<ReferenceGroupToggleSlots>(state);\n\n return (\n <state.root>\n {state.root.children}\n {state.icon && <state.icon />}\n </state.root>\n );\n};\n"],"names":["assertSlots","state","root","children","icon","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,sCAAuCC,CAAAA;oCAEvC,EAAAA;;kBAEKA;YAAAA,MAAMC,IAAKC,CAAAA,QAAQ;YAAAF,MAAAG,IAAA,IAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAJ,MAAAG,IAAA,EAAA,CAAA;SAAA"}
@@ -39,4 +39,4 @@ const useReferenceGroupToggle_unstable = (props, ref)=>{
39
39
  elementType: 'span'
40
40
  })
41
41
  };
42
- };
42
+ }; //# sourceMappingURL=useReferenceGroupToggle.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport type { ReferenceGroupToggleProps, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render ReferenceGroupToggle.\n *\n * The returned state can be modified with hooks such as useReferenceGroupToggleStyles_unstable,\n * before being passed to renderReferenceGroupToggle_unstable.\n *\n * @param props - props from this instance of ReferenceGroupToggle\n * @param ref - reference to root HTMLElement of ReferenceGroupToggle\n */\nexport const useReferenceGroupToggle_unstable = (\n props: ReferenceGroupToggleProps,\n ref: React.Ref<HTMLButtonElement>,\n): ReferenceGroupToggleState => {\n const { isOpen = false } = props;\n\n const mode = useCopilotMode(props.mode);\n return {\n mode,\n isOpen,\n components: {\n root: 'button',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-expanded': isOpen,\n type: 'button',\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.optional(props.icon, {\n defaultProps: {\n children: isOpen ? <ChevronUp16Regular /> : <ChevronDown16Regular />,\n },\n renderByDefault: true,\n elementType: 'span',\n }),\n };\n};\n"],"names":["useReferenceGroupToggle_unstable","props","ref","isOpen","mode","useCopilotMode","components","root","icon","slot","always","getIntrinsicElementProps","type","elementType","optional","defaultProps","children","React","createElement","ChevronUp16Regular","ChevronDown16Regular","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;iCACwB;4BACU;+BAE1B;AAWxB,MAAMA,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,SAAS,KAAK,EAAE,GAAGF;IAE3B,MAAMG,OAAOC,IAAAA,6BAAAA,EAAeJ,MAAMG,IAAI;IACtC,OAAO;QACLA;QACAD;QACAG,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAME,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCT;YACA,iBAAiBC;YACjBS,MAAM;YACN,GAAGX,KAAK;QACV,IACA;YAAEY,aAAa;QAAS;QAE1BL,MAAMC,qBAAAA,CAAKK,QAAQ,CAACb,MAAMO,IAAI,EAAE;YAC9BO,cAAc;gBACZC,UAAUb,SAAAA,WAAAA,GAASc,OAAAC,aAAA,CAACC,8BAAAA,EAAAA,QAAAA,WAAAA,GAAwBF,OAAAC,aAAA,CAACE,gCAAAA,EAAAA;YAC/C;YACAC,iBAAiB;YACjBR,aAAa;QACf;IACF;AACF"}
1
+ {"version":3,"sources":["useReferenceGroupToggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport type { ReferenceGroupToggleProps, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render ReferenceGroupToggle.\n *\n * The returned state can be modified with hooks such as useReferenceGroupToggleStyles_unstable,\n * before being passed to renderReferenceGroupToggle_unstable.\n *\n * @param props - props from this instance of ReferenceGroupToggle\n * @param ref - reference to root HTMLElement of ReferenceGroupToggle\n */\nexport const useReferenceGroupToggle_unstable = (\n props: ReferenceGroupToggleProps,\n ref: React.Ref<HTMLButtonElement>,\n): ReferenceGroupToggleState => {\n const { isOpen = false } = props;\n\n const mode = useCopilotMode(props.mode);\n return {\n mode,\n isOpen,\n components: {\n root: 'button',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-expanded': isOpen,\n type: 'button',\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.optional(props.icon, {\n defaultProps: {\n children: isOpen ? <ChevronUp16Regular /> : <ChevronDown16Regular />,\n },\n renderByDefault: true,\n elementType: 'span',\n }),\n };\n};\n"],"names":["isOpen","props","components","root","ref","type","getIntrinsicElementProps","elementType","icon","defaultProps","optional","renderByDefault","React","createElement","ChevronUp16Regular","ChevronDown16Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBUA;;;eAAAA;;;;iEAnBa;iCACwB;4BACU;+BAE1B;AAe7B,MAAQA,mCAAmBC,CAAAA,OAAAA;UAE3B,EACAD,SAAO,KAAA;UAELA,OAAAA,IAAAA,6BAAAA,EAAAA,MAAAA,IAAAA;WACAE;;;oBAGA;kBACAC;kBAEIC;;mCAEAC,CAAAA,MAAM,CAAAC,IAAAA,yCAAA,EAAA,UAAA;;6BAGRN;kBAAEO;eAAsBN,KAAA;YAE1BO;yBACEC;;mCAEA,CAAAC,QAAA,CAAAT,MAAAO,IAAA,EAAA;0BACAG;0BACAJ,SAAa,WAAA,GAAAK,OAAAC,aAAA,CAAAC,8BAAA,EAAA,QAAA,WAAA,GAAAF,OAAAC,aAAA,CAAAE,gCAAA,EAAA;;YAEjBJ,iBAAA;YACAJ,aAAA"}
@@ -57,4 +57,4 @@ const useReferenceGroupToggleStyles_unstable = (state)=>{
57
57
  state.icon.className = (0, _reactcomponents.mergeClasses)(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);
58
58
  }
59
59
  return state;
60
- };
60
+ }; //# sourceMappingURL=useReferenceGroupToggleStyles.styles.raw.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReferenceGroupToggleStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceGroupToggleClassNames: SlotClassNames<ReferenceGroupToggleSlots> = {\n root: 'fai-ReferenceGroupToggle',\n icon: 'fai-ReferenceGroupToggle__icon',\n};\n\nconst useButtonBaseClassName = makeResetStyles({\n display: 'inline-flex',\n columnGap: tokens.spacingHorizontalSNudge,\n alignItems: 'center',\n ...typographyStyles.caption1,\n border: 0,\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground3,\n cursor: 'pointer',\n width: 'max-content',\n padding: `${tokens.spacingVerticalXS} 0`,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n canvas: { ...typographyStyles.caption1 },\n sidecar: {\n ...typographyStyles.caption2,\n },\n});\n\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = (state: ReferenceGroupToggleState): ReferenceGroupToggleState => {\n 'use no memo';\n\n const { mode } = state;\n const styles = useStyles();\n\n const iconBaseClassName = useIconBaseClassName();\n const buttonBaseClassName = useButtonBaseClassName();\n state.root.className = mergeClasses(\n referenceGroupToggleClassNames.root,\n buttonBaseClassName,\n styles[mode],\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n return state;\n};\n"],"names":["referenceGroupToggleClassNames","useReferenceGroupToggleStyles_unstable","root","icon","useButtonBaseClassName","makeResetStyles","display","columnGap","tokens","spacingHorizontalSNudge","alignItems","typographyStyles","caption1","border","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","width","padding","spacingVerticalXS","useIconBaseClassName","useStyles","makeStyles","canvas","sidecar","caption2","state","mode","styles","iconBaseClassName","buttonBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,8BAAAA;eAAAA;;IAiCAC,sCAAAA;eAAAA;;;iCAtC+D;wBACrD;AAIhB,MAAMD,iCAA4E;IACvFE,MAAM;IACNC,MAAM;AACR;AAEA,MAAMC,yBAAyBC,IAAAA,gCAAAA,EAAgB;IAC7CC,SAAS;IACTC,WAAWC,cAAAA,CAAOC,uBAAuB;IACzCC,YAAY;IACZ,GAAGC,iCAAAA,CAAiBC,QAAQ;IAC5BC,QAAQ;IACRC,iBAAiBN,cAAAA,CAAOO,0BAA0B;IAClDC,OAAOR,cAAAA,CAAOS,uBAAuB;IACrCC,QAAQ;IACRC,OAAO;IACPC,SAAS,CAAC,EAAEZ,cAAAA,CAAOa,iBAAiB,CAAC,EAAE,CAAC;AAC1C;AAEA,MAAMC,uBAAuBjB,IAAAA,gCAAAA,EAAgB;IAC3CC,SAAS;IACTI,YAAY;AACd;AAEA,MAAMa,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BC,QAAQ;QAAE,GAAGd,iCAAAA,CAAiBC,QAAQ;IAAC;IACvCc,SAAS;QACP,GAAGf,iCAAAA,CAAiBgB,QAAQ;IAC9B;AACF;AAKO,MAAM1B,yCAAyC,CAAC2B;IACrD;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,SAASP;IAEf,MAAMQ,oBAAoBT;IAC1B,MAAMU,sBAAsB5B;IAC5BwB,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EACrBlC,+BAA+BE,IAAI,EACnC8B,qBACAF,MAAM,CAACD,KAAK,EACZD,MAAM1B,IAAI,CAAC+B,SAAS;IAGtB,IAAIL,MAAMzB,IAAI,EAAE;QACdyB,MAAMzB,IAAI,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAAalC,+BAA+BG,IAAI,EAAE4B,mBAAmBH,MAAMzB,IAAI,CAAC8B,SAAS;IAClH;IAEA,OAAOL;AACT"}
1
+ {"version":3,"sources":["useReferenceGroupToggleStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceGroupToggleSlots, ReferenceGroupToggleState } from './ReferenceGroupToggle.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceGroupToggleClassNames: SlotClassNames<ReferenceGroupToggleSlots> = {\n root: 'fai-ReferenceGroupToggle',\n icon: 'fai-ReferenceGroupToggle__icon',\n};\n\nconst useButtonBaseClassName = makeResetStyles({\n display: 'inline-flex',\n columnGap: tokens.spacingHorizontalSNudge,\n alignItems: 'center',\n ...typographyStyles.caption1,\n border: 0,\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground3,\n cursor: 'pointer',\n width: 'max-content',\n padding: `${tokens.spacingVerticalXS} 0`,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n canvas: { ...typographyStyles.caption1 },\n sidecar: {\n ...typographyStyles.caption2,\n },\n});\n\n/**\n * Apply styling to the ReferenceGroupToggle slots based on the state\n */\nexport const useReferenceGroupToggleStyles_unstable = (state: ReferenceGroupToggleState): ReferenceGroupToggleState => {\n 'use no memo';\n\n const { mode } = state;\n const styles = useStyles();\n\n const iconBaseClassName = useIconBaseClassName();\n const buttonBaseClassName = useButtonBaseClassName();\n state.root.className = mergeClasses(\n referenceGroupToggleClassNames.root,\n buttonBaseClassName,\n styles[mode],\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(referenceGroupToggleClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n return state;\n};\n"],"names":["referenceGroupToggleClassNames","useReferenceGroupToggleStyles_unstable","root","icon","useButtonBaseClassName","makeResetStyles","display","columnGap","tokens","spacingHorizontalSNudge","alignItems","typographyStyles","caption1","border","backgroundColor","colorTransparentBackground","color","colorNeutralForeground3","cursor","width","padding","spacingVerticalXS","useIconBaseClassName","useStyles","makeStyles","canvas","sidecar","caption2","state","mode","buttonBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,8BAAAA;eAAAA;;IAkCXC,sCAAA;eAAAA;;;iCAvC0E;wBACrD;AAIhB,MAAMD,iCAA4E;UACvFE;UACAC;AACF;AAEA,MAAMC,yBAAyBC,IAAAA,gCAAAA,EAAgB;aAC7CC;eACAC,cAAWC,CAAAA,uBAAOC;gBAClBC;OACAC,iCAAGA,CAAAA,QAAiBC;YACpBC;qBACAC,cAAiBN,CAAAA,0BAAOO;WACxBC,cAAOR,CAAAA,uBAAOS;YACdC;WACAC;aACAC,CAAAA,EAAUZ,cAAEA,CAAAA,iBAAOa,CAAAA,EAAkB,CAAA;AACvC;AAEA,MAAMC,uBAAuBjB,IAAAA,gCAAAA,EAAgB;aAC3CC;gBACAI;AACF;AAEA,MAAMa,YAAYC,IAAAA,2BAAAA,EAAW;YAC3BC;4CAAad,CAAAA,QAAiBC;;aAC9Bc;4CACKf,CAAAA,QAAiBgB;;AAExB;AAME,MAAA1B,yCAAA2B,CAAAA;;UAKA,EACAC,IAAA,KACAD;UAOIA,SAAMzB;UACRyB,oBAAoBN;UACtBQ,sBAAA1B;UAEAF,IAAO0B,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,+BAAAA,IAAAA,EAAAA,qBAAAA,MAAAA,CAAAA,KAAAA,EAAAA,MAAAA,IAAAA,CAAAA,SAAAA;IACP,IAAAA,MAAAzB,IAAA,EAAA"}
@@ -20,4 +20,4 @@ const ReferenceList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactprovider.useCustomStyleHook)('useReferenceListStyles')(state);
21
21
  return (0, _renderReferenceList.renderReferenceList_unstable)(state);
22
22
  });
23
- ReferenceList.displayName = 'ReferenceList';
23
+ ReferenceList.displayName = 'ReferenceList'; //# sourceMappingURL=ReferenceList.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\nimport type { ReferenceListProps } from './ReferenceList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n const state = useReferenceList_unstable(props, ref);\n\n useReferenceListStyles_unstable(state);\n useCustomStyleHook('useReferenceListStyles')(state);\n\n return renderReferenceList_unstable(state);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["ReferenceList","React","forwardRef","props","ref","state","useReferenceList_unstable","useReferenceListStyles_unstable","useCustomStyleHook","renderReferenceList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;kCACmB;qCACG;8CACG;+BAGb;AAG5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}
1
+ {"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\nimport type { ReferenceListProps } from './ReferenceList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n const state = useReferenceList_unstable(props, ref);\n\n useReferenceListStyles_unstable(state);\n useCustomStyleHook('useReferenceListStyles')(state);\n\n return renderReferenceList_unstable(state);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["state","useReferenceList_unstable","props","ref","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUQA;;;eAAAA;;;;iEAVe;kCACmB;qCACG;8CACG;+BAGb;AAIjC,MAAMA,gBAAQC,WAAAA,GAAAA,OAA0BC,UAAOC,CAAAA,CAAAA,OAAAA;UAE/CC,QAAAA,IAAAA,2CAAgCJ,EAAAA,OAAAA;qEACb,EAAAA;yCAEZK,EAAAA,0BAA6BL;IACtC,OAAGK,IAAAA,iDAAA,EAAAL;AAEHM"}
@@ -2,3 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
+ //# sourceMappingURL=ReferenceList.types.js.map
@@ -32,3 +32,4 @@ const _ReferenceList = require("./ReferenceList");
32
32
  const _renderReferenceList = require("./renderReferenceList");
33
33
  const _useReferenceList = require("./useReferenceList");
34
34
  const _useReferenceListStylesstyles = require("./useReferenceListStyles.styles");
35
+ //# sourceMappingURL=index.js.map
@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
13
13
  const renderReferenceList_unstable = (state)=>{
14
14
  (0, _reactcomponents.assertSlots)(state);
15
15
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
16
- };
16
+ }; //# sourceMappingURL=renderReferenceList.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots } from './ReferenceList.types';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const renderReferenceList_unstable = (state: ReferenceListState) => {\n assertSlots<ReferenceListSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderReferenceList_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;4BANb;iCAE4B;AAIrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots } from './ReferenceList.types';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const renderReferenceList_unstable = (state: ReferenceListState) => {\n assertSlots<ReferenceListSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAQEA;;;eAAAA;;;4BARwB;iCAGE;AAK1BA,MAAAA,+BAAgCC,CAAAA;oCAEhC,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}
@@ -27,4 +27,4 @@ const useReferenceList_unstable = (props, ref)=>{
27
27
  elementType: 'ol'
28
28
  })
29
29
  };
30
- };
30
+ }; //# sourceMappingURL=useReferenceList.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\nimport { referenceListItemClassName } from './useReferenceListStyles.styles';\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 *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceList_unstable = (\n props: ReferenceListProps,\n ref: React.Ref<HTMLOListElement>,\n): ReferenceListState => {\n return {\n components: {\n root: 'ol',\n },\n root: slot.always(\n getIntrinsicElementProps('ol', {\n ref,\n ...props,\n children: React.Children.map(props.children, child => <li className={referenceListItemClassName}>{child}</li>),\n }),\n { elementType: 'ol' },\n ),\n };\n};\n"],"names":["useReferenceList_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","children","React","Children","map","child","createElement","li","className","referenceListItemClassName","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCACwB;8CAEJ;AAapC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,MAAM;YAC7BL;YACA,GAAGD,KAAK;YACRO,UAAUC,OAAMC,QAAQ,CAACC,GAAG,CAACV,MAAMO,QAAQ,EAAEI,CAAAA,QAAAA,WAAAA,GAASH,OAAAI,aAAA,CAACC,MAAAA;oBAAGC,WAAWC,wDAAAA;mBAA6BJ;QACpG,IACA;YAAEK,aAAa;QAAK;IAExB;AACF"}
1
+ {"version":3,"sources":["useReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\nimport { referenceListItemClassName } from './useReferenceListStyles.styles';\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 *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceList_unstable = (\n props: ReferenceListProps,\n ref: React.Ref<HTMLOListElement>,\n): ReferenceListState => {\n return {\n components: {\n root: 'ol',\n },\n root: slot.always(\n getIntrinsicElementProps('ol', {\n ref,\n ...props,\n children: React.Children.map(props.children, child => <li className={referenceListItemClassName}>{child}</li>),\n }),\n { elementType: 'ol' },\n ),\n };\n};\n"],"names":["useReferenceList_unstable","props","ref","components","root","children","className","referenceListItemClassName","child"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBSA;;;eAAAA;;;;iEApBc;iCACwB;8CAEJ;AAiBzC,MAAOA,4BAAA,CAAAC,OAAAC;WACLC;oBACEC;kBACF;;mCAGIF,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,MAAAA;;oBAEAG;6BAA0DC,QAAAA,CAAWC,GAAAA,CAAAA,MAAAA,QAAAA,EAAAA,CAAAA,QAAAA,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,MAAAA;+BAA6BC,wDAAAA;mBACpGA;;yBACoB;QAExB;IACA"}
@@ -41,4 +41,4 @@ const useReferenceListStyles_unstable = (state)=>{
41
41
  'use no memo';
42
42
  state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, useRootClassName(), state.root.className);
43
43
  return state;
44
- };
44
+ }; //# sourceMappingURL=useReferenceListStyles.styles.raw.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, 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\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n root: 'fai-ReferenceList',\n};\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n padding: 0,\n margin: 0,\n display: 'flex',\n flexDirection: 'column',\n gap: tokens.spacingVerticalS,\n\n [`> .${referenceListItemClassName}`]: {\n listStyleType: 'none',\n },\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n 'use no memo';\n\n state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n return state;\n};\n"],"names":["referenceListClassNames","referenceListItemClassName","useReferenceListStyles_unstable","root","useRootClassName","makeResetStyles","padding","margin","display","flexDirection","gap","tokens","spacingVerticalS","listStyleType","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,uBAAAA;eAAAA;;IAKAC,0BAAAA;eAAAA;;IAsBAC,+BAAAA;eAAAA;;;iCAjCiC;wBACvB;AAKhB,MAAMF,0BAA8D;IACzEG,MAAM;AACR;AAGO,MAAMF,6BAA6B;AAE1C;;CAEC,GACD,MAAMG,mBAAmBC,IAAAA,gCAAAA,EAAgB;IACvCC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC,KAAKC,cAAAA,CAAOC,gBAAgB;IAE5B,CAAC,CAAC,GAAG,EAAEX,2BAA2B,CAAC,CAAC,EAAE;QACpCY,eAAe;IACjB;AACF;AAOO,MAAMX,kCAAkC,CAACY;IAC9C;IAEAA,MAAMX,IAAI,CAACY,SAAS,GAAGC,IAAAA,6BAAAA,EAAahB,wBAAwBG,IAAI,EAAEC,oBAAoBU,MAAMX,IAAI,CAACY,SAAS;IAE1G,OAAOD;AACT"}
1
+ {"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, 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\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n root: 'fai-ReferenceList',\n};\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n padding: 0,\n margin: 0,\n display: 'flex',\n flexDirection: 'column',\n gap: tokens.spacingVerticalS,\n\n [`> .${referenceListItemClassName}`]: {\n listStyleType: 'none',\n },\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n 'use no memo';\n\n state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","display","makeResetStyles","flexDirection","tokens","referenceListItemClassName","listStyleType","spacingVerticalS","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOQA,uBAAA;eAAAA;;;;;IAgCNC,+BAAA;eAAAA;;;iCAvC4C;wBACvB;AAMrBC,MAAMF,0BAAA;IACNE,MAAA;AAEF;;;;UASEC,mBAASC,IAAAA,gCAAA,EAAA;aACTC;YACKC;aAEEC;mBACLC;SACFF,cAAA,CAAAG,gBAAA;IACF,CAAA,CAAA,GAAA,EAAAF,2BAAA,CAAA,CAAA,EAAA;QAEAC,eAAA;;;AAWE,MAAAP,kCAAAS,CAAAA"}
@@ -18,4 +18,4 @@ const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _useReferenceStylesstyles.useReferenceStyles_unstable)(state);
19
19
  return (0, _renderReference.renderReference_unstable)(state);
20
20
  });
21
- Reference.displayName = 'Reference';
21
+ Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n const state = useReference_unstable(props, ref);\n\n useReferenceStyles_unstable(state);\n return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;8BACe;iCACG;0CACG;AAIrC,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAE3CG,IAAAA,qDAAAA,EAA4BF;IAC5B,OAAOG,IAAAA,yCAAAA,EAAyBH;AAClC;AAEAL,UAAUS,WAAW,GAAG"}
1
+ {"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n const state = useReference_unstable(props, ref);\n\n useReferenceStyles_unstable(state);\n return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;8BACe;iCACG;0CACG;AAIrC,MAAMA,YAAAA,WAAAA,GAAAA,OAAiDC,UAAMC,CAAU,CAACC,OAACA;UAC9EC,QAAMA,IAAAA,mCAAQC,EAAAA,OAAsBF;6DAEpCG,EAAAA;WACAC,IAAAA,yCAAOA,EAAAA;AACT;AAEAP,UAAUQ,WAAW,GAAG"}
@@ -2,3 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
+ //# sourceMappingURL=Reference.types.js.map
@@ -32,3 +32,4 @@ const _Reference = require("./Reference");
32
32
  const _renderReference = require("./renderReference");
33
33
  const _useReference = require("./useReference");
34
34
  const _useReferenceStylesstyles = require("./useReferenceStyles.styles");
35
+ //# sourceMappingURL=index.js.map
@@ -29,4 +29,4 @@ const renderReference_unstable = (state)=>{
29
29
  id: id,
30
30
  children: reference
31
31
  }, id) : reference;
32
- };
32
+ }; //# sourceMappingURL=renderReference.js.map