@fluentui/react-toolbar 9.1.35 → 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.
- package/CHANGELOG.json +76 -1
- package/CHANGELOG.md +21 -2
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js +7 -4
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js +8 -6
- package/lib/components/Toolbar/useToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js +4 -2
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +4 -3
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +4 -3
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/Toolbar.js +2 -2
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js +2 -2
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js +2 -2
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js +2 -2
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js +2 -2
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js +2 -2
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js +2 -2
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +9 -7
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js +2 -2
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js +9 -5
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js +6 -6
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js +14 -9
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js +20 -16
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +4 -2
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +8 -4
- package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +11 -9
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js +5 -5
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +8 -6
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +6 -4
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +11 -9
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js +5 -5
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +9 -7
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +7 -5
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +9 -7
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js +6 -6
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +10 -6
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +7 -5
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js +6 -2
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +11 -9
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js +5 -5
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +17 -14
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js +6 -4
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +11 -9
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js +3 -3
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +11 -9
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js +5 -5
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +14 -11
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js +6 -4
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +76 -30
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +15 -15
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ToolbarDivider"), exports);
|
|
7
|
+
_export_star._(require("./ToolbarDivider.types"), exports);
|
|
8
|
+
_export_star._(require("./useToolbarDividerStyles.styles"), exports);
|
|
9
|
+
_export_star._(require("./useToolbarDivider"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
|
|
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useToolbarDivider_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useToolbarDivider_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactdivider = require("@fluentui/react-divider");
|
|
14
|
+
const _ToolbarContext = require("../Toolbar/ToolbarContext");
|
|
13
15
|
const useToolbarDivider_unstable = (props, ref)=>{
|
|
14
|
-
const vertical = (0,
|
|
15
|
-
return (0,
|
|
16
|
+
const vertical = (0, _ToolbarContext.useToolbarContext_unstable)((ctx)=>ctx.vertical);
|
|
17
|
+
return (0, _reactdivider.useDivider_unstable)({
|
|
16
18
|
vertical: !vertical,
|
|
17
19
|
...props
|
|
18
20
|
}, ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */ export const useToolbarDivider_unstable = (props, ref)=>{\n const vertical = useToolbarContext_unstable((ctx)=>ctx.vertical);\n return useDivider_unstable({\n vertical: !vertical,\n ...props\n }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAWiBA
|
|
1
|
+
{"version":3,"sources":["useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */ export const useToolbarDivider_unstable = (props, ref)=>{\n const vertical = useToolbarContext_unstable((ctx)=>ctx.vertical);\n return useDivider_unstable({\n vertical: !vertical,\n ...props\n }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;8BACa;gCACO;AAShC,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAMC,WAAWC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAmB,EAAC;QACvBH,UAAU,CAACA;QACX,GAAGF,KAAK;IACZ,GAAGC;AACP"}
|
|
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useToolbarDividerStyles_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useToolbarDividerStyles_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const _react = require("@griffel/react");
|
|
10
|
-
const
|
|
11
|
-
const useBaseStyles = /*#__PURE__*/ (0, _react
|
|
12
|
+
const _reactdivider = require("@fluentui/react-divider");
|
|
13
|
+
const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
12
14
|
root: {
|
|
13
15
|
mc9l5x: "ftuwxu6",
|
|
14
16
|
B2u0y6b: "f1lwjmbk",
|
|
@@ -38,8 +40,8 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
38
40
|
]
|
|
39
41
|
});
|
|
40
42
|
const useToolbarDividerStyles_unstable = (state)=>{
|
|
41
|
-
(0,
|
|
42
|
-
const { vertical
|
|
43
|
+
(0, _reactdivider.useDividerStyles_unstable)(state);
|
|
44
|
+
const { vertical } = state;
|
|
43
45
|
const toolbarDividerStyles = useBaseStyles();
|
|
44
46
|
state.root.className = (0, _react.mergeClasses)(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);
|
|
45
47
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n useDividerStyles_unstable(state);\n const {\n vertical\n } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA
|
|
1
|
+
{"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n useDividerStyles_unstable(state);\n const {\n vertical\n } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA;;;eAAAA;;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAkC;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AAClO;AAIO,MAAMX,mCAAmCY,CAAAA;IAC9CC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,QAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ,EAAEE,MAAMT,IAAI,CAACY,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "ToolbarGroup", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return ToolbarGroup;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useToolbarGroup = require("./useToolbarGroup");
|
|
12
|
-
const
|
|
14
|
+
const _useToolbarGroupStylesstyles = require("./useToolbarGroupStyles.styles");
|
|
13
15
|
const _renderToolbarGroup = require("./renderToolbarGroup");
|
|
14
|
-
const
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const ToolbarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useToolbarGroup.useToolbarGroup_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
+
(0, _useToolbarGroupStylesstyles.useToolbarGroupStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarGroupStyles_unstable')(state);
|
|
19
21
|
return (0, _renderToolbarGroup.renderToolbarGroup_unstable)(state);
|
|
20
22
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
21
23
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable(props, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAQiBA
|
|
1
|
+
{"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable(props, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;iCACkB;6CACM;oCACH;qCACA;AAIjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC,0FAA0F;AAC1F;AACAL,aAAaU,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ToolbarGroup"), exports);
|
|
7
|
+
_export_star._(require("./ToolbarGroup.types"), exports);
|
|
8
|
+
_export_star._(require("./useToolbarGroup"), exports);
|
|
9
|
+
_export_star._(require("./useToolbarGroupStyles.styles"), exports);
|
|
10
|
+
_export_star._(require("./renderToolbarGroup"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
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, "renderToolbarGroup_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderToolbarGroup_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
11
13
|
const renderToolbarGroup_unstable = (state)=>{
|
|
12
|
-
(0,
|
|
13
|
-
return /*#__PURE__*/ (0,
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
|
16
|
+
children: state.root.children
|
|
17
|
+
});
|
|
14
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderToolbarGroup.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderToolbarGroup.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';\n/**\n * Render the final JSX of ToolbarGroup\n */ export const renderToolbarGroup_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {\n children: state.root.children\n });\n};\n"],"names":["renderToolbarGroup_unstable","state","assertSlots","_jsx","root","children"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,8BAA8B,CAACC;IAC5CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;IACjC;AACJ"}
|
|
@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useToolbarGroup_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useToolbarGroup_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
12
14
|
const useToolbarGroup_unstable = (props, ref)=>{
|
|
13
15
|
return {
|
|
14
16
|
components: {
|
|
15
17
|
root: 'div'
|
|
16
18
|
},
|
|
17
|
-
root:
|
|
19
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
|
18
20
|
ref,
|
|
19
21
|
role: 'presentation',
|
|
20
22
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarGroup.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */ export const useToolbarGroup_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n role: 'presentation',\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","slot","always","getNativeElementProps","role","elementType"],"mappings":";;;;+BAMiBA
|
|
1
|
+
{"version":3,"sources":["useToolbarGroup.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */ export const useToolbarGroup_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n role: 'presentation',\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","slot","always","getNativeElementProps","role","elementType"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;gCAN2B;iEACrB;AAKZ,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CL;YACAM,MAAM;YACN,GAAGP,KAAK;QACZ,IAAI;YACAQ,aAAa;QACjB;IACJ;AACJ"}
|
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
toolbarGroupClassNames: ()
|
|
13
|
-
|
|
12
|
+
toolbarGroupClassNames: function() {
|
|
13
|
+
return toolbarGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
useToolbarGroupStyles_unstable: function() {
|
|
16
|
+
return useToolbarGroupStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const toolbarGroupClassNames = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n state.root.className = mergeClasses(toolbarGroupClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB
|
|
1
|
+
{"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n state.root.className = mergeClasses(toolbarGroupClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB;eAAtBA;;IAMAC,8BAA8B;eAA9BA;;;uBAPgB;AACtB,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA;IAC5CA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACrF,OAAOD;AACT,GACA,wDAAwD"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "ToolbarRadioButton", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return ToolbarRadioButton;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
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 _useToolbarRadioButton = require("./useToolbarRadioButton");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useToolbarRadioButtonStylesstyles = require("./useToolbarRadioButtonStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const ToolbarRadioButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useToolbarRadioButton.useToolbarRadioButton_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
-
return (0,
|
|
19
|
+
(0, _useToolbarRadioButtonStylesstyles.useToolbarRadioButtonStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarRadioButtonStyles_unstable')(state);
|
|
21
|
+
return (0, _reactbutton.renderToggleButton_unstable)(state);
|
|
20
22
|
});
|
|
21
23
|
ToolbarRadioButton.displayName = 'ToolbarRadioButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */ export const ToolbarRadioButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarRadioButton_unstable(props, ref);\n useToolbarRadioButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */ export const ToolbarRadioButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarRadioButton_unstable(props, ref);\n useToolbarRadioButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACqB;uCACG;mDACM;qCACT;AAGjC,MAAMA,qBAAqB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,mBAAmBU,WAAW,GAAG"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ToolbarRadioButton"), exports);
|
|
7
|
+
_export_star._(require("./ToolbarRadioButton.types"), exports);
|
|
8
|
+
_export_star._(require("./useToolbarRadioButton"), exports);
|
|
9
|
+
_export_star._(require("./useToolbarRadioButtonStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
|
|
@@ -4,22 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useToolbarRadioButton_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useToolbarRadioButton_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
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 _reactbutton = require("@fluentui/react-button");
|
|
15
|
+
const _ToolbarContext = require("../Toolbar/ToolbarContext");
|
|
14
16
|
const useToolbarRadioButton_unstable = (props, ref)=>{
|
|
15
|
-
const handleRadio = (0,
|
|
16
|
-
const checked = (0,
|
|
17
|
+
const handleRadio = (0, _ToolbarContext.useToolbarContext_unstable)((ctx)=>ctx.handleRadio);
|
|
18
|
+
const checked = (0, _ToolbarContext.useToolbarContext_unstable)((ctx)=>{
|
|
17
19
|
var _ctx_checkedValues_props_name;
|
|
18
20
|
return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
|
|
19
21
|
});
|
|
20
|
-
const size = (0,
|
|
21
|
-
const { onClick: onClickOriginal
|
|
22
|
-
const toggleButtonState = (0,
|
|
22
|
+
const size = (0, _ToolbarContext.useToolbarContext_unstable)((ctx)=>ctx.size);
|
|
23
|
+
const { onClick: onClickOriginal } = props;
|
|
24
|
+
const toggleButtonState = (0, _reactbutton.useToggleButton_unstable)({
|
|
23
25
|
size,
|
|
24
26
|
checked,
|
|
25
27
|
role: 'radio',
|
|
@@ -31,9 +33,10 @@ const useToolbarRadioButton_unstable = (props, ref)=>{
|
|
|
31
33
|
name: props.name,
|
|
32
34
|
value: props.value
|
|
33
35
|
};
|
|
34
|
-
const handleOnClick = (0,
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
const handleOnClick = (0, _reactutilities.useEventCallback)((e)=>{
|
|
37
|
+
var _handleRadio, _onClickOriginal;
|
|
38
|
+
(_handleRadio = handleRadio) === null || _handleRadio === void 0 ? void 0 : _handleRadio(e, state.name, state.value, state.checked);
|
|
39
|
+
(_onClickOriginal = onClickOriginal) === null || _onClickOriginal === void 0 ? void 0 : _onClickOriginal(e);
|
|
37
40
|
});
|
|
38
41
|
state.root['aria-pressed'] = undefined;
|
|
39
42
|
state.root.onClick = handleOnClick;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */ export const useToolbarRadioButton_unstable = (props, ref)=>{\n const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);\n const checked = useToolbarContext_unstable((ctx)=>{\n var _ctx_checkedValues_props_name;\n return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));\n });\n const size = useToolbarContext_unstable((ctx)=>ctx.size);\n const { onClick: onClickOriginal
|
|
1
|
+
{"version":3,"sources":["useToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */ export const useToolbarRadioButton_unstable = (props, ref)=>{\n const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);\n const checked = useToolbarContext_unstable((ctx)=>{\n var _ctx_checkedValues_props_name;\n return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));\n });\n const size = useToolbarContext_unstable((ctx)=>ctx.size);\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({\n size,\n checked,\n role: 'radio',\n 'aria-checked': checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = useEventCallback((e)=>{\n var _handleRadio, _onClickOriginal;\n (_handleRadio = handleRadio) === null || _handleRadio === void 0 ? void 0 : _handleRadio(e, state.name, state.value, state.checked);\n (_onClickOriginal = onClickOriginal) === null || _onClickOriginal === void 0 ? void 0 : _onClickOriginal(e);\n });\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","_handleRadio","_onClickOriginal","root","undefined"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;gCACU;6BACQ;gCACE;AAMhC,MAAMA,iCAAiC,CAACC,OAAOC;IACtD,MAAMC,cAAcC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC;QACxC,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,QAAQF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAA;IAChM;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIO,IAAI;IACvD,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGb;IACrC,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CJ;QACAN;QACAW,MAAM;QACN,gBAAgBX;QAChB,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMgB,QAAQ;QACV,GAAGH,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMQ,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC;QACpC,IAAIC,cAAcC;QACjBD,CAAAA,eAAenB,WAAU,MAAO,QAAQmB,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaD,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMZ,OAAO;QACjIiB,CAAAA,mBAAmBT,eAAc,MAAO,QAAQS,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBF;IAC7G;IACAH,MAAMM,IAAI,CAAC,eAAe,GAAGC;IAC7BP,MAAMM,IAAI,CAACX,OAAO,GAAGM;IACrB,OAAOD;AACX"}
|
|
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useToolbarRadioButtonStyles_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const _react = require("@griffel/react");
|
|
10
|
-
const
|
|
11
|
-
const useBaseStyles = /*#__PURE__*/ (0, _react
|
|
12
|
+
const _reactbutton = require("@fluentui/react-button");
|
|
13
|
+
const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
12
14
|
selected: {
|
|
13
15
|
sj55zd: "f16muhyy"
|
|
14
16
|
}
|
|
@@ -18,7 +20,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
18
20
|
]
|
|
19
21
|
});
|
|
20
22
|
const useToolbarRadioButtonStyles_unstable = (state)=>{
|
|
21
|
-
(0,
|
|
23
|
+
(0, _reactbutton.useToggleButtonStyles_unstable)(state);
|
|
22
24
|
const toggleButtonStyles = useBaseStyles();
|
|
23
25
|
state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
24
26
|
}; //# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map
|
package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = state => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA
|
|
1
|
+
{"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = state => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;;eAAAA;;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA;IAClDC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,8DAA8D"}
|
|
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "ToolbarRadioGroup", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return ToolbarRadioGroup;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _ToolbarGroup = require("../../ToolbarGroup");
|
|
14
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
13
15
|
const ToolbarRadioGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
14
|
-
const state = (0,
|
|
16
|
+
const state = (0, _ToolbarGroup.useToolbarGroup_unstable)({
|
|
15
17
|
role: 'radiogroup',
|
|
16
18
|
...props
|
|
17
19
|
}, ref);
|
|
18
|
-
(0,
|
|
19
|
-
(0,
|
|
20
|
-
return (0,
|
|
20
|
+
(0, _ToolbarGroup.useToolbarGroupStyles_unstable)(state);
|
|
21
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarGroupStyles_unstable')(state);
|
|
22
|
+
return (0, _ToolbarGroup.renderToolbarGroup_unstable)(state);
|
|
21
23
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
22
24
|
});
|
|
23
25
|
ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable({\n role: 'radiogroup',\n ...props\n }, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAMiBA
|
|
1
|
+
{"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable({\n role: 'radiogroup',\n ...props\n }, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;8BAC+E;qCAC1D;AAIjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,sCAAwB,EAAC;QACnCC,MAAM;QACN,GAAGJ,KAAK;IACZ,GAAGC;IACHI,IAAAA,4CAA8B,EAACH;IAC/BI,IAAAA,gDAA2B,EAAC,kCAAkCJ;IAC9D,OAAOK,IAAAA,yCAA2B,EAACL;AACvC,0FAA0F;AAC1F;AACAL,kBAAkBW,WAAW,GAAG"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ToolbarRadioGroup"), exports);
|
|
7
|
+
_export_star._(require("./ToolbarRadioGroup.types"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "ToolbarToggleButton", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return ToolbarToggleButton;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
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 _useToolbarToggleButton = require("./useToolbarToggleButton");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useToolbarToggleButtonStylesstyles = require("./useToolbarToggleButtonStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const ToolbarToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useToolbarToggleButton.useToolbarToggleButton_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
-
return (0,
|
|
19
|
+
(0, _useToolbarToggleButtonStylesstyles.useToolbarToggleButtonStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToolbarToggleButtonStyles_unstable')(state);
|
|
21
|
+
return (0, _reactbutton.renderToggleButton_unstable)(state);
|
|
20
22
|
});
|
|
21
23
|
ToolbarToggleButton.displayName = 'ToolbarToggleButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarToggleButton_unstable(props, ref);\n useToolbarToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarToggleButton_unstable(props, ref);\n useToolbarToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACqB;wCACI;oDACM;qCACV;AAGjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1E,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,oBAAoBU,WAAW,GAAG"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ToolbarToggleButton"), exports);
|
|
7
|
+
_export_star._(require("./ToolbarToggleButton.types"), exports);
|
|
8
|
+
_export_star._(require("./useToolbarToggleButton"), exports);
|
|
9
|
+
_export_star._(require("./useToolbarToggleButtonStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
|