@ariakit/react-core/cjs/composite/composite-overflow-disclosure.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _4OTMDXRRcjs = require('../__chunks/4OTMDXRR.cjs');
require('../__chunks/VKWO5RWC.cjs');
require('../__chunks/7GKSQOUW.cjs');
require('../__chunks/5K46XOEI.cjs');


var _DX5OUXRCcjs = require('../__chunks/DX5OUXRC.cjs');
require('../__chunks/2XVCJUVB.cjs');
require('../__chunks/QM74NV6D.cjs');
require('../__chunks/7X7JMIHX.cjs');
require('../__chunks/WDV6EJ2U.cjs');
require('../__chunks/VFNUZFXS.cjs');
require('../__chunks/EOGOO37X.cjs');
require('../__chunks/F6OAWDMC.cjs');
require('../__chunks/HAR6UDZU.cjs');
require('../__chunks/BB34VMZX.cjs');
require('../__chunks/T3QB4FR3.cjs');
require('../__chunks/RDNUVX4V.cjs');
require('../__chunks/ZYZTL3IQ.cjs');




var _SQLDFLTEcjs = require('../__chunks/SQLDFLTE.cjs');



var _4KGS3DOWcjs = require('../__chunks/4KGS3DOW.cjs');
require('../__chunks/TWX5YNTH.cjs');

// src/composite/composite-overflow-disclosure.ts
var _store = require('@ariakit/core/utils/store');
var _react = require('react');
var TagName = "button";
var useCompositeOverflowDisclosure = _SQLDFLTEcjs.createHook.call(void 0, function useCompositeOverflowDisclosure2({ store, ...props }) {
  const ref = _react.useRef.call(void 0, null);
  const [shouldRegisterItem, setShouldRegisterItem] = _react.useState.call(void 0, false);
  _react.useEffect.call(void 0, () => {
    return _store.sync.call(void 0, store, ["disclosureElement"], () => {
      store.setDisclosureElement(ref.current);
    });
  }, [store]);
  const onFocusProp = props.onFocus;
  const onFocus = _4KGS3DOWcjs.useEvent.call(void 0, (event) => {
    onFocusProp == null ? void 0 : onFocusProp(event);
    if (event.defaultPrevented) return;
    setShouldRegisterItem(true);
  });
  const onBlurProp = props.onBlur;
  const onBlur = _4KGS3DOWcjs.useEvent.call(void 0, (event) => {
    onBlurProp == null ? void 0 : onBlurProp(event);
    if (event.defaultPrevented) return;
    setShouldRegisterItem(false);
  });
  props = {
    "aria-hidden": !shouldRegisterItem,
    ...props,
    ref: _4KGS3DOWcjs.useMergeRefs.call(void 0, props.ref, ref),
    onFocus,
    onBlur
  };
  props = _DX5OUXRCcjs.useCompositeItem.call(void 0, { ...props, shouldRegisterItem });
  props = _4OTMDXRRcjs.usePopoverDisclosure.call(void 0, { store, ...props });
  return props;
});
var CompositeOverflowDisclosure = _SQLDFLTEcjs.forwardRef.call(void 0, 
  function CompositeOverflowDisclosure2(props) {
    const htmlProps = useCompositeOverflowDisclosure(props);
    return _SQLDFLTEcjs.createElement.call(void 0, TagName, htmlProps);
  }
);



exports.CompositeOverflowDisclosure = CompositeOverflowDisclosure; exports.useCompositeOverflowDisclosure = useCompositeOverflowDisclosure;