@fluentui/react-toolbar 9.0.0-rc.1 → 9.0.0-rc.3

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 (133) hide show
  1. package/CHANGELOG.json +117 -1
  2. package/CHANGELOG.md +32 -2
  3. package/dist/index.d.ts +69 -0
  4. package/lib/components/Toolbar/Toolbar.js +0 -1
  5. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  6. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  7. package/lib/components/Toolbar/renderToolbar.js +2 -2
  8. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  9. package/lib/components/Toolbar/useToolbar.js +4 -7
  10. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  11. package/lib/components/Toolbar/useToolbarContextValues.js +2 -2
  12. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  13. package/lib/components/Toolbar/useToolbarStyles.js +19 -22
  14. package/lib/components/Toolbar/useToolbarStyles.js.map +1 -1
  15. package/lib/components/ToolbarButton/ToolbarButton.js +3 -2
  16. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  17. package/lib/components/ToolbarButton/index.js +2 -0
  18. package/lib/components/ToolbarButton/index.js.map +1 -1
  19. package/lib/components/ToolbarButton/useToolbarButton.js +0 -1
  20. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  21. package/lib/components/ToolbarButton/useToolbarButtonStyles.js +5 -9
  22. package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
  23. package/lib/components/ToolbarDivider/ToolbarDivider.js +0 -1
  24. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  25. package/lib/components/ToolbarDivider/useToolbarDivider.js +0 -1
  26. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  27. package/lib/components/ToolbarDivider/useToolbarDividerStyles.js +6 -9
  28. package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
  29. package/lib/components/ToolbarGroup/ToolbarGroup.js +3 -2
  30. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  31. package/lib/components/ToolbarGroup/index.js +3 -0
  32. package/lib/components/ToolbarGroup/index.js.map +1 -1
  33. package/lib/components/ToolbarGroup/renderToolbarGroup.js +2 -2
  34. package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  35. package/lib/components/ToolbarGroup/useToolbarGroup.js +0 -1
  36. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  37. package/lib/components/ToolbarGroup/useToolbarGroupStyles.js +5 -8
  38. package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
  39. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -1
  40. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  41. package/lib/components/ToolbarRadioButton/index.js +2 -0
  42. package/lib/components/ToolbarRadioButton/index.js.map +1 -1
  43. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +2 -3
  44. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  45. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +3 -6
  46. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
  47. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -1
  48. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  49. package/lib/components/ToolbarToggleButton/index.js +2 -0
  50. package/lib/components/ToolbarToggleButton/index.js.map +1 -1
  51. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +2 -6
  52. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  53. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +3 -6
  54. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
  55. package/lib/index.js +4 -4
  56. package/lib/index.js.map +1 -1
  57. package/lib-commonjs/Toolbar.js +0 -2
  58. package/lib-commonjs/Toolbar.js.map +1 -1
  59. package/lib-commonjs/ToolbarButton.js +0 -2
  60. package/lib-commonjs/ToolbarButton.js.map +1 -1
  61. package/lib-commonjs/ToolbarDivider.js +0 -2
  62. package/lib-commonjs/ToolbarDivider.js.map +1 -1
  63. package/lib-commonjs/ToolbarGroup.js +0 -2
  64. package/lib-commonjs/ToolbarGroup.js.map +1 -1
  65. package/lib-commonjs/ToolbarRadioButton.js +0 -2
  66. package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
  67. package/lib-commonjs/ToolbarToggleButton.js +0 -2
  68. package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
  69. package/lib-commonjs/components/Toolbar/Toolbar.js +0 -7
  70. package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
  71. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  72. package/lib-commonjs/components/Toolbar/ToolbarContext.js +0 -4
  73. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  74. package/lib-commonjs/components/Toolbar/index.js +0 -6
  75. package/lib-commonjs/components/Toolbar/index.js.map +1 -1
  76. package/lib-commonjs/components/Toolbar/renderToolbar.js +2 -7
  77. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  78. package/lib-commonjs/components/Toolbar/useToolbar.js +4 -12
  79. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  80. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +2 -4
  81. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  82. package/lib-commonjs/components/Toolbar/useToolbarStyles.js +19 -25
  83. package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
  84. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +3 -7
  85. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
  86. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  87. package/lib-commonjs/components/ToolbarButton/index.js +2 -3
  88. package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
  89. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +0 -4
  90. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  91. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js +5 -12
  92. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
  93. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +0 -6
  94. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  95. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  96. package/lib-commonjs/components/ToolbarDivider/index.js +0 -5
  97. package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
  98. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +0 -5
  99. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  100. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js +6 -12
  101. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
  102. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +3 -7
  103. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  104. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  105. package/lib-commonjs/components/ToolbarGroup/index.js +3 -3
  106. package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
  107. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +2 -6
  108. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  109. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +0 -4
  110. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  111. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js +5 -11
  112. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
  113. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -6
  114. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  115. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  116. package/lib-commonjs/components/ToolbarRadioButton/index.js +2 -3
  117. package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
  118. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +2 -8
  119. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  120. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +3 -10
  121. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
  122. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -6
  123. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  124. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  125. package/lib-commonjs/components/ToolbarToggleButton/index.js +2 -3
  126. package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
  127. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +2 -10
  128. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  129. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +3 -10
  130. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
  131. package/lib-commonjs/index.js +55 -13
  132. package/lib-commonjs/index.js.map +1 -1
  133. package/package.json +11 -11
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useToolbarToggleButton_unstable = void 0;
7
-
8
7
  const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
