"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) }; }