"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "useMenuItemCheckbox_unstable", { enumerable: true, get: function() { return useMenuItemCheckbox_unstable; } }); const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard"); const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react")); const _reactutilities = require("@fluentui/react-utilities"); const _reacticons = require("@fluentui/react-icons"); const _menuListContext = require("../../contexts/menuListContext"); const _useMenuItem = require("../MenuItem/useMenuItem"); const useMenuItemCheckbox_unstable = (props, ref)=>{ const toggleCheckbox = (0, _menuListContext.useMenuListContext_unstable)((context)=>context.toggleCheckbox); const { name, value } = props; const checked = (0, _menuListContext.useMenuListContext_unstable)((context)=>{ var _context_checkedValues; const checkedItems = ((_context_checkedValues = context.checkedValues) === null || _context_checkedValues === void 0 ? void 0 : _context_checkedValues[name]) || []; return checkedItems.indexOf(value) !== -1; }); const state = { ...(0, _useMenuItem.useMenuItem_unstable)({ role: 'menuitemcheckbox', persistOnClick: true, ...props, 'aria-checked': checked, checkmark: _reactutilities.slot.optional(props.checkmark, { defaultProps: { children: /*#__PURE__*/ _react.createElement(_reacticons.Checkmark16Filled, null) }, renderByDefault: true, elementType: 'span' }), onClick: (e)=>{ var _props_onClick; toggleCheckbox === null || toggleCheckbox === void 0 ? void 0 : toggleCheckbox(e, name, value, checked); (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e); } }, ref), name, value, checked }; return state; };