@uifabric/experiments
Version:
Experimental React components for building experiences for Microsoft 365.
32 lines • 1.43 kB
JavaScript
import { __assign } from "tslib";
import * as React from 'react';
import { KeyCodes } from '../../../Utilities';
/* eslint-disable deprecation/deprecation */
/** @deprecated */
export var useSplitButtonState = function (props) {
var _a = React.useState(false), expanded = _a[0], setExpanded = _a[1];
var disabled = props.disabled, onMenuDismiss = props.onMenuDismiss, onSecondaryActionClick = props.onSecondaryActionClick;
var _onMenuDismiss = React.useCallback(function () {
onMenuDismiss && onMenuDismiss();
setExpanded(false);
}, [onMenuDismiss]);
var _onSecondaryActionClick = React.useCallback(function (ev) {
if (!disabled) {
if (onSecondaryActionClick) {
onSecondaryActionClick(ev);
if (ev.defaultPrevented) {
return;
}
}
setExpanded(!expanded);
}
}, [disabled, expanded, onSecondaryActionClick]);
var _onKeyDown = React.useCallback(function (ev) {
if (!disabled && (ev.altKey || ev.metaKey) && ev.keyCode === KeyCodes.down) {
setExpanded(!expanded);
}
}, [disabled, expanded]);
var viewProps = __assign(__assign({}, props), { expanded: expanded, onKeyDown: _onKeyDown, onMenuDismiss: _onMenuDismiss, onSecondaryActionClick: _onSecondaryActionClick });
return viewProps;
};
//# sourceMappingURL=SplitButton.state.js.map