@fluentui/react-button 1.0.0-beta.8 → 9.0.0-alpha.100

package/lib-amd/components/MenuButton/useMenuButtonClasses.js

@@ -1,81 +0,0 @@
-define(["require", "exports", "@fluentui/react-theme-provider"], function (require, exports, react_theme_provider_1) {
-    "use strict";
-    var _a, _b;
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var GlobalClassNames = {
-        root: 'ms-Button-root',
-        menuIcon: 'ms-Button-menuIcon',
-        _disabled: 'ms-Button--disabled',
-        _iconOnly: 'ms-Button--iconOnly',
-        _ghost: 'ms-Button--ghost',
-        _expanded: 'ms-Button--expanded',
-    };
-    exports.useMenuButtonClasses = react_theme_provider_1.makeVariantClasses({
-        name: 'MenuButton',
-        prefix: '--button',
-        styles: {
-            root: [
-                GlobalClassNames.root,
-                (_a = {
-                        // This seems like a bad selector.
-                        '& > .ms-Button-menuIcon + *': {
-                            marginLeft: 0,
-                        },
-                        '& .ms-layer': {
-                            position: 'absolute',
-                        }
-                    },
-                    _a["&:hover ." + GlobalClassNames.menuIcon] = {
-                        color: 'var(--button-hovered-menuIconColor, var(--button-menuIconColor))',
-                    },
-                    _a["&:active ." + GlobalClassNames.menuIcon] = {
-                        color: 'var(--button-pressed-menuIconColor, var(--button-hovered-menuIconColor, var(--button-menuIconColor)))',
-                    },
-                    _a),
-            ],
-            menuIcon: [
-                GlobalClassNames.menuIcon,
-                (_b = {
-                        color: 'var(--button-menuIconColor)',
-                        fontSize: 'var(--button-menuIconSize)'
-                    },
-                    _b["." + GlobalClassNames._disabled + " &"] = {
-                        color: 'var(--button-disabled-menuIconColor)',
-                    },
-                    _b),
-            ],
-            _disabled: [GlobalClassNames._disabled],
-            _iconOnly: [
-                GlobalClassNames._iconOnly,
-                {
-                    '& > .ms-Button-icon + *': {
-                        marginLeft: 0,
-                    },
-                },
-            ],
-        },
-        variants: function (theme) {
-            var _a, _b, _c, _d;
-            var palette = theme.palette;
-            return {
-                root: {
-                    menuIconSize: '12px',
-                    menuIconColor: 'var(--body-menuIconColor)',
-                },
-                ghost: {
-                    menuIconColor: (_a = palette) === null || _a === void 0 ? void 0 : _a.neutralSecondary,
-                    hovered: {
-                        menuIconColor: (_b = palette) === null || _b === void 0 ? void 0 : _b.themePrimary,
-                    },
-                    pressed: {
-                        menuIconColor: (_c = palette) === null || _c === void 0 ? void 0 : _c.black,
-                    },
-                },
-                transparent: {
-                    menuIconColor: (_d = palette) === null || _d === void 0 ? void 0 : _d.neutralSecondary,
-                },
-            };
-        },
-    });
-});
-//# sourceMappingURL=useMenuButtonClasses.js.map

