@ariakit/react-core
Version:
Ariakit React core
74 lines (58 loc) • 2.01 kB
JavaScript
;Object.defineProperty(exports, "__esModule", {value: true});
var _JDF6CMNNcjs = require('../__chunks/JDF6CMNN.cjs');
var _XFOFWDPYcjs = require('../__chunks/XFOFWDPY.cjs');
require('../__chunks/QJGTENWI.cjs');
var _WBFXWJUHcjs = require('../__chunks/WBFXWJUH.cjs');
var _MZ2HG624cjs = require('../__chunks/MZ2HG624.cjs');
require('../__chunks/XMDZRF6Y.cjs');
// src/form/form-description.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var TagName = "div";
var useFormDescription = _WBFXWJUHcjs.createHook.call(void 0,
function useFormDescription2({
store,
name: nameProp,
getItem: getItemProp,
...props
}) {
const context = _JDF6CMNNcjs.useFormContext.call(void 0, );
store = store || context;
_misc.invariant.call(void 0,
store,
process.env.NODE_ENV !== "production" && "FormDescription must be wrapped in a Form component."
);
const id = _MZ2HG624cjs.useId.call(void 0, props.id);
const ref = _react.useRef.call(void 0, null);
const name = `${nameProp}`;
const getItem = _react.useCallback.call(void 0,
(item) => {
const nextItem = {
...item,
id: id || item.id,
name,
type: "description"
};
if (getItemProp) {
return getItemProp(nextItem);
}
return nextItem;
},
[id, name, getItemProp]
);
props = {
id,
...props,
ref: _MZ2HG624cjs.useMergeRefs.call(void 0, ref, props.ref)
};
props = _XFOFWDPYcjs.useCollectionItem.call(void 0, { store, ...props, getItem });
return props;
}
);
var FormDescription = _WBFXWJUHcjs.memo.call(void 0,
_WBFXWJUHcjs.forwardRef.call(void 0, function FormDescription2(props) {
const htmlProps = useFormDescription(props);
return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
})
);
exports.FormDescription = FormDescription; exports.useFormDescription = useFormDescription;