@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
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState } from '@fluentui/react-utilities';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Toolbar.\n *\n * The returned state can be modified with hooks such as useToolbarStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of Toolbar\n * @param ref - reference to root HTMLElement of Toolbar\n */\nexport const useToolbar_unstable = (props, ref) => {\n const {\n size = 'medium',\n vertical = false\n } = props;\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both'\n });\n const initialState = {\n size,\n vertical,\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div'\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n role: 'toolbar',\n ref,\n ...(vertical && {\n 'aria-orientation': 'vertical'\n }),\n ...arrowNavigationProps,\n ...props\n })\n };\n const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({\n checkedValues: props.checkedValues,\n defaultCheckedValues: props.defaultCheckedValues,\n onCheckedValueChange: props.onCheckedValueChange\n });\n const handleToggleButton = useEventCallback((e, name, value, checked) => {\n if (name && value) {\n const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];\n const newCheckedItems = [...checkedItems];\n if (checked) {\n newCheckedItems.splice(newCheckedItems.indexOf(value), 1);\n } else {\n newCheckedItems.push(value);\n }\n onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n name,\n checkedItems: newCheckedItems\n });\n }\n });\n const handleRadio = useEventCallback((e, name, value, checked) => {\n if (name && value) {\n onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n name,\n checkedItems: [value]\n });\n }\n });\n return {\n ...initialState,\n handleToggleButton,\n handleRadio,\n checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}\n };\n};\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useToolbarSelectableState = state => {\n const [checkedValues, setCheckedValues] = useControllableState({\n state: state.checkedValues,\n defaultState: state.defaultCheckedValues,\n initialState: {}\n });\n const {\n onCheckedValueChange: onCheckedValueChangeOriginal\n } = state;\n const onCheckedValueChange = useEventCallback((e, {\n name,\n checkedItems\n }) => {\n if (onCheckedValueChangeOriginal) {\n onCheckedValueChangeOriginal(e, {\n name,\n checkedItems\n });\n }\n setCheckedValues(s => {\n return s ? {\n ...s,\n [name]: checkedItems\n } : {\n [name]: checkedItems\n };\n });\n });\n return [checkedValues, onCheckedValueChange];\n};\n//# sourceMappingURL=useToolbar.js.map"],"names":["useToolbar_unstable","props","ref","size","vertical","arrowNavigationProps","useArrowNavigationGroup","circular","axis","initialState","components","root","getNativeElementProps","role","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgC;8BAEf;AAUjC,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,MAAO,SAAQ,EACfC,UAAW,KAAK,CAAA,EACjB,GAAGH;IACJ,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAU,IAAI;QACdC,MAAM;IACR;IACA,MAAMC,eAAe;QACnBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCC,MAAM;YACNX;YACA,GAAIE,YAAY;gBACd,oBAAoB;YACtB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACV;IACF;IACA,MAAM,CAACa,eAAeC,qBAAqB,GAAGC,0BAA0B;QACtEF,eAAeb,MAAMa,aAAa;QAClCG,sBAAsBhB,MAAMgB,oBAAoB;QAChDF,sBAAsBd,MAAMc,oBAAoB;IAClD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAY;QACvE,IAAIF,QAAQC,OAAO;YACjB,MAAME,eAAe,AAACV,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,aAAa,CAACO,KAAK,AAAD,KAAM,EAAE;YAC9G,MAAMI,kBAAkB;mBAAID;aAAa;YACzC,IAAID,SAAS;gBACXE,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACL,QAAQ;YACzD,OAAO;gBACLG,gBAAgBG,IAAI,CAACN;YACvB,CAAC;YACDP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAClGC;gBACAG,cAAcC;YAChB,EAAE;QACJ,CAAC;IACH;IACA,MAAMI,cAAcV,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAY;QAChE,IAAIF,QAAQC,OAAO;YACjBP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAClGC;gBACAG,cAAc;oBAACF;iBAAM;YACvB,EAAE;QACJ,CAAC;IACH;IACA,OAAO;QACL,GAAGb,YAAY;QACfS;QACAW;QACAf,eAAeA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC,CAAC;IACxF;AACF;AACA;;;CAGC,GACD,MAAME,4BAA4Bc,CAAAA,QAAS;IACzC,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC7DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCR,cAAc,CAAC;IACjB;IACA,MAAM,EACJM,sBAAsBmB,6BAA4B,EACnD,GAAGJ;IACJ,MAAMf,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAChDC,KAAI,EACJG,aAAY,EACb,GAAK;QACJ,IAAIU,8BAA8B;YAChCA,6BAA6Bd,GAAG;gBAC9BC;gBACAG;YACF;QACF,CAAC;QACDO,iBAAiBI,CAAAA,IAAK;YACpB,OAAOA,IAAI;gBACT,GAAGA,CAAC;gBACJ,CAACd,KAAK,EAAEG;YACV,IAAI;gBACF,CAACH,KAAK,EAAEG;YACV,CAAC;QACH;IACF;IACA,OAAO;QAACV;QAAeC;KAAqB;AAC9C,GACA,sCAAsC"}
1
+ {"version":3,"sources":["useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState } from '@fluentui/react-utilities';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Toolbar.\n *\n * The returned state can be modified with hooks such as useToolbarStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of Toolbar\n * @param ref - reference to root HTMLElement of Toolbar\n */ export const useToolbar_unstable = (props, ref)=>{\n const { size ='medium' , vertical =false } = props;\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both'\n });\n const initialState = {\n size,\n vertical,\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div'\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n role: 'toolbar',\n ref,\n ...vertical && {\n 'aria-orientation': 'vertical'\n },\n ...arrowNavigationProps,\n ...props\n })\n };\n const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({\n checkedValues: props.checkedValues,\n defaultCheckedValues: props.defaultCheckedValues,\n onCheckedValueChange: props.onCheckedValueChange\n });\n const handleToggleButton = useEventCallback((e, name, value, checked)=>{\n if (name && value) {\n const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];\n const newCheckedItems = [\n ...checkedItems\n ];\n if (checked) {\n newCheckedItems.splice(newCheckedItems.indexOf(value), 1);\n } else {\n newCheckedItems.push(value);\n }\n onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n name,\n checkedItems: newCheckedItems\n });\n }\n });\n const handleRadio = useEventCallback((e, name, value, checked)=>{\n if (name && value) {\n onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n name,\n checkedItems: [\n value\n ]\n });\n }\n });\n return {\n ...initialState,\n handleToggleButton,\n handleRadio,\n checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}\n };\n};\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */ const useToolbarSelectableState = (state)=>{\n const [checkedValues, setCheckedValues] = useControllableState({\n state: state.checkedValues,\n defaultState: state.defaultCheckedValues,\n initialState: {}\n });\n const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;\n const onCheckedValueChange = useEventCallback((e, { name , checkedItems })=>{\n if (onCheckedValueChangeOriginal) {\n onCheckedValueChangeOriginal(e, {\n name,\n checkedItems\n });\n }\n setCheckedValues((s)=>{\n return s ? {\n ...s,\n [name]: checkedItems\n } : {\n [name]: checkedItems\n };\n });\n });\n return [\n checkedValues,\n onCheckedValueChange\n ];\n};\n"],"names":["useToolbar_unstable","props","ref","size","vertical","arrowNavigationProps","useArrowNavigationGroup","circular","axis","initialState","components","root","getNativeElementProps","role","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACgC;8BAEf;AAS7B,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,MAAM,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IAC9C,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU,IAAI;QACdC,MAAM;IACV;IACA,MAAMC,eAAe;QACjBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BC,MAAM;YACNX;YACA,GAAGE,YAAY;gBACX,oBAAoB;YACxB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACZ;IACJ;IACA,MAAM,CAACa,eAAeC,qBAAqB,GAAGC,0BAA0B;QACpEF,eAAeb,MAAMa,aAAa;QAClCG,sBAAsBhB,MAAMgB,oBAAoB;QAChDF,sBAAsBd,MAAMc,oBAAoB;IACpD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAU;QACnE,IAAIF,QAAQC,OAAO;YACf,MAAME,eAAe,AAACV,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,aAAa,CAACO,KAAK,AAAD,KAAM,EAAE;YAC9G,MAAMI,kBAAkB;mBACjBD;aACN;YACD,IAAID,SAAS;gBACTE,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACL,QAAQ;YAC3D,OAAO;gBACHG,gBAAgBG,IAAI,CAACN;YACzB,CAAC;YACDP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAcC;YAClB,EAAE;QACN,CAAC;IACL;IACA,MAAMI,cAAcV,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAU;QAC5D,IAAIF,QAAQC,OAAO;YACfP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAc;oBACVF;iBACH;YACL,EAAE;QACN,CAAC;IACL;IACA,OAAO;QACH,GAAGb,YAAY;QACfS;QACAW;QACAf,eAAeA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC,CAAC;IAC1F;AACJ;AACA;;;CAGC,GAAG,MAAME,4BAA4B,CAACc,QAAQ;IAC3C,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCR,cAAc,CAAC;IACnB;IACA,MAAM,EAAEM,sBAAsBmB,6BAA4B,EAAG,GAAGJ;IAChE,MAAMf,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAAEC,KAAI,EAAGG,aAAY,EAAG,GAAG;QACzE,IAAIU,8BAA8B;YAC9BA,6BAA6Bd,GAAG;gBAC5BC;gBACAG;YACJ;QACJ,CAAC;QACDO,iBAAiB,CAACI,IAAI;YAClB,OAAOA,IAAI;gBACP,GAAGA,CAAC;gBACJ,CAACd,KAAK,EAAEG;YACZ,IAAI;gBACA,CAACH,KAAK,EAAEG;YACZ,CAAC;QACL;IACJ;IACA,OAAO;QACHV;QACAC;KACH;AACL"}
@@ -19,6 +19,4 @@ function useToolbarContextValues_unstable(state) {
19
19
  return {
20
20
  toolbar
21
21
  };
22
- } //# sourceMappingURL=useToolbarContextValues.js.map
23
-
24
- //# sourceMappingURL=useToolbarContextValues.js.map
22
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/useToolbarContextValues.js"],"sourcesContent":["export function useToolbarContextValues_unstable(state) {\n const {\n size,\n handleToggleButton,\n vertical,\n checkedValues,\n handleRadio\n } = state;\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const toolbar = {\n size,\n vertical,\n handleToggleButton,\n handleRadio,\n checkedValues\n };\n return {\n toolbar\n };\n}\n//# sourceMappingURL=useToolbarContextValues.js.map"],"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACtD,MAAM,EACJC,KAAI,EACJC,mBAAkB,EAClBC,SAAQ,EACRC,cAAa,EACbC,YAAW,EACZ,GAAGL;IACJ,mGAAmG;IACnG,MAAMM,UAAU;QACdL;QACAE;QACAD;QACAG;QACAD;IACF;IACA,OAAO;QACLE;IACF;AACF,EACA,mDAAmD"}
1
+ {"version":3,"sources":["useToolbarContextValues.js"],"sourcesContent":["export function useToolbarContextValues_unstable(state) {\n const { size , handleToggleButton , vertical , checkedValues , handleRadio } = state;\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const toolbar = {\n size,\n vertical,\n handleToggleButton,\n handleRadio,\n checkedValues\n };\n return {\n toolbar\n };\n}\n"],"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACpD,MAAM,EAAEC,KAAI,EAAGC,mBAAkB,EAAGC,SAAQ,EAAGC,cAAa,EAAGC,YAAW,EAAG,GAAGL;IAChF,mGAAmG;IACnG,MAAMM,UAAU;QACZL;QACAE;QACAD;QACAG;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
@@ -97,5 +97,3 @@ const useToolbarStyles_unstable = (state)=>{
97
97
  state.root.className = (0, _react.mergeClasses)(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);
98
98
  return state;
99
99
  }; //# sourceMappingURL=useToolbarStyles.styles.js.map
100
-
101
- //# sourceMappingURL=useToolbarStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/useToolbarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarClassNames = {\n root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n z8tnut: \"f10ra9hq\",\n z189sj: [\"f19lj068\", \"f177v4lu\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n a9b677: \"f1acs6jw\"\n },\n small: {\n z8tnut: \"f1nbblvp\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1ov4xf1\",\n uwmqm3: [\"fycuoez\", \"f8wuabp\"]\n },\n medium: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"f19lj068\", \"f177v4lu\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n },\n large: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"fat0sn4\", \"fekwl8i\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1nbblvp{padding-top:0px;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\"]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = state => {\n const styles = useStyles();\n const {\n vertical,\n size\n } = state;\n state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarStyles.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA2CAC,yBAAyB,MAAzBA;;uBA5CsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNR,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,OAAO;QACLT,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDO,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAA6F;QAAkF;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1rB;AAIO,MAAMhB,4BAA4BiB,CAAAA,QAAS;IAChD,MAAMC,SAAShB;IACf,MAAM,EACJQ,SAAQ,EACRS,KAAI,EACL,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,kBAAkBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAES,YAAYQ,OAAOR,QAAQ,EAAES,SAAS,WAAW,CAACT,YAAYQ,OAAOL,KAAK,EAAEM,SAAS,YAAY,CAACT,YAAYQ,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACT,YAAYQ,OAAOH,KAAK,EAAEE,MAAMhB,IAAI,CAACmB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
1
+ {"version":3,"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarClassNames = {\n root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n z8tnut: \"f10ra9hq\",\n z189sj: [\"f19lj068\", \"f177v4lu\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n a9b677: \"f1acs6jw\"\n },\n small: {\n z8tnut: \"f1nbblvp\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1ov4xf1\",\n uwmqm3: [\"fycuoez\", \"f8wuabp\"]\n },\n medium: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"f19lj068\", \"f177v4lu\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n },\n large: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"fat0sn4\", \"fekwl8i\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1nbblvp{padding-top:0px;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\"]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = state => {\n const styles = useStyles();\n const {\n vertical,\n size\n } = state;\n state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarStyles.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA2CAC,yBAAyB,MAAzBA;;uBA5CsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNR,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,OAAO;QACLT,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDO,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAA6F;QAAkF;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1rB;AAIO,MAAMhB,4BAA4BiB,CAAAA,QAAS;IAChD,MAAMC,SAAShB;IACf,MAAM,EACJQ,SAAQ,EACRS,KAAI,EACL,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,kBAAkBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAES,YAAYQ,OAAOR,QAAQ,EAAES,SAAS,WAAW,CAACT,YAAYQ,OAAOL,KAAK,EAAEM,SAAS,YAAY,CAACT,YAAYQ,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACT,YAAYQ,OAAOH,KAAK,EAAEE,MAAMhB,IAAI,CAACmB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
@@ -19,6 +19,4 @@ const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  return (0, _reactButton.renderButton_unstable)(state);
20
20
  // Casting is required due to lack of distributive union to support unions on @types/react
21
21
  });
22
- ToolbarButton.displayName = 'ToolbarButton'; //# sourceMappingURL=ToolbarButton.js.map
23
-
24
- //# sourceMappingURL=ToolbarButton.js.map
22
+ ToolbarButton.displayName = 'ToolbarButton';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarButton/ToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarButton_unstable(props, ref);\n useToolbarButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(state);\n return renderButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToolbarButton.displayName = 'ToolbarButton';\n//# sourceMappingURL=ToolbarButton.js.map"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACe;8CACU;kCACN;qCACE;AAKrC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,kCAAqB,EAACJ;AAC7B,0FAA0F;AAC5F;AAEAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}
1
+ {"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarButton_unstable(props, ref);\n useToolbarButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(state);\n return renderButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarButton.displayName = 'ToolbarButton';\n"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;6BACe;8CACU;kCACN;qCACE;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,kCAAqB,EAACJ;AACjC,0FAA0F;AAC1F;AACAL,cAAcU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarButton.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarButton.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarButton/ToolbarButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarButton.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarButton"), exports);
7
7
  _exportStar(require("./ToolbarButton.types"), exports);
8
8
  _exportStar(require("./useToolbarButton"), exports);
9
9
  _exportStar(require("./useToolbarButtonStyles.styles"), exports);
10
- //# sourceMappingURL=index.js.map
11
-
12
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarButton/index.js"],"sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
@@ -19,6 +19,4 @@ const useToolbarButton_unstable = (props, ref)=>{
19
19
  vertical,
20
20
  ...state
21
21
  };
22
- }; //# sourceMappingURL=useToolbarButton.js.map
23
-
24
- //# sourceMappingURL=useToolbarButton.js.map
22
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarButton/useToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useToolbarButton_unstable = (props, ref) => {\n const {\n vertical = false,\n ...buttonProps\n } = props;\n const state = useButton_unstable({\n appearance: 'subtle',\n ...buttonProps\n }, ref);\n return {\n vertical,\n ...state\n };\n};\n//# sourceMappingURL=useToolbarButton.js.map"],"names":["useToolbarButton_unstable","props","ref","vertical","buttonProps","state","useButton_unstable","appearance"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACY;AAO5B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAM,EACJC,UAAW,KAAK,CAAA,EAChB,GAAGC,aACJ,GAAGH;IACJ,MAAMI,QAAQC,IAAAA,+BAAkB,EAAC;QAC/BC,YAAY;QACZ,GAAGH,WAAW;IAChB,GAAGF;IACH,OAAO;QACLC;QACA,GAAGE,KAAK;IACV;AACF,GACA,4CAA4C"}
1
+ {"version":3,"sources":["useToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */ export const useToolbarButton_unstable = (props, ref)=>{\n const { vertical =false , ...buttonProps } = props;\n const state = useButton_unstable({\n appearance: 'subtle',\n ...buttonProps\n }, ref);\n return {\n vertical,\n ...state\n };\n};\n"],"names":["useToolbarButton_unstable","props","ref","vertical","buttonProps","state","useButton_unstable","appearance"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACY;AAMxB,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,UAAU,KAAK,CAAA,EAAG,GAAGC,aAAa,GAAGH;IAC7C,MAAMI,QAAQC,IAAAA,+BAAkB,EAAC;QAC7BC,YAAY;QACZ,GAAGH,WAAW;IAClB,GAAGF;IACH,OAAO;QACHC;QACA,GAAGE,KAAK;IACZ;AACJ"}
@@ -29,5 +29,3 @@ const useToolbarButtonStyles_unstable = (state)=>{
29
29
  state.icon.className = (0, _react.mergeClasses)(state.icon.className, state.vertical && buttonStyles.verticalIcon);
30
30
  }
31
31
  }; //# sourceMappingURL=useToolbarButtonStyles.styles.js.map
32
-
33
- //# sourceMappingURL=useToolbarButtonStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarButton/useToolbarButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n vertical: {\n Beiy3e4: \"f1vx9l62\"\n },\n verticalIcon: {\n Be2twd7: \"f1rt2boy\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\"]\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = state => {\n useButtonStyles_unstable(state);\n const buttonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n if (state.icon) {\n state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n }\n};\n//# sourceMappingURL=useToolbarButtonStyles.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAeaA;;aAAAA;;uBAf0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6F;KAA6B;AAChI;AAIO,MAAMP,kCAAkCQ,CAAAA,QAAS;IACtDC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAeT;IACrBO,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaP,QAAQ;IACjG,IAAIK,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaL,YAAY;IACvG,CAAC;AACH,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n vertical: {\n Beiy3e4: \"f1vx9l62\"\n },\n verticalIcon: {\n Be2twd7: \"f1rt2boy\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\"]\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = state => {\n useButtonStyles_unstable(state);\n const buttonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n if (state.icon) {\n state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n }\n};\n//# sourceMappingURL=useToolbarButtonStyles.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAeaA;;aAAAA;;uBAf0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6F;KAA6B;AAChI;AAIO,MAAMP,kCAAkCQ,CAAAA,QAAS;IACtDC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAeT;IACrBO,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaP,QAAQ;IACjG,IAAIK,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaL,YAAY;IACvG,CAAC;AACH,GACA,yDAAyD"}
@@ -18,6 +18,4 @@ const ToolbarDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarDividerStyles_unstable')(state);
19
19
  return (0, _reactDivider.renderDivider_unstable)(state);
20
20
  });
