Page MenuHomec4science
Files F101067719

useTabs.js
No OneTemporary
Actions

File Metadata

Created
Wed, Feb 5, 10:04

useTabs.js
View Options

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import * as React from 'react';
import { unstable_useControlled as useControlled, unstable_useId as useId } from '@mui/utils';
var useTabs = function useTabs(parameters) {
var valueProp = parameters.value,
defaultValue = parameters.defaultValue,
onChange = parameters.onChange,
orientation = parameters.orientation,
direction = parameters.direction,
selectionFollowsFocus = parameters.selectionFollowsFocus;
var _useControlled = useControlled({
controlled: valueProp,
default: defaultValue,
name: 'Tabs',
state: 'value'
}),
_useControlled2 = _slicedToArray(_useControlled, 2),
value = _useControlled2[0],
setValue = _useControlled2[1];
var idPrefix = useId();
var onSelected = React.useCallback(function (e, newValue) {
setValue(newValue);
if (onChange) {
onChange(e, newValue);
}
}, [onChange, setValue]);
var tabsContextValue = React.useMemo(function () {
return {
idPrefix: idPrefix,
value: value,
onSelected: onSelected,
orientation: orientation,
direction: direction,
selectionFollowsFocus: selectionFollowsFocus
};
}, [idPrefix, value, onSelected, orientation, direction, selectionFollowsFocus]);
return {
tabsContextValue: tabsContextValue
};
};
export default useTabs;

Event Timeline

c4science · Help