9
-
10
8
  const ToolbarContext_1 = /*#__PURE__*/require("../Toolbar/ToolbarContext");
11
9
  /**
12
10
  * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
@@ -14,13 +12,10 @@ const ToolbarContext_1 = /*#__PURE__*/require("../Toolbar/ToolbarContext");
14
12
  * @param props - User provided props to the ToggleButton component.
15
13
  * @param ref - User provided ref to be passed to the ToggleButton component.
16
14
  */
17
-
18
-
19
15
  const useToolbarToggleButton_unstable = (props, ref) => {
20
16
  const handleToggleButton = ToolbarContext_1.useToolbarContext_unstable(ctx => ctx.handleToggleButton);
21
17
  const checked = ToolbarContext_1.useToolbarContext_unstable(ctx => {
22
18
  var _a;
23
-
24
19
  return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value));
25
20
  });
26
21
  const size = ToolbarContext_1.useToolbarContext_unstable(ctx => ctx.size);
@@ -32,25 +27,22 @@ const useToolbarToggleButton_unstable = (props, ref) => {
32
27
  checked,
33
28
  ...props
34
29
  }, ref);
35
- const state = { ...toggleButtonState,
30
+ const state = {
31
+ ...toggleButtonState,
36
32
  name: props.name,
37
33
  value: props.value
38
34
  };
39
-
40
35
  const handleOnClick = e => {
41
36
  if (state.disabled) {
42
37
  e.preventDefault();
43
38
  e.stopPropagation();
44
39
  return;
45
40
  }
46
-
47
41
  handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
48
42
  onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
49
43
  };
50
-
51
44
  state.root.onClick = handleOnClick;
52
45
  return state;
53
46
  };
54
-
55
47
  exports.useToolbarToggleButton_unstable = useToolbarToggleButton_unstable;
