@fluentui/react-toolbar 9.1.16 → 9.1.18

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 (178) hide show
  1. package/CHANGELOG.json +139 -1
  2. package/CHANGELOG.md +38 -2
  3. package/lib/Toolbar.js +0 -1
  4. package/lib/Toolbar.js.map +1 -1
  5. package/lib/ToolbarButton.js +0 -1
  6. package/lib/ToolbarButton.js.map +1 -1
  7. package/lib/ToolbarDivider.js +0 -1
  8. package/lib/ToolbarDivider.js.map +1 -1
  9. package/lib/ToolbarGroup.js +0 -1
  10. package/lib/ToolbarGroup.js.map +1 -1
  11. package/lib/ToolbarRadioButton.js +0 -1
  12. package/lib/ToolbarRadioButton.js.map +1 -1
  13. package/lib/ToolbarRadioGroup.js +0 -1
  14. package/lib/ToolbarRadioGroup.js.map +1 -1
  15. package/lib/ToolbarToggleButton.js +0 -1
  16. package/lib/ToolbarToggleButton.js.map +1 -1
  17. package/lib/components/Toolbar/Toolbar.js +6 -8
  18. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  19. package/lib/components/Toolbar/Toolbar.types.js +0 -1
  20. package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
  21. package/lib/components/Toolbar/ToolbarContext.js +7 -8
  22. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  23. package/lib/components/Toolbar/index.js +0 -1
  24. package/lib/components/Toolbar/index.js.map +1 -1
  25. package/lib/components/Toolbar/renderToolbar.js +6 -11
  26. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  27. package/lib/components/Toolbar/useToolbar.js +90 -94
  28. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  29. package/lib/components/Toolbar/useToolbarContextValues.js +12 -19
  30. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  31. package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  32. package/lib/components/ToolbarButton/ToolbarButton.js +6 -9
  33. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  34. package/lib/components/ToolbarButton/ToolbarButton.types.js +1 -2
  35. package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  36. package/lib/components/ToolbarButton/index.js +0 -1
  37. package/lib/components/ToolbarButton/index.js.map +1 -1
  38. package/lib/components/ToolbarButton/useToolbarButton.js +10 -15
  39. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  40. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  41. package/lib/components/ToolbarDivider/ToolbarDivider.js +5 -7
  42. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  43. package/lib/components/ToolbarDivider/ToolbarDivider.types.js +1 -2
  44. package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  45. package/lib/components/ToolbarDivider/index.js +0 -1
  46. package/lib/components/ToolbarDivider/index.js.map +1 -1
  47. package/lib/components/ToolbarDivider/useToolbarDivider.js +6 -8
  48. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  49. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js +1 -1
  50. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  51. package/lib/components/ToolbarGroup/ToolbarGroup.js +6 -9
  52. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  53. package/lib/components/ToolbarGroup/ToolbarGroup.types.js +1 -2
  54. package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  55. package/lib/components/ToolbarGroup/index.js +0 -1
  56. package/lib/components/ToolbarGroup/index.js.map +1 -1
  57. package/lib/components/ToolbarGroup/renderToolbarGroup.js +4 -9
  58. package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  59. package/lib/components/ToolbarGroup/useToolbarGroup.js +11 -13
  60. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  61. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  62. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js +5 -7
  63. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  64. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js +1 -2
  65. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  66. package/lib/components/ToolbarRadioButton/index.js +0 -1
  67. package/lib/components/ToolbarRadioButton/index.js.map +1 -1
  68. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +27 -31
  69. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  70. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
  71. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js +9 -12
  72. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  73. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +1 -2
  74. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  75. package/lib/components/ToolbarRadioGroup/index.js +0 -1
  76. package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
  77. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js +5 -7
  78. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  79. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js +1 -2
  80. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  81. package/lib/components/ToolbarToggleButton/index.js +0 -1
  82. package/lib/components/ToolbarToggleButton/index.js.map +1 -1
  83. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +27 -31
  84. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  85. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
  86. package/lib/index.js +0 -1
  87. package/lib/index.js.map +1 -1
  88. package/lib-commonjs/Toolbar.js +0 -3
  89. package/lib-commonjs/Toolbar.js.map +1 -1
  90. package/lib-commonjs/ToolbarButton.js +0 -3
  91. package/lib-commonjs/ToolbarButton.js.map +1 -1
  92. package/lib-commonjs/ToolbarDivider.js +0 -3
  93. package/lib-commonjs/ToolbarDivider.js.map +1 -1
  94. package/lib-commonjs/ToolbarGroup.js +0 -3
  95. package/lib-commonjs/ToolbarGroup.js.map +1 -1
  96. package/lib-commonjs/ToolbarRadioButton.js +0 -3
  97. package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
  98. package/lib-commonjs/ToolbarRadioGroup.js +0 -3
  99. package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
  100. package/lib-commonjs/ToolbarToggleButton.js +0 -3
  101. package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
  102. package/lib-commonjs/components/Toolbar/Toolbar.js +1 -3
  103. package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
  104. package/lib-commonjs/components/Toolbar/Toolbar.types.js +0 -3
  105. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  106. package/lib-commonjs/components/Toolbar/ToolbarContext.js +2 -4
  107. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  108. package/lib-commonjs/components/Toolbar/index.js +0 -3
  109. package/lib-commonjs/components/Toolbar/index.js.map +1 -1
  110. package/lib-commonjs/components/Toolbar/renderToolbar.js +1 -3
  111. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  112. package/lib-commonjs/components/Toolbar/useToolbar.js +1 -3
  113. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  114. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +1 -3
  115. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  116. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +0 -2
  117. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  118. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +1 -3
  119. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
  120. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +0 -3
  121. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  122. package/lib-commonjs/components/ToolbarButton/index.js +0 -3
  123. package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
  124. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +1 -3
  125. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  126. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +0 -2
  127. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  128. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +1 -3
  129. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  130. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +0 -3
  131. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  132. package/lib-commonjs/components/ToolbarDivider/index.js +0 -3
  133. package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
  134. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +1 -3
  135. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  136. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +1 -3
  137. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  138. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +1 -3
  139. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  140. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +0 -3
  141. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  142. package/lib-commonjs/components/ToolbarGroup/index.js +0 -3
  143. package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
  144. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +1 -3
  145. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  146. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +1 -3
  147. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  148. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js +0 -2
  149. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  150. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +1 -3
  151. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  152. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -3
  153. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  154. package/lib-commonjs/components/ToolbarRadioButton/index.js +0 -3
  155. package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
  156. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +1 -3
  157. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  158. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js +0 -2
  159. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
  160. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +1 -3
  161. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  162. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -3
  163. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  164. package/lib-commonjs/components/ToolbarRadioGroup/index.js +0 -3
  165. package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
  166. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +1 -3
  167. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  168. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -3
  169. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  170. package/lib-commonjs/components/ToolbarToggleButton/index.js +0 -3
  171. package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
  172. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +1 -3
  173. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  174. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js +0 -2
  175. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
  176. package/lib-commonjs/index.js +0 -3
  177. package/lib-commonjs/index.js.map +1 -1
  178. package/package.json +12 -12
