@fluentui/react-toolbar 9.1.4 → 9.1.6

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 (238) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +115 -1
  3. package/CHANGELOG.md +34 -2
  4. package/lib/Toolbar.js.map +1 -1
  5. package/lib/ToolbarButton.js.map +1 -1
  6. package/lib/ToolbarDivider.js.map +1 -1
  7. package/lib/ToolbarGroup.js.map +1 -1
  8. package/lib/ToolbarRadioButton.js.map +1 -1
  9. package/lib/ToolbarRadioGroup.js.map +1 -1
  10. package/lib/ToolbarToggleButton.js.map +1 -1
  11. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  12. package/lib/components/Toolbar/Toolbar.types.js +1 -1
  13. package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
  14. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  15. package/lib/components/Toolbar/index.js.map +1 -1
  16. package/lib/components/Toolbar/renderToolbar.js +1 -3
  17. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  18. package/lib/components/Toolbar/useToolbar.js +1 -0
  19. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  20. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  21. package/lib/components/Toolbar/useToolbarStyles.js.map +1 -1
  22. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  23. package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  24. package/lib/components/ToolbarButton/index.js.map +1 -1
  25. package/lib/components/ToolbarButton/useToolbarButton.js +1 -0
  26. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  27. package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
  28. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  29. package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  30. package/lib/components/ToolbarDivider/index.js.map +1 -1
  31. package/lib/components/ToolbarDivider/useToolbarDivider.js +1 -0
  32. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  33. package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
  34. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  35. package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  36. package/lib/components/ToolbarGroup/index.js.map +1 -1
  37. package/lib/components/ToolbarGroup/renderToolbarGroup.js +1 -3
  38. package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  39. package/lib/components/ToolbarGroup/useToolbarGroup.js +1 -0
  40. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  41. package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
  42. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  43. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  44. package/lib/components/ToolbarRadioButton/index.js.map +1 -1
  45. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +3 -2
  46. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  47. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
  48. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  49. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  50. package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
  51. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  52. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  53. package/lib/components/ToolbarToggleButton/index.js.map +1 -1
  54. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +3 -2
  55. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  56. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
  57. package/lib/index.js.map +1 -1
  58. package/lib-commonjs/Toolbar.js +5 -4
  59. package/lib-commonjs/Toolbar.js.map +1 -1
  60. package/lib-commonjs/ToolbarButton.js +5 -4
  61. package/lib-commonjs/ToolbarButton.js.map +1 -1
  62. package/lib-commonjs/ToolbarDivider.js +5 -4
  63. package/lib-commonjs/ToolbarDivider.js.map +1 -1
  64. package/lib-commonjs/ToolbarGroup.js +5 -4
  65. package/lib-commonjs/ToolbarGroup.js.map +1 -1
  66. package/lib-commonjs/ToolbarRadioButton.js +5 -4
  67. package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
  68. package/lib-commonjs/ToolbarRadioGroup.js +5 -4
  69. package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
  70. package/lib-commonjs/ToolbarToggleButton.js +5 -4
  71. package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
  72. package/lib-commonjs/components/Toolbar/Toolbar.js +21 -22
  73. package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
  74. package/lib-commonjs/components/Toolbar/Toolbar.types.js +5 -2
  75. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  76. package/lib-commonjs/components/Toolbar/ToolbarContext.js +20 -12
  77. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  78. package/lib-commonjs/components/Toolbar/index.js +9 -8
  79. package/lib-commonjs/components/Toolbar/index.js.map +1 -1
  80. package/lib-commonjs/components/Toolbar/renderToolbar.js +16 -21
  81. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  82. package/lib-commonjs/components/Toolbar/useToolbar.js +101 -109
  83. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  84. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +19 -23
  85. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  86. package/lib-commonjs/components/Toolbar/useToolbarStyles.js +66 -45
  87. package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
  88. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +19 -22
  89. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
  90. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +3 -2
  91. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  92. package/lib-commonjs/components/ToolbarButton/index.js +8 -7
  93. package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
  94. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +20 -25
  95. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  96. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js +27 -25
  97. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
  98. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +19 -20
  99. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  100. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +3 -2
  101. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  102. package/lib-commonjs/components/ToolbarDivider/index.js +8 -7
  103. package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
  104. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +17 -22
  105. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  106. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js +28 -27
  107. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
  108. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +19 -22
  109. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  110. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +3 -2
  111. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  112. package/lib-commonjs/components/ToolbarGroup/index.js +9 -8
  113. package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
  114. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +13 -18
  115. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  116. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +21 -22
  117. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  118. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js +31 -23
  119. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
  120. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +19 -20
  121. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  122. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +3 -2
  123. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  124. package/lib-commonjs/components/ToolbarRadioButton/index.js +8 -7
  125. package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
  126. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +39 -43
  127. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  128. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +20 -20
  129. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
  130. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +20 -23
  131. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  132. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +3 -2
  133. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  134. package/lib-commonjs/components/ToolbarRadioGroup/index.js +6 -5
  135. package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
  136. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +19 -20
  137. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  138. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +3 -2
  139. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  140. package/lib-commonjs/components/ToolbarToggleButton/index.js +8 -7
  141. package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
  142. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +40 -44
  143. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  144. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +20 -20
  145. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
  146. package/lib-commonjs/index.js +42 -149
  147. package/lib-commonjs/index.js.map +1 -1
  148. package/package.json +13 -12
  149. package/lib-amd/Toolbar.js +0 -6
  150. package/lib-amd/Toolbar.js.map +0 -1
  151. package/lib-amd/ToolbarButton.js +0 -6
  152. package/lib-amd/ToolbarButton.js.map +0 -1
  153. package/lib-amd/ToolbarDivider.js +0 -6
  154. package/lib-amd/ToolbarDivider.js.map +0 -1
  155. package/lib-amd/ToolbarGroup.js +0 -6
  156. package/lib-amd/ToolbarGroup.js.map +0 -1
  157. package/lib-amd/ToolbarRadioButton.js +0 -6
  158. package/lib-amd/ToolbarRadioButton.js.map +0 -1
  159. package/lib-amd/ToolbarRadioGroup.js +0 -6
  160. package/lib-amd/ToolbarRadioGroup.js.map +0 -1
  161. package/lib-amd/ToolbarToggleButton.js +0 -6
  162. package/lib-amd/ToolbarToggleButton.js.map +0 -1
  163. package/lib-amd/components/Toolbar/Toolbar.js +0 -18
  164. package/lib-amd/components/Toolbar/Toolbar.js.map +0 -1
  165. package/lib-amd/components/Toolbar/Toolbar.types.js +0 -5
  166. package/lib-amd/components/Toolbar/Toolbar.types.js.map +0 -1
  167. package/lib-amd/components/Toolbar/ToolbarContext.js +0 -21
  168. package/lib-amd/components/Toolbar/ToolbarContext.js.map +0 -1
  169. package/lib-amd/components/Toolbar/index.js +0 -10
  170. package/lib-amd/components/Toolbar/index.js.map +0 -1
  171. package/lib-amd/components/Toolbar/renderToolbar.js +0 -15
  172. package/lib-amd/components/Toolbar/renderToolbar.js.map +0 -1
  173. package/lib-amd/components/Toolbar/useToolbar.js +0 -85
  174. package/lib-amd/components/Toolbar/useToolbar.js.map +0 -1
  175. package/lib-amd/components/Toolbar/useToolbarContextValues.js +0 -19
  176. package/lib-amd/components/Toolbar/useToolbarContextValues.js.map +0 -1
  177. package/lib-amd/components/Toolbar/useToolbarStyles.js +0 -38
  178. package/lib-amd/components/Toolbar/useToolbarStyles.js.map +0 -1
  179. package/lib-amd/components/ToolbarButton/ToolbarButton.js +0 -19
  180. package/lib-amd/components/ToolbarButton/ToolbarButton.js.map +0 -1
  181. package/lib-amd/components/ToolbarButton/ToolbarButton.types.js +0 -5
  182. package/lib-amd/components/ToolbarButton/ToolbarButton.types.js.map +0 -1
  183. package/lib-amd/components/ToolbarButton/index.js +0 -9
  184. package/lib-amd/components/ToolbarButton/index.js.map +0 -1
  185. package/lib-amd/components/ToolbarButton/useToolbarButton.js +0 -18
  186. package/lib-amd/components/ToolbarButton/useToolbarButton.js.map +0 -1
  187. package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js +0 -26
  188. package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js.map +0 -1
  189. package/lib-amd/components/ToolbarDivider/ToolbarDivider.js +0 -17
  190. package/lib-amd/components/ToolbarDivider/ToolbarDivider.js.map +0 -1
  191. package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js +0 -5
  192. package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js.map +0 -1
  193. package/lib-amd/components/ToolbarDivider/index.js +0 -9
  194. package/lib-amd/components/ToolbarDivider/index.js.map +0 -1
  195. package/lib-amd/components/ToolbarDivider/useToolbarDivider.js +0 -20
  196. package/lib-amd/components/ToolbarDivider/useToolbarDivider.js.map +0 -1
  197. package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js +0 -27
  198. package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js.map +0 -1
  199. package/lib-amd/components/ToolbarGroup/ToolbarGroup.js +0 -19
  200. package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map +0 -1
  201. package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js +0 -5
  202. package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js.map +0 -1
  203. package/lib-amd/components/ToolbarGroup/index.js +0 -10
  204. package/lib-amd/components/ToolbarGroup/index.js.map +0 -1
  205. package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js +0 -14
  206. package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js.map +0 -1
  207. package/lib-amd/components/ToolbarGroup/useToolbarGroup.js +0 -20
  208. package/lib-amd/components/ToolbarGroup/useToolbarGroup.js.map +0 -1
  209. package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js +0 -24
  210. package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js.map +0 -1
  211. package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -17
  212. package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map +0 -1
  213. package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -5
  214. package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +0 -1
  215. package/lib-amd/components/ToolbarRadioButton/index.js +0 -9
  216. package/lib-amd/components/ToolbarRadioButton/index.js.map +0 -1
  217. package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js +0 -28
  218. package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js.map +0 -1
  219. package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +0 -20
  220. package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +0 -1
  221. package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js +0 -19
  222. package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +0 -1
  223. package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -5
  224. package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +0 -1
  225. package/lib-amd/components/ToolbarRadioGroup/index.js +0 -7
  226. package/lib-amd/components/ToolbarRadioGroup/index.js.map +0 -1
  227. package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -17
  228. package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js.map +0 -1
  229. package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -5
  230. package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +0 -1
  231. package/lib-amd/components/ToolbarToggleButton/index.js +0 -9
  232. package/lib-amd/components/ToolbarToggleButton/index.js.map +0 -1
  233. package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js +0 -32
  234. package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js.map +0 -1
  235. package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +0 -20
  236. package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +0 -1
  237. package/lib-amd/index.js +0 -29
  238. package/lib-amd/index.js.map +0 -1
