@opengov/form-renderer 0.0.39 → 0.0.41-config-beta.0

package/dist/renderer/FormProvider.d.ts

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

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

@@ -1,24 +1,92 @@
 import { ReactNode } from 'react';
-import { FieldRenders, FormTemplate } from '../types';
+import { FormTemplate, FieldTypes } from '../types';
 export interface FormRendererContextType {
     template: FormTemplate;
-    renderFields?: FieldRenders;
-    dateFormat?: string;
+    fieldTypes: FieldTypes[];
     readonly?: boolean;
 }
 interface FormRendererProviderProps {
     children: ReactNode;
     template: FormTemplate;
-    renderFields?: FieldRenders;
-    dateFormat?: string;
+    fieldTypes: FieldTypes[];
     readonly?: boolean;
 }
 export declare const FormRendererProvider: React.FC<FormRendererProviderProps>;
 export declare const useFormRenderer: () => FormRendererContextType;
-export declare const useFormField: (fieldId: string) => {
+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) => {
     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, renderFields, layout, readonly, formOptions, submit, dateFormat, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
+export default function FormRenderer({ template, fieldTypes, layout, readonly, formOptions, submit, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/renderer/types.d.ts

@@ -1,5 +1,6 @@
 import { FieldValues, UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
+/** TEMPLATE TYPES  */
 export type SectionTemplate = FieldValues & {
     type: 'singleEntry' | 'multiEntry';
     id: string;
@@ -27,20 +28,7 @@ export type FieldTemplate = FieldValues & {
     fullWidth?: boolean;
     readonly?: boolean;
 };
-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;
-    };
-};
+/** RENDERER TYPES */
 export type FormData = Record<string, any>;
 export type SubmitProps = {
     onSubmit: (data: any) => void;
@@ -49,7 +37,7 @@ export type SubmitProps = {
     submitOnChange?: boolean;
 };
 export type FormRendererProps = {
-    renderFields?: FieldRenders;
+    fieldTypes?: FieldTypes[];
     template: FormTemplate;
     layout?: LayoutState;
     readonly?: boolean;
@@ -67,6 +55,15 @@ 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,
@@ -98,7 +95,9 @@ export declare enum DayOfWeek {
     SATURDAY = "SATURDAY"
 }
 export type DateConstraints = {
-    disableDaysOfWeek?: DayOfWeek[];
+    disableDaysOfWeek?: {
+        value: DayOfWeek;
+    }[];
     disablePastDates?: {
         number: number;
         unit: DateUnit;
@@ -108,3 +107,28 @@ 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/dist/utils/TestWrapper.d.ts

@@ -0,0 +1,6 @@
+import { FieldTemplate } from '../renderer/types';
+export default function TestWrapper({ children, fieldTemplate, defaultValues, }: {
+    children: React.ReactNode;
+    fieldTemplate: FieldTemplate;
+    defaultValues?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;

package/package.json

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

package/dist/fields/CalculatedNumber.d.ts

@@ -1,7 +0,0 @@
-import { GeneralInputProps } from './types';
-import { FieldTemplate } from '../renderer/types';
-declare function CalculatedNumber({ name, label, sx }: GeneralInputProps): import("react/jsx-runtime").JSX.Element;
-export declare function CalculationWithFormula({ fieldTemplate }: {
-    fieldTemplate: FieldTemplate;
-}): import("react/jsx-runtime").JSX.Element;
-export default CalculatedNumber;

package/dist/fields/NumberInput.d.ts

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

package/dist/fields/Select.d.ts

@@ -1,7 +0,0 @@
-import { GeneralInputProps } from './types';
-export default function SelectInput({ name, label, options, sx, disabled, rules, ...rest }: GeneralInputProps & {
-    options: Array<{
-        displayValue: string;
-        key: string;
-    }>;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/fields/TextInput.d.ts

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