56
48
  //# sourceMappingURL=useToolbarToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;AAKG;;;AACI,MAAM,+BAA+B,GAAG,CAC7C,KAD6C,EAE7C,GAF6C,KAGjB;EAC5B,MAAM,kBAAkB,GAAG,gBAAA,CAAA,0BAAA,CAA2B,GAAG,IAAI,GAAG,CAAC,kBAAtC,CAA3B;EACA,MAAM,OAAO,GAAG,gBAAA,CAAA,0BAAA,CAA2B,GAAG,IAAG;IAAA,IAAA,EAAA;;IAAC,OAAA,CAAC,EAAC,CAAA,EAAA,GAAA,GAAG,CAAC,aAAJ,CAAkB,KAAK,CAAC,IAAxB,CAAA,MAA6B,IAA7B,IAA6B,EAAA,KAAA,KAAA,CAA7B,GAA6B,KAAA,CAA7B,GAA6B,EAAA,CAAE,QAAF,CAAW,KAAK,CAAC,KAAjB,CAA9B,CAAD;EAAsD,CAAxF,CAAhB;EACA,MAAM,IAAI,GAAG,gBAAA,CAAA,0BAAA,CAA2B,GAAG,IAAI,GAAG,CAAC,IAAtC,CAAb;EAEA,MAAM;IAAE,OAAO,EAAE;EAAX,IAA+B,KAArC;EACA,MAAM,iBAAiB,GAAG,cAAA,CAAA,wBAAA,CAAyB;IAAE,IAAF;IAAQ,OAAR;IAAiB,GAAG;EAApB,CAAzB,EAAsD,GAAtD,CAA1B;EACA,MAAM,KAAK,GAA6B,EACtC,GAAG,iBADmC;IAEtC,IAAI,EAAE,KAAK,CAAC,IAF0B;IAGtC,KAAK,EAAE,KAAK,CAAC;EAHyB,CAAxC;;EAMA,MAAM,aAAa,GACjB,CADoB,IAElB;IACF,IAAI,KAAK,CAAC,QAAV,EAAoB;MAClB,CAAC,CAAC,cAAF;MACA,CAAC,CAAC,eAAF;MACA;IACD;;IAED,kBAAkB,KAAA,IAAlB,IAAA,kBAAkB,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAA,kBAAkB,CAAG,CAAH,EAAM,KAAK,CAAC,IAAZ,EAAkB,KAAK,CAAC,KAAxB,EAA+B,KAAK,CAAC,OAArC,CAAlB;IACA,eAAe,KAAA,IAAf,IAAA,eAAe,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAA,eAAe,CAAG,CAAH,CAAf;EACD,CAXD;;EAaA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAqB,aAArB;EACA,OAAO,KAAP;AACD,CA/BM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ size, checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":";;;;;;AACA;AACA;AAGA;;;;;;AAMO,MAAMA,+BAA+B,GAAG,CAC7CC,KAA+B,EAC/BC,GAAqD,KACzB;EAC5B,MAAMC,kBAAkB,GAAGC,2CAA0B,CAACC,GAAG,IAAIA,GAAG,CAACF,kBAAkB,CAAC;EACpF,MAAMG,OAAO,GAAGF,2CAA0B,CAACC,GAAG,IAAG;IAAA;IAAC,QAAC,EAAC,SAAG,CAACE,aAAa,CAACN,KAAK,CAACO,IAAI,CAAC,0CAAEC,QAAQ,CAACR,KAAK,CAACS,KAAK,CAAC;EAAA,EAAC;EACzG,MAAMC,IAAI,GAAGP,2CAA0B,CAACC,GAAG,IAAIA,GAAG,CAACM,IAAI,CAAC;EAExD,MAAM;IAAEC,OAAO,EAAEC;EAAe,CAAE,GAAGZ,KAAK;EAC1C,MAAMa,iBAAiB,GAAGC,uCAAwB,CAAC;IAAEJ,IAAI;IAAEL,OAAO;IAAE,GAAGL;EAAK,CAAE,EAAEC,GAAG,CAAC;EACpF,MAAMc,KAAK,GAA6B;IACtC,GAAGF,iBAAiB;IACpBN,IAAI,EAAEP,KAAK,CAACO,IAAI;IAChBE,KAAK,EAAET,KAAK,CAACS;GACd;EAED,MAAMO,aAAa,GACjBC,CAAoG,IAClG;IACF,IAAIF,KAAK,CAACG,QAAQ,EAAE;MAClBD,CAAC,CAACE,cAAc,EAAE;MAClBF,CAAC,CAACG,eAAe,EAAE;MACnB;;IAGFlB,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGe,CAAC,EAAEF,KAAK,CAACR,IAAI,EAAEQ,KAAK,CAACN,KAAK,EAAEM,KAAK,CAACV,OAAO,CAAC;IAC/DO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGK,CAAC,CAAC;EACtB,CAAC;EAEDF,KAAK,CAACM,IAAI,CAACV,OAAO,GAAGK,aAAa;EAClC,OAAOD,KAAK;AACd,CAAC;AA/BYO,uCAA+B","names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","ToolbarContext_1","ctx","checked","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","react_button_1","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ size, checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"]}