@@ -7,35 +7,31 @@ import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
7
7
  * processed state.
8
8
  * @param props - User provided props to the RadioButton component.
9
9
  * @param ref - User provided ref to be passed to the RadioButton component.
10
- */
11
- export const useToolbarRadioButton_unstable = (props, ref) => {
12
- const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);
13
- const checked = useToolbarContext_unstable(ctx => {
14
- var _ctx_checkedValues_props_name;
15
- return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
16
- });
17
- const size = useToolbarContext_unstable(ctx => ctx.size);
18
- const {
19
- onClick: onClickOriginal
20
- } = props;
21
- const toggleButtonState = useToggleButton_unstable({
22
- size,
23
- checked,
24
- role: 'radio',
25
- 'aria-checked': checked,
26
- ...props
27
- }, ref);
28
- const state = {
29
- ...toggleButtonState,
30
- name: props.name,
31
- value: props.value
32
- };
33
- const handleOnClick = useEventCallback(e => {
34
- handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);
35
- onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
36
- });
37
- state.root['aria-pressed'] = undefined;
38
- state.root.onClick = handleOnClick;
39
- return state;
10
+ */ export const useToolbarRadioButton_unstable = (props, ref)=>{
11
+ const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);
12
+ const checked = useToolbarContext_unstable((ctx)=>{
13
+ var _ctx_checkedValues_props_name;
14
+ return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
15
+ });
16
+ const size = useToolbarContext_unstable((ctx)=>ctx.size);
17
+ const { onClick: onClickOriginal } = props;
18
+ const toggleButtonState = useToggleButton_unstable({
19
+ size,
20
+ checked,
21
+ role: 'radio',
22
+ 'aria-checked': checked,
23
+ ...props
24
+ }, ref);
25
+ const state = {
26
+ ...toggleButtonState,
27
+ name: props.name,
28
+ value: props.value
29
+ };
30
+ const handleOnClick = useEventCallback((e)=>{
31
+ handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);
32
+ onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
33
+ });
34
+ state.root['aria-pressed'] = undefined;
35
+ state.root.onClick = handleOnClick;
36
+ return state;
40
37
  };