21
- ToolbarDivider.displayName = 'ToolbarDivider'; //# sourceMappingURL=ToolbarDivider.js.map
22
-
23
- //# sourceMappingURL=ToolbarDivider.js.map
21
+ ToolbarDivider.displayName = 'ToolbarDivider';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/ToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarDivider component\n */\nexport const ToolbarDivider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarDivider_unstable(props, ref);\n useToolbarDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nToolbarDivider.displayName = 'ToolbarDivider';\n//# sourceMappingURL=ToolbarDivider.js.map"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider_unstable","useToolbarDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;+CAC0B;8BACV;mCACI;qCACC;AAIrC,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,oCAAsB,EAACJ;AAChC;AACAL,eAAeU,WAAW,GAAG,kBAC7B,0CAA0C"}
1
+ {"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarDivider component\n */ export const ToolbarDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarDivider_unstable(props, ref);\n useToolbarDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider_unstable","useToolbarDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;+CAC0B;8BACV;mCACI;qCACC;AAGjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC3E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,oCAAsB,EAACJ;AAClC;AACAL,eAAeU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarDivider.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarDivider.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/ToolbarDivider.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarDivider.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarDivider"), exports);
7
7
  _exportStar(require("./ToolbarDivider.types"), exports);
8
8
  _exportStar(require("./useToolbarDividerStyles.styles"), exports);
