@fluentui/react-toolbar 9.1.3 → 9.1.5
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/.swcrc +30 -0
- package/CHANGELOG.json +121 -1
- package/CHANGELOG.md +35 -2
- package/lib/Toolbar.js.map +1 -1
- package/lib/ToolbarButton.js.map +1 -1
- package/lib/ToolbarDivider.js.map +1 -1
- package/lib/ToolbarGroup.js.map +1 -1
- package/lib/ToolbarRadioButton.js.map +1 -1
- package/lib/ToolbarRadioGroup.js.map +1 -1
- package/lib/ToolbarToggleButton.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.types.js +1 -1
- package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/index.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js +1 -3
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js +1 -0
- 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.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib/components/ToolbarButton/index.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js +1 -0
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib/components/ToolbarDivider/index.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js +1 -0
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib/components/ToolbarGroup/index.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js +1 -3
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js +1 -0
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +3 -2
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +3 -2
- 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-commonjs/Toolbar.js +5 -4
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js +5 -4
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js +5 -4
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js +5 -4
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js +5 -4
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js +5 -4
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js +5 -4
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +21 -22
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js +5 -2
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js +20 -12
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js +9 -8
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js +16 -21
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js +101 -109
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +19 -23
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js +66 -45
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +19 -22
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +20 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js +27 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +19 -20
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +3 -2
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js +8 -7
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +17 -22
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js +28 -27
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +19 -22
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js +9 -8
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +13 -18
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +21 -22
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js +31 -23
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +19 -20
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +39 -43
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +20 -23
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js +6 -5
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +19 -20
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +40 -44
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +42 -149
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +13 -12
- package/lib-amd/Toolbar.js +0 -6
- package/lib-amd/Toolbar.js.map +0 -1
- package/lib-amd/ToolbarButton.js +0 -6
- package/lib-amd/ToolbarButton.js.map +0 -1
- package/lib-amd/ToolbarDivider.js +0 -6
- package/lib-amd/ToolbarDivider.js.map +0 -1
- package/lib-amd/ToolbarGroup.js +0 -6
- package/lib-amd/ToolbarGroup.js.map +0 -1
- package/lib-amd/ToolbarRadioButton.js +0 -6
- package/lib-amd/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/ToolbarRadioGroup.js +0 -6
- package/lib-amd/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/ToolbarToggleButton.js +0 -6
- package/lib-amd/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.js +0 -18
- package/lib-amd/components/Toolbar/Toolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.types.js +0 -5
- package/lib-amd/components/Toolbar/Toolbar.types.js.map +0 -1
- package/lib-amd/components/Toolbar/ToolbarContext.js +0 -21
- package/lib-amd/components/Toolbar/ToolbarContext.js.map +0 -1
- package/lib-amd/components/Toolbar/index.js +0 -10
- package/lib-amd/components/Toolbar/index.js.map +0 -1
- package/lib-amd/components/Toolbar/renderToolbar.js +0 -15
- package/lib-amd/components/Toolbar/renderToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbar.js +0 -85
- package/lib-amd/components/Toolbar/useToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarContextValues.js +0 -19
- package/lib-amd/components/Toolbar/useToolbarContextValues.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarStyles.js +0 -38
- package/lib-amd/components/Toolbar/useToolbarStyles.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.js +0 -19
- package/lib-amd/components/ToolbarButton/ToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js +0 -5
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarButton/index.js +0 -9
- package/lib-amd/components/ToolbarButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButton.js +0 -18
- package/lib-amd/components/ToolbarButton/useToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js +0 -26
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js +0 -17
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js +0 -5
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/index.js +0 -9
- package/lib-amd/components/ToolbarDivider/index.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js +0 -20
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js +0 -27
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js +0 -19
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js +0 -5
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/index.js +0 -10
- package/lib-amd/components/ToolbarGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js +0 -14
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js +0 -20
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js +0 -24
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -17
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -5
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/index.js +0 -9
- package/lib-amd/components/ToolbarRadioButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js +0 -28
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js +0 -19
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -5
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/index.js +0 -7
- package/lib-amd/components/ToolbarRadioGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -17
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -5
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/index.js +0 -9
- package/lib-amd/components/ToolbarToggleButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js +0 -32
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +0 -1
- package/lib-amd/index.js +0 -29
- package/lib-amd/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","getSlots","renderToolbarGroup_unstable","state","slots","slotProps","createElement","root","children"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","getSlots","renderToolbarGroup_unstable","state","slots","slotProps","createElement","root","children"],"sources":["../../../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,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AAGzB;;;AAGA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA6B;EACvE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,QAAA,CAA4BE,KAAA;EAEzD,oBAAOH,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,EAAGF,SAAA,CAAUE,IAAI,CAACC,QAAQ;AACjE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getNativeElementProps","useToolbarGroup_unstable","props","ref","components","root","role"],"sources":["
|
|
1
|
+
{"version":3,"names":["getNativeElementProps","React","useToolbarGroup_unstable","props","ref","components","root","role"],"sources":["../../../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,SAASA,qBAAqB,QAAQ;AACtC,YAAYC,KAAA,MAAW;AAGvB;;;;;AAKA,OAAO,MAAMC,wBAAA,GAA2BA,CACtCC,KAAA,EACAC,GAAA,KACsB;EACtB,OAAO;IACLC,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMN,qBAAA,CAA4D,OAAO;MACvEI,GAAA;MACAG,IAAA,EAAM;MACN,GAAGJ;IACL;EACF;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","toolbarGroupClassNames","root","useStyles","mc9l5x","i8kkvl","Belr9w4","d","useToolbarGroupStyles_unstable","state","styles","className"],"sources":["
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","toolbarGroupClassNames","root","useStyles","mc9l5x","i8kkvl","Belr9w4","d","useToolbarGroupStyles_unstable","state","styles","className"],"sources":["../../../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,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,OAAO,MAAMC,sBAAA,GAA4D;EACvEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAKlB;AAEA;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgD;EAC7F,MAAMC,MAAA,GAASP,SAAA;EACfM,KAAA,CAAMP,IAAI,CAACS,SAAS,GAAGZ,YAAA,CAAaE,sBAAA,CAAuBC,IAAI,EAAEQ,MAAA,CAAOR,IAAI,EAAEO,KAAA,CAAMP,IAAI,CAACS,SAAS;EAElG,OAAOF,KAAA;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","renderToggleButton_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHooks_unstable","ToolbarRadioButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","renderToggleButton_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHooks_unstable","ToolbarRadioButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAGvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,oCAAoC,QAAQ;AACrD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,kBAAA,gBAAmEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/G,MAAMC,KAAA,GAAQP,8BAAA,CAA+BK,KAAA,EAAOC,GAAA;EAEpDL,oCAAA,CAAqCM,KAAA;EAErC,MAAM;IAAEN,oCAAA,EAAsCO;EAAe,CAAE,GAAGN,4BAAA;EAClEM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,2BAAA,CAA4BQ,KAAA;AACrC;AAEAJ,kBAAA,CAAmBM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../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":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/components/ToolbarRadioButton/index.ts"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { useEventCallback } from '@fluentui/react-utilities';
|
|
2
3
|
import { useToggleButton_unstable } from '@fluentui/react-button';
|
|
3
4
|
import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
|
|
@@ -10,8 +11,8 @@ import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
|
|
|
10
11
|
export const useToolbarRadioButton_unstable = (props, ref) => {
|
|
11
12
|
const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);
|
|
12
13
|
const checked = useToolbarContext_unstable(ctx => {
|
|
13
|
-
var
|
|
14
|
-
return !!((
|
|
14
|
+
var _ctx_checkedValues_props_name;
|
|
15
|
+
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));
|
|
15
16
|
});
|
|
16
17
|
const size = useToolbarContext_unstable(ctx => ctx.size);
|
|
17
18
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEventCallback","useToggleButton_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","handleRadio","ctx","checked","
|
|
1
|
+
{"version":3,"names":["React","useEventCallback","useToggleButton_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","handleRadio","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","role","state","handleOnClick","e","root","undefined"],"sources":["../../../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":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAG3C;;;;;;AAMA,OAAO,MAAMC,8BAAA,GAAiCA,CAC5CC,KAAA,EACAC,GAAA,KAC4B;EAC5B,MAAMC,WAAA,GAAcJ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAID,WAAW;EACrE,MAAME,OAAA,GAAUN,0BAAA,CAA2BK,GAAA;QAASE,6BAAA;IAAF,QAAC,EAAC,CAAAA,6BAAA,GAAAF,GAAA,CAAIG,aAAa,CAACN,KAAA,CAAMO,IAAI,CAAC,cAA7BF,6BAAA,uBAAAA,6BAAA,CAA+BG,QAAA,CAASR,KAAA,CAAMS,KAAK;;EACvG,MAAMC,IAAA,GAAOZ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAIO,IAAI;EAEvD,MAAM;IAAEC,OAAA,EAASC;EAAe,CAAE,GAAGZ,KAAA;EACrC,MAAMa,iBAAA,GAAoBhB,wBAAA,CACxB;IAAEa,IAAA;IAAMN,OAAA;IAASU,IAAA,EAAM;IAAS,gBAAgBV,OAAA;IAAS,GAAGJ;EAAM,GAClEC,GAAA;EAEF,MAAMc,KAAA,GAAiC;IACrC,GAAGF,iBAAiB;IACpBN,IAAA,EAAMP,KAAA,CAAMO,IAAI;IAChBE,KAAA,EAAOT,KAAA,CAAMS;EACf;EAEA,MAAMO,aAAA,GAAgBpB,gBAAA,CACnBqB,CAAA,IAAyG;IACxGf,WAAA,aAAAA,WAAA,uBAAAA,WAAA,CAAce,CAAA,EAAGF,KAAA,CAAMR,IAAI,EAAEQ,KAAA,CAAMN,KAAK,EAAEM,KAAA,CAAMX,OAAO;IACvDQ,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAkBK,CAAA;EACpB;EAEFF,KAAA,CAAMG,IAAI,CAAC,eAAe,GAAGC,SAAA;EAC7BJ,KAAA,CAAMG,IAAI,CAACP,OAAO,GAAGK,aAAA;EACrB,OAAOD,KAAA;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["
|
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../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,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAAmC;EACtFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHooks_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","useCustomStyles","displayName"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHooks_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","useCustomStyles","displayName"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAGvB,SACEC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB;AACP,SAASC,4BAA4B,QAAQ;AAE7C;;;;AAIA,OAAO,MAAMC,iBAAA,gBAAiEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7G,MAAMC,KAAA,GAAQN,wBAAA,CAAyB;IAAEO,IAAA,EAAM;IAAc,GAAGH;EAAM,GAAGC,GAAA;EAEzEN,8BAAA,CAA+BO,KAAA;EAE/B,MAAM;IAAEP,8BAAA,EAAgCS;EAAe,CAAE,GAAGP,4BAAA;EAC5DO,eAAA,CAAgBF,KAAA;EAEhB,OAAOR,2BAAA,CAA4BQ,KAAA;EACnC;AACF;;AAEAJ,iBAAA,CAAkBO,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../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":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/components/ToolbarRadioGroup/index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHooks_unstable","ToolbarToggleButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["
|
|
1
|
+
{"version":3,"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHooks_unstable","ToolbarToggleButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAGvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,+BAA+B,QAAQ;AAChD,SAASC,qCAAqC,QAAQ;AACtD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,mBAAA,gBAAqEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjH,MAAMC,KAAA,GAAQP,+BAAA,CAAgCK,KAAA,EAAOC,GAAA;EAErDL,qCAAA,CAAsCM,KAAA;EAEtC,MAAM;IAAEN,qCAAA,EAAuCO;EAAe,CAAE,GAAGN,4BAAA;EACnEM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,2BAAA,CAA4BQ,KAAA;AACrC;AAEAJ,mBAAA,CAAoBM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../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":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/components/ToolbarToggleButton/index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { useToggleButton_unstable } from '@fluentui/react-button';
|
|
2
3
|
import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
|
|
3
4
|
/**
|
|
@@ -9,8 +10,8 @@ import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
|
|
|
9
10
|
export const useToolbarToggleButton_unstable = (props, ref) => {
|
|
10
11
|
const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);
|
|
11
12
|
const checked = useToolbarContext_unstable(ctx => {
|
|
12
|
-
var
|
|
13
|
-
return !!((
|
|
13
|
+
var _ctx_checkedValues_props_name;
|
|
14
|
+
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));
|
|
14
15
|
});
|
|
15
16
|
const size = useToolbarContext_unstable(ctx => ctx.size);
|
|
16
17
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","
|
|
1
|
+
{"version":3,"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"sources":["../../../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":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAG3C;;;;;;AAMA,OAAO,MAAMC,+BAAA,GAAkCA,CAC7CC,KAAA,EACAC,GAAA,KAC6B;EAC7B,MAAMC,kBAAA,GAAqBJ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAID,kBAAkB;EACnF,MAAME,OAAA,GAAUN,0BAAA,CAA2BK,GAAA;QAASE,6BAAA;IAAF,QAAC,EAAC,CAAAA,6BAAA,GAAAF,GAAA,CAAIG,aAAa,CAACN,KAAA,CAAMO,IAAI,CAAC,cAA7BF,6BAAA,uBAAAA,6BAAA,CAA+BG,QAAA,CAASR,KAAA,CAAMS,KAAK;;EACvG,MAAMC,IAAA,GAAOZ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAIO,IAAI;EAEvD,MAAM;IAAEC,OAAA,EAASC;EAAe,CAAE,GAAGZ,KAAA;EACrC,MAAMa,iBAAA,GAAoBhB,wBAAA,CAAyB;IAAEa,IAAA;IAAMN,OAAA;IAAS,GAAGJ;EAAM,GAAGC,GAAA;EAChF,MAAMa,KAAA,GAAkC;IACtC,GAAGD,iBAAiB;IACpBN,IAAA,EAAMP,KAAA,CAAMO,IAAI;IAChBE,KAAA,EAAOT,KAAA,CAAMS;EACf;EAEA,MAAMM,aAAA,GACJC,CAAA,IACG;IACH,IAAIF,KAAA,CAAMG,QAAQ,EAAE;MAClBD,CAAA,CAAEE,cAAc;MAChBF,CAAA,CAAEG,eAAe;MACjB;IACF;IAEAjB,kBAAA,aAAAA,kBAAA,uBAAAA,kBAAA,CAAqBc,CAAA,EAAGF,KAAA,CAAMP,IAAI,EAAEO,KAAA,CAAML,KAAK,EAAEK,KAAA,CAAMV,OAAO;IAC9DQ,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAkBI,CAAA;EACpB;EAEAF,KAAA,CAAMM,IAAI,CAACT,OAAO,GAAGI,aAAA;EACrB,OAAOD,KAAA;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["
|
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../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,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,qCAAA,GAAyCC,KAAA,IAAoC;EACxFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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"],"sources":["../src/
|
|
1
|
+
{"version":3,"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"],"sources":["../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":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,QACd;AAEP,SAASC,aAAa,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ;AAE1F,SAASC,cAAc,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ;AAE7F,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,QAC1B;AAEP,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,QACzB;AAEP,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB;AAEP,SAASC,iBAAiB,QAAQ"}
|
package/lib-commonjs/Toolbar.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/Toolbar/index"), exports);
|
|
7
|
+
//# sourceMappingURL=Toolbar.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n//# sourceMappingURL=Toolbar.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarButton/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarButton.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n//# sourceMappingURL=ToolbarButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarDivider/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarDivider.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarDivider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n//# sourceMappingURL=ToolbarDivider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarGroup/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarGroup.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n//# sourceMappingURL=ToolbarGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarRadioButton/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarRadioButton.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarRadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n//# sourceMappingURL=ToolbarRadioButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,8CAA8C"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarRadioGroup/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarRadioGroup.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarRadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n//# sourceMappingURL=ToolbarRadioGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,6CAA6C"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./components/ToolbarToggleButton/index"), exports);
|
|
7
|
+
//# sourceMappingURL=ToolbarToggleButton.js.map
|
|
8
|
+
|
|
8
9
|
//# sourceMappingURL=ToolbarToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n//# sourceMappingURL=ToolbarToggleButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,+CAA+C"}
|
|
@@ -1,27 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Toolbar", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>Toolbar
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const {
|
|
21
|
-
useToolbarStyles_unstable: useCustomStyles
|
|
22
|
-
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
23
|
-
useCustomStyles(state);
|
|
24
|
-
return renderToolbar_1.renderToolbar_unstable(state, contextValues);
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useToolbar = require("./useToolbar");
|
|
12
|
+
const _renderToolbar = require("./renderToolbar");
|
|
13
|
+
const _useToolbarStyles = require("./useToolbarStyles");
|
|
14
|
+
const _useToolbarContextValues = require("./useToolbarContextValues");
|
|
15
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
16
|
+
const Toolbar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useToolbar.useToolbar_unstable)(props, ref);
|
|
18
|
+
const contextValues = (0, _useToolbarContextValues.useToolbarContextValues_unstable)(state);
|
|
19
|
+
(0, _useToolbarStyles.useToolbarStyles_unstable)(state);
|
|
20
|
+
const { useToolbarStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
|
|
21
|
+
useCustomStyles(state);
|
|
22
|
+
return (0, _renderToolbar.renderToolbar_unstable)(state, contextValues);
|
|
25
23
|
});
|
|
26
|
-
|
|
24
|
+
Toolbar.displayName = 'Toolbar'; //# sourceMappingURL=Toolbar.js.map
|
|
25
|
+
|
|
27
26
|
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */\nexport const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n useToolbarStyles_unstable(state);\n const {\n useToolbarStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n//# sourceMappingURL=Toolbar.js.map"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;4BACa;+BACG;kCACG;yCACO;qCACJ;AAItC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,2CAAyB,EAACJ;IAC1B,MAAM,EACJI,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qCAAsB,EAACP,OAAOE;AACvC;AACAP,QAAQa,WAAW,GAAG,WACtB,mCAAmC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
5
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
6
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
7
|
+
//# sourceMappingURL=Toolbar.types.js.map
|
|
8
|
+
|
|
6
9
|
//# sourceMappingURL=Toolbar.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Toolbar.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}
|
|
@@ -1,18 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
ToolbarContext: ()=>ToolbarContext,
|
|
13
|
+
useToolbarContext_unstable: ()=>useToolbarContext_unstable
|
|
5
14
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
exports.ToolbarContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
|
|
15
|
+
const _reactContextSelector = require("@fluentui/react-context-selector");
|
|
16
|
+
const ToolbarContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
|
|
9
17
|
const toolbarContextDefaultValue = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
18
|
+
size: 'medium',
|
|
19
|
+
handleToggleButton: ()=>null,
|
|
20
|
+
handleRadio: ()=>null,
|
|
21
|
+
vertical: false,
|
|
22
|
+
checkedValues: {}
|
|
15
23
|
};
|
|
16
|
-
const useToolbarContext_unstable = selector
|
|
17
|
-
|
|
24
|
+
const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=ToolbarContext.js.map
|
|
25
|
+
|
|
18
26
|
//# sourceMappingURL=ToolbarContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Toolbar/ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = /*#__PURE__*/createContext(undefined);\nconst toolbarContextDefaultValue = {\n size: 'medium',\n handleToggleButton: () => null,\n handleRadio: () => null,\n vertical: false,\n checkedValues: {}\n};\nexport const useToolbarContext_unstable = selector => useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=ToolbarContext.js.map"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiB,WAAW,GAAEE,IAAAA,mCAAa,EAACC;AACzD,MAAMC,6BAA6B;IACjCC,MAAM;IACNC,oBAAoB,IAAM,IAAI;IAC9BC,aAAa,IAAM,IAAI;IACvBC,UAAU,KAAK;IACfC,eAAe,CAAC;AAClB;AACO,MAAMR,6BAA6BS,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAKM,SAASE,OACxI,0CAA0C"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./Toolbar"), exports);
|
|
7
|
+
_exportStar(require("./Toolbar.types"), exports);
|
|
8
|
+
_exportStar(require("./renderToolbar"), exports);
|
|
9
|
+
_exportStar(require("./useToolbar"), exports);
|
|
10
|
+
_exportStar(require("./useToolbarStyles"), exports);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
12
|
+
|
|
12
13
|
//# sourceMappingURL=index.js.map
|