package/lib-amd/components/MenuButton/useMenuButtonClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuButtonClasses.js","sourceRoot":"../src/","sources":["components/MenuButton/useMenuButtonClasses.ts"],"names":[],"mappings":";;;;IAGA,IAAM,gBAAgB,GAAG;QACvB,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,SAAS,EAAE,qBAAqB;QAChC,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,qBAAqB;KACjC,CAAC;IAEW,QAAA,oBAAoB,GAAG,yCAAkB,CAAsC;QAC1F,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,gBAAgB,CAAC,IAAI;;wBAEnB,kCAAkC;wBAClC,6BAA6B,EAAE;4BAC7B,UAAU,EAAE,CAAC;yBACd;wBAED,aAAa,EAAE;4BACb,QAAQ,EAAE,UAAU;yBACrB;;oBAED,GAAC,cAAY,gBAAgB,CAAC,QAAU,IAAG;wBACzC,KAAK,EAAE,kEAAkE;qBAC1E;oBAED,GAAC,eAAa,gBAAgB,CAAC,QAAU,IAAG;wBAC1C,KAAK,EACH,uGAAuG;qBAC1G;;aAEJ;YAED,QAAQ,EAAE;gBACR,gBAAgB,CAAC,QAAQ;;wBAEvB,KAAK,EAAE,6BAA6B;wBACpC,QAAQ,EAAE,4BAA4B;;oBAEtC,GAAC,MAAI,gBAAgB,CAAC,SAAS,OAAI,IAAG;wBACpC,KAAK,EAAE,sCAAsC;qBAC9C;;aAEJ;YAED,SAAS,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC;YAEvC,SAAS,EAAE;gBACT,gBAAgB,CAAC,SAAS;gBAC1B;oBACE,yBAAyB,EAAE;wBACzB,UAAU,EAAE,CAAC;qBACd;iBACF;aACF;SACF;QAED,QAAQ,EAAE,UAAC,KAAY;;YACb,IAAA,uBAAO,CAAW;YAE1B,OAAO;gBACL,IAAI,EAAE;oBACJ,YAAY,EAAE,MAAM;oBACpB,aAAa,EAAE,2BAA2B;iBAC3C;gBAED,KAAK,EAAE;oBACL,aAAa,QAAE,OAAO,0CAAE,gBAAgB;oBACxC,OAAO,EAAE;wBACP,aAAa,QAAE,OAAO,0CAAE,YAAY;qBACrC;oBACD,OAAO,EAAE;wBACP,aAAa,QAAE,OAAO,0CAAE,KAAK;qBAC9B;iBACF;gBAED,WAAW,EAAE;oBACX,aAAa,QAAE,OAAO,0CAAE,gBAAgB;iBACzC;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC","sourcesContent":["import { makeVariantClasses, Theme } from '@fluentui/react-theme-provider';\nimport { MenuButtonState, MenuButtonVariants } from './MenuButton.types';\n\nconst GlobalClassNames = {\n  root: 'ms-Button-root',\n  menuIcon: 'ms-Button-menuIcon',\n  _disabled: 'ms-Button--disabled',\n  _iconOnly: 'ms-Button--iconOnly',\n  _ghost: 'ms-Button--ghost',\n  _expanded: 'ms-Button--expanded',\n};\n\nexport const useMenuButtonClasses = makeVariantClasses<MenuButtonState, MenuButtonVariants>({\n  name: 'MenuButton',\n  prefix: '--button',\n  styles: {\n    root: [\n      GlobalClassNames.root,\n      {\n        // This seems like a bad selector.\n        '& > .ms-Button-menuIcon + *': {\n          marginLeft: 0,\n        },\n\n        '& .ms-layer': {\n          position: 'absolute',\n        },\n\n        [`&:hover .${GlobalClassNames.menuIcon}`]: {\n          color: 'var(--button-hovered-menuIconColor, var(--button-menuIconColor))',\n        },\n\n        [`&:active .${GlobalClassNames.menuIcon}`]: {\n          color:\n            'var(--button-pressed-menuIconColor, var(--button-hovered-menuIconColor, var(--button-menuIconColor)))',\n        },\n      },\n    ],\n\n    menuIcon: [\n      GlobalClassNames.menuIcon,\n      {\n        color: 'var(--button-menuIconColor)',\n        fontSize: 'var(--button-menuIconSize)',\n\n        [`.${GlobalClassNames._disabled} &`]: {\n          color: 'var(--button-disabled-menuIconColor)',\n        },\n      },\n    ],\n\n    _disabled: [GlobalClassNames._disabled],\n\n    _iconOnly: [\n      GlobalClassNames._iconOnly,\n      {\n        '& > .ms-Button-icon + *': {\n          marginLeft: 0,\n        },\n      },\n    ],\n  },\n\n  variants: (theme: Theme): MenuButtonVariants => {\n    const { palette } = theme;\n\n    return {\n      root: {\n        menuIconSize: '12px',\n        menuIconColor: 'var(--body-menuIconColor)',\n      },\n\n      ghost: {\n        menuIconColor: palette?.neutralSecondary,\n        hovered: {\n          menuIconColor: palette?.themePrimary,\n        },\n        pressed: {\n          menuIconColor: palette?.black,\n        },\n      },\n\n      transparent: {\n        menuIconColor: palette?.neutralSecondary,\n      },\n    };\n  },\n});\n"]}

package/lib-amd/components/MenuButton/useMenuButtonState.d.ts

@@ -1,2 +0,0 @@
-import { MenuButtonState } from './MenuButton.types';
-export declare const useMenuButtonState: (state: MenuButtonState) => void;

package/lib-amd/components/MenuButton/useMenuButtonState.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "../Button/useButtonState", "./useExpanded"], function (require, exports, useButtonState_1, useExpanded_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useMenuButtonState = function (state) {
-        // It behaves like a button.
-        useButtonState_1.useButtonState(state);
-        // It can be expanded.
-        useExpanded_1.useExpanded(state);
-    };
-});
-//# sourceMappingURL=useMenuButtonState.js.map

package/lib-amd/components/MenuButton/useMenuButtonState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuButtonState.js","sourceRoot":"../src/","sources":["components/MenuButton/useMenuButtonState.ts"],"names":[],"mappings":";;;IAIa,QAAA,kBAAkB,GAAG,UAAC,KAAsB;QACvD,4BAA4B;QAC5B,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,sBAAsB;QACtB,yBAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC","sourcesContent":["import { MenuButtonState } from './MenuButton.types';\nimport { useButtonState } from '../Button/useButtonState';\nimport { useExpanded } from './useExpanded';\n\nexport const useMenuButtonState = (state: MenuButtonState) => {\n  // It behaves like a button.\n  useButtonState(state);\n\n  // It can be expanded.\n  useExpanded(state);\n};\n"]}

package/lib-amd/components/SplitButton/SplitButton.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { SplitButtonProps } from './SplitButton.types';
-/**
- * Define a styled SplitButton, using the `useSplitButton` hook.
- * {@docCategory Button}
- */
-export declare const SplitButton: React.ForwardRefExoticComponent<Pick<SplitButtonProps, string | number> & React.RefAttributes<HTMLElement>>;

package/lib-amd/components/SplitButton/SplitButton.js

@@ -1,26 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-icons-mdl2", "@fluentui/react-theme-provider", "./useSplitButton", "./useSplitButtonClasses", "../Button/index", "../MenuButton/index"], function (require, exports, React, react_icons_mdl2_1, react_theme_provider_1, useSplitButton_1, useSplitButtonClasses_1, index_1, index_2) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled SplitButton, using the `useSplitButton` hook.
-     * {@docCategory Button}
-     */
-    exports.SplitButton = React.forwardRef(function (props, ref) {
-        var _a = useSplitButton_1.useSplitButton(props, ref, {
-            button: { as: index_1.Button },
-            menuButton: { as: index_2.MenuButton, iconOnly: true, icon: React.createElement(react_icons_mdl2_1.ChevronDownIcon, null) },
-        }), state = _a.state, render = _a.render;
-        useSplitButtonClasses_1.useSplitButtonClasses(state);
-        // TODO remove any
-        /**
-         * Type 'SplitButtonState' has no properties in common with type '{
-         *  style?: CSSProperties | undefined; tokens?: string | { [key: string]: any; }
-         *  | undefined; }
-         */
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        react_theme_provider_1.useInlineTokens(state, '--button');
-        return render(state);
-    });
-    exports.SplitButton.displayName = 'SplitButton';
-});
-//# sourceMappingURL=SplitButton.js.map

package/lib-amd/components/SplitButton/SplitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;IASA;;;OAGG;IACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;QAC9E,IAAA;;;UAGJ,EAHM,gBAAK,EAAE,kBAGb,CAAC;QAEH,6CAAqB,CAAC,KAAK,CAAC,CAAC;QAE7B,kBAAkB;QAClB;;;;WAIG;QACH,8DAA8D;QAC9D,sCAAe,CAAC,KAAY,EAAE,UAAU,CAAC,CAAC;QAE1C,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons-mdl2';\nimport { useInlineTokens } from '@fluentui/react-theme-provider';\nimport { SplitButtonProps } from './SplitButton.types';\nimport { useSplitButton } from './useSplitButton';\nimport { useSplitButtonClasses } from './useSplitButtonClasses';\nimport { Button } from '../Button/index';\nimport { MenuButton } from '../MenuButton/index';\n\n/**\n * Define a styled SplitButton, using the `useSplitButton` hook.\n * {@docCategory Button}\n */\nexport const SplitButton = React.forwardRef<HTMLElement, SplitButtonProps>((props, ref) => {\n  const { state, render } = useSplitButton(props, ref, {\n    button: { as: Button },\n    menuButton: { as: MenuButton, iconOnly: true, icon: <ChevronDownIcon /> },\n  });\n\n  useSplitButtonClasses(state);\n\n  // TODO remove any\n  /**\n   * Type 'SplitButtonState' has no properties in common with type '{\n   *  style?: CSSProperties | undefined; tokens?: string | { [key: string]: any; }\n   *  | undefined; }\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useInlineTokens(state as any, '--button');\n\n  return render(state);\n});\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/lib-amd/components/SplitButton/SplitButton.types.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { ShorthandProps } from '@fluentui/react-compose/lib/next/index';
-import { ButtonProps, ButtonVariants } from '../Button/Button.types';
-import { MenuButtonProps, MenuButtonState, MenuButtonTokens } from '../MenuButton/MenuButton.types';
-/**
- * {@docCategory Button}
- */
-export interface SplitButtonProps extends ButtonProps, MenuButtonProps {
-    /**
-     * Button to perform primary action in SplitButton.
-     */
-    button?: ShorthandProps;
-    /**
-     * Divider that separates the primary action button and the menu button parts of the SplitButton
-     */
-    divider?: ShorthandProps;
-    /**
-     * Button that opens menu with secondary actions in SplitButton.
-     */
-    menuButton?: ShorthandProps;
-}
-export interface SplitButtonState extends Omit<SplitButtonProps, 'menu'>, MenuButtonState {
-    menuButtonRef?: React.RefObject<HTMLButtonElement>;
-}
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonTokens = MenuButtonTokens & {
-    dividerColor?: string;
-    dividerThickness?: string;
-};
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonVariants = ButtonVariants<SplitButtonTokens>;

