@ariakit/react-core/cjs/menu/menu-item-checkbox.cjs

Ariakit React core

"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');
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');


var _VBD2AUBUcjs = require('../__chunks/VBD2AUBU.cjs');


var _B63GYHMLcjs = require('../__chunks/B63GYHML.cjs');
require('../__chunks/H5ZMZIC6.cjs');
require('../__chunks/PDQXLIRF.cjs');
require('../__chunks/T3QB4FR3.cjs');
require('../__chunks/IRJEBRAW.cjs');
require('../__chunks/RNDUOYIN.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-checkbox.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var TagName = "div";
function getPrimitiveValue(value) {
  if (Array.isArray(value)) {
    return value.toString();
  }
  return value;
}
function getValue(storeValue, value, checked) {
  if (value === void 0) {
    if (Array.isArray(storeValue)) return storeValue;
    return !!checked;
  }
  const primitiveValue = getPrimitiveValue(value);
  if (!Array.isArray(storeValue)) {
    if (checked) {
      return primitiveValue;
    }
    return storeValue === primitiveValue ? false : storeValue;
  }
  if (checked) {
    if (storeValue.includes(primitiveValue)) {
      return storeValue;
    }
    return [...storeValue, primitiveValue];
  }
  return storeValue.filter((v) => v !== primitiveValue);
}
var useMenuItemCheckbox = _6TI3NXX6cjs.createHook.call(void 0, 
  function useMenuItemCheckbox2(_a) {
    var _b = _a, {
      store,
      name,
      value,
      checked,
      defaultChecked: defaultCheckedProp,
      hideOnClick = false
    } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
      "store",
      "name",
      "value",
      "checked",
      "defaultChecked",
      "hideOnClick"
    ]);
    const context = _5NYO4PEPcjs.useMenuScopedContext.call(void 0, );
    store = store || context;
    _misc.invariant.call(void 0, 
      store,
      process.env.NODE_ENV !== "production" && "MenuItemCheckbox must be wrapped in a MenuList or Menu component"
    );
    const defaultChecked = _L5A2ID7Scjs.useInitialValue.call(void 0, defaultCheckedProp);
    _react.useEffect.call(void 0, () => {
      store == null ? void 0 : store.setValue(name, (prevValue = []) => {
        if (!defaultChecked) return prevValue;
        return getValue(prevValue, value, true);
      });
    }, [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 checkboxStore = _VBD2AUBUcjs.useCheckboxStore.call(void 0, {
      value: store.useState((state) => state.values[name]),
      setValue(internalValue) {
        store == null ? void 0 : store.setValue(name, () => {
          if (checked === void 0) return internalValue;
          const nextValue = getValue(internalValue, value, checked);
          if (!Array.isArray(nextValue)) return nextValue;
          if (!Array.isArray(internalValue)) return nextValue;
          if (_misc.shallowEqual.call(void 0, internalValue, nextValue)) return internalValue;
          return nextValue;
        });
      }
    });
    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
      role: "menuitemcheckbox"
    }, props);
    props = _B63GYHMLcjs.useCheckbox.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
      store: checkboxStore,
      name,
      value,
      checked
    }, props));
    props = _67YN7FNGcjs.useMenuItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
    return props;
  }
);
var MenuItemCheckbox = _6TI3NXX6cjs.memo.call(void 0, 
  _6TI3NXX6cjs.forwardRef.call(void 0, function MenuItemCheckbox2(props) {
    const htmlProps = useMenuItemCheckbox(props);
    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
  })
);



exports.MenuItemCheckbox = MenuItemCheckbox; exports.useMenuItemCheckbox = useMenuItemCheckbox;