41
- //# sourceMappingURL=useToolbarRadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEventCallback","useToggleButton_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","handleRadio","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","role","state","handleOnClick","e","root","undefined"],"sources":["../../../src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAG3C;;;;;;AAMA,OAAO,MAAMC,8BAAA,GAAiCA,CAC5CC,KAAA,EACAC,GAAA,KAC4B;EAC5B,MAAMC,WAAA,GAAcJ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAID,WAAW;EACrE,MAAME,OAAA,GAAUN,0BAAA,CAA2BK,GAAA;QAASE,6BAAA;IAAF,QAAC,EAAC,CAAAA,6BAAA,GAAAF,GAAA,CAAIG,aAAa,CAACN,KAAA,CAAMO,IAAI,CAAC,cAA7BF,6BAAA,uBAAAA,6BAAA,CAA+BG,QAAA,CAASR,KAAA,CAAMS,KAAK;;EACvG,MAAMC,IAAA,GAAOZ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAIO,IAAI;EAEvD,MAAM;IAAEC,OAAA,EAASC;EAAe,CAAE,GAAGZ,KAAA;EACrC,MAAMa,iBAAA,GAAoBhB,wBAAA,CACxB;IAAEa,IAAA;IAAMN,OAAA;IAASU,IAAA,EAAM;IAAS,gBAAgBV,OAAA;IAAS,GAAGJ;EAAM,GAClEC,GAAA;EAEF,MAAMc,KAAA,GAAiC;IACrC,GAAGF,iBAAiB;IACpBN,IAAA,EAAMP,KAAA,CAAMO,IAAI;IAChBE,KAAA,EAAOT,KAAA,CAAMS;EACf;EAEA,MAAMO,aAAA,GAAgBpB,gBAAA,CACnBqB,CAAA,IAAyG;IACxGf,WAAA,aAAAA,WAAA,uBAAAA,WAAA,CAAce,CAAA,EAAGF,KAAA,CAAMR,IAAI,EAAEQ,KAAA,CAAMN,KAAK,EAAEM,KAAA,CAAMX,OAAO;IACvDQ,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAkBK,CAAA;EACpB;EAEFF,KAAA,CAAMG,IAAI,CAAC,eAAe,GAAGC,SAAA;EAC7BJ,KAAA,CAAMG,IAAI,CAACP,OAAO,GAAGK,aAAA;EACrB,OAAOD,KAAA;AACT"}
1
+ {"version":3,"sources":["useToolbarRadioButton.ts"],"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"],"names":["React","useEventCallback","useToggleButton_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","handleRadio","ctx","checked","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","role","state","handleOnClick","e","root","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,wBAAwB,QAAQ,yBAAyB;AAClE,SAASC,0BAA0B,QAAQ,4BAA4B;AAGvE;;;;;CAKC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC,MAC4B;IAC5B,MAAMC,cAAcJ,2BAA2BK,CAAAA,MAAOA,IAAID,WAAW;IACrE,MAAME,UAAUN,2BAA2BK,CAAAA;YAASA;QAAF,OAAA,CAAC,EAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACL,MAAMM,IAAI,CAAC,cAA7BH,2CAAAA,KAAAA,IAAAA,8BAA+BI,SAASP,MAAMQ,KAAK;;IACvG,MAAMC,OAAOX,2BAA2BK,CAAAA,MAAOA,IAAIM,IAAI;IAEvD,MAAM,EAAEC,SAASC,gBAAe,EAAE,GAAGX;IACrC,MAAMY,oBAAoBf,yBACxB;QAAEY;QAAML;QAASS,MAAM;QAAS,gBAAgBT;QAAS,GAAGJ,KAAK;IAAC,GAClEC;IAEF,MAAMa,QAAiC;QACrC,GAAGF,iBAAiB;QACpBN,MAAMN,MAAMM,IAAI;QAChBE,OAAOR,MAAMQ,KAAK;IACpB;IAEA,MAAMO,gBAAgBnB,iBACpB,CAACoB,IAAyG;QACxGd,wBAAAA,yBAAAA,KAAAA,IAAAA,YAAcc,GAAGF,MAAMR,IAAI,EAAEQ,MAAMN,KAAK,EAAEM,MAAMV,OAAO;QACvDO,4BAAAA,6BAAAA,KAAAA,IAAAA,gBAAkBK;IACpB;IAEFF,MAAMG,IAAI,CAAC,eAAe,GAAGC;IAC7BJ,MAAMG,IAAI,CAACP,OAAO,GAAGK;IACrB,OAAOD;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.ts"],"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"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAAmC;EACtFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}
1
+ {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1\n }\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */ export const useToolbarRadioButtonStyles_unstable = (state)=>{\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,oCAAoC,GAAIC,KAAK,IAAG;EAC7DN,8BAA8B,CAACM,KAAK,CAAC;EACrC,MAAMC,kBAAkB,GAAGN,aAAa,CAAC,CAAC;EAC1CK,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGV,YAAY,CAACO,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACL,QAAQ,CAAC;AAC3G,CAAC"}
@@ -4,17 +4,14 @@ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
4
4
  /**
5
5
  * ToolbarRadioGroup component is a Button to be used inside Toolbar
6
6
  * which will respect toolbar props such as `size`
7
- */
8
- export const ToolbarRadioGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
9
- const state = useToolbarGroup_unstable({
10
- role: 'radiogroup',
11
- ...props
12
- }, ref);
13
- useToolbarGroupStyles_unstable(state);
14
- useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);
15
- return renderToolbarGroup_unstable(state);
16
- // Casting is required due to lack of distributive union to support unions on @types/react
7
+ */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
8
+ const state = useToolbarGroup_unstable({
9
+ role: 'radiogroup',
10
+ ...props
11
+ }, ref);
12
+ useToolbarGroupStyles_unstable(state);
13
+ useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);
14
+ return renderToolbarGroup_unstable(state);
15
+ // Casting is required due to lack of distributive union to support unions on @types/react
17
16
  });