9
9
  _exportStar(require("./useToolbarDivider"), exports);
10
- //# sourceMappingURL=index.js.map
11
-
12
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
@@ -16,6 +16,4 @@ const useToolbarDivider_unstable = (props, ref)=>{
16
16
  vertical: !vertical,
17
17
  ...props
18
18
  }, ref);
19
- }; //# sourceMappingURL=useToolbarDivider.js.map
20
-
21
- //# sourceMappingURL=useToolbarDivider.js.map
19
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDivider_unstable = (props, ref) => {\n const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n return useDivider_unstable({\n vertical: !vertical,\n ...props\n }, ref);\n};\n//# sourceMappingURL=useToolbarDivider.js.map"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;8BACa;gCACO;AAUpC,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAMC,WAAWC,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAmB,EAAC;QACzBH,UAAU,CAACA;QACX,GAAGF,KAAK;IACV,GAAGC;AACL,GACA,6CAA6C"}
1
+ {"version":3,"sources":["useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */ export const useToolbarDivider_unstable = (props, ref)=>{\n const vertical = useToolbarContext_unstable((ctx)=>ctx.vertical);\n return useDivider_unstable({\n vertical: !vertical,\n ...props\n }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;8BACa;gCACO;AAShC,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAMC,WAAWC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAmB,EAAC;QACvBH,UAAU,CAACA;QACX,GAAGF,KAAK;IACZ,GAAGC;AACP"}
@@ -41,8 +41,6 @@ const useToolbarDividerStyles_unstable = (state)=>{
41
41
  (0, _reactDivider.useDividerStyles_unstable)(state);
42
42
  const { vertical } = state;
43
43
  const toolbarDividerStyles = useBaseStyles();
44
- state.root.className = (0, _react.mergeClasses)(state.root.className, toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical);
44
+ state.root.className = (0, _react.mergeClasses)(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);
45
45
  return state;
46
46
  }; //# sourceMappingURL=useToolbarDividerStyles.styles.js.map
47
-
48
- //# sourceMappingURL=useToolbarDividerStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n useDividerStyles_unstable(state);\n const {\n vertical\n } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA;;aAAAA;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAoH;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AACpT;AAIO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvDC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMT,IAAI,CAACY,SAAS,EAAED,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ;IAC/H,OAAOE;AACT,GACA,0DAA0D"}
1
+ {"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n useDividerStyles_unstable(state);\n const {\n vertical\n } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA;;aAAAA;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAoH;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AACpT;AAIO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvDC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ,EAAEE,MAAMT,IAAI,CAACY,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
@@ -19,6 +19,4 @@ const ToolbarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  return (0, _renderToolbarGroup.renderToolbarGroup_unstable)(state);
20
20
  // Casting is required due to lack of distributive union to support unions on @types/react
21
21
  });