package/lib-amd/components/SplitButton/SplitButton.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=SplitButton.types.js.map

package/lib-amd/components/SplitButton/SplitButton.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.types.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ShorthandProps } from '@fluentui/react-compose/lib/next/index';\nimport { ButtonProps, ButtonVariants } from '../Button/Button.types';\nimport { MenuButtonProps, MenuButtonState, MenuButtonTokens } from '../MenuButton/MenuButton.types';\n\n/**\n * {@docCategory Button}\n */\nexport interface SplitButtonProps extends ButtonProps, MenuButtonProps {\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  button?: ShorthandProps;\n\n  /**\n   * Divider that separates the primary action button and the menu button parts of the SplitButton\n   */\n  divider?: ShorthandProps;\n\n  /**\n   * Button that opens menu with secondary actions in SplitButton.\n   */\n  menuButton?: ShorthandProps;\n}\n\nexport interface SplitButtonState extends Omit<SplitButtonProps, 'menu'>, MenuButtonState {\n  menuButtonRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * {@docCategory Button}\n */\nexport type SplitButtonTokens = MenuButtonTokens & {\n  dividerColor?: string;\n  dividerThickness?: string;\n};\n\n/**\n * {@docCategory Button}\n */\nexport type SplitButtonVariants = ButtonVariants<SplitButtonTokens>;\n"]}

package/lib-amd/components/SplitButton/index.d.ts

@@ -1,4 +0,0 @@
-export * from './SplitButton.types';
-export * from './SplitButton';
-export * from './useSplitButton';
-export * from './useSplitButtonClasses';

package/lib-amd/components/SplitButton/index.js

@@ -1,8 +0,0 @@
-define(["require", "exports", "tslib", "./SplitButton", "./useSplitButton", "./useSplitButtonClasses"], function (require, exports, tslib_1, SplitButton_1, useSplitButton_1, useSplitButtonClasses_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(SplitButton_1, exports);
-    tslib_1.__exportStar(useSplitButton_1, exports);
-    tslib_1.__exportStar(useSplitButtonClasses_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/SplitButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/SplitButton/index.ts"],"names":[],"mappings":";;;IACA,6CAA8B;IAC9B,gDAAiC;IACjC,uDAAwC","sourcesContent":["export * from './SplitButton.types';\nexport * from './SplitButton';\nexport * from './useSplitButton';\nexport * from './useSplitButtonClasses';\n"]}

package/lib-amd/components/SplitButton/renderSplitButton.d.ts

@@ -1,7 +0,0 @@
-import { SplitButtonState } from './SplitButton.types';
-/**
- * Redefine the render function to add slots. Reuse the button structure but add
- * slots to children.
- * @param state
- */
-export declare const renderSplitButton: (state: SplitButtonState) => JSX.Element;

package/lib-amd/components/SplitButton/renderSplitButton.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-compose/lib/next/index", "./useSplitButton"], function (require, exports, tslib_1, React, index_1, useSplitButton_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Redefine the render function to add slots. Reuse the button structure but add
-     * slots to children.
-     * @param state
-     */
-    exports.renderSplitButton = function (state) {
-        var _a = index_1.getSlots(state, useSplitButton_1.splitButtonShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(slots.button, tslib_1.__assign({}, slotProps.button)),
-            React.createElement(slots.divider, tslib_1.__assign({}, slotProps.divider)),
-            React.createElement(slots.menuButton, tslib_1.__assign({}, slotProps.menuButton))));
-    };
-});
-//# sourceMappingURL=renderSplitButton.js.map

package/lib-amd/components/SplitButton/renderSplitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderSplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":";;;IAKA;;;;OAIG;IACU,QAAA,iBAAiB,GAAG,UAAC,KAAuB;QACjD,IAAA,wEAAiE,EAA/D,gBAAK,EAAE,wBAAwD,CAAC;QAExE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI;YACtC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI;YACxC,oBAAC,KAAK,CAAC,UAAU,uBAAK,SAAS,CAAC,UAAU,EAAI,CACnC,CACd,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-compose/lib/next/index';\nimport { SplitButtonState } from './SplitButton.types';\nimport { splitButtonShorthandProps } from './useSplitButton';\n\n/**\n * Redefine the render function to add slots. Reuse the button structure but add\n * slots to children.\n * @param state\n */\nexport const renderSplitButton = (state: SplitButtonState) => {\n  const { slots, slotProps } = getSlots(state, splitButtonShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.button {...slotProps.button} />\n      <slots.divider {...slotProps.divider} />\n      <slots.menuButton {...slotProps.menuButton} />\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/SplitButton/useSplitButton.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { SplitButtonProps, SplitButtonState } from './SplitButton.types';
-export declare const splitButtonShorthandProps: string[];
-/**
- * Redefine the component factory, reusing button factory.
- */
-export declare const useSplitButton: (props: SplitButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: SplitButtonProps | undefined) => {
-    state: SplitButtonState;
-    render: (state: SplitButtonState) => JSX.Element;
-};

package/lib-amd/components/SplitButton/useSplitButton.js

@@ -1,50 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-compose/lib/next/index", "./renderSplitButton", "@fluentui/react-hooks"], function (require, exports, tslib_1, React, index_1, renderSplitButton_1, react_hooks_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.splitButtonShorthandProps = ['icon', 'button', 'divider', 'menuButton'];
-    var mergeProps = index_1.makeMergeProps({ deepMerge: exports.splitButtonShorthandProps });
-    /**
-     * Redefine the component factory, reusing button factory.
-     */
-    exports.useSplitButton = function (props, ref, defaultProps) {
-        var _a = index_1.resolveShorthandProps(props, exports.splitButtonShorthandProps), _b = _a.as, as = _b === void 0 ? 'span' : _b, className = _a.className, style = _a.style, primary = _a.primary, ghost = _a.ghost, disabled = _a.disabled, loading = _a.loading, circular = _a.circular, block = _a.block, menu = _a.menu, size = _a.size, transparent = _a.transparent, userProps = tslib_1.__rest(_a, ["as", "className", "style", "primary", "ghost", "disabled", "loading", "circular", "block", "menu", "size", "transparent"]);
-        ref = react_hooks_1.useMergedRefs(ref, React.useRef(null));
-        // A split button should be disabled when disabled or loading.
-        var disabledOrLoading = disabled || loading;
-        var state = mergeProps({
-            as: 'span',
-            className: className,
-            style: style,
-            disabled: disabled,
-            block: block,
-            primary: primary,
-            size: size,
-            transparent: transparent,
-            'aria-disabled': disabledOrLoading,
-            button: tslib_1.__assign({ as: 'span', ref: ref,
-                primary: primary,
-                ghost: ghost,
-                circular: circular, disabled: disabledOrLoading, loading: loading,
-                size: size,
-                transparent: transparent }, userProps),
-            divider: { as: 'span', children: null },
-            menuButton: {
-                as: 'span',
-                primary: primary,
-                ghost: ghost,
-                circular: circular,
-                size: size,
-                disabled: disabledOrLoading,
-                loading: loading,
-                transparent: transparent,
-                menu: menu,
-                children: null,
-            },
-        }, defaultProps);
-        return {
-            state: state,
-            render: renderSplitButton_1.renderSplitButton,
-        };
-    };
-});
-//# sourceMappingURL=useSplitButton.js.map

