UNPKG

@ariakit/react-core

Version:

Ariakit React core

124 lines (102 loc) 4.04 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _OKZ7VQEOcjs = require('../__chunks/OKZ7VQEO.cjs'); var _6M54DBBOcjs = require('../__chunks/6M54DBBO.cjs'); require('../__chunks/VNVMHTCY.cjs'); require('../__chunks/6F6SPO63.cjs'); var _WTFXOGXScjs = require('../__chunks/WTFXOGXS.cjs'); require('../__chunks/WZB3FBKI.cjs'); require('../__chunks/N37IROBR.cjs'); require('../__chunks/YTEJF6TY.cjs'); require('../__chunks/MIBORXQW.cjs'); require('../__chunks/IH6KF7WR.cjs'); require('../__chunks/ZVJRPAXY.cjs'); require('../__chunks/YDPERDKF.cjs'); require('../__chunks/KVXNVDJK.cjs'); require('../__chunks/D6FV6EYS.cjs'); require('../__chunks/DHAXJ5PA.cjs'); require('../__chunks/YUGKYIYY.cjs'); require('../__chunks/T3QB4FR3.cjs'); require('../__chunks/25BPIGZH.cjs'); require('../__chunks/6HKL3JR2.cjs'); var _WULEED4Qcjs = require('../__chunks/WULEED4Q.cjs'); var _OZM4QA2Vcjs = require('../__chunks/OZM4QA2V.cjs'); require('../__chunks/FDRJDQ5Y.cjs'); var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs'); // src/menu/menu-item-radio.tsx var _misc = require('@ariakit/core/utils/misc'); var _react = require('react'); var _jsxruntime = require('react/jsx-runtime'); var TagName = "div"; function getValue(prevValue, value, checked) { if (checked === void 0) return prevValue; if (checked) return value; return prevValue; } var useMenuItemRadio = _WULEED4Qcjs.createHook.call(void 0, function useMenuItemRadio2(_a) { var _b = _a, { store, name, value, checked, onChange: onChangeProp, hideOnClick = false } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [ "store", "name", "value", "checked", "onChange", "hideOnClick" ]); const context = _6M54DBBOcjs.useMenuScopedContext.call(void 0, ); store = store || context; _misc.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component" ); const defaultChecked = _OZM4QA2Vcjs.useInitialValue.call(void 0, props.defaultChecked); _react.useEffect.call(void 0, () => { store == null ? void 0 : store.setValue(name, (prevValue = false) => { return getValue(prevValue, value, defaultChecked); }); }, [store, name, value, defaultChecked]); _react.useEffect.call(void 0, () => { if (checked === void 0) return; store == null ? void 0 : store.setValue(name, (prevValue) => { return getValue(prevValue, value, checked); }); }, [store, name, value, checked]); const isChecked = store.useState((state) => state.values[name] === value); props = _OZM4QA2Vcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6M54DBBOcjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }), [isChecked] ); props = _7EQBAZ46cjs.__spreadValues.call(void 0, { role: "menuitemradio" }, props); props = _WTFXOGXScjs.useRadio.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { name, value, checked: isChecked, onChange(event) { onChangeProp == null ? void 0 : onChangeProp(event); if (event.defaultPrevented) return; const element = event.currentTarget; store == null ? void 0 : store.setValue(name, (prevValue) => { return getValue(prevValue, value, checked != null ? checked : element.checked); }); } }, props)); props = _OKZ7VQEOcjs.useMenuItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, hideOnClick }, props)); return props; } ); var MenuItemRadio = _WULEED4Qcjs.memo.call(void 0, _WULEED4Qcjs.forwardRef.call(void 0, function MenuItemRadio2(props) { const htmlProps = useMenuItemRadio(props); return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps); }) ); exports.MenuItemRadio = MenuItemRadio; exports.useMenuItemRadio = useMenuItemRadio;