@mantine/core/cjs/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.cjs

React components library focused on usability, accessibility and developer experience

"use client";
const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
const require_MenuCheckboxGroup_context = require("./MenuCheckboxGroup.context.cjs");
let react = require("react");
let _mantine_hooks = require("@mantine/hooks");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.tsx
function MenuCheckboxGroup(_props) {
	const { value, defaultValue, onChange, children } = require_use_props.useProps("MenuCheckboxGroup", null, _props);
	const [_value, setValue] = (0, _mantine_hooks.useUncontrolled)({
		value,
		defaultValue,
		finalValue: [],
		onChange
	});
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuCheckboxGroup_context.MenuCheckboxGroupContext, {
		value: {
			values: _value,
			onChange: (0, react.useCallback)((next) => {
				setValue(_value.includes(next) ? _value.filter((item) => item !== next) : [..._value, next]);
			}, [_value, setValue])
		},
		children
	});
}
MenuCheckboxGroup.displayName = "@mantine/core/MenuCheckboxGroup";
//#endregion
exports.MenuCheckboxGroup = MenuCheckboxGroup;

//# sourceMappingURL=MenuCheckboxGroup.cjs.map