18
-
19
17
  ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
20
- //# sourceMappingURL=ToolbarRadioGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","displayName"],"sources":["../../../src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"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 { useCustomStyleHook_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 useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,SACEC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB;AACP,SAASC,2BAA2B,QAAQ;AAE5C;;;;AAIA,OAAO,MAAMC,iBAAA,gBAAiEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7G,MAAMC,KAAA,GAAQN,wBAAA,CAAyB;IAAEO,IAAA,EAAM;IAAc,GAAGH;EAAM,GAAGC,GAAA;EAEzEN,8BAAA,CAA+BO,KAAA;EAE/BL,2BAAA,CAA4B,kCAAkCK,KAAA;EAE9D,OAAOR,2BAAA,CAA4BQ,KAAA;EACnC;AACF;;AAEAJ,iBAAA,CAAkBM,WAAW,GAAG"}
1
+ {"version":3,"sources":["ToolbarRadioGroup.tsx"],"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 { useCustomStyleHook_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 useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(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"],"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SACEC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,qBAAqB;AAC5B,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,kCAAiEL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7G,MAAMC,QAAQN,yBAAyB;QAAEO,MAAM;QAAc,GAAGH,KAAK;IAAC,GAAGC;IAEzEN,+BAA+BO;IAE/BL,4BAA4B,kCAAkCK;IAE9D,OAAOR,4BAA4BQ;AACnC,0FAA0F;AAC5F,GAAkD;AAElDJ,kBAAkBM,WAAW,GAAG"}
@@ -1,2 +1 @@
1
- export {};
2
- //# sourceMappingURL=ToolbarRadioGroup.types.js.map
1
+ export { };
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/ToolbarRadioGroup/ToolbarRadioGroup.types.ts"],"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"],"mappings":"AAAA"}
1
+ {"version":3,"sources":["ToolbarRadioGroup.types.ts"],"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"],"names":[],"mappings":"AAAA,WAc4E"}
@@ -1,3 +1,2 @@
1
1
  export * from './ToolbarRadioGroup';