22
- ToolbarGroup.displayName = 'ToolbarGroup'; //# sourceMappingURL=ToolbarGroup.js.map
23
-
24
- //# sourceMappingURL=ToolbarGroup.js.map
22
+ ToolbarGroup.displayName = 'ToolbarGroup';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarGroup = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable(props, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToolbarGroup.displayName = 'ToolbarGroup';\n//# sourceMappingURL=ToolbarGroup.js.map"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;iCACkB;6CACM;oCACH;qCACA;AAKrC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACnC,0FAA0F;AAC5F;AAEAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}
1
+ {"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable(props, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;iCACkB;6CACM;oCACH;qCACA;AAIjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACzE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC,0FAA0F;AAC1F;AACAL,aAAaU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarGroup.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarGroup.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/ToolbarGroup.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarGroup.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./ToolbarGroup.types"), exports);
8
8
  _exportStar(require("./useToolbarGroup"), exports);
9
9
  _exportStar(require("./useToolbarGroupStyles.styles"), exports);
10
10
  _exportStar(require("./renderToolbarGroup"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
11
11
  const renderToolbarGroup_unstable = (state)=>{
12
12
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
13
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children);
14
- }; //# sourceMappingURL=renderToolbarGroup.js.map
15
-
16
- //# sourceMappingURL=renderToolbarGroup.js.map
14
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/renderToolbarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToolbarGroup\n */\nexport const renderToolbarGroup_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children);\n};\n//# sourceMappingURL=renderToolbarGroup.js.map"],"names":["renderToolbarGroup_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ;AACvF,GACA,8CAA8C"}
1
+ {"version":3,"sources":["renderToolbarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToolbarGroup\n */ export const renderToolbarGroup_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children);\n};\n"],"names":["renderToolbarGroup_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,8BAA8B,CAACC,QAAQ;IACpD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ;AAC1F"}
@@ -20,6 +20,4 @@ const useToolbarGroup_unstable = (props, ref)=>{
20
20
  ...props
21
21
  })