@@ -1,24 +0,0 @@
1
- define(["require", "exports", "tslib", "@griffel/react"], function (require, exports, tslib_1, react_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useToolbarGroupStyles_unstable = exports.toolbarGroupClassNames = void 0;
5
- exports.toolbarGroupClassNames = {
6
- root: 'fui-ToolbarGroup',
7
- };
8
- /**
9
- * Styles for the root slot
10
- */
11
- var useStyles = react_1.makeStyles({
12
- root: tslib_1.__assign({ display: 'flex' }, react_1.shorthands.gap('8px')),
13
- });
14
- /**
15
- * Apply styling to the Toolbar slots based on the state
16
- */
17
- var useToolbarGroupStyles_unstable = function (state) {
18
- var styles = useStyles();
19
- state.root.className = react_1.mergeClasses(exports.toolbarGroupClassNames.root, styles.root, state.root.className);
20
- return state;
21
- };
22
- exports.useToolbarGroupStyles_unstable = useToolbarGroupStyles_unstable;
23
- });
24
- //# sourceMappingURL=useToolbarGroupStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToolbarGroupStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,sBAAsB,GAAsC;QACvE,IAAI,EAAE,kBAAkB;KACzB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,qBACF,OAAO,EAAE,MAAM,IACZ,kBAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpG,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,8BAA8B,kCAKzC","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\n\nexport const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots> = {\n root: 'fui-ToolbarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n ...shorthands.gap('8px'),\n },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, react_button_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ToolbarRadioButton = void 0;
5
- /**
6
- * ToolbarRadioButton component
7
- */
8
- exports.ToolbarRadioButton = React.forwardRef(function (props, ref) {
9
- var state = useToolbarRadioButton_1.useToolbarRadioButton_unstable(props, ref);
10
- useToolbarRadioButtonStyles_1.useToolbarRadioButtonStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarRadioButtonStyles_unstable;
12
- useCustomStyles(state);
13
- return react_button_1.renderToggleButton_unstable(state);
14
- });
15
- exports.ToolbarRadioButton.displayName = 'ToolbarRadioButton';
16
- });
17
- //# sourceMappingURL=ToolbarRadioButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAsC,eAAe,GAAK,oDAA4B,EAAE,qCAAnC,CAAoC;QACjG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAiD,CAAC;IAEnD,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n\n useToolbarRadioButtonStyles_unstable(state);\n\n const { useToolbarRadioButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=ToolbarRadioButton.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarRadioButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarRadioButton Props\n */\nexport type ToolbarRadioButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarRadioButton\n */\nexport type ToolbarRadioButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarRadioButtonProps, 'name' | 'value'>;\n"]}
@@ -1,9 +0,0 @@
1
- define(["require", "exports", "tslib", "./ToolbarRadioButton", "./ToolbarRadioButton.types", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles"], function (require, exports, tslib_1, ToolbarRadioButton_1, ToolbarRadioButton_types_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(ToolbarRadioButton_1, exports);
5
- tslib_1.__exportStar(ToolbarRadioButton_types_1, exports);
6
- tslib_1.__exportStar(useToolbarRadioButton_1, exports);
7
- tslib_1.__exportStar(useToolbarRadioButtonStyles_1, exports);
8
- });
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles';\n"]}
@@ -1,28 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_utilities_1, react_button_1, ToolbarContext_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useToolbarRadioButton_unstable = void 0;
5
- /**
6
- * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns
7
- * processed state.
8
- * @param props - User provided props to the RadioButton component.
9
- * @param ref - User provided ref to be passed to the RadioButton component.
10
- */
11
- var useToolbarRadioButton_unstable = function (props, ref) {
12
- var handleRadio = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleRadio; });
13
- var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
14
- var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
15
- var onClickOriginal = props.onClick;
16
- var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked, role: 'radio', 'aria-checked': checked }, props), ref);
17
- var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
18
- var handleOnClick = react_utilities_1.useEventCallback(function (e) {
19
- handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);
20
- onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
21
- });
22
- state.root['aria-pressed'] = undefined;
23
- state.root.onClick = handleOnClick;
24
- return state;
25
- };
26
- exports.useToolbarRadioButton_unstable = useToolbarRadioButton_unstable;
27
- });
28
- //# sourceMappingURL=useToolbarRadioButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"names":[],"mappings":";;;;IAMA;;;;;OAKG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAAqD;QAErD,IAAM,WAAW,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,WAAW,EAAf,CAAe,CAAC,CAAC;QACvE,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAC9C,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAK,KAAK,GACjE,GAAG,CACJ,CAAC;QACF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,kCAAgB,CACpC,UAAC,CAAoG;YACnG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACzD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CACF,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA5BW,QAAA,8BAA8B,kCA4BzC","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n props: ToolbarRadioButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable(\n { size, checked, role: 'radio', 'aria-checked': checked, ...props },\n ref,\n );\n const state: ToolbarRadioButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = useEventCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n handleRadio?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n },\n );\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"]}
@@ -1,20 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useToolbarRadioButtonStyles_unstable = void 0;
5
- var useBaseStyles = react_1.makeStyles({
6
- selected: {
7
- color: react_theme_1.tokens.colorBrandForeground1,
8
- },
9
- });
10
- /**
11
- * Apply styling to the ToolbarRadioButton slots based on the state
12
- */
13
- var useToolbarRadioButtonStyles_unstable = function (state) {
14
- react_button_1.useToggleButtonStyles_unstable(state);
15
- var toggleButtonStyles = useBaseStyles();
16
- state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
17
- };
18
- exports.useToolbarRadioButtonStyles_unstable = useToolbarRadioButtonStyles_unstable;
19
- });
20
- //# sourceMappingURL=useToolbarRadioButtonStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToolbarRadioButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,oCAAoC,wCAK/C","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = (state: ToolbarRadioButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}
@@ -1,19 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "../../ToolbarGroup", "@fluentui/react-shared-contexts"], function (require, exports, tslib_1, React, ToolbarGroup_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ToolbarRadioGroup = void 0;
5
- /**
6
- * ToolbarRadioGroup component is a Button to be used inside Toolbar
7
- * which will respect toolbar props such as `size`
8
- */
9
- exports.ToolbarRadioGroup = React.forwardRef(function (props, ref) {
10
- var state = ToolbarGroup_1.useToolbarGroup_unstable(tslib_1.__assign({ role: 'radiogroup' }, props), ref);
11
- ToolbarGroup_1.useToolbarGroupStyles_unstable(state);
12
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarGroupStyles_unstable;
13
- useCustomStyles(state);
14
- return ToolbarGroup_1.renderToolbarGroup_unstable(state);
15
- // Casting is required due to lack of distributive union to support unions on @types/react
16
- });
17
- exports.ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
18
- });
19
- //# sourceMappingURL=ToolbarRadioGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarRadioGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"names":[],"mappings":";;;;IAUA;;;OAGG;IACU,QAAA,iBAAiB,GAAgD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxG,IAAM,KAAK,GAAG,uCAAwB,oBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QAE9E,6CAA8B,CAAC,KAAK,CAAC,CAAC;QAE9B,IAAgC,eAAe,GAAK,oDAA4B,EAAE,+BAAnC,CAAoC;QAC3F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;QAC1C,0FAA0F;IAC5F,CAAC,CAAgD,CAAC;IAElD,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n renderToolbarGroup_unstable,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n\n useToolbarGroupStyles_unstable(state);\n\n const { useToolbarGroupStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=ToolbarRadioGroup.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarRadioGroup.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarRadioGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarRadioGroupProps = ComponentProps<ToolbarRadioGroupSlots>;\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarRadioGroupState = ComponentState<ToolbarRadioGroupSlots>;\n"]}
@@ -1,7 +0,0 @@
1
- define(["require", "exports", "tslib", "./ToolbarRadioGroup", "./ToolbarRadioGroup.types"], function (require, exports, tslib_1, ToolbarRadioGroup_1, ToolbarRadioGroup_types_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(ToolbarRadioGroup_1, exports);
5
- tslib_1.__exportStar(ToolbarRadioGroup_types_1, exports);
6
- });
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/index.ts"],"names":[],"mappings":";;;IAAA,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, react_button_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ToolbarToggleButton = void 0;
5
- /**
6
- * ToolbarToggleButton component
7
- */
8
- exports.ToolbarToggleButton = React.forwardRef(function (props, ref) {
9
- var state = useToolbarToggleButton_1.useToolbarToggleButton_unstable(props, ref);
10
- useToolbarToggleButtonStyles_1.useToolbarToggleButtonStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarToggleButtonStyles_unstable;
12
- useCustomStyles(state);
13
- return react_button_1.renderToggleButton_unstable(state);
14
- });
15
- exports.ToolbarToggleButton.displayName = 'ToolbarToggleButton';
16
- });
17
- //# sourceMappingURL=ToolbarToggleButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,mBAAmB,GAAkD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5G,IAAM,KAAK,GAAG,wDAA+B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE1D,oEAAqC,CAAC,KAAK,CAAC,CAAC;QAErC,IAAuC,eAAe,GAAK,oDAA4B,EAAE,sCAAnC,CAAoC;QAClG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAkD,CAAC;IAEpD,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarToggleButton_unstable(props, ref);\n\n useToolbarToggleButtonStyles_unstable(state);\n\n const { useToolbarToggleButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=ToolbarToggleButton.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarToggleButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarToggleButton Props\n */\nexport type ToolbarToggleButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarToggleButton\n */\nexport type ToolbarToggleButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarToggleButtonProps, 'name' | 'value'>;\n"]}
@@ -1,9 +0,0 @@
1
- define(["require", "exports", "tslib", "./ToolbarToggleButton", "./ToolbarToggleButton.types", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles"], function (require, exports, tslib_1, ToolbarToggleButton_1, ToolbarToggleButton_types_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(ToolbarToggleButton_1, exports);
5
- tslib_1.__exportStar(ToolbarToggleButton_types_1, exports);
6
- tslib_1.__exportStar(useToolbarToggleButton_1, exports);
7
- tslib_1.__exportStar(useToolbarToggleButtonStyles_1, exports);
8
- });
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts"],"names":[],"mappings":";;;IAAA,qDAAsC;IACtC,2DAA4C;IAC5C,wDAAyC;IACzC,8DAA+C","sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles';\n"]}
@@ -1,32 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_button_1, ToolbarContext_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useToolbarToggleButton_unstable = void 0;
5
- /**
6
- * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
7
- * processed state.
8
- * @param props - User provided props to the ToggleButton component.
9
- * @param ref - User provided ref to be passed to the ToggleButton component.
10
- */
11
- var useToolbarToggleButton_unstable = function (props, ref) {
12
- var handleToggleButton = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleToggleButton; });
13
- var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
14
- var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
15
- var onClickOriginal = props.onClick;
16
- var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked }, props), ref);
17
- var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
18
- var handleOnClick = function (e) {
19
- if (state.disabled) {
20
- e.preventDefault();
21
- e.stopPropagation();
22
- return;
23
- }
24
- handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
25
- onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
26
- };
27
- state.root.onClick = handleOnClick;
28
- return state;
29
- };
30
- exports.useToolbarToggleButton_unstable = useToolbarToggleButton_unstable;
31
- });
32
- //# sourceMappingURL=useToolbarToggleButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"names":[],"mappings":";;;;IAKA;;;;;OAKG;IACI,IAAM,+BAA+B,GAAG,UAC7C,KAA+B,EAC/B,GAAqD;QAErD,IAAM,kBAAkB,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,kBAAkB,EAAtB,CAAsB,CAAC,CAAC;QACrF,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAAG,IAAI,MAAA,EAAE,OAAO,SAAA,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QACrF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,UACpB,CAAoG;YAEpG,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO;aACR;YAED,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAChE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA/BW,QAAA,+BAA+B,mCA+B1C","sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ size, checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"]}
@@ -1,20 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useToolbarToggleButtonStyles_unstable = void 0;
5
- var useBaseStyles = react_1.makeStyles({
6
- selected: {
7
- color: react_theme_1.tokens.colorBrandForeground1,
8
- },
9
- });
10
- /**
11
- * Apply styling to the ToolbarToggleButton slots based on the state
12
- */
13
- var useToolbarToggleButtonStyles_unstable = function (state) {
14
- react_button_1.useToggleButtonStyles_unstable(state);
15
- var toggleButtonStyles = useBaseStyles();
16
- state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
17
- };
18
- exports.useToolbarToggleButtonStyles_unstable = useToolbarToggleButtonStyles_unstable;
19
- });
20
- //# sourceMappingURL=useToolbarToggleButtonStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToolbarToggleButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,qCAAqC,GAAG,UAAC,KAA+B;QACnF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,qCAAqC,yCAKhD","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}
package/lib-amd/index.js DELETED
@@ -1,29 +0,0 @@
1
- define(["require", "exports", "./Toolbar", "./ToolbarButton", "./ToolbarDivider", "./ToolbarToggleButton", "./ToolbarRadioButton", "./ToolbarGroup", "./ToolbarRadioGroup"], function (require, exports, Toolbar_1, ToolbarButton_1, ToolbarDivider_1, ToolbarToggleButton_1, ToolbarRadioButton_1, ToolbarGroup_1, ToolbarRadioGroup_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ToolbarRadioGroup = exports.toolbarGroupClassNames = exports.renderToolbarGroup_unstable = exports.useToolbarGroup_unstable = exports.useToolbarGroupStyles_unstable = exports.ToolbarGroup = exports.useToolbarRadioButton_unstable = exports.useToolbarRadioButtonStyles_unstable = exports.ToolbarRadioButton = exports.useToolbarToggleButton_unstable = exports.useToolbarToggleButtonStyles_unstable = exports.ToolbarToggleButton = exports.useToolbarDivider_unstable = exports.useToolbarDividerStyles_unstable = exports.ToolbarDivider = exports.useToolbarButton_unstable = exports.useToolbarButtonStyles_unstable = exports.ToolbarButton = exports.useToolbar_unstable = exports.useToolbarStyles_unstable = exports.toolbarClassNames = exports.renderToolbar_unstable = exports.Toolbar = void 0;
5
- Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
6
- Object.defineProperty(exports, "renderToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.renderToolbar_unstable; } });
7
- Object.defineProperty(exports, "toolbarClassNames", { enumerable: true, get: function () { return Toolbar_1.toolbarClassNames; } });
8
- Object.defineProperty(exports, "useToolbarStyles_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbarStyles_unstable; } });
9
- Object.defineProperty(exports, "useToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbar_unstable; } });
10
- Object.defineProperty(exports, "ToolbarButton", { enumerable: true, get: function () { return ToolbarButton_1.ToolbarButton; } });
11
- Object.defineProperty(exports, "useToolbarButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarButton_1.useToolbarButtonStyles_unstable; } });
12
- Object.defineProperty(exports, "useToolbarButton_unstable", { enumerable: true, get: function () { return ToolbarButton_1.useToolbarButton_unstable; } });
13
- Object.defineProperty(exports, "ToolbarDivider", { enumerable: true, get: function () { return ToolbarDivider_1.ToolbarDivider; } });
14
- Object.defineProperty(exports, "useToolbarDividerStyles_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDividerStyles_unstable; } });
15
- Object.defineProperty(exports, "useToolbarDivider_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDivider_unstable; } });
16
- Object.defineProperty(exports, "ToolbarToggleButton", { enumerable: true, get: function () { return ToolbarToggleButton_1.ToolbarToggleButton; } });
17
- Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButtonStyles_unstable; } });
18
- Object.defineProperty(exports, "useToolbarToggleButton_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButton_unstable; } });
19
- Object.defineProperty(exports, "ToolbarRadioButton", { enumerable: true, get: function () { return ToolbarRadioButton_1.ToolbarRadioButton; } });
20
- Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButtonStyles_unstable; } });
21
- Object.defineProperty(exports, "useToolbarRadioButton_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButton_unstable; } });
22
- Object.defineProperty(exports, "ToolbarGroup", { enumerable: true, get: function () { return ToolbarGroup_1.ToolbarGroup; } });
23
- Object.defineProperty(exports, "useToolbarGroupStyles_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroupStyles_unstable; } });
24
- Object.defineProperty(exports, "useToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroup_unstable; } });
25
- Object.defineProperty(exports, "renderToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.renderToolbarGroup_unstable; } });
26
- Object.defineProperty(exports, "toolbarGroupClassNames", { enumerable: true, get: function () { return ToolbarGroup_1.toolbarGroupClassNames; } });
27
- Object.defineProperty(exports, "ToolbarRadioGroup", { enumerable: true, get: function () { return ToolbarRadioGroup_1.ToolbarRadioGroup; } });
28
- });
29
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/index.ts"],"names":[],"mappings":";;;;IACE,kGAAA,OAAO,OAAA;IACP,iHAAA,sBAAsB,OAAA;IACtB,4GAAA,iBAAiB,OAAA;IACjB,oHAAA,yBAAyB,OAAA;IACzB,8GAAA,mBAAmB,OAAA;IAGZ,8GAAA,aAAa,OAAA;IAAE,gIAAA,+BAA+B,OAAA;IAAE,0HAAA,yBAAyB,OAAA;IAEzE,gHAAA,cAAc,OAAA;IAAE,kIAAA,gCAAgC,OAAA;IAAE,4HAAA,0BAA0B,OAAA;IAGnF,0HAAA,mBAAmB,OAAA;IACnB,4IAAA,qCAAqC,OAAA;IACrC,sIAAA,+BAA+B,OAAA;IAI/B,wHAAA,kBAAkB,OAAA;IAClB,0IAAA,oCAAoC,OAAA;IACpC,oIAAA,8BAA8B,OAAA;IAI9B,4GAAA,YAAY,OAAA;IACZ,8HAAA,8BAA8B,OAAA;IAC9B,wHAAA,wBAAwB,OAAA;IACxB,2HAAA,2BAA2B,OAAA;IAC3B,sHAAA,sBAAsB,OAAA;IAGf,sHAAA,iBAAiB,OAAA","sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"]}