package/lib-amd/components/SplitButton/useSplitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/useSplitButton.ts"],"names":[],"mappings":";;;IAMa,QAAA,yBAAyB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAErF,IAAM,UAAU,GAAG,sBAAc,CAAC,EAAE,SAAS,EAAE,iCAAyB,EAAE,CAAC,CAAC;IAE5E;;OAEG;IACU,QAAA,cAAc,GAAG,UAC5B,KAAuB,EACvB,GAA2B,EAC3B,YAA+B;QAE/B,IAAM,4EAcqD,EAbzD,UAAW,EAAX,gCAAW,EACX,wBAAS,EACT,gBAAK,EACL,oBAAO,EACP,gBAAK,EACL,sBAAQ,EACR,oBAAO,EACP,sBAAQ,EACR,gBAAK,EACL,cAAI,EACJ,cAAI,EACJ,4BAAW,EACX,2JACyD,CAAC;QAE5D,GAAG,GAAG,2BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC,CAAC;QAE1D,8DAA8D;QAC9D,IAAM,iBAAiB,GAAG,QAAQ,IAAI,OAAO,CAAC;QAE9C,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,EAAE,EAAE,MAAM;YACV,SAAS,WAAA;YACT,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,KAAK,OAAA;YACL,OAAO,SAAA;YACP,IAAI,MAAA;YACJ,WAAW,aAAA;YACX,eAAe,EAAE,iBAAiB;YAElC,MAAM,qBACJ,EAAE,EAAE,MAAM,EACV,GAAG,KAAA;gBACH,OAAO,SAAA;gBACP,KAAK,OAAA;gBACL,QAAQ,UAAA,EACR,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,SAAA;gBACP,IAAI,MAAA;gBACJ,WAAW,aAAA,IACR,SAAS,CACb;YAED,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;YAEvC,UAAU,EAAE;gBACV,EAAE,EAAE,MAAM;gBACV,OAAO,SAAA;gBACP,KAAK,OAAA;gBACL,QAAQ,UAAA;gBACR,IAAI,MAAA;gBACJ,QAAQ,EAAE,iBAAiB;gBAC3B,OAAO,SAAA;gBACP,WAAW,aAAA;gBACX,IAAI,MAAA;gBACJ,QAAQ,EAAE,IAAI;aACf;SACF,EACD,YAAY,CACO,CAAC;QAEtB,OAAO;YACL,KAAK,OAAA;YACL,MAAM,EAAE,qCAAiB;SAC1B,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { resolveShorthandProps, makeMergeProps } from '@fluentui/react-compose/lib/next/index';\nimport { SplitButtonProps, SplitButtonState } from './SplitButton.types';\nimport { renderSplitButton } from './renderSplitButton';\nimport { useMergedRefs } from '@fluentui/react-hooks';\n\nexport const splitButtonShorthandProps = ['icon', 'button', 'divider', 'menuButton'];\n\nconst mergeProps = makeMergeProps({ deepMerge: splitButtonShorthandProps });\n\n/**\n * Redefine the component factory, reusing button factory.\n */\nexport const useSplitButton = (\n  props: SplitButtonProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: SplitButtonProps,\n) => {\n  const {\n    as = 'span',\n    className,\n    style,\n    primary,\n    ghost,\n    disabled,\n    loading,\n    circular,\n    block,\n    menu,\n    size,\n    transparent,\n    ...userProps\n  } = resolveShorthandProps(props, splitButtonShorthandProps);\n\n  ref = useMergedRefs(ref, React.useRef<HTMLElement>(null));\n\n  // A split button should be disabled when disabled or loading.\n  const disabledOrLoading = disabled || loading;\n\n  const state = mergeProps(\n    {\n      as: 'span',\n      className,\n      style,\n      disabled,\n      block,\n      primary,\n      size,\n      transparent,\n      'aria-disabled': disabledOrLoading,\n\n      button: {\n        as: 'span',\n        ref,\n        primary,\n        ghost,\n        circular,\n        disabled: disabledOrLoading,\n        loading,\n        size,\n        transparent,\n        ...userProps,\n      },\n\n      divider: { as: 'span', children: null },\n\n      menuButton: {\n        as: 'span',\n        primary,\n        ghost,\n        circular,\n        size,\n        disabled: disabledOrLoading,\n        loading,\n        transparent,\n        menu,\n        children: null,\n      },\n    },\n    defaultProps,\n  ) as SplitButtonState;\n\n  return {\n    state,\n    render: renderSplitButton,\n  };\n};\n"]}

package/lib-amd/components/SplitButton/useSplitButtonClasses.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@fluentui/react-theme-provider';
-import { SplitButtonState } from './SplitButton.types';
-export declare const useSplitButtonClasses: (state: SplitButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;

package/lib-amd/components/SplitButton/useSplitButtonClasses.js

@@ -1,123 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-theme-provider", "@fluentui/style-utilities", "../Button/index"], function (require, exports, tslib_1, react_theme_provider_1, style_utilities_1, index_1) {
-    "use strict";
-    var _a, _b, _c, _d;
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var GlobalClassNames = {
-        root: 'ms-SplitButton',
-        button: 'ms-SplitButton-button',
-        menuButton: 'ms-SplitButton-menuButton',
-    };
-    var menuButtonWidth = '32px';
-    exports.useSplitButtonClasses = react_theme_provider_1.makeVariantClasses({
-        name: 'SplitButton',
-        prefix: '--button',
-        styles: {
-            root: [
-                GlobalClassNames.root,
-                {
-                    display: 'inline-flex',
-                    justifyContent: 'stretch',
-                    position: 'relative',
-                    // Forward the menuIconSize to a variable which can be consumed by the child menu button.
-                    '--button-splitMenuIconSize': 'var(--button-menuIconSize)',
-                },
-            ],
-            button: [
-                GlobalClassNames.button,
-                {
-                    '--button-borderRightWidth': 0,
-                    '--button-borderTopRightRadius': 0,
-                    '--button-borderBottomRightRadius': 0,
-                },
-            ],
-            menuButton: [
-                GlobalClassNames.menuButton,
-                (_a = {},
-                    // Scope the override to a child component, increase specificity.
-                    _a["." + GlobalClassNames.root + " &"] = {
-                        width: menuButtonWidth,
-                        minWidth: menuButtonWidth,
-                        '--button-borderLeftWidth': 0,
-                        '--button-borderTopLeftRadius': 0,
-                        '--button-borderBottomLeftRadius': 0,
-                        '--button-iconColor': 'var(--button-menuIconColor)',
-                        '--button-iconSize': 'var(--button-splitMenuIconSize)',
-                    },
-                    _a),
-            ],
-            divider: (_b = {
-                    width: 'var(--button-dividerThickness)',
-                    backgroundColor: 'var(--button-dividerColor)',
-                    position: 'absolute',
-                    right: menuButtonWidth,
-                    top: 'calc(100% - var(--button-dividerLength, 100% + 8px))',
-                    bottom: 'calc(100% - var(--button-dividerLength, 100% + 8px))'
-                },
-                _b[style_utilities_1.EdgeChromiumHighContrastSelector] = {
-                    backgroundColor: 'var(--button-highContrast-dividerColor)',
-                },
-                _b["." + GlobalClassNames.root + "[aria-disabled=\"true\"] &"] = (_c = {
-                        backgroundColor: 'var(--button-disabled-dividerColor)'
-                    },
-                    _c[style_utilities_1.EdgeChromiumHighContrastSelector] = {
-                        backgroundColor: 'var(--button-highContrast-disabled-dividerColor, var(--button-highContrast-dividerColor))',
-                    },
-                    _c),
-                _b),
-            _block: (_d = {
-                    width: '100%',
-                    maxWidth: '100%'
-                },
-                _d["." + GlobalClassNames.button] = {
-                    flexGrow: 1,
-                    maxWidth: '100%',
-                },
-                _d["." + GlobalClassNames.menuButton] = {
-                    width: menuButtonWidth,
-                },
-                _d),
-        },
-        variants: function (theme) {
-            var _a;
-            var palette = theme.palette, semanticColors = theme.semanticColors;
-            return tslib_1.__assign({ root: {
-                    size: {
-                        smallest: '24px',
-                        smaller: '24px',
-                        small: '24px',
-                        regular: '32px',
-                        large: '40px',
-                        larger: '48px',
-                        largest: '64px',
-                    },
-                    dividerThickness: '1px',
-                    dividerColor: (_a = palette) === null || _a === void 0 ? void 0 : _a.neutralTertiaryAlt,
-                    disabled: {
-                        dividerColor: semanticColors.disabledText,
-                    },
-                    menuIconColor: 'var(--body-menuIconColor)',
-                    menuIconSize: '12px',
-                    highContrast: {
-                        dividerColor: 'WindowText',
-                        disabled: {
-                            dividerColor: 'GrayText',
-                        },
-                    },
-                }, primary: {
-                    dividerColor: palette.white,
-                    disabled: {
-                        dividerColor: semanticColors.disabledText,
-                    },
-                    highContrast: {
-                        dividerColor: 'Window',
-                        disabled: {
-                            dividerColor: 'GrayText',
-                        },
-                    },
-                }, transparent: {
-                    menuIconColor: palette.neutralSecondary,
-                } }, index_1.ButtonSizeVariants);
-        },
-    });
-});
-//# sourceMappingURL=useSplitButtonClasses.js.map

