UNPKG

@ariakit/react-core

Version:

Ariakit React core

124 lines (102 loc) 4.04 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _67YN7FNGcjs = require('../__chunks/67YN7FNG.cjs'); var _5NYO4PEPcjs = require('../__chunks/5NYO4PEP.cjs'); require('../__chunks/HLFPESUH.cjs'); require('../__chunks/KPH4LMZO.cjs'); var _LDGI442Hcjs = require('../__chunks/LDGI442H.cjs'); require('../__chunks/CUMEKEIQ.cjs'); require('../__chunks/KUPB4YJ5.cjs'); require('../__chunks/ZVWIHFYJ.cjs'); require('../__chunks/MIBORXQW.cjs'); require('../__chunks/DQ3AW7HU.cjs'); require('../__chunks/ZVS6SBRR.cjs'); require('../__chunks/VF7H2WBX.cjs'); require('../__chunks/EJVJIL4S.cjs'); require('../__chunks/CWQU4R75.cjs'); require('../__chunks/H5ZMZIC6.cjs'); require('../__chunks/PDQXLIRF.cjs'); require('../__chunks/T3QB4FR3.cjs'); require('../__chunks/76LCMKUI.cjs'); require('../__chunks/FVVTEJ4K.cjs'); var _6TI3NXX6cjs = require('../__chunks/6TI3NXX6.cjs'); var _L5A2ID7Scjs = require('../__chunks/L5A2ID7S.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 = _6TI3NXX6cjs.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 = _5NYO4PEPcjs.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 = _L5A2ID7Scjs.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 = _L5A2ID7Scjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NYO4PEPcjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }), [isChecked] ); props = _7EQBAZ46cjs.__spreadValues.call(void 0, { role: "menuitemradio" }, props); props = _LDGI442Hcjs.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 = _67YN7FNGcjs.useMenuItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, hideOnClick }, props)); return props; } ); var MenuItemRadio = _6TI3NXX6cjs.memo.call(void 0, _6TI3NXX6cjs.forwardRef.call(void 0, function MenuItemRadio2(props) { const htmlProps = useMenuItemRadio(props); return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps); }) ); exports.MenuItemRadio = MenuItemRadio; exports.useMenuItemRadio = useMenuItemRadio;