22
22
  };
23
- }; //# sourceMappingURL=useToolbarGroup.js.map
24
-
25
- //# sourceMappingURL=useToolbarGroup.js.map
23
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/useToolbarGroup.js"],"sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (props, ref) => {\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n role: 'presentation',\n ...props\n })\n };\n};\n//# sourceMappingURL=useToolbarGroup.js.map"],"names":["useToolbarGroup_unstable","props","ref","components","root","getNativeElementProps","role"],"mappings":";;;;+BAOaA;;aAAAA;;;gCAPyB;6DACf;AAMhB,MAAMA,2BAA2B,CAACC,OAAOC,MAAQ;IACtD,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCH;YACAI,MAAM;YACN,GAAGL,KAAK;QACV;IACF;AACF,GACA,2CAA2C"}
1
+ {"version":3,"sources":["useToolbarGroup.js"],"sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */ export const useToolbarGroup_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n role: 'presentation',\n ...props\n })\n };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","getNativeElementProps","role"],"mappings":";;;;+BAMiBA;;aAAAA;;;gCANqB;6DACf;AAKZ,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACAI,MAAM;YACN,GAAGL,KAAK;QACZ;IACJ;AACJ"}
@@ -26,5 +26,3 @@ const useToolbarGroupStyles_unstable = (state)=>{
26
26
  state.root.className = (0, _react.mergeClasses)(toolbarGroupClassNames.root, styles.root, state.root.className);
27
27
  return state;
28
28
  }; //# sourceMappingURL=useToolbarGroupStyles.styles.js.map
