@fluentui/react-toolbar 9.1.34 → 9.1.36

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 (107) hide show
  1. package/CHANGELOG.json +127 -1
  2. package/CHANGELOG.md +36 -2
  3. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  4. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  5. package/lib/components/Toolbar/renderToolbar.js +7 -4
  6. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  7. package/lib/components/Toolbar/useToolbar.js +8 -6
  8. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  9. package/lib/components/Toolbar/useToolbarContextValues.js +1 -1
  10. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  11. package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  12. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  13. package/lib/components/ToolbarButton/useToolbarButton.js +1 -1
  14. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  15. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  16. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  17. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  18. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  19. package/lib/components/ToolbarGroup/renderToolbarGroup.js +4 -2
  20. package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  21. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  22. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  23. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +4 -3
  24. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  25. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  26. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  27. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +4 -3
  28. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  29. package/lib-commonjs/Toolbar.js +2 -2
  30. package/lib-commonjs/Toolbar.js.map +1 -1
  31. package/lib-commonjs/ToolbarButton.js +2 -2
  32. package/lib-commonjs/ToolbarButton.js.map +1 -1
  33. package/lib-commonjs/ToolbarDivider.js +2 -2
  34. package/lib-commonjs/ToolbarDivider.js.map +1 -1
  35. package/lib-commonjs/ToolbarGroup.js +2 -2
  36. package/lib-commonjs/ToolbarGroup.js.map +1 -1
  37. package/lib-commonjs/ToolbarRadioButton.js +2 -2
  38. package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
  39. package/lib-commonjs/ToolbarRadioGroup.js +2 -2
  40. package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
  41. package/lib-commonjs/ToolbarToggleButton.js +2 -2
  42. package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
  43. package/lib-commonjs/components/Toolbar/Toolbar.js +9 -7
  44. package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
  45. package/lib-commonjs/components/Toolbar/Toolbar.types.js +2 -2
  46. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  47. package/lib-commonjs/components/Toolbar/ToolbarContext.js +9 -5
  48. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  49. package/lib-commonjs/components/Toolbar/index.js +6 -6
  50. package/lib-commonjs/components/Toolbar/index.js.map +1 -1
  51. package/lib-commonjs/components/Toolbar/renderToolbar.js +14 -9
  52. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  53. package/lib-commonjs/components/Toolbar/useToolbar.js +20 -16
  54. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  55. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +4 -2
  56. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  57. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +8 -4
  58. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  59. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +11 -9
  60. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
  61. package/lib-commonjs/components/ToolbarButton/index.js +5 -5
  62. package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
  63. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +8 -6
  64. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  65. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +6 -4
  66. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  67. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +11 -9
  68. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  69. package/lib-commonjs/components/ToolbarDivider/index.js +5 -5
  70. package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
  71. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +9 -7
  72. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  73. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +7 -5
  74. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  75. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +9 -7
  76. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  77. package/lib-commonjs/components/ToolbarGroup/index.js +6 -6
  78. package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
  79. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +10 -6
  80. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  81. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +7 -5
  82. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  83. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js +6 -2
  84. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  85. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +11 -9
  86. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  87. package/lib-commonjs/components/ToolbarRadioButton/index.js +5 -5
  88. package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
  89. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +17 -14
  90. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  91. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js +6 -4
  92. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
  93. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +11 -9
  94. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  95. package/lib-commonjs/components/ToolbarRadioGroup/index.js +3 -3
  96. package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
  97. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +11 -9
  98. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  99. package/lib-commonjs/components/ToolbarToggleButton/index.js +5 -5
  100. package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
  101. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +14 -11
  102. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  103. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js +6 -4
  104. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
  105. package/lib-commonjs/index.js +76 -30
  106. package/lib-commonjs/index.js.map +1 -1
  107. package/package.json +15 -15
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/Toolbar/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/Toolbar/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarButton/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarButton/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarDivider/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarDivider/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarGroup/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarGroup/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarRadioButton/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarRadioButton/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarRadioGroup/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarRadioGroup/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/ToolbarToggleButton/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/ToolbarToggleButton/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "Toolbar", {
6
6
  enumerable: true,
7
- get: ()=>Toolbar
7
+ get: function() {
8
+ return Toolbar;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
11
13
  const _useToolbar = require("./useToolbar");
12
14
  const _renderToolbar = require("./renderToolbar");
13
- const _useToolbarStylesStyles = require("./useToolbarStyles.styles");
15
+ const _useToolbarStylesstyles = require("./useToolbarStyles.styles");
14
16
  const _useToolbarContextValues = require("./useToolbarContextValues");
15
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
17
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
16
18
  const Toolbar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
19
  const state = (0, _useToolbar.useToolbar_unstable)(props, ref);
18
20
  const contextValues = (0, _useToolbarContextValues.useToolbarContextValues_unstable)(state);
19
- (0, _useToolbarStylesStyles.useToolbarStyles_unstable)(state);
20
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarStyles_unstable')(state);
21
+ (0, _useToolbarStylesstyles.useToolbarStyles_unstable)(state);
22
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarStyles_unstable')(state);
21
23
  return (0, _renderToolbar.renderToolbar_unstable)(state, contextValues);
22
24
  });
