@fluentui-copilot/react-attachments 0.0.0-nightly-20251006-0406-b5da4f6a.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/CHANGELOG.json +3 -3
  2. package/CHANGELOG.md +4 -4
  3. package/package.json +8 -8
  4. package/dist/index.d.ts +0 -379
  5. package/lib/AgentTag.js +0 -1
  6. package/lib/AgentTag.js.map +0 -1
  7. package/lib/Attachment.js +0 -1
  8. package/lib/Attachment.js.map +0 -1
  9. package/lib/AttachmentList.js +0 -1
  10. package/lib/AttachmentList.js.map +0 -1
  11. package/lib/AttachmentOverflowMenu.js +0 -1
  12. package/lib/AttachmentOverflowMenu.js.map +0 -1
  13. package/lib/AttachmentOverflowMenuButton.js +0 -1
  14. package/lib/AttachmentOverflowMenuButton.js.map +0 -1
  15. package/lib/AttachmentOverflowMenuItem.js +0 -1
  16. package/lib/AttachmentOverflowMenuItem.js.map +0 -1
  17. package/lib/components/AgentTag/AgentTag.js +0 -11
  18. package/lib/components/AgentTag/AgentTag.js.map +0 -1
  19. package/lib/components/AgentTag/AgentTag.types.js +0 -3
  20. package/lib/components/AgentTag/AgentTag.types.js.map +0 -1
  21. package/lib/components/AgentTag/index.js +0 -4
  22. package/lib/components/AgentTag/index.js.map +0 -1
  23. package/lib/components/AgentTag/renderAgentTag.js +0 -6
  24. package/lib/components/AgentTag/renderAgentTag.js.map +0 -1
  25. package/lib/components/AgentTag/useAgentTag.js +0 -18
  26. package/lib/components/AgentTag/useAgentTag.js.map +0 -1
  27. package/lib/components/AgentTag/useAgentTagStyles.styles.js +0 -95
  28. package/lib/components/AgentTag/useAgentTagStyles.styles.js.map +0 -1
  29. package/lib/components/AgentTag/useAgentTagStyles.styles.raw.js +0 -66
  30. package/lib/components/AgentTag/useAgentTagStyles.styles.raw.js.map +0 -1
  31. package/lib/components/Attachment/Attachment.js +0 -13
  32. package/lib/components/Attachment/Attachment.js.map +0 -1
  33. package/lib/components/Attachment/Attachment.types.js +0 -3
  34. package/lib/components/Attachment/Attachment.types.js.map +0 -1
  35. package/lib/components/Attachment/index.js +0 -4
  36. package/lib/components/Attachment/index.js.map +0 -1
  37. package/lib/components/Attachment/renderAttachment.js +0 -42
  38. package/lib/components/Attachment/renderAttachment.js.map +0 -1
  39. package/lib/components/Attachment/useAttachment.js +0 -103
  40. package/lib/components/Attachment/useAttachment.js.map +0 -1
  41. package/lib/components/Attachment/useAttachmentStyles.styles.js +0 -348
  42. package/lib/components/Attachment/useAttachmentStyles.styles.js.map +0 -1
  43. package/lib/components/Attachment/useAttachmentStyles.styles.raw.js +0 -328
  44. package/lib/components/Attachment/useAttachmentStyles.styles.raw.js.map +0 -1
  45. package/lib/components/AttachmentList/AttachmentList.js +0 -14
  46. package/lib/components/AttachmentList/AttachmentList.js.map +0 -1
  47. package/lib/components/AttachmentList/AttachmentList.types.js +0 -1
  48. package/lib/components/AttachmentList/AttachmentList.types.js.map +0 -1
  49. package/lib/components/AttachmentList/index.js +0 -4
  50. package/lib/components/AttachmentList/index.js.map +0 -1
  51. package/lib/components/AttachmentList/renderAttachmentList.js +0 -31
  52. package/lib/components/AttachmentList/renderAttachmentList.js.map +0 -1
  53. package/lib/components/AttachmentList/useAttachmentList.js +0 -134
  54. package/lib/components/AttachmentList/useAttachmentList.js.map +0 -1
  55. package/lib/components/AttachmentList/useAttachmentListContextValues.js +0 -12
  56. package/lib/components/AttachmentList/useAttachmentListContextValues.js.map +0 -1
  57. package/lib/components/AttachmentList/useAttachmentListStyles.styles.js +0 -48
  58. package/lib/components/AttachmentList/useAttachmentListStyles.styles.js.map +0 -1
  59. package/lib/components/AttachmentList/useAttachmentListStyles.styles.raw.js +0 -44
  60. package/lib/components/AttachmentList/useAttachmentListStyles.styles.raw.js.map +0 -1
  61. package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js +0 -14
  62. package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map +0 -1
  63. package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js +0 -1
  64. package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map +0 -1
  65. package/lib/components/AttachmentOverflowMenu/index.js +0 -4
  66. package/lib/components/AttachmentOverflowMenu/index.js.map +0 -1
  67. package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js +0 -13
  68. package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map +0 -1
  69. package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js +0 -18
  70. package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map +0 -1
  71. package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js +0 -12
  72. package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map +0 -1
  73. package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js +0 -12
  74. package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js.map +0 -1
  75. package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js +0 -3
  76. package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js.map +0 -1
  77. package/lib/components/AttachmentOverflowMenuButton/index.js +0 -4
  78. package/lib/components/AttachmentOverflowMenuButton/index.js.map +0 -1
  79. package/lib/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js +0 -15
  80. package/lib/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js.map +0 -1
  81. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js +0 -69
  82. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js.map +0 -1
  83. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.js +0 -116
  84. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.js.map +0 -1
  85. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js +0 -102
  86. package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js.map +0 -1
  87. package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js +0 -10
  88. package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js.map +0 -1
  89. package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.types.js +0 -3
  90. package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.types.js.map +0 -1
  91. package/lib/components/AttachmentOverflowMenuItem/index.js +0 -4
  92. package/lib/components/AttachmentOverflowMenuItem/index.js.map +0 -1
  93. package/lib/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js +0 -13
  94. package/lib/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js.map +0 -1
  95. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js +0 -56
  96. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js.map +0 -1
  97. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.js +0 -84
  98. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.js.map +0 -1
  99. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js +0 -59
  100. package/lib/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js.map +0 -1
  101. package/lib/components/index.js +0 -5
  102. package/lib/components/index.js.map +0 -1
  103. package/lib/components/utils/useProgressBarStyles.styles.js +0 -54
  104. package/lib/components/utils/useProgressBarStyles.styles.js.map +0 -1
  105. package/lib/components/utils/useProgressBarStyles.styles.raw.js +0 -42
  106. package/lib/components/utils/useProgressBarStyles.styles.raw.js.map +0 -1
  107. package/lib/contexts/attachmentListContext.js +0 -9
  108. package/lib/contexts/attachmentListContext.js.map +0 -1
  109. package/lib/contexts/attachmentOverflowMenuContext.js +0 -9
  110. package/lib/contexts/attachmentOverflowMenuContext.js.map +0 -1
  111. package/lib/index.js +0 -8
  112. package/lib/index.js.map +0 -1
  113. package/lib-commonjs/AgentTag.js +0 -28
  114. package/lib-commonjs/AgentTag.js.map +0 -1
  115. package/lib-commonjs/Attachment.js +0 -31
  116. package/lib-commonjs/Attachment.js.map +0 -1
  117. package/lib-commonjs/AttachmentList.js +0 -28
  118. package/lib-commonjs/AttachmentList.js.map +0 -1
  119. package/lib-commonjs/AttachmentOverflowMenu.js +0 -25
  120. package/lib-commonjs/AttachmentOverflowMenu.js.map +0 -1
  121. package/lib-commonjs/AttachmentOverflowMenuButton.js +0 -28
  122. package/lib-commonjs/AttachmentOverflowMenuButton.js.map +0 -1
  123. package/lib-commonjs/AttachmentOverflowMenuItem.js +0 -28
  124. package/lib-commonjs/AttachmentOverflowMenuItem.js.map +0 -1
  125. package/lib-commonjs/components/AgentTag/AgentTag.js +0 -21
  126. package/lib-commonjs/components/AgentTag/AgentTag.js.map +0 -1
  127. package/lib-commonjs/components/AgentTag/AgentTag.types.js +0 -6
  128. package/lib-commonjs/components/AgentTag/AgentTag.types.js.map +0 -1
  129. package/lib-commonjs/components/AgentTag/index.js +0 -31
  130. package/lib-commonjs/components/AgentTag/index.js.map +0 -1
  131. package/lib-commonjs/components/AgentTag/renderAgentTag.js +0 -14
  132. package/lib-commonjs/components/AgentTag/renderAgentTag.js.map +0 -1
  133. package/lib-commonjs/components/AgentTag/useAgentTag.js +0 -19
  134. package/lib-commonjs/components/AgentTag/useAgentTag.js.map +0 -1
  135. package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.js +0 -145
  136. package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.js.map +0 -1
  137. package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.raw.js +0 -82
  138. package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.raw.js.map +0 -1
  139. package/lib-commonjs/components/Attachment/Attachment.js +0 -23
  140. package/lib-commonjs/components/Attachment/Attachment.js.map +0 -1
  141. package/lib-commonjs/components/Attachment/Attachment.types.js +0 -6
  142. package/lib-commonjs/components/Attachment/Attachment.types.js.map +0 -1
  143. package/lib-commonjs/components/Attachment/index.js +0 -34
  144. package/lib-commonjs/components/Attachment/index.js.map +0 -1
  145. package/lib-commonjs/components/Attachment/renderAttachment.js +0 -50
  146. package/lib-commonjs/components/Attachment/renderAttachment.js.map +0 -1
  147. package/lib-commonjs/components/Attachment/useAttachment.js +0 -105
  148. package/lib-commonjs/components/Attachment/useAttachment.js.map +0 -1
  149. package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.js +0 -550
  150. package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.js.map +0 -1
  151. package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js +0 -347
  152. package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js.map +0 -1
  153. package/lib-commonjs/components/AttachmentList/AttachmentList.js +0 -25
  154. package/lib-commonjs/components/AttachmentList/AttachmentList.js.map +0 -1
  155. package/lib-commonjs/components/AttachmentList/AttachmentList.types.js +0 -4
  156. package/lib-commonjs/components/AttachmentList/AttachmentList.types.js.map +0 -1
  157. package/lib-commonjs/components/AttachmentList/index.js +0 -31
  158. package/lib-commonjs/components/AttachmentList/index.js.map +0 -1
  159. package/lib-commonjs/components/AttachmentList/renderAttachmentList.js +0 -39
  160. package/lib-commonjs/components/AttachmentList/renderAttachmentList.js.map +0 -1
  161. package/lib-commonjs/components/AttachmentList/useAttachmentList.js +0 -137
  162. package/lib-commonjs/components/AttachmentList/useAttachmentList.js.map +0 -1
  163. package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js +0 -22
  164. package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js.map +0 -1
  165. package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.js +0 -67
  166. package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.js.map +0 -1
  167. package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.raw.js +0 -60
  168. package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.raw.js.map +0 -1
  169. package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js +0 -24
  170. package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map +0 -1
  171. package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js +0 -4
  172. package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map +0 -1
  173. package/lib-commonjs/components/AttachmentOverflowMenu/index.js +0 -28
  174. package/lib-commonjs/components/AttachmentOverflowMenu/index.js.map +0 -1
  175. package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js +0 -21
  176. package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map +0 -1
  177. package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js +0 -21
  178. package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map +0 -1
  179. package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js +0 -22
  180. package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map +0 -1
  181. package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js +0 -23
  182. package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js.map +0 -1
  183. package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js +0 -6
  184. package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js.map +0 -1
  185. package/lib-commonjs/components/AttachmentOverflowMenuButton/index.js +0 -31
  186. package/lib-commonjs/components/AttachmentOverflowMenuButton/index.js.map +0 -1
  187. package/lib-commonjs/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js +0 -23
  188. package/lib-commonjs/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js.map +0 -1
  189. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js +0 -72
  190. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js.map +0 -1
  191. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.js +0 -178
  192. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.js.map +0 -1
  193. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js +0 -118
  194. package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js.map +0 -1
  195. package/lib-commonjs/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js +0 -21
  196. package/lib-commonjs/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js.map +0 -1
  197. package/lib-commonjs/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.types.js +0 -6
  198. package/lib-commonjs/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.types.js.map +0 -1
  199. package/lib-commonjs/components/AttachmentOverflowMenuItem/index.js +0 -31
  200. package/lib-commonjs/components/AttachmentOverflowMenuItem/index.js.map +0 -1
  201. package/lib-commonjs/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js +0 -21
  202. package/lib-commonjs/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js.map +0 -1
  203. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js +0 -59
  204. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js.map +0 -1
  205. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.js +0 -109
  206. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.js.map +0 -1
  207. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js +0 -75
  208. package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItemStyles.styles.raw.js.map +0 -1
  209. package/lib-commonjs/components/index.js +0 -92
  210. package/lib-commonjs/components/index.js.map +0 -1
  211. package/lib-commonjs/components/utils/useProgressBarStyles.styles.js +0 -103
  212. package/lib-commonjs/components/utils/useProgressBarStyles.styles.js.map +0 -1
  213. package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js +0 -50
  214. package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js.map +0 -1
  215. package/lib-commonjs/contexts/attachmentListContext.js +0 -30
  216. package/lib-commonjs/contexts/attachmentListContext.js.map +0 -1
  217. package/lib-commonjs/contexts/attachmentOverflowMenuContext.js +0 -30
  218. package/lib-commonjs/contexts/attachmentOverflowMenuContext.js.map +0 -1
  219. package/lib-commonjs/index.js +0 -122
  220. package/lib-commonjs/index.js.map +0 -1