29
-
30
- //# sourceMappingURL=useToolbarGroupStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {}\n}, {});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAYAC,8BAA8B,MAA9BA;;uBAb0B;AAChC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,iCAAiCI,CAAAA,QAAS;IACrD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,uBAAuBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
1
+ {"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {}\n}, {});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAYAC,8BAA8B,MAA9BA;;uBAb0B;AAChC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,iCAAiCI,CAAAA,QAAS;IACrD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,uBAAuBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
@@ -18,6 +18,4 @@ const ToolbarRadioButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarRadioButtonStyles_unstable')(state);
19
19
  return (0, _reactButton.renderToggleButton_unstable)(state);
20
20
  });
21
- ToolbarRadioButton.displayName = 'ToolbarRadioButton'; //# sourceMappingURL=ToolbarRadioButton.js.map
22
-
23
- //# sourceMappingURL=ToolbarRadioButton.js.map
21
+ ToolbarRadioButton.displayName = 'ToolbarRadioButton';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioButton/ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n useToolbarRadioButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n//# sourceMappingURL=ToolbarRadioButton.js.map"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACqB;uCACG;mDACM;qCACT;AAIrC,MAAMA,qBAAqB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC9E,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,wCAA2B,EAACJ;AACrC;AACAL,mBAAmBU,WAAW,GAAG,sBACjC,8CAA8C"}
1
+ {"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */ export const ToolbarRadioButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarRadioButton_unstable(props, ref);\n useToolbarRadioButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACqB;uCACG;mDACM;qCACT;AAGjC,MAAMA,qBAAqB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC/E,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,mBAAmBU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarRadioButton.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarRadioButton.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarRadioButton.types.js.map"],"names":[],"mappings":";;;;CACA,oDAAoD"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarRadioButton"), exports);
7
7
  _exportStar(require("./ToolbarRadioButton.types"), exports);
