@opengov/form-renderer 0.0.41-config-beta.1 → 0.0.41

package/dist/renderer/FormProvider.d.ts

@@ -1,12 +1,13 @@
 import { default as React } from 'react';
 import { LayoutState } from './context/LayoutContext';
-import { FormTemplate, FieldTypes } from './types';
+import { FormTemplate, FieldRenders, DateFormat } from './types';
 interface FormProviderProps {
     children: React.ReactNode;
     layout?: LayoutState;
     template: FormTemplate;
-    fieldTypes?: FieldTypes[];
+    renderFields?: FieldRenders;
     readonly?: boolean;
+    dateFormat?: DateFormat;
 }
-declare function FormProvider({ children, layout, template, fieldTypes, readonly }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function FormProvider({ children, layout, template, renderFields, readonly, dateFormat, }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
 export default FormProvider;

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

@@ -1,92 +1,24 @@
 import { ReactNode } from 'react';
-import { FormTemplate, FieldTypes } from '../types';
+import { FieldRenders, FormTemplate } from '../types';
 export interface FormRendererContextType {
     template: FormTemplate;
-    fieldTypes: FieldTypes[];
+    renderFields?: FieldRenders;
+    dateFormat?: string;
     readonly?: boolean;
 }
 interface FormRendererProviderProps {
     children: ReactNode;
     template: FormTemplate;
-    fieldTypes: FieldTypes[];
+    renderFields?: FieldRenders;
+    dateFormat?: string;
     readonly?: boolean;
 }
 export declare const FormRendererProvider: React.FC<FormRendererProviderProps>;
 export declare const useFormRenderer: () => FormRendererContextType;
-export declare const useFieldType: (type?: string) => {
-    type: string;
-    name: string;
-    fullWidth: boolean;
-    renderField: ((template: import('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element);
-} | {
-    type: "TEXTINPUT";
-    name: string;
-    fullWidth: boolean;
-    maxLength: number;
-    renderField: ((template: import('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element);
-} | {
-    type: "NUMBER";
-    name: string;
-    fullWidth: boolean;
-    decimalPlaces: number;
-    renderField: ((template: import('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element);
-} | {
-    type: "DATE";
-    name: string;
-    fullWidth: boolean;
-    dateFormat: import('../types').DateFormat;
-    renderField: ((template: import('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element);
-} | null;
-export declare const useFieldTemplate: (fieldId: string) => {
+export declare const useFormField: (fieldId: string) => {
     template: import('../types').FieldTemplate;
+    render: (field: import('../types').FieldTemplate) => JSX.Element;
+    renderReadOnly: ((field: import('../types').FieldTemplate) => JSX.Element) | undefined;
     formattedFormula: string;
 };
 export {};

package/dist/renderer/index.d.ts

@@ -8,4 +8,4 @@ export declare function FormShell({ children, formOptions, submit, }: {
     submit?: SubmitProps;
 }): 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, fieldTypes, layout, readonly, formOptions, submit, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
+export default function FormRenderer({ template, renderFields, layout, readonly, formOptions, submit, dateFormat, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/renderer/types.d.ts

@@ -1,6 +1,5 @@
 import { FieldValues, UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
-/** TEMPLATE TYPES  */
 export type SectionTemplate = FieldValues & {
     type: 'singleEntry' | 'multiEntry';
     id: string;
@@ -28,7 +27,20 @@ export type FieldTemplate = FieldValues & {
     fullWidth?: boolean;
     readonly?: boolean;
 };
-/** RENDERER TYPES */
+export type ConditionTemplate = {
+    dependentEntityPrimaryKey: string;
+    dependentEntityType: string;
+    legacyId?: number;
+    logicTypeId: number;
+    comparate1?: string;
+    comparate2?: string;
+};
+export type FieldRenders = {
+    [key: string]: {
+        render: (field: FieldTemplate) => JSX.Element;
+        renderReadOnly?: (field: FieldTemplate) => JSX.Element;
+    };
+};
 export type FormData = Record<string, any>;
 export type SubmitProps = {
     onSubmit: (data: any) => void;
@@ -37,7 +49,7 @@ export type SubmitProps = {
     submitOnChange?: boolean;
 };
 export type FormRendererProps = {
-    fieldTypes?: FieldTypes[];
+    renderFields?: FieldRenders;
     template: FormTemplate;
     layout?: LayoutState;
     readonly?: boolean;
@@ -55,15 +67,6 @@ export type RendererProps = {
     submit?: SubmitProps;
     readonly?: boolean;
 };
-/** DATA TYPES */
-export type ConditionTemplate = {
-    dependentEntityPrimaryKey: string;
-    dependentEntityType: string;
-    legacyId?: number;
-    logicTypeId: number;
-    comparate1?: string;
-    comparate2?: string;
-};
 export declare enum LogicTypes {
     EQUALS = 1,
     BETWEEN = 2,
@@ -95,9 +98,7 @@ export declare enum DayOfWeek {
     SATURDAY = "SATURDAY"
 }
 export type DateConstraints = {
-    disableDaysOfWeek?: {
-        value: DayOfWeek;
-    }[];
+    disableDaysOfWeek?: DayOfWeek[];
     disablePastDates?: {
         number: number;
         unit: DateUnit;
@@ -107,28 +108,3 @@ export type DateConstraints = {
         unit: DateUnit;
     };
 };
-/** FIELD CONFIGURATION TYPES */
-export type FieldConfiguration = {
-    type: string;
-    name: string;
-    fullWidth?: boolean;
-};
-export type TypeConfig<T extends FieldConfiguration = FieldConfiguration> = T & {
-    renderField: (template: FieldTemplate, config: T, { disabled, readonly }: {
-        disabled?: boolean;
-        readonly?: boolean;
-    }) => JSX.Element;
-};
-export type TextConfiguration = FieldConfiguration & {
-    type: 'TEXTINPUT';
-    maxLength: number;
-};
-export type NumberConfiguration = FieldConfiguration & {
-    type: 'NUMBER';
-    decimalPlaces: number;
-};
-export type DateConfiguration = FieldConfiguration & {
-    type: 'DATE';
-    dateFormat: DateFormat;
-};
-export type FieldTypes = TypeConfig | TypeConfig<TextConfiguration> | TypeConfig<NumberConfiguration> | TypeConfig<DateConfiguration>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengov/form-renderer",
-  "version": "0.0.41-config-beta.1",
+  "version": "0.0.41",
   "description": "OpenGov Smart Forms form renderer",
   "type": "module",
   "files": [

package/dist/fields/CalculatedNumber/CalculatedNumber.d.ts

@@ -1,13 +0,0 @@
-import { GeneralInputProps } from '../types';
-import { FieldTemplate, FieldConfiguration } from '../../renderer/types';
-export declare function CalculatedNumberInput({ name, label, sx }: GeneralInputProps): import("react/jsx-runtime").JSX.Element;
-export declare function CalculationWithFormula({ template, readonly }: {
-    template: FieldTemplate;
-    readonly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export default function CalculatedNumber({ template, disabled, readonly, }: {
-    template: FieldTemplate;
-    config: FieldConfiguration;
-    disabled?: boolean;
-    readonly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/fields/CalculatedNumber/CalculatedNumberConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig } from '../../renderer/types';
-declare const calculatedNumberConfiguration: TypeConfig;
-export default calculatedNumberConfiguration;

package/dist/fields/Checkbox/CheckboxConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig } from '../../renderer/types';
-declare const checkboxConfiguration: TypeConfig;
-export default checkboxConfiguration;

package/dist/fields/DateInput/DateConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig, DateConfiguration } from '../../renderer/types';
-declare const dateConfiguration: TypeConfig<DateConfiguration>;
-export default dateConfiguration;

package/dist/fields/Dropdown/DropdownConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig } from '../../renderer/types';
-declare const dropdownConfiguration: TypeConfig;
-export default dropdownConfiguration;

package/dist/fields/Number/NumberConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig, NumberConfiguration } from '../../renderer/types';
-declare const numberConfiguration: TypeConfig<NumberConfiguration>;
-export default numberConfiguration;

package/dist/fields/Number/NumberInput.d.ts

@@ -1,5 +0,0 @@
-import { TextFieldProps } from '@mui/material';
-import { GeneralInputProps } from '../types';
-export default function NumberInput(props: Omit<GeneralInputProps & TextFieldProps, 'type'> & {
-    readonly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/fields/Text/TextConfig.d.ts

@@ -1,3 +0,0 @@
-import { TypeConfig, TextConfiguration } from '../../renderer/types';
-declare const textConfiguration: TypeConfig<TextConfiguration>;
-export default textConfiguration;

package/dist/fields/Text/TextInput.d.ts

@@ -1,6 +0,0 @@
-import { TextFieldProps } from '@mui/material';
-import { GeneralInputProps } from '../types';
-declare function TextInput({ name, label, rules, sx, ...rest }: GeneralInputProps & TextFieldProps & {
-    readonly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export default TextInput;