@ariakit/react-core
Version:
Ariakit React core
124 lines (102 loc) • 4.04 kB
JavaScript
;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;