Field components and utilities for questionnaire builder
npm install @mieweb/forms-engine@mieweb/forms-editor and @mieweb/forms-renderer. Most users should use those packages instead.
bash
npm install @mieweb/forms-engine
`
Requirements: React 18+ and React DOM 18+
Overview
Provides:
- 20+ field components
- Zustand state management
- Schema utilities (YAML/JSON parsing, auto-detection)
- Conditional logic evaluation
Quick Start
`jsx
import {
FormStoreContext,
UIStoreContext,
createFormStore,
createUIStore,
Text_Field
} from '@mieweb/forms-engine';
function MyApp() {
const formStore = React.useRef(createFormStore()).current;
const uiStore = React.useRef(createUIStore()).current;
React.useEffect(() => {
formStore.getState().replaceAll({
schemaType: 'mieforms-v1.0',
fields: [
{ id: 'name', fieldType: 'text', question: 'Name?', answer: '' }
]
});
}, [formStore]);
return (
);
}
``