@ariakit/react
Version:
Toolkit for building accessible web apps with React
57 lines (39 loc) • 1.76 kB
JavaScript
;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;