@ai-stack/payloadcms
Version:
<p align="center"> <img alt="Payload AI Plugin" src="assets/payload-ai-intro.gif" width="100%" /> </p>
43 lines (42 loc) • 1.83 kB
JavaScript
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FieldDescription, useDocumentInfo } from '@payloadcms/ui';
import React from 'react';
import { FieldProvider } from '../../providers/FieldProvider/FieldProvider.js';
import { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js';
import { Compose } from '../../ui/Compose/Compose.js';
export const ComposeField = (props)=>{
const { collectionSlug } = useDocumentInfo();
const finalSchemaPath = props?.schemaPath ?? (collectionSlug ? `${collectionSlug}.${props?.path ?? ''}` : props?.path ?? '');
const { id: instructionId, disabled, hasInstructions, isConfigAllowed } = useInstructions({
schemaPath: finalSchemaPath
});
const adminDescription = props?.field?.admin || {};
const description = "description" in adminDescription ? adminDescription.description : "";
return /*#__PURE__*/ _jsxs(FieldProvider, {
context: {
field: props?.field,
path: props?.path ?? '',
schemaPath: finalSchemaPath
},
children: [
hasInstructions && instructionId && !disabled ? /*#__PURE__*/ _jsx(Compose, {
descriptionProps: {
...props,
field: props?.field,
path: props?.path ?? '',
schemaPath: finalSchemaPath
},
instructionId: instructionId,
isConfigAllowed: isConfigAllowed
}) : null,
/*#__PURE__*/ _jsx("div", {
children: /*#__PURE__*/ _jsx(FieldDescription, {
description: description,
path: props?.path
})
})
]
});
};
//# sourceMappingURL=ComposeField.js.map