23
25
  Toolbar.displayName = 'Toolbar';
@@ -1 +1 @@
1
- {"version":3,"sources":["Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */ export const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n useToolbarStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
1
+ {"version":3,"sources":["Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */ export const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n useToolbarStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9D,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
5
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
6
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -1 +1 @@
1
- {"version":3,"sources":["Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
1
+ {"version":3,"sources":["Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
@@ -9,11 +9,15 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- ToolbarContext: ()=>ToolbarContext,
13
- useToolbarContext_unstable: ()=>useToolbarContext_unstable
12
+ ToolbarContext: function() {
13
+ return ToolbarContext;
14
+ },
15
+ useToolbarContext_unstable: function() {
16
+ return useToolbarContext_unstable;
17
+ }
14
18
  });
15
- const _reactContextSelector = require("@fluentui/react-context-selector");
16
- const ToolbarContext = (0, _reactContextSelector.createContext)(undefined);
19
+ const _reactcontextselector = require("@fluentui/react-context-selector");
20
+ const ToolbarContext = (0, _reactcontextselector.createContext)(undefined);
17
21
  const toolbarContextDefaultValue = {
18
22
  size: 'medium',
19
23
  handleToggleButton: ()=>null,
@@ -21,4 +25,4 @@ const toolbarContextDefaultValue = {
21
25
  vertical: false,
22
26
  checkedValues: {}
23
27
  };
24
- const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));
28
+ const useToolbarContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"sources":["ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = createContext(undefined);\nconst toolbarContextDefaultValue = {\n size: 'medium',\n handleToggleButton: ()=>null,\n handleRadio: ()=>null,\n vertical: false,\n checkedValues: {}\n};\nexport const useToolbarContext_unstable = (selector)=>useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));\n"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiBE,IAAAA,mCAAa,EAACC;AAC5C,MAAMC,6BAA6B;IAC/BC,MAAM;IACNC,oBAAoB,IAAI,IAAI;IAC5BC,aAAa,IAAI,IAAI;IACrBC,UAAU,KAAK;IACfC,eAAe,CAAC;AACpB;AACO,MAAMR,6BAA6B,CAACS,WAAWC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAGM,SAASE"}
1
+ {"version":3,"sources":["ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = createContext(undefined);\nconst toolbarContextDefaultValue = {\n size: 'medium',\n handleToggleButton: ()=>null,\n handleRadio: ()=>null,\n vertical: false,\n checkedValues: {}\n};\nexport const useToolbarContext_unstable = (selector)=>useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));\n"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAQAC,0BAA0B;eAA1BA;;;sCATqC;AAC3C,MAAMD,iBAAiBE,IAAAA,mCAAa,EAACC;AAC5C,MAAMC,6BAA6B;IAC/BC,MAAM;IACNC,oBAAoB,IAAI;IACxBC,aAAa,IAAI;IACjBC,UAAU;IACVC,eAAe,CAAC;AACpB;AACO,MAAMR,6BAA6B,CAACS,WAAWC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAGM,SAASE"}
@@ -2,9 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./Toolbar"), exports);
7
- _exportStar(require("./Toolbar.types"), exports);
8
- _exportStar(require("./renderToolbar"), exports);
9
- _exportStar(require("./useToolbar"), exports);
10
- _exportStar(require("./useToolbarStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./Toolbar"), exports);
7
+ _export_star._(require("./Toolbar.types"), exports);
8
+ _export_star._(require("./renderToolbar"), exports);
9
+ _export_star._(require("./useToolbar"), exports);
10
+ _export_star._(require("./useToolbarStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1,17 +1,22 @@
1
- /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
1
+ /** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  Object.defineProperty(exports, "renderToolbar_unstable", {
6
6
  enumerable: true,
7
- get: ()=>renderToolbar_unstable
7
+ get: function() {
8
+ return renderToolbar_unstable;
9
+ }
8
10
  });
9
- const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
10
- const _reactUtilities = require("@fluentui/react-utilities");
11
- const _toolbarContext = require("./ToolbarContext");
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const _ToolbarContext = require("./ToolbarContext");
12
14
  const renderToolbar_unstable = (state, contextValues)=>{
13
- (0, _reactUtilities.assertSlots)(state);
14
- return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_toolbarContext.ToolbarContext.Provider, {
15
- value: contextValues.toolbar
16
- }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.root.children));
15
+ (0, _reactutilities.assertSlots)(state);
16
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToolbarContext.ToolbarContext.Provider, {
17
+ value: contextValues.toolbar,
18
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
19
+ children: state.root.children
20
+ })
21
+ });
17
22
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderToolbar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */ export const renderToolbar_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ createElement(ToolbarContext.Provider, {\n value: contextValues.toolbar\n }, /*#__PURE__*/ createElement(state.root, null, state.root.children));\n};\n"],"names":["renderToolbar_unstable","state","contextValues","assertSlots","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;gCACG;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACxDC,OAAOL,cAAcM,OAAO;IAChC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAE,IAAI,EAAER,MAAMQ,IAAI,CAACC,QAAQ;AACxE"}
1
+ {"version":3,"sources":["renderToolbar.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */ export const renderToolbar_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(ToolbarContext.Provider, {\n value: contextValues.toolbar,\n children: /*#__PURE__*/ _jsx(state.root, {\n children: state.root.children\n })\n });\n};\n"],"names":["renderToolbar_unstable","state","contextValues","assertSlots","_jsx","ToolbarContext","Provider","value","toolbar","children","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;gCACG;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC;IAC9CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,8BAAc,CAACC,QAAQ,EAAE;QAC/CC,OAAOL,cAAcM,OAAO;QAC5BC,UAAU,WAAW,GAAGL,IAAAA,eAAI,EAACH,MAAMS,IAAI,EAAE;YACrCD,UAAUR,MAAMS,IAAI,CAACD,QAAQ;QACjC;IACJ;AACJ"}
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useToolbar_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useToolbar_unstable
7
+ get: function() {
8
+ return useToolbar_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _reactTabster = require("@fluentui/react-tabster");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _reacttabster = require("@fluentui/react-tabster");
13
15
  const useToolbar_unstable = (props, ref)=>{
14
- const { size ='medium' , vertical =false } = props;
15
- const arrowNavigationProps = (0, _reactTabster.useArrowNavigationGroup)({
16
+ const { size = 'medium', vertical = false } = props;
17
+ const arrowNavigationProps = (0, _reacttabster.useArrowNavigationGroup)({
16
18
  circular: true,
17
19
  axis: 'both'
18
20
  });
@@ -26,7 +28,7 @@ const useToolbar_unstable = (props, ref)=>{
26
28
  },
27
29
  // TODO add appropriate slots, for example:
28
30
  // mySlot: resolveShorthand(props.mySlot),
29
- root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
31
+ root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
30
32
  role: 'toolbar',
31
33
  ref,
32
34
  ...vertical && {
@@ -43,9 +45,10 @@ const useToolbar_unstable = (props, ref)=>{
43
45
  defaultCheckedValues: props.defaultCheckedValues,
44
46
  onCheckedValueChange: props.onCheckedValueChange
45
47
  });
46
- const handleToggleButton = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
48
+ const handleToggleButton = (0, _reactutilities.useEventCallback)((e, name, value, checked)=>{
47
49
  if (name && value) {
48
- const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
50
+ var _checkedValues, _onCheckedValueChange;
51
+ const checkedItems = ((_checkedValues = checkedValues) === null || _checkedValues === void 0 ? void 0 : _checkedValues[name]) || [];
49
52
  const newCheckedItems = [
50
53
  ...checkedItems
51
54
  ];
@@ -54,15 +57,16 @@ const useToolbar_unstable = (props, ref)=>{
54
57
  } else {
55
58
  newCheckedItems.push(value);
56
59
  }
57
- onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
60
+ (_onCheckedValueChange = onCheckedValueChange) === null || _onCheckedValueChange === void 0 ? void 0 : _onCheckedValueChange(e, {
58
61
  name,
59
62
  checkedItems: newCheckedItems
60
63
  });
61
64
  }
62
65
  });
63
- const handleRadio = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
66
+ const handleRadio = (0, _reactutilities.useEventCallback)((e, name, value, checked)=>{
64
67
  if (name && value) {
65
- onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
68
+ var _onCheckedValueChange;
69
+ (_onCheckedValueChange = onCheckedValueChange) === null || _onCheckedValueChange === void 0 ? void 0 : _onCheckedValueChange(e, {
66
70
  name,
67
71
  checkedItems: [
68
72
  value
@@ -81,13 +85,13 @@ const useToolbar_unstable = (props, ref)=>{
81
85
  * Adds appropriate state values and handlers for selectable items
82
86
  * i.e checkboxes and radios
83
87
  */ const useToolbarSelectableState = (state)=>{
84
- const [checkedValues, setCheckedValues] = (0, _reactUtilities.useControllableState)({
88
+ const [checkedValues, setCheckedValues] = (0, _reactutilities.useControllableState)({
85
89
  state: state.checkedValues,
86
90
  defaultState: state.defaultCheckedValues,
87
91
  initialState: {}
88
92
  });
89
- const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;
90
- const onCheckedValueChange = (0, _reactUtilities.useEventCallback)((e, { name , checkedItems })=>{
93
+ const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;
94
+ const onCheckedValueChange = (0, _reactutilities.useEventCallback)((e, { name, checkedItems })=>{
91
95
  if (onCheckedValueChangeOriginal) {
92
96
  onCheckedValueChangeOriginal(e, {
93
97
  name,
@@ -1 +1 @@
1
- {"version":3,"sources":["useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState, getNativeElementProps, slot } 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: slot.always(getNativeElementProps('div', {\n role: 'toolbar',\n ref,\n ...vertical && {\n 'aria-orientation': 'vertical'\n },\n ...arrowNavigationProps,\n ...props\n }), {\n elementType: 'div'\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","slot","always","getNativeElementProps","role","elementType","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCAC6D;8BAC5C;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,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CC,MAAM;YACNb;YACA,GAAGE,YAAY;gBACX,oBAAoB;YACxB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACZ,IAAI;YACAe,aAAa;QACjB;IACJ;IACA,MAAM,CAACC,eAAeC,qBAAqB,GAAGC,0BAA0B;QACpEF,eAAehB,MAAMgB,aAAa;QAClCG,sBAAsBnB,MAAMmB,oBAAoB;QAChDF,sBAAsBjB,MAAMiB,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,GAAGhB,YAAY;QACfY;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;QACxCX,cAAc,CAAC;IACnB;IACA,MAAM,EAAES,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"}
1
+ {"version":3,"sources":["useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState, getNativeElementProps, slot } 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: slot.always(getNativeElementProps('div', {\n role: 'toolbar',\n ref,\n ...vertical && {\n 'aria-orientation': 'vertical'\n },\n ...arrowNavigationProps,\n ...props\n }), {\n elementType: 'div'\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 var _checkedValues, _onCheckedValueChange;\n const checkedItems = ((_checkedValues = 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 = 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 var _onCheckedValueChange;\n (_onCheckedValueChange = 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","slot","always","getNativeElementProps","role","elementType","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","_checkedValues","_onCheckedValueChange","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCAC6D;8BAC5C;AAS7B,MAAMA,sBAAsB,CAACC,OAAOC;IAC3C,MAAM,EAAEC,OAAO,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAC9C,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;IACV;IACA,MAAMC,eAAe;QACjBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CC,MAAM;YACNb;YACA,GAAGE,YAAY;gBACX,oBAAoB;YACxB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACZ,IAAI;YACAe,aAAa;QACjB;IACJ;IACA,MAAM,CAACC,eAAeC,qBAAqB,GAAGC,0BAA0B;QACpEF,eAAehB,MAAMgB,aAAa;QAClCG,sBAAsBnB,MAAMmB,oBAAoB;QAChDF,sBAAsBjB,MAAMiB,oBAAoB;IACpD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC;QACzD,IAAIF,QAAQC,OAAO;YACf,IAAIE,gBAAgBC;YACpB,MAAMC,eAAe,AAAC,CAAA,AAACF,CAAAA,iBAAiBV,aAAY,MAAO,QAAQU,mBAAmB,KAAK,IAAI,KAAK,IAAIA,cAAc,CAACH,KAAK,AAAD,KAAM,EAAE;YACnI,MAAMM,kBAAkB;mBACjBD;aACN;YACD,IAAIH,SAAS;gBACTI,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACP,QAAQ;YAC3D,OAAO;gBACHK,gBAAgBG,IAAI,CAACR;YACzB;YACCG,CAAAA,wBAAwBV,oBAAmB,MAAO,QAAQU,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBL,GAAG;gBAC5HC;gBACAK,cAAcC;YAClB;QACJ;IACJ;IACA,MAAMI,cAAcZ,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC;QAClD,IAAIF,QAAQC,OAAO;YACf,IAAIG;YACHA,CAAAA,wBAAwBV,oBAAmB,MAAO,QAAQU,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBL,GAAG;gBAC5HC;gBACAK,cAAc;oBACVJ;iBACH;YACL;QACJ;IACJ;IACA,OAAO;QACH,GAAGhB,YAAY;QACfY;QACAa;QACAjB,eAAeA,kBAAkB,QAAQA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC;IACzF;AACJ;AACA;;;CAGC,GAAG,MAAME,4BAA4B,CAACgB;IACnC,MAAM,CAAClB,eAAemB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DF,OAAOA,MAAMlB,aAAa;QAC1BqB,cAAcH,MAAMf,oBAAoB;QACxCX,cAAc,CAAC;IACnB;IACA,MAAM,EAAES,sBAAsBqB,4BAA4B,EAAE,GAAGJ;IAC/D,MAAMjB,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAAEC,IAAI,EAAEK,YAAY,EAAE;QACpE,IAAIU,8BAA8B;YAC9BA,6BAA6BhB,GAAG;gBAC5BC;gBACAK;YACJ;QACJ;QACAO,iBAAiB,CAACI;YACd,OAAOA,IAAI;gBACP,GAAGA,CAAC;gBACJ,CAAChB,KAAK,EAAEK;YACZ,IAAI;gBACA,CAACL,KAAK,EAAEK;YACZ;QACJ;IACJ;IACA,OAAO;QACHZ;QACAC;KACH;AACL"}
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useToolbarContextValues_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useToolbarContextValues_unstable
7
+ get: function() {
8
+ return useToolbarContextValues_unstable;
9
+ }
8
10
  });
9
11
  function useToolbarContextValues_unstable(state) {
10
- const { size , handleToggleButton , vertical , checkedValues , handleRadio } = state;
12
+ const { size, handleToggleButton, vertical, checkedValues, handleRadio } = state;
11
13
  // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
12
14
  const toolbar = {
13
15
  size,
@@ -1 +1 @@
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"}
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;;;eAAAA;;;AAAT,SAASA,iCAAiCC,KAAK;IAClD,MAAM,EAAEC,IAAI,EAAEC,kBAAkB,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGL;IAC3E,mGAAmG;IACnG,MAAMM,UAAU;QACZL;QACAE;QACAD;QACAG;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
@@ -9,8 +9,12 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- toolbarClassNames: ()=>toolbarClassNames,
13
- useToolbarStyles_unstable: ()=>useToolbarStyles_unstable
12
+ toolbarClassNames: function() {
13
+ return toolbarClassNames;
14
+ },
15
+ useToolbarStyles_unstable: function() {
16
+ return useToolbarStyles_unstable;
17
+ }
14
18
  });
15
19
  const _react = require("@griffel/react");
16
20
  const toolbarClassNames = {
@@ -18,7 +22,7 @@ const toolbarClassNames = {
18
22
  };
19
23
  /**
20
24
  * Styles for the root slot
21
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
25
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
22
26
  root: {
23
27
  mc9l5x: "f22iagw",
24
28
  Bt984gj: "f122n59",
@@ -93,7 +97,7 @@ const toolbarClassNames = {
93
97
  });
94
98
  const useToolbarStyles_unstable = (state)=>{
95
99
  const styles = useStyles();
96
- const { vertical , size } = state;
100
+ const { vertical, size } = state;
97
101
  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
102
  return state;
99
103
  }; //# sourceMappingURL=useToolbarStyles.styles.js.map
@@ -1 +1 @@
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:flex;}\", \".f122n59{align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1acs6jw{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;QAA2B;QAAiC;QAA+B;QAAiC;QAAgC;QAAkC;QAAqC;QAAiC;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1c;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:flex;}\", \".f122n59{align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1acs6jw{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;eAAjBA;;IA2CAC,yBAAyB;eAAzBA;;;uBA5CsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,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;QAA2B;QAAiC;QAA+B;QAAiC;QAAgC;QAAkC;QAAqC;QAAiC;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1c;AAIO,MAAMhB,4BAA4BiB,CAAAA;IACvC,MAAMC,SAAShB;IACf,MAAM,EACJQ,QAAQ,EACRS,IAAI,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"}
@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "ToolbarButton", {
6
6
  enumerable: true,
7
- get: ()=>ToolbarButton
7
+ get: function() {
8
+ return ToolbarButton;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactButton = require("@fluentui/react-button");
12
- const _useToolbarButtonStylesStyles = require("./useToolbarButtonStyles.styles");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactbutton = require("@fluentui/react-button");
14
+ const _useToolbarButtonStylesstyles = require("./useToolbarButtonStyles.styles");
13
15
  const _useToolbarButton = require("./useToolbarButton");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
17
  const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
18
  const state = (0, _useToolbarButton.useToolbarButton_unstable)(props, ref);
17
- (0, _useToolbarButtonStylesStyles.useToolbarButtonStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarButtonStyles_unstable')(state);
19
- return (0, _reactButton.renderButton_unstable)(state);
19
+ (0, _useToolbarButtonStylesstyles.useToolbarButtonStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarButtonStyles_unstable')(state);
21
+ return (0, _reactbutton.renderButton_unstable)(state);
20
22
  // Casting is required due to lack of distributive union to support unions on @types/react
21
23
  });
22
24
  ToolbarButton.displayName = 'ToolbarButton';
@@ -1 +1 @@
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"}
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;;;eAAAA;;;;iEARM;6BACe;8CACU;kCACN;qCACE;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,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,8 +2,8 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./ToolbarButton"), exports);
7
- _exportStar(require("./ToolbarButton.types"), exports);
8
- _exportStar(require("./useToolbarButton"), exports);
9
- _exportStar(require("./useToolbarButtonStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./ToolbarButton"), exports);
7
+ _export_star._(require("./ToolbarButton.types"), exports);
8
+ _export_star._(require("./useToolbarButton"), exports);
9
+ _export_star._(require("./useToolbarButtonStyles.styles"), exports);
@@ -1 +1 @@
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"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useToolbarButton_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useToolbarButton_unstable
7
+ get: function() {
8
+ return useToolbarButton_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactButton = require("@fluentui/react-button");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactbutton = require("@fluentui/react-button");
12
14
  const useToolbarButton_unstable = (props, ref)=>{
13
- const { vertical =false , ...buttonProps } = props;
14
- const state = (0, _reactButton.useButton_unstable)({
15
+ const { vertical = false, ...buttonProps } = props;
16
+ const state = (0, _reactbutton.useButton_unstable)({
15
17
  appearance: 'subtle',
16
18
  ...buttonProps
17
19
  }, ref);
@@ -1 +1 @@
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"}
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;;;eAAAA;;;;iEAPM;6BACY;AAMxB,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,WAAW,KAAK,EAAE,GAAGC,aAAa,GAAGH;IAC7C,MAAMI,QAAQC,IAAAA,+BAAkB,EAAC;QAC7BC,YAAY;QACZ,GAAGH,WAAW;IAClB,GAAGF;IACH,OAAO;QACHC;QACA,GAAGE,KAAK;IACZ;AACJ"}
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useToolbarButtonStyles_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useToolbarButtonStyles_unstable
7
+ get: function() {
8
+ return useToolbarButtonStyles_unstable;
9
+ }
8
10
  });
9
11
  const _react = require("@griffel/react");
10
- const _reactButton = require("@fluentui/react-button");
11
- const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
12
+ const _reactbutton = require("@fluentui/react-button");
13
+ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
12
14
  vertical: {
13
15
  Beiy3e4: "f1vx9l62"
14
16
  },
@@ -36,7 +38,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
36
38
  ]
37
39
  });
38
40
  const useToolbarButtonStyles_unstable = (state)=>{
39
- (0, _reactButton.useButtonStyles_unstable)(state);
41
+ (0, _reactbutton.useButtonStyles_unstable)(state);
40
42
  const buttonStyles = useBaseStyles();
41
43
  state.root.className = (0, _react.mergeClasses)(state.root.className, state.vertical && buttonStyles.vertical);
42
44
  if (state.icon) {