@opengov/form-renderer 0.0.34 → 0.0.36-CIT-11759-beta.0

package/dist/renderer/Field.d.ts

@@ -1,5 +1,4 @@
-import { FieldData } from './types';
-export default function Field({ field, formReadOnly }: {
-    field: FieldData;
-    formReadOnly?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null | undefined;
+export default function Field({ fieldId, readonly }: {
+    fieldId: string;
+    readonly?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/renderer/FormProvider.d.ts

@@ -1,24 +1,12 @@
 import { default as React } from 'react';
-import { UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
 import { FormTemplate, FieldRenders } from './types';
-interface FormShellProps {
-    children: React.ReactNode;
-    onSubmit: (data: any) => void;
-    layout?: LayoutState;
-    template: FormTemplate;
-    renderFields?: FieldRenders;
-    formId?: string;
-}
-export declare function FormShell({ children, onSubmit, layout, template, renderFields, formId }: FormShellProps): import("react/jsx-runtime").JSX.Element;
 interface FormProviderProps {
     children: React.ReactNode;
-    onSubmit?: (data: any) => void;
     layout?: LayoutState;
-    formOptions?: UseFormProps;
     template: FormTemplate;
     renderFields?: FieldRenders;
-    formId?: string;
+    readonly?: boolean;
 }
-declare function FormProvider({ children, onSubmit, layout, formOptions, template, renderFields, formId, }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function FormProvider({ children, layout, template, renderFields, readonly }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
 export default FormProvider;

package/dist/renderer/context/FormRendererContext.d.ts

@@ -3,16 +3,19 @@ import { FieldRenders, FormTemplate } from '../types';
 export interface FormRendererContextType {
     template: FormTemplate;
     renderFields?: FieldRenders;
+    readonly?: boolean;
 }
 interface FormRendererProviderProps {
     children: ReactNode;
     template: FormTemplate;
     renderFields?: FieldRenders;
+    readonly?: boolean;
 }
 export declare const FormRendererProvider: React.FC<FormRendererProviderProps>;
 export declare const useFormRenderer: () => FormRendererContextType;
 export declare const useFormField: (fieldId: string) => {
     template: import('../types').FieldTemplate;
-    render: ((props: import('../types').FieldRenderProps) => JSX.Element) | undefined;
+    render: (field: import('../types').FieldTemplate) => JSX.Element;
+    renderReadOnly: ((field: import('../types').FieldTemplate) => JSX.Element) | undefined;
 };
 export {};

package/dist/renderer/context/FormRendererContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/renderer/index.d.ts

@@ -1,6 +1,11 @@
-import { FormRendererProps, FieldData } from './types';
-export declare function Renderer({ fieldData, formReadOnly }: {
-    fieldData: FieldData[];
-    formReadOnly?: boolean;
+import { FormRendererProps, RendererProps, SubmitProps } from './types';
+import { UseFormProps } from 'react-hook-form';
+export declare function FormShell({ children, formOptions, submit, }: {
+    children: React.ReactNode;
+    formOptions?: UseFormProps & {
+        defaultValues: Record<string, any>;
+    };
+    submit?: SubmitProps;
 }): import("react/jsx-runtime").JSX.Element;
-export default function FormRenderer({ fieldData, template, renderFields, onSubmit, layout, readonly, formId, formOptions, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function Renderer({ fieldIds, formOptions, submit, readonly }: RendererProps): import("react/jsx-runtime").JSX.Element;
+export default function FormRenderer({ template, renderFields, layout, readonly, formOptions, submit, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/renderer/types.d.ts

@@ -24,6 +24,8 @@ export type FieldTemplate = FieldValues & {
     internal?: boolean;
     required?: boolean;
     visibleId?: string;
+    fullWidth?: boolean;
+    readonly?: boolean;
 };
 export type ConditionTemplate = {
     dependentEntityPrimaryKey: string;
@@ -33,31 +35,36 @@ export type ConditionTemplate = {
     comparate1?: string;
     comparate2?: string;
 };
-export type FieldRenderProps = {
-    field: FieldTemplate;
-    fullWidth?: boolean;
-    disabled?: boolean;
-};
 export type FieldRenders = {
-    [key: string]: (props: FieldRenderProps) => JSX.Element;
+    [key: string]: {
+        render: (field: FieldTemplate) => JSX.Element;
+        renderReadOnly?: (field: FieldTemplate) => JSX.Element;
+    };
 };
-export type FieldData = {
-    id: string;
-    value: any;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    conditionallyHidden?: boolean;
+export type FormData = Record<string, any>;
+export type SubmitProps = {
+    onSubmit: (data: any) => void;
+    onReset?: () => void;
+    formId: string;
+    submitOnChange?: boolean;
 };
 export type FormRendererProps = {
-    fieldData: FieldData[];
     renderFields?: FieldRenders;
     template: FormTemplate;
-    onSubmit?: (data: any) => void;
     layout?: LayoutState;
     readonly?: boolean;
-    formId?: string;
-    formOptions?: UseFormProps;
+    formOptions?: UseFormProps & {
+        defaultValues: FormData;
+    };
+    submit?: SubmitProps;
+};
+export type RendererProps = {
+    fieldIds: string[];
+    formOptions?: UseFormProps & {
+        defaultValues: FormData;
+    };
+    submit?: SubmitProps;
+    readonly?: boolean;
 };
 export declare enum LogicTypes {
     EQUALS = 1,

package/dist/stories/basicForm.d.ts

@@ -1,2 +1,2 @@
-import { FieldData } from '../renderer/types';
-export declare const basicForm: FieldData[];
+import { FormData } from '../renderer/types';
+export declare const basicForm: FormData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengov/form-renderer",
-  "version": "0.0.34",
+  "version": "0.0.36-CIT-11759-beta.0",
   "description": "OpenGov Smart Forms form renderer",
   "type": "module",
   "files": [