2
2
  export * from './ToolbarRadioGroup.types';
3
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/ToolbarRadioGroup/index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}
@@ -5,12 +5,10 @@ import { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonS
5
5
  import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
6
6
  /**
7
7
  * ToolbarToggleButton component
8
- */
9
- export const ToolbarToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
10
- const state = useToolbarToggleButton_unstable(props, ref);
11
- useToolbarToggleButtonStyles_unstable(state);
12
- useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);
13
- return renderToggleButton_unstable(state);
8
+ */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
9
+ const state = useToolbarToggleButton_unstable(props, ref);
10
+ useToolbarToggleButtonStyles_unstable(state);
11
+ useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);
12
+ return renderToggleButton_unstable(state);
14
13
  });
15
14
  ToolbarToggleButton.displayName = 'ToolbarToggleButton';
16
- //# sourceMappingURL=ToolbarToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarToggleButton","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"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.styles';\nimport { useCustomStyleHook_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 useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,+BAA+B,QAAQ;AAChD,SAASC,qCAAqC,QAAQ;AACtD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,mBAAA,gBAAqEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjH,MAAMC,KAAA,GAAQP,+BAAA,CAAgCK,KAAA,EAAOC,GAAA;EAErDL,qCAAA,CAAsCM,KAAA;EAEtCL,2BAAA,CAA4B,yCAAyCK,KAAA;EAErE,OAAOR,2BAAA,CAA4BQ,KAAA;AACrC;AAEAJ,mBAAA,CAAoBK,WAAW,GAAG"}
1
+ {"version":3,"sources":["ToolbarToggleButton.tsx"],"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.styles';\nimport { useCustomStyleHook_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 useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarToggleButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,2BAA2B,QAAQ,yBAAyB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,qCAAqC,QAAQ,wCAAwC;AAC9F,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,oCAAqEL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjH,MAAMC,QAAQP,gCAAgCK,OAAOC;IAErDL,sCAAsCM;IAEtCL,4BAA4B,yCAAyCK;IAErE,OAAOR,4BAA4BQ;AACrC,GAAoD;AAEpDJ,oBAAoBK,WAAW,GAAG"}
@@ -1,2 +1 @@
1
- export {};
2
- //# sourceMappingURL=ToolbarToggleButton.types.js.map
1
+ export { };
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/ToolbarToggleButton/ToolbarToggleButton.types.ts"],"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"],"mappings":"AAAA"}
1
+ {"version":3,"sources":["ToolbarToggleButton.types.ts"],"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"],"names":[],"mappings":"AAAA,WAmBmD"}
@@ -2,4 +2,3 @@ export * from './ToolbarToggleButton';
2
2
  export * from './ToolbarToggleButton.types';
3
3
  export * from './useToolbarToggleButton';
4
4
  export * from './useToolbarToggleButtonStyles.styles';
5
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/ToolbarToggleButton/index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC"}
@@ -6,35 +6,31 @@ import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
6
6
  * processed state.
7
7
  * @param props - User provided props to the ToggleButton component.
8
8
  * @param ref - User provided ref to be passed to the ToggleButton component.
9
- */
10
- export const useToolbarToggleButton_unstable = (props, ref) => {
11
- const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);
12
- const checked = useToolbarContext_unstable(ctx => {
13
- var _ctx_checkedValues_props_name;
14
- return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
15
- });
16
- const {
17
- onClick: onClickOriginal
18
- } = props;
19
- const toggleButtonState = useToggleButton_unstable({
20
- checked,
21
- ...props
22
- }, ref);
23
- const state = {
24
- ...toggleButtonState,
25
- name: props.name,
26
- value: props.value
27
- };
28
- const handleOnClick = e => {
29
- if (state.disabled) {
30
- e.preventDefault();
31
- e.stopPropagation();
32
- return;
33
- }
34
- handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
35
- onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
36
- };
37
- state.root.onClick = handleOnClick;
38
- return state;
9
+ */ export const useToolbarToggleButton_unstable = (props, ref)=>{
10
+ const handleToggleButton = useToolbarContext_unstable((ctx)=>ctx.handleToggleButton);
11
+ const checked = useToolbarContext_unstable((ctx)=>{
12
+ var _ctx_checkedValues_props_name;
13
+ return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
14
+ });
15
+ const { onClick: onClickOriginal } = props;
16
+ const toggleButtonState = useToggleButton_unstable({
17
+ checked,
18
+ ...props
19
+ }, ref);
20
+ const state = {
21
+ ...toggleButtonState,
22
+ name: props.name,
23
+ value: props.value
24
+ };
25
+ const handleOnClick = (e)=>{
26
+ if (state.disabled) {
27
+ e.preventDefault();
28
+ e.stopPropagation();
29
+ return;
30
+ }
31
+ handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
32
+ onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
33
+ };
34
+ state.root.onClick = handleOnClick;
35
+ return state;
39
36
  };
