@braineet/ui
Version:
Braineet design system
34 lines (33 loc) • 1.37 kB
JavaScript
;
exports.__esModule = true;
exports.useCombobox = void 0;
var _react = require("react");
var _combobox = require("ariakit/combobox");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var useEnhancedEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
var useCombobox = exports.useCombobox = function useCombobox(options) {
var wrapperRef = (0, _react.useRef)();
var combobox = (0, _combobox.useComboboxState)(_extends({
gutter: 4,
sameWidth: true,
getAnchorRect: function getAnchorRect() {
var _wrapperRef$current;
if (!wrapperRef.current) return null;
return ((_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.getBoundingClientRect()) || null;
}
}, options));
useEnhancedEffect(function () {
if (wrapperRef.current) {
var observer = new ResizeObserver(function () {
combobox.render();
});
observer.observe(wrapperRef.current);
return function () {
observer.unobserve(wrapperRef.current);
};
}
}, []);
return _extends({}, combobox, {
wrapperRef: wrapperRef
});
};