UNPKG

@ariakit/react

Version:

Toolkit for building accessible web apps with React

57 lines (39 loc) 1.76 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _FHQLDZSWcjs = require('./FHQLDZSW.cjs'); var _5FQZLBJ7cjs = require('./5FQZLBJ7.cjs'); var _LZ6L3ECGcjs = require('./LZ6L3ECG.cjs'); // ../ariakit-react-components/dist/composite/composite-row.js var _react = require('react'); var _jsxruntime = require('react/jsx-runtime'); var TagName = "div"; var useCompositeRow = _LZ6L3ECGcjs.createHook.call(void 0, function useCompositeRow2({ store, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }) { const context = _FHQLDZSWcjs.useCompositeScopedContext.call(void 0, ); store = store || context; _LZ6L3ECGcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."); const id = _LZ6L3ECGcjs.useId.call(void 0, props.id); const baseElement = _5FQZLBJ7cjs.useStoreState.call(void 0, store, (state) => state.baseElement || void 0); const providerValue = _react.useMemo.call(void 0, () => ({ id, baseElement, ariaSetSize, ariaPosInSet }), [ id, baseElement, ariaSetSize, ariaPosInSet ]); props = _LZ6L3ECGcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FHQLDZSWcjs.CompositeRowContext.Provider, { value: providerValue, children: element }), [providerValue]); props = { ...props, id }; return _LZ6L3ECGcjs.removeUndefinedValues.call(void 0, props); }); var CompositeRow = _LZ6L3ECGcjs.forwardRef.call(void 0, function CompositeRow2(props) { return _LZ6L3ECGcjs.createElement.call(void 0, TagName, useCompositeRow(props)); }); exports.useCompositeRow = useCompositeRow; exports.CompositeRow = CompositeRow;