114 lines
4.1 KiB
JavaScript
114 lines
4.1 KiB
JavaScript
"use strict";
|
|
'use client';
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.useSwitch = useSwitch;
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _utils = require("@mui/utils");
|
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
/**
|
|
* The basic building block for creating custom switches.
|
|
*
|
|
* Demos:
|
|
*
|
|
* - [Switch](https://mui.com/base-ui/react-switch/#hook)
|
|
*
|
|
* API:
|
|
*
|
|
* - [useSwitch API](https://mui.com/base-ui/react-switch/hooks-api/#use-switch)
|
|
*/
|
|
function useSwitch(props) {
|
|
const {
|
|
checked: checkedProp,
|
|
defaultChecked,
|
|
disabled,
|
|
onBlur,
|
|
onChange,
|
|
onFocus,
|
|
onFocusVisible,
|
|
readOnly,
|
|
required
|
|
} = props;
|
|
const [checked, setCheckedState] = (0, _utils.unstable_useControlled)({
|
|
controlled: checkedProp,
|
|
default: Boolean(defaultChecked),
|
|
name: 'Switch',
|
|
state: 'checked'
|
|
});
|
|
const createHandleInputChange = otherProps => event => {
|
|
var _otherProps$onChange;
|
|
// Workaround for https://github.com/facebook/react/issues/9023
|
|
if (event.nativeEvent.defaultPrevented) {
|
|
return;
|
|
}
|
|
setCheckedState(event.target.checked);
|
|
onChange == null || onChange(event);
|
|
(_otherProps$onChange = otherProps.onChange) == null || _otherProps$onChange.call(otherProps, event);
|
|
};
|
|
const {
|
|
isFocusVisibleRef,
|
|
onBlur: handleBlurVisible,
|
|
onFocus: handleFocusVisible,
|
|
ref: focusVisibleRef
|
|
} = (0, _utils.unstable_useIsFocusVisible)();
|
|
const [focusVisible, setFocusVisible] = React.useState(false);
|
|
if (disabled && focusVisible) {
|
|
setFocusVisible(false);
|
|
}
|
|
React.useEffect(() => {
|
|
isFocusVisibleRef.current = focusVisible;
|
|
}, [focusVisible, isFocusVisibleRef]);
|
|
const inputRef = React.useRef(null);
|
|
const createHandleFocus = otherProps => event => {
|
|
var _otherProps$onFocus;
|
|
// Fix for https://github.com/facebook/react/issues/7769
|
|
if (!inputRef.current) {
|
|
inputRef.current = event.currentTarget;
|
|
}
|
|
handleFocusVisible(event);
|
|
if (isFocusVisibleRef.current === true) {
|
|
setFocusVisible(true);
|
|
onFocusVisible == null || onFocusVisible(event);
|
|
}
|
|
onFocus == null || onFocus(event);
|
|
(_otherProps$onFocus = otherProps.onFocus) == null || _otherProps$onFocus.call(otherProps, event);
|
|
};
|
|
const createHandleBlur = otherProps => event => {
|
|
var _otherProps$onBlur;
|
|
handleBlurVisible(event);
|
|
if (isFocusVisibleRef.current === false) {
|
|
setFocusVisible(false);
|
|
}
|
|
onBlur == null || onBlur(event);
|
|
(_otherProps$onBlur = otherProps.onBlur) == null || _otherProps$onBlur.call(otherProps, event);
|
|
};
|
|
const handleInputRef = (0, _utils.unstable_useForkRef)(focusVisibleRef, inputRef);
|
|
const getInputProps = (otherProps = {}) => (0, _extends2.default)({
|
|
checked: checkedProp,
|
|
defaultChecked,
|
|
disabled,
|
|
readOnly,
|
|
ref: handleInputRef,
|
|
required,
|
|
type: 'checkbox',
|
|
role: 'switch',
|
|
'aria-checked': checkedProp
|
|
}, otherProps, {
|
|
onChange: createHandleInputChange(otherProps),
|
|
onFocus: createHandleFocus(otherProps),
|
|
onBlur: createHandleBlur(otherProps)
|
|
});
|
|
return {
|
|
checked,
|
|
disabled: Boolean(disabled),
|
|
focusVisible,
|
|
getInputProps,
|
|
inputRef: handleInputRef,
|
|
readOnly: Boolean(readOnly)
|
|
};
|
|
} |