8
8
  _exportStar(require("./useToolbarRadioButton"), exports);
9
9
  _exportStar(require("./useToolbarRadioButtonStyles.styles"), exports);
10
- //# sourceMappingURL=index.js.map
11
-
12
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioButton/index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
@@ -38,6 +38,4 @@ const useToolbarRadioButton_unstable = (props, ref)=>{
38
38
  state.root['aria-pressed'] = undefined;
39
39
  state.root.onClick = handleOnClick;
40
40
  return state;
41
- }; //# sourceMappingURL=useToolbarRadioButton.js.map
42
-
43
- //# sourceMappingURL=useToolbarRadioButton.js.map
41
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioButton/useToolbarRadioButton.js"],"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';\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 = (props, ref) => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => {\n var _ctx_checkedValues_props_name;\n 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));\n });\n const size = useToolbarContext_unstable(ctx => ctx.size);\n const {\n onClick: onClickOriginal\n } = props;\n const toggleButtonState = useToggleButton_unstable({\n size,\n checked,\n role: 'radio',\n 'aria-checked': checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = useEventCallback(e => {\n handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);\n onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n });\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n//# sourceMappingURL=useToolbarRadioButton.js.map"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;gCACU;6BACQ;gCACE;AAOpC,MAAMA,iCAAiC,CAACC,OAAOC,MAAQ;IAC5D,MAAMC,cAAcC,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAA0B,EAACC,CAAAA,MAAO;QAChD,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,IAAI,IAAIF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAC,AAAD;IAC9L;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIO,IAAI;IACvD,MAAM,EACJC,SAASC,gBAAe,EACzB,GAAGb;IACJ,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QACjDJ;QACAN;QACAW,MAAM;QACN,gBAAgBX;QAChB,GAAGL,KAAK;IACV,GAAGC;IACH,MAAMgB,QAAQ;QACZ,GAAGH,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACpB;IACA,MAAMQ,gBAAgBC,IAAAA,gCAAgB,EAACC,CAAAA,IAAK;QAC1ClB,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYkB,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMZ,OAAO,CAAC;QAChHQ,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBO,EAAE;IACtF;IACAH,MAAMI,IAAI,CAAC,eAAe,GAAGC;IAC7BL,MAAMI,IAAI,CAACT,OAAO,GAAGM;IACrB,OAAOD;AACT,GACA,iDAAiD"}
1
+ {"version":3,"sources":["useToolbarRadioButton.js"],"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';\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 */ export const useToolbarRadioButton_unstable = (props, ref)=>{\n const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);\n const checked = useToolbarContext_unstable((ctx)=>{\n var _ctx_checkedValues_props_name;\n 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));\n });\n const size = useToolbarContext_unstable((ctx)=>ctx.size);\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({\n size,\n checked,\n role: 'radio',\n 'aria-checked': checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = useEventCallback((e)=>{\n handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);\n onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n });\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;gCACU;6BACQ;gCACE;AAMhC,MAAMA,iCAAiC,CAACC,OAAOC,MAAM;IAC5D,MAAMC,cAAcC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC,MAAM;QAC9C,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,IAAI,IAAIF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAC,AAAD;IAChM;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIO,IAAI;IACvD,MAAM,EAAEC,SAASC,gBAAe,EAAG,GAAGb;IACtC,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CJ;QACAN;QACAW,MAAM;QACN,gBAAgBX;QAChB,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMgB,QAAQ;QACV,GAAGH,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMQ,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACxClB,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYkB,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMZ,OAAO,CAAC;QAChHQ,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBO,EAAE;IACxF;IACAH,MAAMI,IAAI,CAAC,eAAe,GAAGC;IAC7BL,MAAMI,IAAI,CAACT,OAAO,GAAGM;IACrB,OAAOD;AACX"}
@@ -22,5 +22,3 @@ const useToolbarRadioButtonStyles_unstable = (state)=>{
22
22
  const toggleButtonStyles = useBaseStyles();
23
23
  state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
24
24
  }; //# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map
