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