@fluentui/react-toolbar 9.0.7 → 9.1.0
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 +58 -1
- package/CHANGELOG.md +18 -2
- package/lib/components/Toolbar/Toolbar.js +5 -0
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.js +5 -0
- package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js +5 -0
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js +5 -0
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js +5 -0
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js +5 -0
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js +5 -0
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-amd/components/Toolbar/Toolbar.js +3 -1
- package/lib-amd/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.js +3 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js +3 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js +3 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js +3 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js +3 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js +3 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +5 -0
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +5 -0
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +5 -0
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +5 -0
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +5 -0
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +5 -0
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +5 -0
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles';\nexport * from './renderToolbarGroup';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["React","require","react_utilities_1","renderToolbarGroup_unstable","state","slots","slotProps","getSlots","createElement","root","children","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarGroup/renderToolbarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ToolbarGroupState, ToolbarGroupSlots } from './ToolbarGroup.types';\n\n/**\n * Render the final JSX of ToolbarGroup\n */\nexport const renderToolbarGroup_unstable = (state: ToolbarGroupState) => {\n const { slots, slotProps } = getSlots<ToolbarGroupSlots>(state);\n\n return <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAoBH,KAAK,CAAC;EAE/D,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAAGH,SAAS,CAACG,IAAI,CAACC,QAAQ,CAAc;AAC/E,CAAC;AAJYC,OAAA,CAAAR,2BAA2B,GAAAA,2BAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_utilities_1","require","useToolbarGroup_unstable","props","ref","components","root","getNativeElementProps","role","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroup.ts"],"sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup.types';\n\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (\n props: ToolbarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps<React.HTMLAttributes<HTMLDivElement>>('div', {\n ref,\n role: 'presentation',\n ...props,\n }),\n };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AAIA;;;;;AAKO,MAAMC,wBAAwB,GAAGA,CACtCC,KAAwB,EACxBC,GAA8B,KACT;EACrB,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEN,iBAAA,CAAAO,qBAAqB,CAAuC,KAAK,EAAE;MACvEH,GAAG;MACHI,IAAI,EAAE,cAAc;MACpB,GAAGL;KACJ;GACF;AACH,CAAC;AAdYM,OAAA,CAAAP,wBAAwB,GAAAA,wBAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_1","require","exports","toolbarGroupClassNames","root","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","d","useToolbarGroupStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\n\nexport const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots> = {\n root: 'fui-ToolbarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n ...shorthands.gap('8px'),\n },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,sBAAsB,GAAsC;EACvEC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGL,OAAA,CAAAM,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAK1B;AAEF;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5F,MAAMC,MAAM,GAAGR,SAAS,EAAE;EAC1BO,KAAK,CAACR,IAAI,CAACU,SAAS,GAAGd,OAAA,CAAAe,YAAY,CAACb,OAAA,CAAAC,sBAAsB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;EAEnG,OAAOF,KAAK;AACd,CAAC;AALYV,OAAA,CAAAS,8BAA8B,GAAAA,8BAAA"}
|
|
@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
|
|
|
8
8
|
const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
|
|
9
9
|
const useToolbarRadioButton_1 = /*#__PURE__*/require("./useToolbarRadioButton");
|
|
10
10
|
const useToolbarRadioButtonStyles_1 = /*#__PURE__*/require("./useToolbarRadioButtonStyles");
|
|
11
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
11
12
|
/**
|
|
12
13
|
* ToolbarRadioButton component
|
|
13
14
|
*/
|
|
14
15
|
exports.ToolbarRadioButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
16
|
const state = useToolbarRadioButton_1.useToolbarRadioButton_unstable(props, ref);
|
|
16
17
|
useToolbarRadioButtonStyles_1.useToolbarRadioButtonStyles_unstable(state);
|
|
18
|
+
const {
|
|
19
|
+
useToolbarRadioButtonStyles_unstable: useCustomStyles
|
|
20
|
+
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
21
|
+
useCustomStyles(state);
|
|
17
22
|
return react_button_1.renderToggleButton_unstable(state);
|
|
18
23
|
});
|
|
19
24
|
exports.ToolbarRadioButton.displayName = 'ToolbarRadioButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["React","require","react_button_1","useToolbarRadioButton_1","useToolbarRadioButtonStyles_1","react_shared_contexts_1","exports","ToolbarRadioButton","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToggleButton_unstable","displayName"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n\n useToolbarRadioButtonStyles_unstable(state);\n\n const { useToolbarRadioButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,6BAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,kBAAkB,gBAAiDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9G,MAAMC,KAAK,GAAGR,uBAAA,CAAAS,8BAA8B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAExDN,6BAAA,CAAAS,oCAAoC,CAACF,KAAK,CAAC;EAE3C,MAAM;IAAEE,oCAAoC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAChGD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,cAAA,CAAAc,2BAA2B,CAACL,KAAK,CAAC;AAC3C,CAAC,CAAiD;AAElDL,OAAA,CAAAC,kBAAkB,CAACU,WAAW,GAAG,oBAAoB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarRadioButton Props\n */\nexport type ToolbarRadioButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarRadioButton\n */\nexport type ToolbarRadioButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarRadioButtonProps, 'name' | 'value'>;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_utilities_1","require","react_button_1","ToolbarContext_1","useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_a","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"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';\nimport { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n props: ToolbarRadioButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable(\n { size, checked, role: 'radio', 'aria-checked': checked, ...props },\n ref,\n );\n const state: ToolbarRadioButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = useEventCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n handleRadio?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n },\n );\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AAGA;;;;;;AAMO,MAAMG,8BAA8B,GAAGA,CAC5CC,KAA8B,EAC9BC,GAAqD,KAC1B;EAC3B,MAAMC,WAAW,GAAGJ,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAIA,GAAG,CAACF,WAAW,CAAC;EACtE,MAAMG,OAAO,GAAGP,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAG;IAAA,IAAAE,EAAA;IAAC,QAAC,EAAC,CAAAA,EAAA,GAAAF,GAAG,CAACG,aAAa,CAACP,KAAK,CAACQ,IAAI,CAAC,cAAAF,EAAA,uBAAAA,EAAA,CAAEG,QAAQ,CAACT,KAAK,CAACU,KAAK,CAAC;EAAA,EAAC;EACzG,MAAMC,IAAI,GAAGb,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAIA,GAAG,CAACO,IAAI,CAAC;EAExD,MAAM;IAAEC,OAAO,EAAEC;EAAe,CAAE,GAAGb,KAAK;EAC1C,MAAMc,iBAAiB,GAAGjB,cAAA,CAAAkB,wBAAwB,CAChD;IAAEJ,IAAI;IAAEN,OAAO;IAAEW,IAAI,EAAE,OAAO;IAAE,cAAc,EAAEX,OAAO;IAAE,GAAGL;EAAK,CAAE,EACnEC,GAAG,CACJ;EACD,MAAMgB,KAAK,GAA4B;IACrC,GAAGH,iBAAiB;IACpBN,IAAI,EAAER,KAAK,CAACQ,IAAI;IAChBE,KAAK,EAAEV,KAAK,CAACU;GACd;EAED,MAAMQ,aAAa,GAAGvB,iBAAA,CAAAwB,gBAAgB,CACnCC,CAAoG,IAAI;IACvGlB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAGkB,CAAC,EAAEH,KAAK,CAACT,IAAI,EAAES,KAAK,CAACP,KAAK,EAAEO,KAAK,CAACZ,OAAO,CAAC;IACxDQ,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGO,CAAC,CAAC;EACtB,CAAC,CACF;EACDH,KAAK,CAACI,IAAI,CAAC,cAAc,CAAC,GAAGC,SAAS;EACtCL,KAAK,CAACI,IAAI,CAACT,OAAO,GAAGM,aAAa;EAClC,OAAOD,KAAK;AACd,CAAC;AA5BYM,OAAA,CAAAxB,8BAA8B,GAAAA,8BAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_theme_1","require","react_1","react_button_1","useBaseStyles","__styles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = (state: ToolbarRadioButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":";;;;;;AAAA,MAAAA,aAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAGA,MAAMG,aAAa,gBAAGF,OAAA,CAAAG,QAAU;EAAAC,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI9B;AAEF;;;AAGO,MAAMC,oCAAoC,GAAIC,KAA8B,IAAI;EACrFP,cAAA,CAAAQ,8BAA8B,CAACD,KAAK,CAAC;EACrC,MAAME,kBAAkB,GAAGR,aAAa,EAAE;EAE1CM,KAAK,CAACG,IAAI,CAACC,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACL,KAAK,CAACG,IAAI,CAACC,SAAS,EAAEJ,KAAK,CAACM,OAAO,IAAIJ,kBAAkB,CAACN,QAAQ,CAAC;AACzG,CAAC;AALYW,OAAA,CAAAR,oCAAoC,GAAAA,oCAAA"}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ToolbarRadioGroup = void 0;
|
|
7
7
|
const React = /*#__PURE__*/require("react");
|
|
8
8
|
const ToolbarGroup_1 = /*#__PURE__*/require("../../ToolbarGroup");
|
|
9
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
9
10
|
/**
|
|
10
11
|
* ToolbarRadioGroup component is a Button to be used inside Toolbar
|
|
11
12
|
* which will respect toolbar props such as `size`
|
|
@@ -16,6 +17,10 @@ exports.ToolbarRadioGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
16
17
|
...props
|
|
17
18
|
}, ref);
|
|
18
19
|
ToolbarGroup_1.useToolbarGroupStyles_unstable(state);
|
|
20
|
+
const {
|
|
21
|
+
useToolbarGroupStyles_unstable: useCustomStyles
|
|
22
|
+
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
23
|
+
useCustomStyles(state);
|
|
19
24
|
return ToolbarGroup_1.renderToolbarGroup_unstable(state);
|
|
20
25
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
21
26
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["React","require","ToolbarGroup_1","react_shared_contexts_1","exports","ToolbarRadioGroup","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToolbarGroup_unstable","displayName"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n renderToolbarGroup_unstable,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n\n useToolbarGroupStyles_unstable(state);\n\n const { useToolbarGroupStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,MAAAC,cAAA,gBAAAD,OAAA;AAKA,MAAAE,uBAAA,gBAAAF,OAAA;AAEA;;;;AAIaG,OAAA,CAAAC,iBAAiB,gBAAgDL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC5G,MAAMC,KAAK,GAAGP,cAAA,CAAAQ,wBAAwB,CAAC;IAAEC,IAAI,EAAE,YAAY;IAAE,GAAGJ;EAAK,CAAE,EAAEC,GAAG,CAAC;EAE7EN,cAAA,CAAAU,8BAA8B,CAACH,KAAK,CAAC;EAErC,MAAM;IAAEG,8BAA8B,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC1FD,eAAe,CAACJ,KAAK,CAAC;EAEtB,OAAOP,cAAA,CAAAa,2BAA2B,CAACN,KAAK,CAAC;EACzC;AACF,CAAC,CAAgD;;AAEjDL,OAAA,CAAAC,iBAAiB,CAACW,WAAW,GAAG,mBAAmB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarRadioGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarRadioGroupProps = ComponentProps<ToolbarRadioGroupSlots>;\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarRadioGroupState = ComponentState<ToolbarRadioGroupSlots>;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
|
|
@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
|
|
|
8
8
|
const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
|
|
9
9
|
const useToolbarToggleButton_1 = /*#__PURE__*/require("./useToolbarToggleButton");
|
|
10
10
|
const useToolbarToggleButtonStyles_1 = /*#__PURE__*/require("./useToolbarToggleButtonStyles");
|
|
11
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
11
12
|
/**
|
|
12
13
|
* ToolbarToggleButton component
|
|
13
14
|
*/
|
|
14
15
|
exports.ToolbarToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
16
|
const state = useToolbarToggleButton_1.useToolbarToggleButton_unstable(props, ref);
|
|
16
17
|
useToolbarToggleButtonStyles_1.useToolbarToggleButtonStyles_unstable(state);
|
|
18
|
+
const {
|
|
19
|
+
useToolbarToggleButtonStyles_unstable: useCustomStyles
|
|
20
|
+
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
21
|
+
useCustomStyles(state);
|
|
17
22
|
return react_button_1.renderToggleButton_unstable(state);
|
|
18
23
|
});
|
|
19
24
|
exports.ToolbarToggleButton.displayName = 'ToolbarToggleButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["React","require","react_button_1","useToolbarToggleButton_1","useToolbarToggleButtonStyles_1","react_shared_contexts_1","exports","ToolbarToggleButton","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToggleButton_unstable","displayName"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarToggleButton_unstable(props, ref);\n\n useToolbarToggleButtonStyles_unstable(state);\n\n const { useToolbarToggleButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,8BAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,mBAAmB,gBAAkDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChH,MAAMC,KAAK,GAAGR,wBAAA,CAAAS,+BAA+B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEzDN,8BAAA,CAAAS,qCAAqC,CAACF,KAAK,CAAC;EAE5C,MAAM;IAAEE,qCAAqC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACjGD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,cAAA,CAAAc,2BAA2B,CAACL,KAAK,CAAC;AAC3C,CAAC,CAAkD;AAEnDL,OAAA,CAAAC,mBAAmB,CAACU,WAAW,GAAG,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarToggleButton Props\n */\nexport type ToolbarToggleButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarToggleButton\n */\nexport type ToolbarToggleButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarToggleButtonProps, 'name' | 'value'>;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oCAAAC,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_button_1","require","ToolbarContext_1","useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","_a","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ size, checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,cAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AAGA;;;;;;AAMO,MAAME,+BAA+B,GAAGA,CAC7CC,KAA+B,EAC/BC,GAAqD,KACzB;EAC5B,MAAMC,kBAAkB,GAAGJ,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAIA,GAAG,CAACF,kBAAkB,CAAC;EACpF,MAAMG,OAAO,GAAGP,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAG;IAAA,IAAAE,EAAA;IAAC,QAAC,EAAC,CAAAA,EAAA,GAAAF,GAAG,CAACG,aAAa,CAACP,KAAK,CAACQ,IAAI,CAAC,cAAAF,EAAA,uBAAAA,EAAA,CAAEG,QAAQ,CAACT,KAAK,CAACU,KAAK,CAAC;EAAA,EAAC;EACzG,MAAMC,IAAI,GAAGb,gBAAA,CAAAK,0BAA0B,CAACC,GAAG,IAAIA,GAAG,CAACO,IAAI,CAAC;EAExD,MAAM;IAAEC,OAAO,EAAEC;EAAe,CAAE,GAAGb,KAAK;EAC1C,MAAMc,iBAAiB,GAAGlB,cAAA,CAAAmB,wBAAwB,CAAC;IAAEJ,IAAI;IAAEN,OAAO;IAAE,GAAGL;EAAK,CAAE,EAAEC,GAAG,CAAC;EACpF,MAAMe,KAAK,GAA6B;IACtC,GAAGF,iBAAiB;IACpBN,IAAI,EAAER,KAAK,CAACQ,IAAI;IAChBE,KAAK,EAAEV,KAAK,CAACU;GACd;EAED,MAAMO,aAAa,GACjBC,CAAoG,IAClG;IACF,IAAIF,KAAK,CAACG,QAAQ,EAAE;MAClBD,CAAC,CAACE,cAAc,EAAE;MAClBF,CAAC,CAACG,eAAe,EAAE;MACnB;;IAGFnB,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGgB,CAAC,EAAEF,KAAK,CAACR,IAAI,EAAEQ,KAAK,CAACN,KAAK,EAAEM,KAAK,CAACX,OAAO,CAAC;IAC/DQ,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGK,CAAC,CAAC;EACtB,CAAC;EAEDF,KAAK,CAACM,IAAI,CAACV,OAAO,GAAGK,aAAa;EAClC,OAAOD,KAAK;AACd,CAAC;AA/BYO,OAAA,CAAAxB,+BAA+B,GAAAA,+BAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["react_theme_1","require","react_1","react_button_1","useBaseStyles","__styles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":";;;;;;AAAA,MAAAA,aAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAGA,MAAMG,aAAa,gBAAGF,OAAA,CAAAG,QAAU;EAAAC,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI9B;AAEF;;;AAGO,MAAMC,qCAAqC,GAAIC,KAA+B,IAAI;EACvFP,cAAA,CAAAQ,8BAA8B,CAACD,KAAK,CAAC;EACrC,MAAME,kBAAkB,GAAGR,aAAa,EAAE;EAE1CM,KAAK,CAACG,IAAI,CAACC,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACL,KAAK,CAACG,IAAI,CAACC,SAAS,EAAEJ,KAAK,CAACM,OAAO,IAAIJ,kBAAkB,CAACN,QAAQ,CAAC;AACzG,CAAC;AALYW,OAAA,CAAAR,qCAAqC,GAAAA,qCAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["Toolbar_1","require","Object","defineProperty","exports","enumerable","get","Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton_1","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider_1","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton_1","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton_1","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup_1","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup_1","ToolbarRadioGroup"],"sources":["../src/packages/react-components/react-toolbar/src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-toolbar",
|
|
3
|
-
"version": "9.0
|
|
3
|
+
"version": "9.1.0",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -34,13 +34,14 @@
|
|
|
34
34
|
"@fluentui/scripts-tasks": "*"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@fluentui/react-button": "^9.
|
|
38
|
-
"@fluentui/react-divider": "^9.
|
|
37
|
+
"@fluentui/react-button": "^9.3.0",
|
|
38
|
+
"@fluentui/react-divider": "^9.2.0",
|
|
39
39
|
"@fluentui/react-theme": "^9.1.5",
|
|
40
|
-
"@fluentui/react-utilities": "^9.6.
|
|
41
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
42
|
-
"@fluentui/react-radio": "^9.0
|
|
43
|
-
"@fluentui/react-
|
|
40
|
+
"@fluentui/react-utilities": "^9.6.1",
|
|
41
|
+
"@fluentui/react-context-selector": "^9.1.11",
|
|
42
|
+
"@fluentui/react-radio": "^9.1.0",
|
|
43
|
+
"@fluentui/react-shared-contexts": "^9.3.0",
|
|
44
|
+
"@fluentui/react-tabster": "^9.5.4",
|
|
44
45
|
"@griffel/react": "^1.5.2",
|
|
45
46
|
"tslib": "^2.1.0"
|
|
46
47
|
},
|