package/lib-amd/components/SplitButton/useSplitButtonClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitButtonClasses.js","sourceRoot":"../src/","sources":["components/SplitButton/useSplitButtonClasses.tsx"],"names":[],"mappings":"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","sourcesContent":["import { makeVariantClasses, Theme } from '@fluentui/react-theme-provider';\nimport { EdgeChromiumHighContrastSelector } from '@fluentui/style-utilities';\nimport { ButtonSizeVariants } from '../Button/index';\nimport { SplitButtonState, SplitButtonVariants } from './SplitButton.types';\n\nconst GlobalClassNames = {\n  root: 'ms-SplitButton',\n  button: 'ms-SplitButton-button',\n  menuButton: 'ms-SplitButton-menuButton',\n};\n\nconst menuButtonWidth = '32px';\n\nexport const useSplitButtonClasses = makeVariantClasses<SplitButtonState, SplitButtonVariants>({\n  name: 'SplitButton',\n  prefix: '--button',\n\n  styles: {\n    root: [\n      GlobalClassNames.root,\n      {\n        display: 'inline-flex',\n        justifyContent: 'stretch',\n        position: 'relative',\n\n        // Forward the menuIconSize to a variable which can be consumed by the child menu button.\n        '--button-splitMenuIconSize': 'var(--button-menuIconSize)',\n      },\n    ],\n\n    button: [\n      GlobalClassNames.button,\n      {\n        '--button-borderRightWidth': 0,\n        '--button-borderTopRightRadius': 0,\n        '--button-borderBottomRightRadius': 0,\n      },\n    ],\n\n    menuButton: [\n      GlobalClassNames.menuButton,\n      {\n        // Scope the override to a child component, increase specificity.\n        [`.${GlobalClassNames.root} &`]: {\n          width: menuButtonWidth,\n          minWidth: menuButtonWidth,\n          '--button-borderLeftWidth': 0,\n          '--button-borderTopLeftRadius': 0,\n          '--button-borderBottomLeftRadius': 0,\n          '--button-iconColor': 'var(--button-menuIconColor)',\n          '--button-iconSize': 'var(--button-splitMenuIconSize)',\n        },\n      },\n    ],\n\n    divider: {\n      width: 'var(--button-dividerThickness)',\n      backgroundColor: 'var(--button-dividerColor)',\n      position: 'absolute',\n      right: menuButtonWidth,\n      top: 'calc(100% - var(--button-dividerLength, 100% + 8px))',\n      bottom: 'calc(100% - var(--button-dividerLength, 100% + 8px))',\n\n      [EdgeChromiumHighContrastSelector]: {\n        backgroundColor: 'var(--button-highContrast-dividerColor)',\n      },\n\n      [`.${GlobalClassNames.root}[aria-disabled=\"true\"] &`]: {\n        backgroundColor: 'var(--button-disabled-dividerColor)',\n\n        [EdgeChromiumHighContrastSelector]: {\n          backgroundColor: 'var(--button-highContrast-disabled-dividerColor, var(--button-highContrast-dividerColor))',\n        },\n      },\n    },\n\n    _block: {\n      width: '100%',\n      maxWidth: '100%',\n\n      [`.${GlobalClassNames.button}`]: {\n        flexGrow: 1,\n        maxWidth: '100%',\n      },\n\n      [`.${GlobalClassNames.menuButton}`]: {\n        width: menuButtonWidth,\n      },\n    },\n  },\n  variants: (theme: Theme): SplitButtonVariants => {\n    const { palette, semanticColors } = theme;\n\n    return {\n      root: {\n        size: {\n          smallest: '24px',\n          smaller: '24px',\n          small: '24px',\n          regular: '32px',\n          large: '40px',\n          larger: '48px',\n          largest: '64px',\n        },\n        dividerThickness: '1px',\n        dividerColor: palette?.neutralTertiaryAlt,\n        disabled: {\n          dividerColor: semanticColors.disabledText,\n        },\n        menuIconColor: 'var(--body-menuIconColor)',\n        menuIconSize: '12px',\n\n        highContrast: {\n          dividerColor: 'WindowText',\n\n          disabled: {\n            dividerColor: 'GrayText',\n          },\n        },\n      },\n\n      primary: {\n        dividerColor: palette.white,\n\n        disabled: {\n          dividerColor: semanticColors.disabledText,\n        },\n\n        highContrast: {\n          dividerColor: 'Window',\n\n          disabled: {\n            dividerColor: 'GrayText',\n          },\n        },\n      },\n\n      transparent: {\n        menuIconColor: palette.neutralSecondary,\n      },\n\n      ...ButtonSizeVariants,\n    };\n  },\n});\n"]}

package/lib-amd/components/ToggleButton/ToggleButton.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ToggleButtonProps } from './ToggleButton.types';
-/**
- * Define a styled ToggleButton, using the `useToggleButton` hook.
- * {@docCategory Button}
- */
-export declare const ToggleButton: React.ForwardRefExoticComponent<Pick<ToggleButtonProps, string | number> & React.RefAttributes<HTMLElement>>;

package/lib-amd/components/ToggleButton/ToggleButton.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useToggleButton", "@fluentui/react-theme-provider", "../Button/useButtonClasses", "./useToggleButtonClasses"], function (require, exports, React, useToggleButton_1, react_theme_provider_1, useButtonClasses_1, useToggleButtonClasses_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled ToggleButton, using the `useToggleButton` hook.
-     * {@docCategory Button}
-     */
-    exports.ToggleButton = React.forwardRef(function (props, ref) {
-        var _a = useToggleButton_1.useToggleButton(props, ref), render = _a.render, state = _a.state;
-        useButtonClasses_1.useButtonClasses(state);
-        useToggleButtonClasses_1.useToggleButtonClasses(state);
-        react_theme_provider_1.useInlineTokens(state, '--button');
-        return render(state);
-    });
-    exports.ToggleButton.displayName = 'ToggleButton';
-});
-//# sourceMappingURL=ToggleButton.js.map

package/lib-amd/components/ToggleButton/ToggleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"../src/","sources":["components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";;;IAOA;;;OAGG;IACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG;QAChF,IAAA,kDAA+C,EAA7C,kBAAM,EAAE,gBAAqC,CAAC;QAEtD,mCAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,+CAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,sCAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAEnC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { ToggleButtonProps } from './ToggleButton.types';\nimport { useToggleButton } from './useToggleButton';\nimport { useInlineTokens } from '@fluentui/react-theme-provider';\nimport { useButtonClasses } from '../Button/useButtonClasses';\nimport { useToggleButtonClasses } from './useToggleButtonClasses';\n\n/**\n * Define a styled ToggleButton, using the `useToggleButton` hook.\n * {@docCategory Button}\n */\nexport const ToggleButton = React.forwardRef<HTMLElement, ToggleButtonProps>((props, ref) => {\n  const { render, state } = useToggleButton(props, ref);\n\n  useButtonClasses(state);\n  useToggleButtonClasses(state);\n  useInlineTokens(state, '--button');\n\n  return render(state);\n});\n\nToggleButton.displayName = 'ToggleButton';\n"]}

package/lib-amd/components/ToggleButton/ToggleButton.types.d.ts

@@ -1,25 +0,0 @@
-import { ButtonProps, ButtonTokens, ButtonVariants } from '../Button/Button.types';
-/**
- * {@docCategory Button}
- */
-export interface ToggleButtonProps extends ButtonProps {
-    /**
-     * Defines the controlled checked state of the `ToggleButton`.
-     * Mutually exclusive to `defaultChecked`.
-     * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
-     * correct value based on handling `onClick` events and re-rendering.
-     */
-    checked?: boolean;
-    /**
-     * Defines whether the `ToggleButton` is inititally in a checked state or not when rendered.
-     * Mutually exclusive to `checked`.
-     */
-    defaultChecked?: boolean;
-}
-/**
- * {@docCategory Button}
- */
-export interface ToggleButtonState extends ToggleButtonProps {
-}
-export declare type ToggleButtonTokens = ButtonTokens;
-export declare type ToggleButtonVariants = ButtonVariants<ToggleButtonTokens>;

package/lib-amd/components/ToggleButton/ToggleButton.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=ToggleButton.types.js.map

package/lib-amd/components/ToggleButton/ToggleButton.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton.types.js","sourceRoot":"../src/","sources":["components/ToggleButton/ToggleButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ButtonProps, ButtonTokens, ButtonVariants } from '../Button/Button.types';\n\n/**\n * {@docCategory Button}\n */\nexport interface ToggleButtonProps extends ButtonProps {\n  /**\n   * Defines the controlled checked state of the `ToggleButton`.\n   * Mutually exclusive to `defaultChecked`.\n   * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the\n   * correct value based on handling `onClick` events and re-rendering.\n   */\n  checked?: boolean;\n\n  /**\n   * Defines whether the `ToggleButton` is inititally in a checked state or not when rendered.\n   * Mutually exclusive to `checked`.\n   */\n  defaultChecked?: boolean;\n}\n\n/**\n * {@docCategory Button}\n */\nexport interface ToggleButtonState extends ToggleButtonProps {}\n\nexport type ToggleButtonTokens = ButtonTokens;\n\nexport type ToggleButtonVariants = ButtonVariants<ToggleButtonTokens>;\n"]}

package/lib-amd/components/ToggleButton/index.d.ts

@@ -1,5 +0,0 @@
-export * from './ToggleButton.types';
-export * from './useToggleButton';
-export * from './useToggleButtonClasses';
-export * from './ToggleButton';
-export * from './useChecked';

package/lib-amd/components/ToggleButton/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./useToggleButton", "./useToggleButtonClasses", "./ToggleButton", "./useChecked"], function (require, exports, tslib_1, useToggleButton_1, useToggleButtonClasses_1, ToggleButton_1, useChecked_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(useToggleButton_1, exports);
-    tslib_1.__exportStar(useToggleButtonClasses_1, exports);
-    tslib_1.__exportStar(ToggleButton_1, exports);
-    tslib_1.__exportStar(useChecked_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/ToggleButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/ToggleButton/index.ts"],"names":[],"mappings":";;;IACA,iDAAkC;IAClC,wDAAyC;IACzC,8CAA+B;IAC/B,4CAA6B","sourcesContent":["export * from './ToggleButton.types';\nexport * from './useToggleButton';\nexport * from './useToggleButtonClasses';\nexport * from './ToggleButton';\nexport * from './useChecked';\n"]}

package/lib-amd/components/ToggleButton/useChecked.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface CheckedState {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onClick?: React.DOMAttributes<HTMLElement>['onClick'];
-    role?: string;
-    'aria-checked'?: React.AriaAttributes['aria-pressed'];
-    'aria-pressed'?: React.AriaAttributes['aria-pressed'];
-}
-/**
- * The useToggle hook processes adds the correct toggled state and acccessibility as needed.
- * @param draftState - state to read and augment.
- */
-export declare const useChecked: <TDraftState extends CheckedState>(draftState: TDraftState) => void;

package/lib-amd/components/ToggleButton/useChecked.js

@@ -1,27 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-hooks"], function (require, exports, React, react_hooks_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * The useToggle hook processes adds the correct toggled state and acccessibility as needed.
-     * @param draftState - state to read and augment.
-     */
-    exports.useChecked = function (draftState) {
-        var onClick = draftState.onClick, checked = draftState.checked, defaultChecked = draftState.defaultChecked, role = draftState.role;
-        var _a = react_hooks_1.useControllableValue(checked, defaultChecked), checkedValue = _a[0], setCheckedValue = _a[1];
-        // Ensure the state is the correct controlled/uncontrolled value.
-        draftState.checked = checkedValue;
-        // Ensure the right aria value is set to represent the checked state.
-        var isCheckboxTypeRole = role === 'menuitemcheckbox' || role === 'checkbox';
-        draftState[isCheckboxTypeRole ? 'aria-checked' : 'aria-pressed'] = checkedValue;
-        draftState.onClick = React.useCallback(function (ev) {
-            if (onClick) {
-                onClick(ev);
-                if (ev.defaultPrevented) {
-                    return;
-                }
-            }
-            setCheckedValue(!checkedValue);
-        }, [checkedValue, setCheckedValue, onClick]);
-    };
-});
-//# sourceMappingURL=useChecked.js.map

package/lib-amd/components/ToggleButton/useChecked.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChecked.js","sourceRoot":"../src/","sources":["components/ToggleButton/useChecked.ts"],"names":[],"mappings":";;;IAaA;;;OAGG;IACU,QAAA,UAAU,GAAG,UAAmC,UAAuB;QAC1E,IAAA,4BAAO,EAAE,4BAAO,EAAE,0CAAc,EAAE,sBAAI,CAAgB;QACxD,IAAA,gEAA+E,EAA9E,oBAAY,EAAE,uBAAgE,CAAC;QAEtF,iEAAiE;QACjE,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC;QAElC,qEAAqE;QACrE,IAAM,kBAAkB,GAAG,IAAI,KAAK,kBAAkB,IAAI,IAAI,KAAK,UAAU,CAAC;QAE9E,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC;QAEhF,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,EAAmD;YAClD,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,EAAE,CAAC,CAAC;gBAEZ,IAAI,EAAE,CAAC,gBAAgB,EAAE;oBACvB,OAAO;iBACR;aACF;YAED,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC,EACD,CAAC,YAAY,EAAE,eAAe,EAAE,OAAO,CAAC,CACzC,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { useControllableValue } from '@fluentui/react-hooks';\n\nexport interface CheckedState {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onClick?: React.DOMAttributes<HTMLElement>['onClick'];\n\n  role?: string;\n  'aria-checked'?: React.AriaAttributes['aria-pressed'];\n  'aria-pressed'?: React.AriaAttributes['aria-pressed'];\n}\n\n/**\n * The useToggle hook processes adds the correct toggled state and acccessibility as needed.\n * @param draftState - state to read and augment.\n */\nexport const useChecked = <TDraftState extends CheckedState>(draftState: TDraftState) => {\n  const { onClick, checked, defaultChecked, role } = draftState;\n  const [checkedValue, setCheckedValue] = useControllableValue(checked, defaultChecked);\n\n  // Ensure the state is the correct controlled/uncontrolled value.\n  draftState.checked = checkedValue;\n\n  // Ensure the right aria value is set to represent the checked state.\n  const isCheckboxTypeRole = role === 'menuitemcheckbox' || role === 'checkbox';\n\n  draftState[isCheckboxTypeRole ? 'aria-checked' : 'aria-pressed'] = checkedValue;\n\n  draftState.onClick = React.useCallback(\n    (ev: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (onClick) {\n        onClick(ev);\n\n        if (ev.defaultPrevented) {\n          return;\n        }\n      }\n\n      setCheckedValue(!checkedValue);\n    },\n    [checkedValue, setCheckedValue, onClick],\n  );\n};\n"]}