@fluentui/react-toolbar 9.1.16 → 9.1.17
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 +70 -1
- package/CHANGELOG.md +20 -2
- package/lib/Toolbar.js +0 -1
- package/lib/Toolbar.js.map +1 -1
- package/lib/ToolbarButton.js +0 -1
- package/lib/ToolbarButton.js.map +1 -1
- package/lib/ToolbarDivider.js +0 -1
- package/lib/ToolbarDivider.js.map +1 -1
- package/lib/ToolbarGroup.js +0 -1
- package/lib/ToolbarGroup.js.map +1 -1
- package/lib/ToolbarRadioButton.js +0 -1
- package/lib/ToolbarRadioButton.js.map +1 -1
- package/lib/ToolbarRadioGroup.js +0 -1
- package/lib/ToolbarRadioGroup.js.map +1 -1
- package/lib/ToolbarToggleButton.js +0 -1
- package/lib/ToolbarToggleButton.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.js +6 -8
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.types.js +0 -1
- package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js +7 -8
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/index.js +0 -1
- package/lib/components/Toolbar/index.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js +6 -11
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js +90 -94
- package/lib/components/Toolbar/useToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js +12 -19
- 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 +6 -9
- package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.types.js +1 -2
- package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib/components/ToolbarButton/index.js +0 -1
- package/lib/components/ToolbarButton/index.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js +10 -15
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js +5 -7
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.types.js +1 -2
- package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib/components/ToolbarDivider/index.js +0 -1
- package/lib/components/ToolbarDivider/index.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js +6 -8
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js +6 -9
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.types.js +1 -2
- package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib/components/ToolbarGroup/index.js +0 -1
- package/lib/components/ToolbarGroup/index.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js +4 -9
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js +11 -13
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js +5 -7
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js +1 -2
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib/components/ToolbarRadioButton/index.js +0 -1
- package/lib/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +27 -31
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js +9 -12
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +1 -2
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/index.js +0 -1
- package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js +5 -7
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js +1 -2
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib/components/ToolbarToggleButton/index.js +0 -1
- package/lib/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +27 -31
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Toolbar.js +0 -3
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js +0 -3
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js +0 -3
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js +0 -3
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js +0 -3
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js +0 -3
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js +0 -3
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +1 -3
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js +0 -3
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js +2 -4
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js +0 -3
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js +1 -3
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js +1 -3
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +1 -3
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +0 -2
- package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +1 -3
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +0 -3
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js +0 -3
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +1 -3
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +1 -3
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +0 -3
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js +0 -3
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +1 -3
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +1 -3
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +1 -3
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +0 -3
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js +0 -3
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +1 -3
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +1 -3
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js +0 -2
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +1 -3
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -3
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js +0 -3
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +1 -3
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +1 -3
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -3
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js +0 -3
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +1 -3
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -3
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js +0 -3
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +1 -3
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
|
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarButton"), exports);
|
|
|
7
7
|
_exportStar(require("./ToolbarButton.types"), exports);
|
|
8
8
|
_exportStar(require("./useToolbarButton"), exports);
|
|
9
9
|
_exportStar(require("./useToolbarButtonStyles.styles"), exports);
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */ export const useToolbarButton_unstable = (props, ref)=>{\n const { vertical =false , ...buttonProps } = props;\n const state = useButton_unstable({\n appearance: 'subtle',\n ...buttonProps\n }, ref);\n return {\n vertical,\n ...state\n };\n};\n"],"names":["useToolbarButton_unstable","props","ref","vertical","buttonProps","state","useButton_unstable","appearance"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACY;AAMxB,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,UAAU,KAAK,CAAA,EAAG,GAAGC,aAAa,GAAGH;IAC7C,MAAMI,QAAQC,IAAAA,+BAAkB,EAAC;QAC7BC,YAAY;QACZ,GAAGH,WAAW;IAClB,GAAGF;IACH,OAAO;QACHC;QACA,GAAGE,KAAK;IACZ;AACJ"}
|
|
@@ -29,5 +29,3 @@ const useToolbarButtonStyles_unstable = (state)=>{
|
|
|
29
29
|
state.icon.className = (0, _react.mergeClasses)(state.icon.className, state.vertical && buttonStyles.verticalIcon);
|
|
30
30
|
}
|
|
31
31
|
}; //# sourceMappingURL=useToolbarButtonStyles.styles.js.map
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=useToolbarButtonStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n vertical: {\n Beiy3e4: \"f1vx9l62\"\n },\n verticalIcon: {\n Be2twd7: \"f1rt2boy\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\"]\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = state => {\n useButtonStyles_unstable(state);\n const buttonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n if (state.icon) {\n state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n }\n};\n//# sourceMappingURL=useToolbarButtonStyles.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAeaA;;aAAAA;;uBAf0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6F;KAA6B;AAChI;AAIO,MAAMP,kCAAkCQ,CAAAA,QAAS;IACtDC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAeT;IACrBO,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaP,QAAQ;IACjG,IAAIK,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaL,YAAY;IACvG,CAAC;AACH,GACA,yDAAyD"}
|
|
@@ -18,6 +18,4 @@ const ToolbarDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarDividerStyles_unstable')(state);
|
|
19
19
|
return (0, _reactDivider.renderDivider_unstable)(state);
|
|
20
20
|
});
|
|
21
|
-
ToolbarDivider.displayName = 'ToolbarDivider';
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=ToolbarDivider.js.map
|
|
21
|
+
ToolbarDivider.displayName = 'ToolbarDivider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarDivider component\n */ export const ToolbarDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarDivider_unstable(props, ref);\n useToolbarDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider_unstable","useToolbarDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;+CAC0B;8BACV;mCACI;qCACC;AAGjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC3E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,oCAAsB,EAACJ;AAClC;AACAL,eAAeU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarDivider"), exports);
|
|
|
7
7
|
_exportStar(require("./ToolbarDivider.types"), exports);
|
|
8
8
|
_exportStar(require("./useToolbarDividerStyles.styles"), exports);
|
|
9
9
|
_exportStar(require("./useToolbarDivider"), exports);
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */ export const useToolbarDivider_unstable = (props, ref)=>{\n const vertical = useToolbarContext_unstable((ctx)=>ctx.vertical);\n return useDivider_unstable({\n vertical: !vertical,\n ...props\n }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;8BACa;gCACO;AAShC,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAMC,WAAWC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAmB,EAAC;QACvBH,UAAU,CAACA;QACX,GAAGF,KAAK;IACZ,GAAGC;AACP"}
|
|
@@ -41,8 +41,6 @@ const useToolbarDividerStyles_unstable = (state)=>{
|
|
|
41
41
|
(0, _reactDivider.useDividerStyles_unstable)(state);
|
|
42
42
|
const { vertical } = state;
|
|
43
43
|
const toolbarDividerStyles = useBaseStyles();
|
|
44
|
-
state.root.className = (0, _react.mergeClasses)(
|
|
44
|
+
state.root.className = (0, _react.mergeClasses)(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);
|
|
45
45
|
return state;
|
|
46
46
|
}; //# sourceMappingURL=useToolbarDividerStyles.styles.js.map
|
|
47
|
-
|
|
48
|
-
//# sourceMappingURL=useToolbarDividerStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n useDividerStyles_unstable(state);\n const {\n vertical\n } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA;;aAAAA;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAoH;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AACpT;AAIO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvDC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ,EAAEE,MAAMT,IAAI,CAACY,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
|
|
@@ -19,6 +19,4 @@ const ToolbarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
19
19
|
return (0, _renderToolbarGroup.renderToolbarGroup_unstable)(state);
|
|
20
20
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
21
21
|
});
|
|
22
|
-
ToolbarGroup.displayName = 'ToolbarGroup';
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=ToolbarGroup.js.map
|
|
22
|
+
ToolbarGroup.displayName = 'ToolbarGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable(props, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;iCACkB;6CACM;oCACH;qCACA;AAIjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACzE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC,0FAA0F;AAC1F;AACAL,aAAaU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -8,6 +8,3 @@ _exportStar(require("./ToolbarGroup.types"), exports);
|
|
|
8
8
|
_exportStar(require("./useToolbarGroup"), exports);
|
|
9
9
|
_exportStar(require("./useToolbarGroupStyles.styles"), exports);
|
|
10
10
|
_exportStar(require("./renderToolbarGroup"), exports);
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
|
|
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
|
|
|
11
11
|
const renderToolbarGroup_unstable = (state)=>{
|
|
12
12
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
13
13
|
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
//# sourceMappingURL=renderToolbarGroup.js.map
|
|
14
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["renderToolbarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToolbarGroup\n */ export const renderToolbarGroup_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children);\n};\n"],"names":["renderToolbarGroup_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,8BAA8B,CAACC,QAAQ;IACpD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ;AAC1F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarGroup.js"],"sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */ export const useToolbarGroup_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n role: 'presentation',\n ...props\n })\n };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","getNativeElementProps","role"],"mappings":";;;;+BAMiBA;;aAAAA;;;gCANqB;6DACf;AAKZ,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACAI,MAAM;YACN,GAAGL,KAAK;QACZ;IACJ;AACJ"}
|
|
@@ -26,5 +26,3 @@ const useToolbarGroupStyles_unstable = (state)=>{
|
|
|
26
26
|
state.root.className = (0, _react.mergeClasses)(toolbarGroupClassNames.root, styles.root, state.root.className);
|
|
27
27
|
return state;
|
|
28
28
|
}; //# sourceMappingURL=useToolbarGroupStyles.styles.js.map
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=useToolbarGroupStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {}\n}, {});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAYAC,8BAA8B,MAA9BA;;uBAb0B;AAChC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,iCAAiCI,CAAAA,QAAS;IACrD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,uBAAuBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
|
|
@@ -18,6 +18,4 @@ const ToolbarRadioButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarRadioButtonStyles_unstable')(state);
|
|
19
19
|
return (0, _reactButton.renderToggleButton_unstable)(state);
|
|
20
20
|
});
|
|
21
|
-
ToolbarRadioButton.displayName = 'ToolbarRadioButton';
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=ToolbarRadioButton.js.map
|
|
21
|
+
ToolbarRadioButton.displayName = 'ToolbarRadioButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */ export const ToolbarRadioButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarRadioButton_unstable(props, ref);\n useToolbarRadioButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACqB;uCACG;mDACM;qCACT;AAGjC,MAAMA,qBAAqB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC/E,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,mBAAmBU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarRadioButton"), exports);
|
|
|
7
7
|
_exportStar(require("./ToolbarRadioButton.types"), exports);
|
|
8
8
|
_exportStar(require("./useToolbarRadioButton"), exports);
|
|
9
9
|
_exportStar(require("./useToolbarRadioButtonStyles.styles"), exports);
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
|
|
@@ -38,6 +38,4 @@ const useToolbarRadioButton_unstable = (props, ref)=>{
|
|
|
38
38
|
state.root['aria-pressed'] = undefined;
|
|
39
39
|
state.root.onClick = handleOnClick;
|
|
40
40
|
return state;
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
//# sourceMappingURL=useToolbarRadioButton.js.map
|
|
41
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */ export const useToolbarRadioButton_unstable = (props, ref)=>{\n const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);\n const checked = useToolbarContext_unstable((ctx)=>{\n var _ctx_checkedValues_props_name;\n return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));\n });\n const size = useToolbarContext_unstable((ctx)=>ctx.size);\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({\n size,\n checked,\n role: 'radio',\n 'aria-checked': checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = useEventCallback((e)=>{\n handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);\n onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n });\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;gCACU;6BACQ;gCACE;AAMhC,MAAMA,iCAAiC,CAACC,OAAOC,MAAM;IAC5D,MAAMC,cAAcC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC,MAAM;QAC9C,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,IAAI,IAAIF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAC,AAAD;IAChM;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIO,IAAI;IACvD,MAAM,EAAEC,SAASC,gBAAe,EAAG,GAAGb;IACtC,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CJ;QACAN;QACAW,MAAM;QACN,gBAAgBX;QAChB,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMgB,QAAQ;QACV,GAAGH,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMQ,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACxClB,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYkB,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMZ,OAAO,CAAC;QAChHQ,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBO,EAAE;IACxF;IACAH,MAAMI,IAAI,CAAC,eAAe,GAAGC;IAC7BL,MAAMI,IAAI,CAACT,OAAO,GAAGM;IACrB,OAAOD;AACX"}
|
|
@@ -22,5 +22,3 @@ const useToolbarRadioButtonStyles_unstable = (state)=>{
|
|
|
22
22
|
const toggleButtonStyles = useBaseStyles();
|
|
23
23
|
state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
24
24
|
}; //# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map
|
|
25
|
-
|
|
26
|
-
//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map
|
package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = state => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA,QAAS;IAC3DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,8DAA8D"}
|
|
@@ -20,6 +20,4 @@ const ToolbarRadioGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
20
20
|
return (0, _toolbarGroup.renderToolbarGroup_unstable)(state);
|
|
21
21
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
22
22
|
});
|
|
23
|
-
ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
|
|
24
|
-
|
|
25
|
-
//# sourceMappingURL=ToolbarRadioGroup.js.map
|
|
23
|
+
ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarGroup_unstable({\n role: 'radiogroup',\n ...props\n }, ref);\n useToolbarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;8BAC+E;qCAC1D;AAIjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC9E,MAAMC,QAAQC,IAAAA,sCAAwB,EAAC;QACnCC,MAAM;QACN,GAAGJ,KAAK;IACZ,GAAGC;IACHI,IAAAA,4CAA8B,EAACH;IAC/BI,IAAAA,gDAA2B,EAAC,kCAAkCJ;IAC9D,OAAOK,IAAAA,yCAA2B,EAACL;AACvC,0FAA0F;AAC1F;AACAL,kBAAkBW,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -5,6 +5,3 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
6
|
_exportStar(require("./ToolbarRadioGroup"), exports);
|
|
7
7
|
_exportStar(require("./ToolbarRadioGroup.types"), exports);
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
9
|
-
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}
|
|
@@ -18,6 +18,4 @@ const ToolbarToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarToggleButtonStyles_unstable')(state);
|
|
19
19
|
return (0, _reactButton.renderToggleButton_unstable)(state);
|
|
20
20
|
});
|
|
21
|
-
ToolbarToggleButton.displayName = 'ToolbarToggleButton';
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=ToolbarToggleButton.js.map
|
|
21
|
+
ToolbarToggleButton.displayName = 'ToolbarToggleButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToolbarToggleButton_unstable(props, ref);\n useToolbarToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACqB;wCACI;oDACM;qCACV;AAGjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAChF,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,oBAAoBU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -7,6 +7,3 @@ _exportStar(require("./ToolbarToggleButton"), exports);
|
|
|
7
7
|
_exportStar(require("./ToolbarToggleButton.types"), exports);
|
|
8
8
|
_exportStar(require("./useToolbarToggleButton"), exports);
|
|
9
9
|
_exportStar(require("./useToolbarToggleButtonStyles.styles"), exports);
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\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 */ export const useToolbarToggleButton_unstable = (props, ref)=>{\n const handleToggleButton = useToolbarContext_unstable((ctx)=>ctx.handleToggleButton);\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 { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({\n checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = (e)=>{\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);\n onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n };\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;6BACkB;gCACE;AAMhC,MAAMA,kCAAkC,CAACC,OAAOC,MAAM;IAC7D,MAAMC,qBAAqBC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC,MAAM;QAC9C,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,IAAI,IAAIF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAC,AAAD;IAChM;IACA,MAAM,EAAEC,SAASC,gBAAe,EAAG,GAAGZ;IACtC,MAAMa,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CT;QACA,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMc,QAAQ;QACV,GAAGF,iBAAiB;QACpBL,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMM,gBAAgB,CAACC,IAAI;QACvB,IAAIF,MAAMG,QAAQ,EAAE;YAChBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACJ,CAAC;QACDlB,uBAAuB,IAAI,IAAIA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBe,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMV,OAAO,CAAC;QACrIO,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBK,EAAE;IACxF;IACAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACX"}
|
|
@@ -22,5 +22,3 @@ const useToolbarToggleButtonStyles_unstable = (state)=>{
|
|
|
22
22
|
const toggleButtonStyles = useBaseStyles();
|
|
23
23
|
state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
24
24
|
}; //# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map
|
|
25
|
-
|
|
26
|
-
//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map
|
package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useToolbarToggleButtonStyles.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 ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA,QAAS;IAC5DC,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,+DAA+D"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -40,6 +40,3 @@ const _toolbarToggleButton = require("./ToolbarToggleButton");
|
|
|
40
40
|
const _toolbarRadioButton = require("./ToolbarRadioButton");
|
|
41
41
|
const _toolbarGroup = require("./ToolbarGroup");
|
|
42
42
|
const _toolbarRadioGroup = require("./ToolbarRadioGroup");
|
|
43
|
-
//# sourceMappingURL=index.js.map
|
|
44
|
-
|
|
45
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable } from './ToolbarToggleButton';\nexport { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable } from './ToolbarRadioButton';\nexport { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;IAClGC,aAAa,MAAbA,4BAAa;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IACzEC,cAAc,MAAdA,8BAAc;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IAC5EC,mBAAmB,MAAnBA,wCAAmB;IAAEC,qCAAqC,MAArCA,0DAAqC;IAAEC,+BAA+B,MAA/BA,oDAA+B;IAC3FC,kBAAkB,MAAlBA,sCAAkB;IAAEC,oCAAoC,MAApCA,wDAAoC;IAAEC,8BAA8B,MAA9BA,kDAA8B;IACxFC,YAAY,MAAZA,0BAAY;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAC3HC,iBAAiB,MAAjBA,oCAAiB;;yBANyF;+BACzB;gCACG;qCACe;oCACH;8BACmC;mCAC1G"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-toolbar",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.17",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -29,22 +29,22 @@
|
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
32
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.22",
|
|
33
33
|
"@fluentui/scripts-api-extractor": "*",
|
|
34
34
|
"@fluentui/scripts-cypress": "*",
|
|
35
35
|
"@fluentui/scripts-tasks": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-button": "^9.3.
|
|
39
|
-
"@fluentui/react-divider": "^9.2.
|
|
38
|
+
"@fluentui/react-button": "^9.3.16",
|
|
39
|
+
"@fluentui/react-divider": "^9.2.15",
|
|
40
40
|
"@fluentui/react-theme": "^9.1.8",
|
|
41
|
-
"@fluentui/react-utilities": "^9.9.
|
|
42
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
43
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
44
|
-
"@fluentui/react-radio": "^9.1.
|
|
41
|
+
"@fluentui/react-utilities": "^9.9.2",
|
|
42
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
|
|
43
|
+
"@fluentui/react-context-selector": "^9.1.22",
|
|
44
|
+
"@fluentui/react-radio": "^9.1.17",
|
|
45
45
|
"@fluentui/react-shared-contexts": "^9.5.0",
|
|
46
|
-
"@fluentui/react-tabster": "^9.7.
|
|
47
|
-
"@griffel/react": "^1.5.
|
|
46
|
+
"@fluentui/react-tabster": "^9.7.5",
|
|
47
|
+
"@griffel/react": "^1.5.7",
|
|
48
48
|
"@swc/helpers": "^0.4.14"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|