@@ -4,30 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useToolbarToggleButtonStyles_unstable = void 0;
7
-
8
7
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
9
-
10
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
11
-
12
9
  const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
13
-
14
10
  const useBaseStyles = /*#__PURE__*/react_1.__styles({
15
- "selected": {
16
- "sj55zd": "f16muhyy"
11
+ selected: {
12
+ sj55zd: "f16muhyy"
17
13
  }
18
14
  }, {
19
- "d": [".f16muhyy{color:var(--colorBrandForeground1);}"]
15
+ d: [".f16muhyy{color:var(--colorBrandForeground1);}"]
20
16
  });
21
17
  /**
22
18
  * Apply styling to the ToolbarToggleButton slots based on the state
23
19
  */
24
-
25
-
26
20
  const useToolbarToggleButtonStyles_unstable = state => {
27
21
  react_button_1.useToggleButtonStyles_unstable(state);
28
22
  const toggleButtonStyles = useBaseStyles();
29
23
  state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
30
24
  };
31
-
32
25
  exports.useToolbarToggleButtonStyles_unstable = useToolbarToggleButtonStyles_unstable;
33
26
  //# sourceMappingURL=useToolbarToggleButtonStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AAGA,MAAM,aAAa,gBAAG,OAAA,SAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAtB;AAMA;;AAEG;;;AACI,MAAM,qCAAqC,GAAI,KAAD,IAAoC;EACvF,cAAA,CAAA,8BAAA,CAA+B,KAA/B;EACA,MAAM,kBAAkB,GAAG,aAAa,EAAxC;EAEA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,KAAK,CAAC,IAAN,CAAW,SAAxB,EAAmC,KAAK,CAAC,OAAN,IAAiB,kBAAkB,CAAC,QAAvE,CAAvB;AACD,CALM;;AAAM,OAAA,CAAA,qCAAA,GAAqC,qCAArC","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAMA,aAAa,gBAAGC,gBAAU;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAI9B;AAEF;;;AAGO,MAAMC,qCAAqC,GAAIC,KAA+B,IAAI;EACvFC,6CAA8B,CAACD,KAAK,CAAC;EACrC,MAAME,kBAAkB,GAAGL,aAAa,EAAE;EAE1CG,KAAK,CAACG,IAAI,CAACC,SAAS,GAAGN,oBAAY,CAACE,KAAK,CAACG,IAAI,CAACC,SAAS,EAAEJ,KAAK,CAACK,OAAO,IAAIH,kBAAkB,CAACI,QAAQ,CAAC;AACzG,CAAC;AALYC,6CAAqC","names":["useBaseStyles","react_1","useToolbarToggleButtonStyles_unstable","state","react_button_1","toggleButtonStyles","root","className","checked","selected","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}
@@ -3,10 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ToolbarGroup = exports.ToolbarRadioButton = exports.ToolbarToggleButton = exports.useToolbarDividerStyles_unstable = exports.ToolbarDivider = exports.ToolbarButton = exports.useToolbar_unstable = exports.useToolbarStyles_unstable = exports.toolbarClassNames = exports.renderToolbar_unstable = exports.Toolbar = void 0;
7
-
6
+ exports.toolbarGroupClassNames = exports.renderToolbarGroup_unstable = exports.useToolbarGroup_unstable = exports.useToolbarGroupStyles_unstable = exports.ToolbarGroup = exports.useToolbarRadioButton_unstable = exports.useToolbarRadioButtonStyles_unstable = exports.ToolbarRadioButton = exports.useToolbarToggleButton_unstable = exports.useToolbarToggleButtonStyles_unstable = exports.ToolbarToggleButton = exports.useToolbarDivider_unstable = exports.useToolbarDividerStyles_unstable = exports.ToolbarDivider = exports.ToolbarButton = exports.useToolbar_unstable = exports.useToolbarStyles_unstable = exports.toolbarClassNames = exports.renderToolbar_unstable = exports.Toolbar = void 0;
8
7
  var Toolbar_1 = /*#__PURE__*/require("./Toolbar");
9
-
10
8
  Object.defineProperty(exports, "Toolbar", {
11
9
  enumerable: true,
12
10
  get: function () {
@@ -37,18 +35,14 @@ Object.defineProperty(exports, "useToolbar_unstable", {
37
35
  return Toolbar_1.useToolbar_unstable;
38
36
  }
39
37
  });
40
-
41
38
  var ToolbarButton_1 = /*#__PURE__*/require("./ToolbarButton");
42
-
43
39
  Object.defineProperty(exports, "ToolbarButton", {
44
40
  enumerable: true,
45
41
  get: function () {
46
42
  return ToolbarButton_1.ToolbarButton;
47
43
  }
48
44
  });
49
-
50
45
  var ToolbarDivider_1 = /*#__PURE__*/require("./ToolbarDivider");
51
-
52
46
  Object.defineProperty(exports, "ToolbarDivider", {
53
47
  enumerable: true,
54
48
  get: function () {
@@ -61,31 +55,79 @@ Object.defineProperty(exports, "useToolbarDividerStyles_unstable", {
61
55
  return ToolbarDivider_1.useToolbarDividerStyles_unstable;
62
56
  }
63
57
  });
64
-
58
+ Object.defineProperty(exports, "useToolbarDivider_unstable", {
59
+ enumerable: true,
60
+ get: function () {
61
+ return ToolbarDivider_1.useToolbarDivider_unstable;
62
+ }
63
+ });
65
64
  var ToolbarToggleButton_1 = /*#__PURE__*/require("./ToolbarToggleButton");
66
-
67
65
  Object.defineProperty(exports, "ToolbarToggleButton", {
68
66
  enumerable: true,
69
67
  get: function () {
70
68
  return ToolbarToggleButton_1.ToolbarToggleButton;
71
69
  }
72
70
  });
73
-
71
+ Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", {
72
+ enumerable: true,
73
+ get: function () {
74
+ return ToolbarToggleButton_1.useToolbarToggleButtonStyles_unstable;
75
+ }
76
+ });
77
+ Object.defineProperty(exports, "useToolbarToggleButton_unstable", {
78
+ enumerable: true,
79
+ get: function () {
80
+ return ToolbarToggleButton_1.useToolbarToggleButton_unstable;
81
+ }
82
+ });
74
83
  var ToolbarRadioButton_1 = /*#__PURE__*/require("./ToolbarRadioButton");
75
-
76
84
  Object.defineProperty(exports, "ToolbarRadioButton", {
77
85
  enumerable: true,
78
86
  get: function () {
79
87
  return ToolbarRadioButton_1.ToolbarRadioButton;
80
88
  }
81
89
  });
82
-
90
+ Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", {
91
+ enumerable: true,
92
+ get: function () {
93
+ return ToolbarRadioButton_1.useToolbarRadioButtonStyles_unstable;
94
+ }
95
+ });
96
+ Object.defineProperty(exports, "useToolbarRadioButton_unstable", {
97
+ enumerable: true,
98
+ get: function () {
99
+ return ToolbarRadioButton_1.useToolbarRadioButton_unstable;
100
+ }
101
+ });
83
102
  var ToolbarGroup_1 = /*#__PURE__*/require("./ToolbarGroup");
84
-
85
103
  Object.defineProperty(exports, "ToolbarGroup", {
86
104
  enumerable: true,
87
105
  get: function () {
88
106
  return ToolbarGroup_1.ToolbarGroup;
89
107
  }
90
108
  });
109
+ Object.defineProperty(exports, "useToolbarGroupStyles_unstable", {
110
+ enumerable: true,
111
+ get: function () {
112
+ return ToolbarGroup_1.useToolbarGroupStyles_unstable;
113
+ }
114
+ });
115
+ Object.defineProperty(exports, "useToolbarGroup_unstable", {
116
+ enumerable: true,
117
+ get: function () {
118
+ return ToolbarGroup_1.useToolbarGroup_unstable;
119
+ }
120
+ });
121
+ Object.defineProperty(exports, "renderToolbarGroup_unstable", {
122
+ enumerable: true,
123
+ get: function () {
124
+ return ToolbarGroup_1.renderToolbarGroup_unstable;
125
+ }
126
+ });
127
+ Object.defineProperty(exports, "toolbarGroupClassNames", {
128
+ enumerable: true,
129
+ get: function () {
130
+ return ToolbarGroup_1.toolbarGroupClassNames;
131
+ }
132
+ });
91
133
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-components/react-toolbar/src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,OAAA;EAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA;;AAGF,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,aAAA;EAAa;AAAb,CAAA;;AAET,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,cAAA;EAAc;AAAd,CAAA;AAAgB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,gCAAA;EAAgC;AAAhC,CAAA;;AAEzB,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,qBAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA;;AAET,IAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,oBAAA,CAAA,kBAAA;EAAkB;AAAlB,CAAA;;AAET,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,YAAA;EAAY;AAAZ,CAAA","sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport { ToolbarToggleButton } from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport { ToolbarRadioButton } from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport { ToolbarGroup } from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,wBAAO;EAAA;AAAA;AACPF;EAAAC;EAAAC;IAAA,uCAAsB;EAAA;AAAA;AACtBF;EAAAC;EAAAC;IAAA,kCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,0CAAyB;EAAA;AAAA;AACzBF;EAAAC;EAAAC;IAAA,oCAAmB;EAAA;AAAA;AAGrB;AAASF;EAAAC;EAAAC;IAAA,oCAAa;EAAA;AAAA;AAOtB;AAASF;EAAAC;EAAAC;IAAA,sCAAc;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,wDAAgC;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,kDAA0B;EAAA;AAAA;AAErF;AACEF;EAAAC;EAAAC;IAAA,gDAAmB;EAAA;AAAA;AACnBF;EAAAC;EAAAC;IAAA,kEAAqC;EAAA;AAAA;AACrCF;EAAAC;EAAAC;IAAA,4DAA+B;EAAA;AAAA;AAGjC;AACEF;EAAAC;EAAAC;IAAA,8CAAkB;EAAA;AAAA;AAClBF;EAAAC;EAAAC;IAAA,gEAAoC;EAAA;AAAA;AACpCF;EAAAC;EAAAC;IAAA,0DAA8B;EAAA;AAAA;AAGhC;AACEF;EAAAC;EAAAC;IAAA,kCAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,oDAA8B;EAAA;AAAA;AAC9BF;EAAAC;EAAAC;IAAA,8CAAwB;EAAA;AAAA;AACxBF;EAAAC;EAAAC;IAAA,iDAA2B;EAAA;AAAA;AAC3BF;EAAAC;EAAAC;IAAA,4CAAsB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-components/react-toolbar/src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton } from './ToolbarButton';\nexport type {\n ToolbarButtonProps,\n ToolbarButtonState,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n} from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.0.0-rc.1",
3
+ "version": "9.0.0-rc.3",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,18 +28,18 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
32
- "@fluentui/scripts": "^1.0.0"
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
32
+ "@fluentui/scripts": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-button": "^9.1.11",
36
- "@fluentui/react-divider": "^9.1.7",
37
- "@fluentui/react-theme": "^9.1.4",
38
- "@fluentui/react-utilities": "^9.3.0",
39
- "@fluentui/react-context-selector": "^9.1.3",
40
- "@fluentui/react-radio": "^9.0.14",
41
- "@fluentui/react-tabster": "^9.3.3",
42
- "@griffel/react": "^1.4.2",
35
+ "@fluentui/react-button": "^9.1.13",
36
+ "@fluentui/react-divider": "^9.1.9",
37
+ "@fluentui/react-theme": "^9.1.5",
38
+ "@fluentui/react-utilities": "^9.3.1",
39
+ "@fluentui/react-context-selector": "^9.1.4",
40
+ "@fluentui/react-radio": "^9.0.16",
41
+ "@fluentui/react-tabster": "^9.3.5",
42
+ "@griffel/react": "^1.5.2",
43
43
  "tslib": "^2.1.0"
44
44
  },
45
45
  "peerDependencies": {