25
-
26
- //# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport 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//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA,QAAS;IAC3DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,8DAA8D"}
1
+ {"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport 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//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA,QAAS;IAC3DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,8DAA8D"}
@@ -20,6 +20,4 @@ const ToolbarRadioGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  return (0, _toolbarGroup.renderToolbarGroup_unstable)(state);
21
21
  // Casting is required due to lack of distributive union to support unions on @types/react
22
22
  });
23
- ToolbarRadioGroup.displayName = 'ToolbarRadioGroup'; //# sourceMappingURL=ToolbarRadioGroup.js.map
24
-
25
- //# sourceMappingURL=ToolbarRadioGroup.js.map
23
+ ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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 = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable({\n role: 'radiogroup',\n ...props\n }, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n//# sourceMappingURL=ToolbarRadioGroup.js.map"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;8BAC+E;qCAC1D;AAKrC,MAAMA,oBAAoB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7E,MAAMC,QAAQC,IAAAA,sCAAwB,EAAC;QACrCC,MAAM;QACN,GAAGJ,KAAK;IACV,GAAGC;IACHI,IAAAA,4CAA8B,EAACH;IAC/BI,IAAAA,gDAA2B,EAAC,kCAAkCJ;IAC9D,OAAOK,IAAAA,yCAA2B,EAACL;AACnC,0FAA0F;AAC5F;AAEAL,kBAAkBW,WAAW,GAAG,qBAChC,6CAA6C"}
1
+ {"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable({\n role: 'radiogroup',\n ...props\n }, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;8BAC+E;qCAC1D;AAIjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC9E,MAAMC,QAAQC,IAAAA,sCAAwB,EAAC;QACnCC,MAAM;QACN,GAAGJ,KAAK;IACZ,GAAGC;IACHI,IAAAA,4CAA8B,EAACH;IAC/BI,IAAAA,gDAA2B,EAAC,kCAAkCJ;IAC9D,OAAOK,IAAAA,yCAA2B,EAACL;AACvC,0FAA0F;AAC1F;AACAL,kBAAkBW,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarRadioGroup.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarRadioGroup.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarRadioGroup.types.js.map"],"names":[],"mappings":";;;;CACA,mDAAmD"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -5,6 +5,3 @@ Object.defineProperty(exports, "__esModule", {
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./ToolbarRadioGroup"), exports);
7
7
  _exportStar(require("./ToolbarRadioGroup.types"), exports);
8
- //# sourceMappingURL=index.js.map
9
-
10
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarRadioGroup/index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}
@@ -18,6 +18,4 @@ const ToolbarToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarToggleButtonStyles_unstable')(state);
19
19
  return (0, _reactButton.renderToggleButton_unstable)(state);
20
20
  });
21
- ToolbarToggleButton.displayName = 'ToolbarToggleButton'; //# sourceMappingURL=ToolbarToggleButton.js.map
22
-
23
- //# sourceMappingURL=ToolbarToggleButton.js.map
21
+ ToolbarToggleButton.displayName = 'ToolbarToggleButton';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarToggleButton/ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\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 * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbarToggleButton_unstable(props, ref);\n useToolbarToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n//# sourceMappingURL=ToolbarToggleButton.js.map"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACqB;wCACI;oDACM;qCACV;AAIrC,MAAMA,sBAAsB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC/E,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACrC;AACAL,oBAAoBU,WAAW,GAAG,uBAClC,+CAA+C"}
1
+ {"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\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 * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarToggleButton_unstable(props, ref);\n useToolbarToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACqB;wCACI;oDACM;qCACV;AAGjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAChF,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,oBAAoBU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=ToolbarToggleButton.types.js.map
6
-
7
- //# sourceMappingURL=ToolbarToggleButton.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarToggleButton.types.js.map"],"names":[],"mappings":";;;;CACA,qDAAqD"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarToggleButton"), exports);
7
7
  _exportStar(require("./ToolbarToggleButton.types"), exports);
8
8
  _exportStar(require("./useToolbarToggleButton"), exports);
9
9
  _exportStar(require("./useToolbarToggleButtonStyles.styles"), exports);
10
- //# sourceMappingURL=index.js.map
11
-
12
- //# sourceMappingURL=index.js.map