40
- //# sourceMappingURL=useToolbarToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"sources":["../../../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"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\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ 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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAG3C;;;;;;AAMA,OAAO,MAAMC,+BAAA,GAAkCA,CAC7CC,KAAA,EACAC,GAAA,KAC6B;EAC7B,MAAMC,kBAAA,GAAqBJ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAID,kBAAkB;EACnF,MAAME,OAAA,GAAUN,0BAAA,CAA2BK,GAAA;QAASE,6BAAA;IAAF,QAAC,EAAC,CAAAA,6BAAA,GAAAF,GAAA,CAAIG,aAAa,CAACN,KAAA,CAAMO,IAAI,CAAC,cAA7BF,6BAAA,uBAAAA,6BAAA,CAA+BG,QAAA,CAASR,KAAA,CAAMS,KAAK;;EAEvG,MAAM;IAAEC,OAAA,EAASC;EAAe,CAAE,GAAGX,KAAA;EACrC,MAAMY,iBAAA,GAAoBf,wBAAA,CAAyB;IAAEO,OAAA;IAAS,GAAGJ;EAAM,GAAGC,GAAA;EAC1E,MAAMY,KAAA,GAAkC;IACtC,GAAGD,iBAAiB;IACpBL,IAAA,EAAMP,KAAA,CAAMO,IAAI;IAChBE,KAAA,EAAOT,KAAA,CAAMS;EACf;EAEA,MAAMK,aAAA,GACJC,CAAA,IACG;IACH,IAAIF,KAAA,CAAMG,QAAQ,EAAE;MAClBD,CAAA,CAAEE,cAAc;MAChBF,CAAA,CAAEG,eAAe;MACjB;IACF;IAEAhB,kBAAA,aAAAA,kBAAA,uBAAAA,kBAAA,CAAqBa,CAAA,EAAGF,KAAA,CAAMN,IAAI,EAAEM,KAAA,CAAMJ,KAAK,EAAEI,KAAA,CAAMT,OAAO;IAC9DO,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAkBI,CAAA;EACpB;EAEAF,KAAA,CAAMM,IAAI,CAACT,OAAO,GAAGI,aAAA;EACrB,OAAOD,KAAA;AACT"}
1
+ {"version":3,"sources":["useToolbarToggleButton.ts"],"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\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ 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"],"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,yBAAyB;AAClE,SAASC,0BAA0B,QAAQ,4BAA4B;AAGvE;;;;;CAKC,GACD,OAAO,MAAMC,kCAAkC,CAC7CC,OACAC,MAC6B;IAC7B,MAAMC,qBAAqBJ,2BAA2BK,CAAAA,MAAOA,IAAID,kBAAkB;IACnF,MAAME,UAAUN,2BAA2BK,CAAAA;YAASA;QAAF,OAAA,CAAC,EAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACL,MAAMM,IAAI,CAAC,cAA7BH,2CAAAA,KAAAA,IAAAA,8BAA+BI,SAASP,MAAMQ,KAAK;;IAEvG,MAAM,EAAEC,SAASC,gBAAe,EAAE,GAAGV;IACrC,MAAMW,oBAAoBd,yBAAyB;QAAEO;QAAS,GAAGJ,KAAK;IAAC,GAAGC;IAC1E,MAAMW,QAAkC;QACtC,GAAGD,iBAAiB;QACpBL,MAAMN,MAAMM,IAAI;QAChBE,OAAOR,MAAMQ,KAAK;IACpB;IAEA,MAAMK,gBAAgB,CACpBC,IACG;QACH,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF,CAAC;QAEDf,+BAAAA,gCAAAA,KAAAA,IAAAA,mBAAqBY,GAAGF,MAAMN,IAAI,EAAEM,MAAMJ,KAAK,EAAEI,MAAMR,OAAO;QAC9DM,4BAAAA,6BAAAA,KAAAA,IAAAA,gBAAkBI;IACpB;IAEAF,MAAMM,IAAI,CAACT,OAAO,GAAGI;IACrB,OAAOD;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"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"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,qCAAA,GAAyCC,KAAA,IAAoC;EACxFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}
1
+ {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1\n }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC9DN,8BAA8B,CAACM,KAAK,CAAC;EACrC,MAAMC,kBAAkB,GAAGN,aAAa,CAAC,CAAC;EAC1CK,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGV,YAAY,CAACO,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACL,QAAQ,CAAC;AAC3G,CAAC"}
package/lib/index.js CHANGED
@@ -5,4 +5,3 @@ export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarT
5
5
  export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable } from './ToolbarRadioButton';