@@ -1,12 +0,0 @@
1
- export function useAttachmentListContextValues_unstable(state) {
2
- const { numberOfAttachments, onAttachmentDismiss, shouldUseOverflow } = state;
3
- // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
4
- const attachmentList = {
5
- numberOfAttachments,
6
- onAttachmentDismiss,
7
- shouldUseOverflow
8
- };
9
- return {
10
- attachmentList
11
- };
12
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentListContextValues.ts"],"sourcesContent":["import type { AttachmentListContextValues, AttachmentListState } from './AttachmentList.types';\n\nexport function useAttachmentListContextValues_unstable(state: AttachmentListState): AttachmentListContextValues {\n const { numberOfAttachments, onAttachmentDismiss, shouldUseOverflow } = state;\n\n // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n const attachmentList = {\n numberOfAttachments,\n onAttachmentDismiss,\n shouldUseOverflow,\n };\n\n return { attachmentList };\n}\n"],"names":["useAttachmentListContextValues_unstable","state","numberOfAttachments","onAttachmentDismiss","shouldUseOverflow","attachmentList"],"rangeMappings":";;;;;;;;;;;","mappings":"AAEA,OAAO,SAASA,wCAAwCC,KAA0B;IAChF,MAAM,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGH;IAExE,mGAAmG;IACnG,MAAMI,iBAAiB;QACrBH;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAe;AAC1B"}
@@ -1,48 +0,0 @@
1
- import { __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
2
- import { tokens } from '@fluentui-copilot/tokens';
3
- export const attachmentListClassNames = {
4
- root: 'fai-AttachmentList',
5
- menuList: 'fai-AttachmentList__menuList',
6
- menuPopover: 'fai-AttachmentList__menuPopover',
7
- overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
8
- };
9
- const useRootBaseClassName = __resetStyles("r168fwfa", null, [".r168fwfa{column-gap:var(--spacingHorizontalSNudge);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;row-gap:var(--spacingVerticalXS);}"]);
10
- const useOverflowMenuButtonBaseClassName = __resetStyles("rvxcmzt", null, [".rvxcmzt{display:inline-flex;}"]);
11
- const useOverflowMenuPopoverNextStyles = __styles({
12
- borderRadius: {
13
- Beyfa6y: 0,
14
- Bbmb7ep: 0,
15
- Btl43ni: 0,
16
- B7oj6ja: 0,
17
- Dimara: "f1pwvjsv"
18
- }
19
- }, {
20
- d: [[".f1pwvjsv{border-radius:var(--borderRadius4XL);}", {
21
- p: -1
22
- }]]
23
- });
24
- /**
25
- * Apply styling to the AttachmentList slots based on the state
26
- */
27
- export const useAttachmentListStyles_unstable = state => {
28
- 'use no memo';
29
-
30
- const rootBaseClassName = useRootBaseClassName();
31
- const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
32
- const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
33
- const {
34
- designVersion
35
- } = state;
36
- state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);
37
- if (state.menuList) {
38
- state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);
39
- }
40
- if (state.menuPopover) {
41
- state.menuPopover.className = mergeClasses(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
42
- }
43
- if (state.overflowMenuButton) {
44
- state.overflowMenuButton.className = mergeClasses(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
45
- }
46
- return state;
47
- };
48
- //# sourceMappingURL=useAttachmentListStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentListSlots, AttachmentListState } from './AttachmentList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentListClassNames: SlotClassNames<AttachmentListSlots> = {\n root: 'fai-AttachmentList',\n menuList: 'fai-AttachmentList__menuList',\n menuPopover: 'fai-AttachmentList__menuPopover',\n overflowMenuButton: 'fai-AttachmentList__overflowMenuButton',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n columnGap: tokens.spacingHorizontalSNudge,\n display: 'flex',\n flexDirection: 'row',\n flexShrink: 0,\n flexWrap: 'wrap',\n rowGap: tokens.spacingVerticalXS,\n});\n\nconst useOverflowMenuButtonBaseClassName = makeResetStyles({\n display: 'inline-flex',\n});\n\nconst useOverflowMenuPopoverNextStyles = makeStyles({\n borderRadius: {\n borderRadius: tokens.borderRadius4XL,\n },\n});\n\n/**\n * Apply styling to the AttachmentList slots based on the state\n */\nexport const useAttachmentListStyles_unstable = (state: AttachmentListState): AttachmentListState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();\n const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();\n const { designVersion } = state;\n\n state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.menuList) {\n state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);\n }\n if (state.menuPopover) {\n state.menuPopover.className = mergeClasses(\n attachmentListClassNames.menuPopover,\n designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius,\n state.menuPopover.className,\n );\n }\n\n if (state.overflowMenuButton) {\n state.overflowMenuButton.className = mergeClasses(\n attachmentListClassNames.overflowMenuButton,\n overflowMenuButtonClassName,\n state.overflowMenuButton.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","attachmentListClassNames","root","menuList","menuPopover","overflowMenuButton","useRootBaseClassName","columnGap","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","useOverflowMenuButtonBaseClassName","useOverflowMenuPopoverNextStyles","borderRadius","borderRadius4XL","useAttachmentListStyles_unstable","state","rootBaseClassName","overflowMenuButtonClassName","overflowMenuPopoverNextStyles","designVersion","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,UAAU;IACVC,aAAa;IACbC,oBAAoB;AACtB,EAAE;AAEF,MAAMC,uBAAuBT,gBAAgB;IAC3CU,WAAWP,OAAOQ,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQb,OAAOc,iBAAiB;AAClC;AAEA,MAAMC,qCAAqClB,gBAAgB;IACzDY,SAAS;AACX;AAEA,MAAMO,mCAAmClB,WAAW;IAClDmB,cAAc;QACZA,cAAcjB,OAAOkB,eAAe;IACtC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBf;IAC1B,MAAMgB,8BAA8BP;IACpC,MAAMQ,gCAAgCP;IACtC,MAAM,EAAEQ,aAAa,EAAE,GAAGJ;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,GAAG1B,aAAaE,yBAAyBC,IAAI,EAAEmB,mBAAmBD,MAAMlB,IAAI,CAACuB,SAAS;IAE1G,IAAIL,MAAMjB,QAAQ,EAAE;QAClBiB,MAAMjB,QAAQ,CAACsB,SAAS,GAAG1B,aAAaE,yBAAyBE,QAAQ,EAAEiB,MAAMjB,QAAQ,CAACsB,SAAS;IACrG;IACA,IAAIL,MAAMhB,WAAW,EAAE;QACrBgB,MAAMhB,WAAW,CAACqB,SAAS,GAAG1B,aAC5BE,yBAAyBG,WAAW,EACpCoB,kBAAkB,UAAUD,8BAA8BN,YAAY,EACtEG,MAAMhB,WAAW,CAACqB,SAAS;IAE/B;IAEA,IAAIL,MAAMf,kBAAkB,EAAE;QAC5Be,MAAMf,kBAAkB,CAACoB,SAAS,GAAG1B,aACnCE,yBAAyBI,kBAAkB,EAC3CiB,6BACAF,MAAMf,kBAAkB,CAACoB,SAAS;IAEtC;IAEA,OAAOL;AACT,EAAE"}
@@ -1,44 +0,0 @@
1
- import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';
2
- import { tokens } from '@fluentui-copilot/tokens';
3
- export const attachmentListClassNames = {
4
- root: 'fai-AttachmentList',
5
- menuList: 'fai-AttachmentList__menuList',
6
- menuPopover: 'fai-AttachmentList__menuPopover',
7
- overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
8
- };
9
- const useRootBaseClassName = makeResetStyles({
10
- columnGap: tokens.spacingHorizontalSNudge,
11
- display: 'flex',
12
- flexDirection: 'row',
13
- flexShrink: 0,
14
- flexWrap: 'wrap',
15
- rowGap: tokens.spacingVerticalXS
16
- });
17
- const useOverflowMenuButtonBaseClassName = makeResetStyles({
18
- display: 'inline-flex'
19
- });
20
- const useOverflowMenuPopoverNextStyles = makeStyles({
21
- borderRadius: {
22
- borderRadius: tokens.borderRadius4XL
23
- }
24
- });
25
- /**
26
- * Apply styling to the AttachmentList slots based on the state
27
- */ export const useAttachmentListStyles_unstable = (state)=>{
28
- 'use no memo';
29
- const rootBaseClassName = useRootBaseClassName();
30
- const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
31
- const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
32
- const { designVersion } = state;
33
- state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);
34
- if (state.menuList) {
35
- state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);
36
- }
37
- if (state.menuPopover) {
38
- state.menuPopover.className = mergeClasses(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
39
- }
40
- if (state.overflowMenuButton) {
41
- state.overflowMenuButton.className = mergeClasses(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
42
- }
43
- return state;
44
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentListSlots, AttachmentListState } from './AttachmentList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentListClassNames: SlotClassNames<AttachmentListSlots> = {\n root: 'fai-AttachmentList',\n menuList: 'fai-AttachmentList__menuList',\n menuPopover: 'fai-AttachmentList__menuPopover',\n overflowMenuButton: 'fai-AttachmentList__overflowMenuButton',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n columnGap: tokens.spacingHorizontalSNudge,\n display: 'flex',\n flexDirection: 'row',\n flexShrink: 0,\n flexWrap: 'wrap',\n rowGap: tokens.spacingVerticalXS,\n});\n\nconst useOverflowMenuButtonBaseClassName = makeResetStyles({\n display: 'inline-flex',\n});\n\nconst useOverflowMenuPopoverNextStyles = makeStyles({\n borderRadius: {\n borderRadius: tokens.borderRadius4XL,\n },\n});\n\n/**\n * Apply styling to the AttachmentList slots based on the state\n */\nexport const useAttachmentListStyles_unstable = (state: AttachmentListState): AttachmentListState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();\n const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();\n const { designVersion } = state;\n\n state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.menuList) {\n state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);\n }\n if (state.menuPopover) {\n state.menuPopover.className = mergeClasses(\n attachmentListClassNames.menuPopover,\n designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius,\n state.menuPopover.className,\n );\n }\n\n if (state.overflowMenuButton) {\n state.overflowMenuButton.className = mergeClasses(\n attachmentListClassNames.overflowMenuButton,\n overflowMenuButtonClassName,\n state.overflowMenuButton.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","attachmentListClassNames","root","menuList","menuPopover","overflowMenuButton","useRootBaseClassName","columnGap","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","useOverflowMenuButtonBaseClassName","useOverflowMenuPopoverNextStyles","borderRadius","borderRadius4XL","useAttachmentListStyles_unstable","state","rootBaseClassName","overflowMenuButtonClassName","overflowMenuPopoverNextStyles","designVersion","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,UAAU;IACVC,aAAa;IACbC,oBAAoB;AACtB,EAAE;AAEF,MAAMC,uBAAuBT,gBAAgB;IAC3CU,WAAWP,OAAOQ,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQb,OAAOc,iBAAiB;AAClC;AAEA,MAAMC,qCAAqClB,gBAAgB;IACzDY,SAAS;AACX;AAEA,MAAMO,mCAAmClB,WAAW;IAClDmB,cAAc;QACZA,cAAcjB,OAAOkB,eAAe;IACtC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBf;IAC1B,MAAMgB,8BAA8BP;IACpC,MAAMQ,gCAAgCP;IACtC,MAAM,EAAEQ,aAAa,EAAE,GAAGJ;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,GAAG1B,aAAaE,yBAAyBC,IAAI,EAAEmB,mBAAmBD,MAAMlB,IAAI,CAACuB,SAAS;IAE1G,IAAIL,MAAMjB,QAAQ,EAAE;QAClBiB,MAAMjB,QAAQ,CAACsB,SAAS,GAAG1B,aAAaE,yBAAyBE,QAAQ,EAAEiB,MAAMjB,QAAQ,CAACsB,SAAS;IACrG;IACA,IAAIL,MAAMhB,WAAW,EAAE;QACrBgB,MAAMhB,WAAW,CAACqB,SAAS,GAAG1B,aAC5BE,yBAAyBG,WAAW,EACpCoB,kBAAkB,UAAUD,8BAA8BN,YAAY,EACtEG,MAAMhB,WAAW,CAACqB,SAAS;IAE/B;IAEA,IAAIL,MAAMf,kBAAkB,EAAE;QAC5Be,MAAMf,kBAAkB,CAACoB,SAAS,GAAG1B,aACnCE,yBAAyBI,kBAAkB,EAC3CiB,6BACAF,MAAMf,kBAAkB,CAACoB,SAAS;IAEtC;IAEA,OAAOL;AACT,EAAE"}
@@ -1,14 +0,0 @@
1
- import { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';
2
- import { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';
3
- import { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';
4
- import { useMenuContextValues_unstable } from '@fluentui/react-components';
5
- export const AttachmentOverflowMenu = (props)=>{
6
- const state = useAttachmentOverflowMenu_unstable(props);
7
- const menuContextValues = useMenuContextValues_unstable(state);
8
- const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);
9
- return renderAttachmentOverflowMenu_unstable(state, {
10
- menuContextValues,
11
- attachmentOverflowMenuContextValues
12
- });
13
- };
14
- AttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentOverflowMenu.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nimport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nimport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\nimport { useMenuContextValues_unstable } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps } from './AttachmentOverflowMenu.types';\n\nexport const AttachmentOverflowMenu: React.FC<AttachmentOverflowMenuProps> = props => {\n const state = useAttachmentOverflowMenu_unstable(props);\n const menuContextValues = useMenuContextValues_unstable(state);\n const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);\n\n return renderAttachmentOverflowMenu_unstable(state, { menuContextValues, attachmentOverflowMenuContextValues });\n};\n\nAttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';\n"],"names":["useAttachmentOverflowMenu_unstable","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenuContextValues_unstable","useMenuContextValues_unstable","AttachmentOverflowMenu","props","state","menuContextValues","attachmentOverflowMenuContextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AACA,SAASA,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,6BAA6B,QAAQ,6BAA6B;AAG3E,OAAO,MAAMC,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQN,mCAAmCK;IACjD,MAAME,oBAAoBJ,8BAA8BG;IACxD,MAAME,sCAAsCN,gDAAgDI;IAE5F,OAAOL,sCAAsCK,OAAO;QAAEC;QAAmBC;IAAoC;AAC/G,EAAE;AAEFJ,uBAAuBK,WAAW,GAAG"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentOverflowMenu.types.ts"],"sourcesContent":["import type { MenuProps, MenuSlots, MenuState } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuContextValue } from '../../contexts/attachmentOverflowMenuContext';\n\nexport type AttachmentOverflowMenuSlots = MenuSlots;\n\n/**\n * AttachmentOverflowMenu Props\n */\nexport type AttachmentOverflowMenuProps = MenuProps;\n\n/**\n * State used in rendering AttachmentOverflowMenu\n */\nexport type AttachmentOverflowMenuState = MenuState & {\n isOverflowing: boolean;\n overflowButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n overflowCount: number;\n};\n\nexport type AttachmentOverflowMenuContextValues = {\n attachmentOverflowMenu: AttachmentOverflowMenuContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAmBA,WAEE"}
@@ -1,4 +0,0 @@
1
- export { AttachmentOverflowMenu } from './AttachmentOverflowMenu';
2
- export { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';
3
- export { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';
4
- export { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentOverflowMenu } from './AttachmentOverflowMenu';\nexport type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuProps, AttachmentOverflowMenuSlots, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\nexport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nexport { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nexport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\n"],"names":["AttachmentOverflowMenu","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenu_unstable","useAttachmentOverflowMenuContextValues_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,sBAAsB,QAAQ,2BAA2B;AAElE,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,+CAA+C,QAAQ,2CAA2C"}
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
- import { assertSlots, renderMenu_unstable } from '@fluentui/react-components';
3
- import { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';
4
- /**
5
- * Render the final JSX of AttachmentOverflowMenu
6
- */ export const renderAttachmentOverflowMenu_unstable = (state, contextValues)=>{
7
- const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;
8
- assertSlots(state);
9
- return state.isOverflowing ? /*#__PURE__*/ _jsx(AttachmentOverflowMenuProvider, {
10
- value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
11
- children: renderMenu_unstable(state, menuContextValues)
12
- }) : null;
13
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderAttachmentOverflowMenu.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, renderMenu_unstable } from '@fluentui/react-components';\nimport { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n AttachmentOverflowMenuState,\n AttachmentOverflowMenuSlots,\n AttachmentOverflowMenuContextValues,\n} from './AttachmentOverflowMenu.types';\nimport type { MenuContextValues } from '@fluentui/react-components';\n\n/**\n * Render the final JSX of AttachmentOverflowMenu\n */\nexport const renderAttachmentOverflowMenu_unstable = (\n state: AttachmentOverflowMenuState,\n contextValues: {\n menuContextValues: MenuContextValues;\n attachmentOverflowMenuContextValues: AttachmentOverflowMenuContextValues;\n },\n) => {\n const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;\n assertSlots<AttachmentOverflowMenuSlots>(state);\n\n return state.isOverflowing ? (\n <AttachmentOverflowMenuProvider value={attachmentOverflowMenuContextValues.attachmentOverflowMenu}>\n {renderMenu_unstable(state, menuContextValues)}\n </AttachmentOverflowMenuProvider>\n ) : null;\n};\n"],"names":["assertSlots","renderMenu_unstable","AttachmentOverflowMenuProvider","renderAttachmentOverflowMenu_unstable","state","contextValues","menuContextValues","attachmentOverflowMenuContextValues","isOverflowing","value","attachmentOverflowMenu"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,6BAA6B;AAC9E,SAASC,8BAA8B,QAAQ,+CAA+C;AAQ9F;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CACnDC,OACAC;IAKA,MAAM,EAAEC,iBAAiB,EAAEC,mCAAmC,EAAE,GAAGF;IACnEL,YAAyCI;IAEzC,OAAOA,MAAMI,aAAa,iBACxB,KAACN;QAA+BO,OAAOF,oCAAoCG,sBAAsB;kBAC9FT,oBAAoBG,OAAOE;SAE5B;AACN,EAAE"}
@@ -1,18 +0,0 @@
1
- import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';
2
- /**
3
- * Create the state required to render AttachmentOverflowMenu.
4
- *
5
- * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,
6
- * before being passed to renderAttachmentOverflowMenu_unstable.
7
- *
8
- * @param props - props from this instance of AttachmentOverflowMenu
9
- */ export const useAttachmentOverflowMenu_unstable = (props)=>{
10
- const menuState = useMenu_unstable(props);
11
- const { isOverflowing, ref: overflowButtonRef, overflowCount } = useOverflowMenu();
12
- return {
13
- ...menuState,
14
- isOverflowing,
15
- overflowButtonRef,
16
- overflowCount
17
- };
18
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentOverflowMenu.ts"],"sourcesContent":["import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\n/**\n * Create the state required to render AttachmentOverflowMenu.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,\n * before being passed to renderAttachmentOverflowMenu_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenu\n */\nexport const useAttachmentOverflowMenu_unstable = (props: AttachmentOverflowMenuProps): AttachmentOverflowMenuState => {\n const menuState = useMenu_unstable(props);\n const { isOverflowing, ref: overflowButtonRef, overflowCount } = useOverflowMenu<HTMLButtonElement>();\n\n return {\n ...menuState,\n isOverflowing,\n overflowButtonRef,\n overflowCount,\n };\n};\n"],"names":["useMenu_unstable","useOverflowMenu","useAttachmentOverflowMenu_unstable","props","menuState","isOverflowing","ref","overflowButtonRef","overflowCount"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,EAAEC,eAAe,QAAQ,6BAA6B;AAG/E;;;;;;;CAOC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,YAAYJ,iBAAiBG;IACnC,MAAM,EAAEE,aAAa,EAAEC,KAAKC,iBAAiB,EAAEC,aAAa,EAAE,GAAGP;IAEjE,OAAO;QACL,GAAGG,SAAS;QACZC;QACAE;QACAC;IACF;AACF,EAAE"}
@@ -1,12 +0,0 @@
1
- export function useAttachmentOverflowMenuContextValues_unstable(state) {
2
- const { isOverflowing, overflowButtonRef, overflowCount } = state;
3
- // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
4
- const attachmentOverflowMenu = {
5
- isOverflowing,
6
- overflowButtonRef,
7
- overflowCount
8
- };
9
- return {
10
- attachmentOverflowMenu
11
- };
12
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentOverflowMenuContextValues.ts"],"sourcesContent":["import type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\nexport function useAttachmentOverflowMenuContextValues_unstable(\n state: AttachmentOverflowMenuState,\n): AttachmentOverflowMenuContextValues {\n const { isOverflowing, overflowButtonRef, overflowCount } = state;\n\n // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n const attachmentOverflowMenu = {\n isOverflowing,\n overflowButtonRef,\n overflowCount,\n };\n\n return { attachmentOverflowMenu };\n}\n"],"names":["useAttachmentOverflowMenuContextValues_unstable","state","isOverflowing","overflowButtonRef","overflowCount","attachmentOverflowMenu"],"rangeMappings":";;;;;;;;;;;","mappings":"AAEA,OAAO,SAASA,gDACdC,KAAkC;IAElC,MAAM,EAAEC,aAAa,EAAEC,iBAAiB,EAAEC,aAAa,EAAE,GAAGH;IAE5D,mGAAmG;IACnG,MAAMI,yBAAyB;QAC7BH;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAuB;AAClC"}
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';
3
- import { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';
4
- import { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';
5
- import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
6
- export const AttachmentOverflowMenuButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
7
- const state = useAttachmentOverflowMenuButton_unstable(props, ref);
8
- useAttachmentOverflowMenuButtonStyles_unstable(state);
9
- useCustomStyleHook('useAttachmentOverflowMenuButtonStyles')(state);
10
- return renderAttachmentOverflowMenuButton_unstable(state);
11
- });
12
- AttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentOverflowMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';\nimport { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';\nimport { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';\nimport type { AttachmentOverflowMenuButtonProps } from './AttachmentOverflowMenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\nexport const AttachmentOverflowMenuButton: ForwardRefComponent<AttachmentOverflowMenuButtonProps> = React.forwardRef(\n (props, ref) => {\n const state = useAttachmentOverflowMenuButton_unstable(props, ref);\n\n useAttachmentOverflowMenuButtonStyles_unstable(state);\n useCustomStyleHook('useAttachmentOverflowMenuButtonStyles')(state);\n\n return renderAttachmentOverflowMenuButton_unstable(state);\n },\n);\n\nAttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';\n"],"names":["React","useAttachmentOverflowMenuButton_unstable","renderAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButtonStyles_unstable","useCustomStyleHook","AttachmentOverflowMenuButton","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wCAAwC,QAAQ,oCAAoC;AAC7F,SAASC,2CAA2C,QAAQ,uCAAuC;AACnG,SAASC,8CAA8C,QAAQ,iDAAiD;AAGhH,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,OAAO,MAAMC,6CAAuFL,MAAMM,UAAU,CAClH,CAACC,OAAOC;IACN,MAAMC,QAAQR,yCAAyCM,OAAOC;IAE9DL,+CAA+CM;IAC/CL,mBAAmB,yCAAyCK;IAE5D,OAAOP,4CAA4CO;AACrD,GACA;AAEFJ,6BAA6BK,WAAW,GAAG"}
@@ -1,3 +0,0 @@
1
- /**
2
- * State used in rendering AttachmentOverflowMenuButton
3
- */ export { };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentOverflowMenuButton.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, ProgressBar, Slot } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuState } from '../AttachmentOverflowMenu';\n\nexport type AttachmentOverflowMenuButtonSlots = {\n root: NonNullable<Slot<'button'>>;\n progress: NonNullable<Slot<typeof ProgressBar>>;\n};\n\n/**\n * AttachmentOverflowMenuButton Props\n */\nexport type AttachmentOverflowMenuButtonProps = ComponentProps<Partial<AttachmentOverflowMenuButtonSlots>> &\n CopilotMode &\n DesignVersion & {\n /**\n * Toggle prop to indicate that there are Attachments in the overflow menu that's currently loading.\n * Setting this to true will show an indeterminate progress bar on the button.\n * @default false\n */\n isLoading?: boolean;\n text?: string | ((overflowCount: number) => React.ReactNode);\n };\n\n/**\n * State used in rendering AttachmentOverflowMenuButton\n */\nexport type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> &\n Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'> &\n Pick<AttachmentOverflowMenuButtonProps, 'isLoading'> &\n Pick<Required<AttachmentOverflowMenuButtonProps>, 'designVersion' | 'mode'> & {\n /**\n * True when all attachments are overflowed into the overflow menu.\n */\n fullyOverflowed: boolean;\n };\n"],"names":[],"rangeMappings":";;","mappings":"AAwBA;;CAEC,GACD,WAQI"}
@@ -1,4 +0,0 @@
1
- export { AttachmentOverflowMenuButton } from './AttachmentOverflowMenuButton';
2
- export { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';
3
- export { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';
4
- export { attachmentOverflowMenuButtonClassNames, useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentOverflowMenuButton } from './AttachmentOverflowMenuButton';\nexport type { AttachmentOverflowMenuButtonProps, AttachmentOverflowMenuButtonSlots, AttachmentOverflowMenuButtonState } from './AttachmentOverflowMenuButton.types';\nexport { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';\nexport { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';\nexport { attachmentOverflowMenuButtonClassNames, useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';\n"],"names":["AttachmentOverflowMenuButton","renderAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButton_unstable","attachmentOverflowMenuButtonClassNames","useAttachmentOverflowMenuButtonStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,4BAA4B,QAAQ,iCAAiC;AAE9E,SAASC,2CAA2C,QAAQ,uCAAuC;AACnG,SAASC,wCAAwC,QAAQ,oCAAoC;AAC7F,SAASC,sCAAsC,EAAEC,8CAA8C,QAAQ,iDAAiD"}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
- import { MenuTrigger, assertSlots } from '@fluentui/react-components';
3
- /**
4
- * Render the final JSX of AttachmentOverflowMenuButton
5
- */ export const renderAttachmentOverflowMenuButton_unstable = (state)=>{
6
- assertSlots(state);
7
- return state.isOverflowing ? /*#__PURE__*/ _jsx(MenuTrigger, {
8
- children: /*#__PURE__*/ _jsxs(state.root, {
9
- children: [
10
- state.root.children,
11
- state.isLoading && /*#__PURE__*/ _jsx(state.progress, {})
12
- ]
13
- })
14
- }) : null;
15
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderAttachmentOverflowMenuButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { MenuTrigger, assertSlots } from '@fluentui/react-components';\nimport type {\n AttachmentOverflowMenuButtonState,\n AttachmentOverflowMenuButtonSlots,\n} from './AttachmentOverflowMenuButton.types';\n\n/**\n * Render the final JSX of AttachmentOverflowMenuButton\n */\nexport const renderAttachmentOverflowMenuButton_unstable = (state: AttachmentOverflowMenuButtonState) => {\n assertSlots<AttachmentOverflowMenuButtonSlots>(state);\n\n return state.isOverflowing ? (\n <MenuTrigger>\n <state.root>\n {state.root.children}\n {state.isLoading && <state.progress />}\n </state.root>\n </MenuTrigger>\n ) : null;\n};\n"],"names":["MenuTrigger","assertSlots","renderAttachmentOverflowMenuButton_unstable","state","isOverflowing","root","children","isLoading","progress"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAMtE;;CAEC,GACD,OAAO,MAAMC,8CAA8C,CAACC;IAC1DF,YAA+CE;IAE/C,OAAOA,MAAMC,aAAa,iBACxB,KAACJ;kBACC,cAAA,MAACG,MAAME,IAAI;;gBACRF,MAAME,IAAI,CAACC,QAAQ;gBACnBH,MAAMI,SAAS,kBAAI,KAACJ,MAAMK,QAAQ;;;SAGrC;AACN,EAAE"}
@@ -1,69 +0,0 @@
1
- import * as React from 'react';
2
- import { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';
3
- import { ProgressBar, getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-components';
4
- import { useAttachmentOverflowMenuContext_unstable } from '../../contexts/attachmentOverflowMenuContext';
5
- import { Attach20Regular, Attach24Regular } from '@fluentui/react-icons';
6
- import { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';
7
- /**
8
- * Create the state required to render AttachmentOverflowMenuButton.
9
- *
10
- * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,
11
- * before being passed to renderAttachmentOverflowMenuButton_unstable.
12
- *
13
- * @param props - props from this instance of AttachmentOverflowMenuButton
14
- * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton
15
- */ export const useAttachmentOverflowMenuButton_unstable = (props, ref)=>{
16
- const { isOverflowing, overflowCount, overflowButtonRef } = useAttachmentOverflowMenuContext_unstable((context)=>context);
17
- const { numberOfAttachments } = useAttachmentListContext_unstable((context)=>context);
18
- const fullyOverflowed = overflowCount >= numberOfAttachments;
19
- const isLoading = !!props.isLoading;
20
- const designVersion = useDesignVersion(props.designVersion);
21
- const mode = useCopilotMode(props.mode);
22
- const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);
23
- return {
24
- components: {
25
- root: 'button',
26
- progress: ProgressBar
27
- },
28
- root: slot.always(getIntrinsicElementProps('button', {
29
- ref: useMergedRefs(ref, overflowButtonRef),
30
- ...props
31
- }), {
32
- defaultProps: {
33
- children: buttonText
34
- },
35
- elementType: 'button'
36
- }),
37
- progress: slot.always(props.progress, {
38
- defaultProps: {
39
- value: undefined,
40
- shape: 'square',
41
- thickness: 'large',
42
- 'aria-label': 'Loading'
43
- },
44
- elementType: ProgressBar
45
- }),
46
- fullyOverflowed,
47
- isOverflowing,
48
- overflowCount,
49
- isLoading,
50
- designVersion,
51
- mode
52
- };
53
- };
54
- function defaultButtonText(props, overflowCount, designVersion, copilotMode, fullyOverflowed) {
55
- if (props.children) {
56
- return props.children;
57
- }
58
- if (props.text) {
59
- if (typeof props.text === 'function') {
60
- return props.text(overflowCount);
61
- } else {
62
- return props.text;
63
- }
64
- }
65
- if (designVersion === 'next' && fullyOverflowed) {
66
- return /*#__PURE__*/ React.createElement(React.Fragment, null, copilotMode === 'canvas' ? /*#__PURE__*/ React.createElement(Attach24Regular, null) : /*#__PURE__*/ React.createElement(Attach20Regular, null), overflowCount);
67
- }
68
- return `+${overflowCount}`;
69
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentOverflowMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { ProgressBar, getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-components';\nimport { useAttachmentOverflowMenuContext_unstable } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n AttachmentOverflowMenuButtonProps,\n AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport { Attach20Regular, Attach24Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\n\n/**\n * Create the state required to render AttachmentOverflowMenuButton.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,\n * before being passed to renderAttachmentOverflowMenuButton_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenuButton\n * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton\n */\nexport const useAttachmentOverflowMenuButton_unstable = (\n props: AttachmentOverflowMenuButtonProps,\n ref: React.Ref<HTMLButtonElement>,\n): AttachmentOverflowMenuButtonState => {\n const { isOverflowing, overflowCount, overflowButtonRef } = useAttachmentOverflowMenuContext_unstable(\n context => context,\n );\n const { numberOfAttachments } = useAttachmentListContext_unstable(context => context);\n\n const fullyOverflowed = overflowCount >= numberOfAttachments;\n const isLoading = !!props.isLoading;\n\n const designVersion = useDesignVersion(props.designVersion);\n const mode = useCopilotMode(props.mode);\n\n const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);\n\n return {\n components: {\n root: 'button',\n progress: ProgressBar,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref: useMergedRefs(ref, overflowButtonRef),\n ...props,\n }),\n {\n defaultProps: {\n children: buttonText,\n },\n elementType: 'button',\n },\n ),\n progress: slot.always(props.progress, {\n defaultProps: { value: undefined, shape: 'square', thickness: 'large', 'aria-label': 'Loading' },\n elementType: ProgressBar,\n }),\n fullyOverflowed,\n isOverflowing,\n overflowCount,\n isLoading,\n designVersion,\n mode,\n };\n};\n\nfunction defaultButtonText(\n props: AttachmentOverflowMenuButtonProps,\n overflowCount: number,\n designVersion: DesignVersion['designVersion'],\n copilotMode: CopilotMode['mode'],\n fullyOverflowed: boolean,\n) {\n if (props.children) {\n return props.children;\n }\n\n if (props.text) {\n if (typeof props.text === 'function') {\n return props.text(overflowCount);\n } else {\n return props.text;\n }\n }\n\n if (designVersion === 'next' && fullyOverflowed) {\n return (\n <>\n {copilotMode === 'canvas' ? <Attach24Regular /> : <Attach20Regular />}\n {overflowCount}\n </>\n );\n }\n\n return `+${overflowCount}`;\n}\n"],"names":["React","useCopilotMode","useDesignVersion","ProgressBar","getIntrinsicElementProps","slot","useMergedRefs","useAttachmentOverflowMenuContext_unstable","Attach20Regular","Attach24Regular","useAttachmentListContext_unstable","useAttachmentOverflowMenuButton_unstable","props","ref","isOverflowing","overflowCount","overflowButtonRef","context","numberOfAttachments","fullyOverflowed","isLoading","designVersion","mode","buttonText","defaultButtonText","components","root","progress","always","defaultProps","children","elementType","value","undefined","shape","thickness","copilotMode","text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,mCAAmC;AACpF,SAASC,WAAW,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,6BAA6B;AACxG,SAASC,yCAAyC,QAAQ,+CAA+C;AAKzG,SAASC,eAAe,EAAEC,eAAe,QAAQ,wBAAwB;AACzE,SAASC,iCAAiC,QAAQ,uCAAuC;AAEzF;;;;;;;;CAQC,GACD,OAAO,MAAMC,2CAA2C,CACtDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GAAGT,0CAC1DU,CAAAA,UAAWA;IAEb,MAAM,EAAEC,mBAAmB,EAAE,GAAGR,kCAAkCO,CAAAA,UAAWA;IAE7E,MAAME,kBAAkBJ,iBAAiBG;IACzC,MAAME,YAAY,CAAC,CAACR,MAAMQ,SAAS;IAEnC,MAAMC,gBAAgBnB,iBAAiBU,MAAMS,aAAa;IAC1D,MAAMC,OAAOrB,eAAeW,MAAMU,IAAI;IAEtC,MAAMC,aAAaC,kBAAkBZ,OAAOG,eAAeM,eAAeC,MAAMH;IAEhF,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,UAAUxB;QACZ;QACAuB,MAAMrB,KAAKuB,MAAM,CACfxB,yBAAyB,UAAU;YACjCS,KAAKP,cAAcO,KAAKG;YACxB,GAAGJ,KAAK;QACV,IACA;YACEiB,cAAc;gBACZC,UAAUP;YACZ;YACAQ,aAAa;QACf;QAEFJ,UAAUtB,KAAKuB,MAAM,CAAChB,MAAMe,QAAQ,EAAE;YACpCE,cAAc;gBAAEG,OAAOC;gBAAWC,OAAO;gBAAUC,WAAW;gBAAS,cAAc;YAAU;YAC/FJ,aAAa5B;QACf;QACAgB;QACAL;QACAC;QACAK;QACAC;QACAC;IACF;AACF,EAAE;AAEF,SAASE,kBACPZ,KAAwC,EACxCG,aAAqB,EACrBM,aAA6C,EAC7Ce,WAAgC,EAChCjB,eAAwB;IAExB,IAAIP,MAAMkB,QAAQ,EAAE;QAClB,OAAOlB,MAAMkB,QAAQ;IACvB;IAEA,IAAIlB,MAAMyB,IAAI,EAAE;QACd,IAAI,OAAOzB,MAAMyB,IAAI,KAAK,YAAY;YACpC,OAAOzB,MAAMyB,IAAI,CAACtB;QACpB,OAAO;YACL,OAAOH,MAAMyB,IAAI;QACnB;IACF;IAEA,IAAIhB,kBAAkB,UAAUF,iBAAiB;QAC/C,qBACE,0CACGiB,gBAAgB,yBAAW,oBAAC3B,uCAAqB,oBAACD,wBAClDO;IAGP;IAEA,OAAO,CAAC,CAAC,EAAEA,cAAc,CAAC;AAC5B"}
@@ -1,116 +0,0 @@
1
- import { __resetStyles, __styles, mergeClasses, shorthands, slot } from '@fluentui/react-components';
2
- import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
3
- import { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';
4
- export const attachmentOverflowMenuButtonClassNames = {
5
- root: 'fai-AttachmentOverflowMenuButton',
6
- progress: 'fai-AttachmentOverflowMenuButton__progress'
7
- };
8
- const useRootBaseClassName = __resetStyles("r1o7ejxu", null, {
9
- r: [".r1o7ejxu{color:var(--colorNeutralForeground1);align-items:center;background-color:var(--colorSubtleBackground);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);box-sizing:border-box;column-gap:var(--spacingHorizontalSNudge);cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);justify-content:center;padding:var(--spacingVerticalXS) var(--spacingHorizontalS);vertical-align:middle;position:relative;}", ".r1o7ejxu:hover{cursor:pointer;background-color:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground2Hover);}", ".r1o7ejxu:active{background-color:var(--colorSubtleBackgroundPressed);color:var(--colorNeutralForeground2Pressed);}"],
10
- s: ["@media (forced-colors: active){.r1o7ejxu:hover{background-color:HighlightText;}.r1o7ejxu:active{background-color:HighlightText;}}"]
11
- });
12
- const useNextStyles = __styles({
13
- root: {
14
- Beyfa6y: 0,
15
- Bbmb7ep: 0,
16
- Btl43ni: 0,
17
- B7oj6ja: 0,
18
- Dimara: "f1kijzfu",
19
- g2u3we: "fghlq4f",
20
- h3c5rm: ["f1gn591s", "fjscplz"],
21
- B9xav0g: "fb073pr",
22
- zhjwy3: ["fjscplz", "f1gn591s"],
23
- sj55zd: "fkfq4zb",
24
- De3pzq: "f16xq7d1",
25
- eoavqd: "f8491dx",
26
- Bi91k9c: "fnwyq0v",
27
- Jwef8y: "f1h648pw",
28
- lj723h: "flvvhsy",
29
- ecr2s2: "fwdzr64"
30
- },
31
- canvas: {
32
- sshi5w: "f1w5jphr",
33
- Byoj8tv: 0,
34
- uwmqm3: 0,
35
- z189sj: 0,
36
- z8tnut: 0,
37
- B0ocmuz: "f1nm7172"
38
- },
39
- sidecar: {
40
- sshi5w: "f1nxs5xn",
41
- Byoj8tv: 0,
42
- uwmqm3: 0,
43
- z189sj: 0,
44
- z8tnut: 0,
45
- B0ocmuz: "f1nm7172"
46
- },
47
- fullyOverflowed_canvas: {
48
- Byoj8tv: 0,
49
- uwmqm3: 0,
50
- z189sj: 0,
51
- z8tnut: 0,
52
- B0ocmuz: "fuva4e2",
53
- Bahqtrf: "fk6fouc",
54
- Be2twd7: "fod5ikn",
55
- Bhrd7zp: "fl43uef",
56
- Bg96gwp: "f1anucx2"
57
- },
58
- fullyOverflowed_sidecar: {
59
- Byoj8tv: 0,
60
- uwmqm3: 0,
61
- z189sj: 0,
62
- z8tnut: 0,
63
- B0ocmuz: "ffysxzw",
64
- Bahqtrf: "fk6fouc",
65
- Be2twd7: "fkhj508",
66
- Bhrd7zp: "fl43uef",
67
- Bg96gwp: "f1i3iumi"
68
- }
69
- }, {
70
- d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
71
- p: -1
72
- }], ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".f1w5jphr{min-height:40px;}", [".f1nm7172{padding:var(--spacingVerticalNone) var(--spacingHorizontalS);}", {
73
- p: -1
74
- }], ".f1nxs5xn{min-height:32px;}", [".f1nm7172{padding:var(--spacingVerticalNone) var(--spacingHorizontalS);}", {
75
- p: -1
76
- }], [".fuva4e2{padding:var(--spacingVerticalNone) var(--spacingHorizontalL);}", {
77
- p: -1
78
- }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1anucx2{line-height:var(--lineHeightBase450);}", [".ffysxzw{padding:var(--spacingVerticalNone) var(--spacingHorizontalM);}", {
79
- p: -1
80
- }], ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"],
81
- h: [".f8491dx:hover{cursor:pointer;}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}"],
82
- a: [".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}"]
83
- });
84
- /**
85
- * Apply styling to the AttachmentOverflowMenuButton slots based on the state
86
- */
87
- export const useAttachmentOverflowMenuButtonStyles_unstable = state => {
88
- 'use no memo';
89
-
90
- const {
91
- designVersion,
92
- mode,
93
- fullyOverflowed
94
- } = state;
95
- const rootBaseClassName = useRootBaseClassName();
96
- const progressBarStyles = useProgressBarStyles();
97
- const nextStyles = useNextStyles();
98
- state.root.className = mergeClasses(attachmentOverflowMenuButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, designVersion === 'next' && nextStyles[mode], designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`], state.root.className);
99
- if (state.progress) {
100
- state.progress.className = mergeClasses(attachmentOverflowMenuButtonClassNames.progress, progressBarStyles.progress, state.progress.className);
101
- const bar = slot.optional(state.progress.bar, {
102
- elementType: 'div',
103
- renderByDefault: true
104
- });
105
- if (bar) {
106
- if (state.progress.value === undefined) {
107
- bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);
108
- } else {
109
- bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);
110
- }
111
- state.progress.bar = bar;
112
- }
113
- }
114
- return state;
115
- };
116
- //# sourceMappingURL=useAttachmentOverflowMenuButtonStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentOverflowMenuButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, slot } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type {\n AttachmentOverflowMenuButtonSlots,\n AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentOverflowMenuButtonClassNames: SlotClassNames<AttachmentOverflowMenuButtonSlots> = {\n root: 'fai-AttachmentOverflowMenuButton',\n progress: 'fai-AttachmentOverflowMenuButton__progress',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n color: tokens.colorNeutralForeground1,\n alignItems: 'center',\n backgroundColor: tokens.colorSubtleBackground,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n boxSizing: 'border-box',\n columnGap: tokens.spacingHorizontalSNudge,\n cursor: 'pointer',\n display: 'inline-flex',\n flexWrap: 'nowrap',\n fontFamily: typographyStyles.body1.fontFamily,\n fontSize: typographyStyles.body1.fontSize,\n fontWeight: typographyStyles.body1.fontWeight,\n justifyContent: 'center',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n verticalAlign: 'middle',\n position: 'relative',\n\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2Hover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2Pressed,\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText',\n },\n ':active': {\n backgroundColor: 'HighlightText',\n },\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n borderRadius: tokens.borderRadiusXLarge,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground3,\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorNeutralBackground3Hover,\n },\n ':active': {\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n },\n },\n canvas: {\n minHeight: '40px',\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n },\n sidecar: {\n minHeight: '32px',\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n },\n fullyOverflowed_canvas: {\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalL}`,\n ...typographyStyles.subtitle2,\n },\n fullyOverflowed_sidecar: {\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalM}`,\n ...typographyStyles.body1Strong,\n },\n});\n\n/**\n * Apply styling to the AttachmentOverflowMenuButton slots based on the state\n */\nexport const useAttachmentOverflowMenuButtonStyles_unstable = (\n state: AttachmentOverflowMenuButtonState,\n): AttachmentOverflowMenuButtonState => {\n 'use no memo';\n\n const { designVersion, mode, fullyOverflowed } = state;\n\n const rootBaseClassName = useRootBaseClassName();\n const progressBarStyles = useProgressBarStyles();\n const nextStyles = useNextStyles();\n\n state.root.className = mergeClasses(\n attachmentOverflowMenuButtonClassNames.root,\n rootBaseClassName,\n designVersion === 'next' && nextStyles.root,\n designVersion === 'next' && nextStyles[mode],\n designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`],\n state.root.className,\n );\n\n if (state.progress) {\n state.progress.className = mergeClasses(\n attachmentOverflowMenuButtonClassNames.progress,\n progressBarStyles.progress,\n state.progress.className,\n );\n\n const bar = slot.optional(state.progress.bar, { elementType: 'div', renderByDefault: true });\n if (bar) {\n if (state.progress.value === undefined) {\n bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);\n } else {\n bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);\n }\n state.progress.bar = bar;\n }\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","slot","tokens","typographyStyles","useProgressBarStyles","attachmentOverflowMenuButtonClassNames","root","progress","useRootBaseClassName","color","colorNeutralForeground1","alignItems","backgroundColor","colorSubtleBackground","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","boxSizing","columnGap","spacingHorizontalSNudge","cursor","display","flexWrap","fontFamily","body1","fontSize","fontWeight","justifyContent","padding","spacingVerticalXS","spacingHorizontalS","verticalAlign","position","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","useNextStyles","borderRadiusXLarge","borderColor","colorTransparentStroke","colorNeutralForeground2","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","canvas","minHeight","spacingVerticalNone","sidecar","fullyOverflowed_canvas","spacingHorizontalL","subtitle2","fullyOverflowed_sidecar","spacingHorizontalM","body1Strong","useAttachmentOverflowMenuButtonStyles_unstable","state","designVersion","mode","fullyOverflowed","rootBaseClassName","progressBarStyles","nextStyles","className","bar","optional","elementType","renderByDefault","value","undefined","indeterminateProgressBar","regularProgressBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,IAAI,QAAQ,6BAA6B;AACzG,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AACpE,SAASC,oBAAoB,QAAQ,uCAAuC;AAO5E,OAAO,MAAMC,yCAA4F;IACvGC,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF,MAAMC,uBAAuBX,gBAAgB;IAC3CY,OAAOP,OAAOQ,uBAAuB;IACrCC,YAAY;IACZC,iBAAiBV,OAAOW,qBAAqB;IAC7CC,QAAQ,CAAC,EAAEZ,OAAOa,eAAe,CAAC,OAAO,EAAEb,OAAOc,mBAAmB,CAAC,CAAC;IACvEC,cAAcf,OAAOgB,kBAAkB;IACvCC,WAAW;IACXC,WAAWlB,OAAOmB,uBAAuB;IACzCC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,YAAYtB,iBAAiBuB,KAAK,CAACD,UAAU;IAC7CE,UAAUxB,iBAAiBuB,KAAK,CAACC,QAAQ;IACzCC,YAAYzB,iBAAiBuB,KAAK,CAACE,UAAU;IAC7CC,gBAAgB;IAChBC,SAAS,CAAC,EAAE5B,OAAO6B,iBAAiB,CAAC,CAAC,EAAE7B,OAAO8B,kBAAkB,CAAC,CAAC;IACnEC,eAAe;IACfC,UAAU;IAEV,UAAU;QACRZ,QAAQ;QACRV,iBAAiBV,OAAOiC,0BAA0B;QAClD1B,OAAOP,OAAOkC,4BAA4B;IAC5C;IACA,WAAW;QACTxB,iBAAiBV,OAAOmC,4BAA4B;QACpD5B,OAAOP,OAAOoC,8BAA8B;IAC9C;IACA,kCAAkC;QAChC,UAAU;YACR1B,iBAAiB;QACnB;QACA,WAAW;YACTA,iBAAiB;QACnB;IACF;AACF;AAEA,MAAM2B,gBAAgBzC,WAAW;IAC/BQ,MAAM;QACJW,cAAcf,OAAOsC,kBAAkB;QACvC,GAAGxC,WAAWyC,WAAW,CAACvC,OAAOwC,sBAAsB,CAAC;QACxDjC,OAAOP,OAAOyC,uBAAuB;QACrC/B,iBAAiBV,OAAO0C,uBAAuB;QAC/C,UAAU;YACRtB,QAAQ;YACRb,OAAOP,OAAOkC,4BAA4B;YAC1CxB,iBAAiBV,OAAO2C,4BAA4B;QACtD;QACA,WAAW;YACTpC,OAAOP,OAAOoC,8BAA8B;YAC5C1B,iBAAiBV,OAAO4C,8BAA8B;QACxD;IACF;IACAC,QAAQ;QACNC,WAAW;QACXlB,SAAS,CAAC,EAAE5B,OAAO+C,mBAAmB,CAAC,CAAC,EAAE/C,OAAO8B,kBAAkB,CAAC,CAAC;IACvE;IACAkB,SAAS;QACPF,WAAW;QACXlB,SAAS,CAAC,EAAE5B,OAAO+C,mBAAmB,CAAC,CAAC,EAAE/C,OAAO8B,kBAAkB,CAAC,CAAC;IACvE;IACAmB,wBAAwB;QACtBrB,SAAS,CAAC,EAAE5B,OAAO+C,mBAAmB,CAAC,CAAC,EAAE/C,OAAOkD,kBAAkB,CAAC,CAAC;QACrE,GAAGjD,iBAAiBkD,SAAS;IAC/B;IACAC,yBAAyB;QACvBxB,SAAS,CAAC,EAAE5B,OAAO+C,mBAAmB,CAAC,CAAC,EAAE/C,OAAOqD,kBAAkB,CAAC,CAAC;QACrE,GAAGpD,iBAAiBqD,WAAW;IACjC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,iDAAiD,CAC5DC;IAEA;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGH;IAEjD,MAAMI,oBAAoBtD;IAC1B,MAAMuD,oBAAoB3D;IAC1B,MAAM4D,aAAazB;IAEnBmB,MAAMpD,IAAI,CAAC2D,SAAS,GAAGlE,aACrBM,uCAAuCC,IAAI,EAC3CwD,mBACAH,kBAAkB,UAAUK,WAAW1D,IAAI,EAC3CqD,kBAAkB,UAAUK,UAAU,CAACJ,KAAK,EAC5CD,kBAAkB,UAAUE,mBAAmBG,UAAU,CAAC,CAAC,gBAAgB,EAAEJ,KAAK,CAAC,CAAC,EACpFF,MAAMpD,IAAI,CAAC2D,SAAS;IAGtB,IAAIP,MAAMnD,QAAQ,EAAE;QAClBmD,MAAMnD,QAAQ,CAAC0D,SAAS,GAAGlE,aACzBM,uCAAuCE,QAAQ,EAC/CwD,kBAAkBxD,QAAQ,EAC1BmD,MAAMnD,QAAQ,CAAC0D,SAAS;QAG1B,MAAMC,MAAMjE,KAAKkE,QAAQ,CAACT,MAAMnD,QAAQ,CAAC2D,GAAG,EAAE;YAAEE,aAAa;YAAOC,iBAAiB;QAAK;QAC1F,IAAIH,KAAK;YACP,IAAIR,MAAMnD,QAAQ,CAAC+D,KAAK,KAAKC,WAAW;gBACtCL,IAAID,SAAS,GAAGlE,aAAagE,kBAAkBS,wBAAwB,EAAEN,IAAID,SAAS;YACxF,OAAO;gBACLC,IAAID,SAAS,GAAGlE,aAAagE,kBAAkBU,kBAAkB,EAAEP,IAAID,SAAS;YAClF;YACAP,MAAMnD,QAAQ,CAAC2D,GAAG,GAAGA;QACvB;IACF;IAEA,OAAOR;AACT,EAAE"}