UNPKG

@ariakit/react-core

Version:

Ariakit React core

74 lines (58 loc) 2.01 kB
"use strict";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;