6
6
  export { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';
7
7
  export { ToolbarRadioGroup } from './ToolbarRadioGroup';
8
- //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"sources":["../src/index.ts"],"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"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,QACd;AAEP,SAASC,aAAa,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ;AAE1F,SAASC,cAAc,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ;AAE7F,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,QAC1B;AAEP,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,QACzB;AAEP,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB;AAEP,SAASC,iBAAiB,QAAQ"}
1
+ {"version":3,"sources":["index.ts"],"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"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;AAEnB,SAASC,aAAa,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,kBAAkB;AAE5G,SAASC,cAAc,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ,mBAAmB;AAEhH,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAE/B,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,QACzB,uBAAuB;AAE9B,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB,iBAAiB;AAExB,SAASC,iBAAiB,QAAQ,sBAAsB"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/Toolbar/index"), exports);
7
- //# sourceMappingURL=Toolbar.js.map
8
-
9
- //# sourceMappingURL=Toolbar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n//# sourceMappingURL=Toolbar.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
1
+ {"version":3,"sources":["Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarButton/index"), exports);
7
- //# sourceMappingURL=ToolbarButton.js.map
8
-
9
- //# sourceMappingURL=ToolbarButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n//# sourceMappingURL=ToolbarButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
1
+ {"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarDivider/index"), exports);
7
- //# sourceMappingURL=ToolbarDivider.js.map
8
-
9
- //# sourceMappingURL=ToolbarDivider.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n//# sourceMappingURL=ToolbarDivider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
1
+ {"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarGroup/index"), exports);
7
- //# sourceMappingURL=ToolbarGroup.js.map
8
-
9
- //# sourceMappingURL=ToolbarGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n//# sourceMappingURL=ToolbarGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}
1
+ {"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarRadioButton/index"), exports);
7
- //# sourceMappingURL=ToolbarRadioButton.js.map
8
-
9
- //# sourceMappingURL=ToolbarRadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n//# sourceMappingURL=ToolbarRadioButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,8CAA8C"}
1
+ {"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarRadioGroup/index"), exports);
7
- //# sourceMappingURL=ToolbarRadioGroup.js.map
8
-
9
- //# sourceMappingURL=ToolbarRadioGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n//# sourceMappingURL=ToolbarRadioGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,6CAA6C"}
1
+ {"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/ToolbarToggleButton/index"), exports);
7
- //# sourceMappingURL=ToolbarToggleButton.js.map
8
-
9
- //# sourceMappingURL=ToolbarToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n//# sourceMappingURL=ToolbarToggleButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,+CAA+C"}
1
+ {"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -20,6 +20,4 @@ const Toolbar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarStyles_unstable')(state);
21
21
  return (0, _renderToolbar.renderToolbar_unstable)(state, contextValues);
22
22
  });
23
- Toolbar.displayName = 'Toolbar'; //# sourceMappingURL=Toolbar.js.map
24
-
25
- //# sourceMappingURL=Toolbar.js.map
23
+ Toolbar.displayName = 'Toolbar';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */\nexport const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n useToolbarStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n//# sourceMappingURL=Toolbar.js.map"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;4BACa;+BACG;wCACG;yCACO;qCACL;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACvC;AACAP,QAAQY,WAAW,GAAG,WACtB,mCAAmC"}
1
+ {"version":3,"sources":["Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */ export const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n useToolbarStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
6
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
- //# sourceMappingURL=Toolbar.types.js.map
8
-
9
- //# sourceMappingURL=Toolbar.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Toolbar.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}
1
+ {"version":3,"sources":["Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
@@ -13,7 +13,7 @@ _export(exports, {
13
13
  useToolbarContext_unstable: ()=>useToolbarContext_unstable
14
14
  });
15
15
  const _reactContextSelector = require("@fluentui/react-context-selector");
16
- const ToolbarContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
16
+ const ToolbarContext = (0, _reactContextSelector.createContext)(undefined);
17
17
  const toolbarContextDefaultValue = {
18
18
  size: 'medium',
19
19
  handleToggleButton: ()=>null,
@@ -21,6 +21,4 @@ const toolbarContextDefaultValue = {
21
21
  vertical: false,
22
22
  checkedValues: {}
23
23
  };
24
- const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=ToolbarContext.js.map
25
-
26
- //# sourceMappingURL=ToolbarContext.js.map
24
+ const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = /*#__PURE__*/createContext(undefined);\nconst toolbarContextDefaultValue = {\n size: 'medium',\n handleToggleButton: () => null,\n handleRadio: () => null,\n vertical: false,\n checkedValues: {}\n};\nexport const useToolbarContext_unstable = selector => useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=ToolbarContext.js.map"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiB,WAAW,GAAEE,IAAAA,mCAAa,EAACC;AACzD,MAAMC,6BAA6B;IACjCC,MAAM;IACNC,oBAAoB,IAAM,IAAI;IAC9BC,aAAa,IAAM,IAAI;IACvBC,UAAU,KAAK;IACfC,eAAe,CAAC;AAClB;AACO,MAAMR,6BAA6BS,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAKM,SAASE,OACxI,0CAA0C"}
1
+ {"version":3,"sources":["ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = createContext(undefined);\nconst toolbarContextDefaultValue = {\n size: 'medium',\n handleToggleButton: ()=>null,\n handleRadio: ()=>null,\n vertical: false,\n checkedValues: {}\n};\nexport const useToolbarContext_unstable = (selector)=>useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));\n"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiBE,IAAAA,mCAAa,EAACC;AAC5C,MAAMC,6BAA6B;IAC/BC,MAAM;IACNC,oBAAoB,IAAI,IAAI;IAC5BC,aAAa,IAAI,IAAI;IACrBC,UAAU,KAAK;IACfC,eAAe,CAAC;AACpB;AACO,MAAMR,6BAA6B,CAACS,WAAWC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAGM,SAASE"}
@@ -8,6 +8,3 @@ _exportStar(require("./Toolbar.types"), exports);
8
8
  _exportStar(require("./renderToolbar"), exports);
9
9
  _exportStar(require("./useToolbar"), exports);
10
10
  _exportStar(require("./useToolbarStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -14,6 +14,4 @@ const renderToolbar_unstable = (state, contextValues)=>{
14
14
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_toolbarContext.ToolbarContext.Provider, {
15
15
  value: contextValues.toolbar
16
16
  }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children));
17
- }; //# sourceMappingURL=renderToolbar.js.map
18
-
19
- //# sourceMappingURL=renderToolbar.js.map
17
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/renderToolbar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(ToolbarContext.Provider, {\n value: contextValues.toolbar\n }, /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children));\n};\n//# sourceMappingURL=renderToolbar.js.map"],"names":["renderToolbar_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;gCACE;AAIxB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAkB;IAC9D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACzDC,OAAOP,cAAcQ,OAAO;IAC9B,GAAG,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAEP,UAAUO,IAAI,CAACC,QAAQ;AACnF,GACA,yCAAyC"}
1
+ {"version":3,"sources":["renderToolbar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */ export const renderToolbar_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(ToolbarContext.Provider, {\n value: contextValues.toolbar\n }, /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children));\n};\n"],"names":["renderToolbar_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;gCACE;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACxDC,OAAOP,cAAcQ,OAAO;IAChC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAEP,UAAUO,IAAI,CAACC,QAAQ;AACtF"}
@@ -105,6 +105,4 @@ const useToolbar_unstable = (props, ref)=>{
105
105
  checkedValues,
106
106
  onCheckedValueChange
107
107
  ];
108
- }; //# sourceMappingURL=useToolbar.js.map
109
-
110
- //# sourceMappingURL=useToolbar.js.map
108
+ };