@opengov/form-renderer 0.0.41 → 0.0.43

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 '@opengov/form-utils';
 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,108 @@
 import { ReactNode } from 'react';
-import { FieldRenders, FormTemplate } from '../types';
+import { FormTemplate, FieldTypes } from '@opengov/form-utils';
 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) => {
-    template: import('../types').FieldTemplate;
-    render: (field: import('../types').FieldTemplate) => JSX.Element;
-    renderReadOnly: ((field: import('../types').FieldTemplate) => JSX.Element) | undefined;
+export declare const useFieldType: (type?: string) => {
+    type: string;
+    name: string;
+    Icon?: React.ElementType;
+    icon?: string;
+    groups: import('@opengov/form-utils').ConfigurationGroup<import('react-hook-form').FieldValues>[];
+    omitLabelConfiguration?: boolean;
+    fullWidth: boolean;
+    renderField: ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').FieldConfiguration<import('react-hook-form').FieldValues>, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').DateConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element);
+} | {
+    type: string;
+    name: string;
+    Icon?: React.ElementType;
+    icon?: string;
+    groups: import('@opengov/form-utils').ConfigurationGroup<import('react-hook-form').FieldValues>[];
+    omitLabelConfiguration?: boolean;
+    fullWidth: boolean;
+    maxLength: number;
+    renderField: ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').FieldConfiguration<import('react-hook-form').FieldValues>, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').DateConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element);
+} | {
+    type: string;
+    name: string;
+    Icon?: React.ElementType;
+    icon?: string;
+    groups: import('@opengov/form-utils').ConfigurationGroup<import('react-hook-form').FieldValues>[];
+    omitLabelConfiguration?: boolean;
+    fullWidth: boolean;
+    decimalPlaces: number;
+    renderField: ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').FieldConfiguration<import('react-hook-form').FieldValues>, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').DateConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element);
+} | {
+    type: string;
+    name: string;
+    Icon?: React.ElementType;
+    icon?: string;
+    groups: import('@opengov/form-utils').ConfigurationGroup<import('react-hook-form').FieldValues>[];
+    omitLabelConfiguration?: boolean;
+    fullWidth: boolean;
+    dateFormat: import('@opengov/form-utils').DateFormat;
+    renderField: ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').FieldConfiguration<import('react-hook-form').FieldValues>, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').DateConfiguration, { disabled, readonly }: {
+        disabled?: boolean;
+        readonly?: boolean;
+    }) => JSX.Element);
+} | null;
+export declare const useFieldTemplate: (fieldId: string) => {
+    template: import('@opengov/form-utils').FieldTemplate;
     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,46 +1,6 @@
-import { FieldValues, UseFormProps } from 'react-hook-form';
+import { UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
-export type SectionTemplate = FieldValues & {
-    type: 'singleEntry' | 'multiEntry';
-    id: string;
-    label: string;
-    helpText?: string;
-    internal: boolean;
-    required?: boolean;
-    fields: string[];
-    sectionConditions: {
-        logicalOperator?: 'ALL' | 'ANY';
-        conditions?: ConditionTemplate[];
-    };
-};
-export type FormTemplate = {
-    fields: Record<string, FieldTemplate>;
-    sections: SectionTemplate[];
-};
-export type FieldTemplate = FieldValues & {
-    id: string;
-    label: string;
-    helpText?: string;
-    internal?: boolean;
-    required?: boolean;
-    visibleId?: string;
-    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;
-    };
-};
+import { FieldTypes, FormTemplate, DateFormat } from '@opengov/form-utils';
 export type FormData = Record<string, any>;
 export type SubmitProps = {
     onSubmit: (data: any) => void;
@@ -49,7 +9,7 @@ export type SubmitProps = {
     submitOnChange?: boolean;
 };
 export type FormRendererProps = {
-    renderFields?: FieldRenders;
+    fieldTypes?: FieldTypes[];
     template: FormTemplate;
     layout?: LayoutState;
     readonly?: boolean;
@@ -67,44 +27,3 @@ export type RendererProps = {
     submit?: SubmitProps;
     readonly?: boolean;
 };
-export declare enum LogicTypes {
-    EQUALS = 1,
-    BETWEEN = 2,
-    LESS_THAN = 3,
-    GREATER_THAN = 4,
-    LESS_THAN_OR_EQUAL = 5,
-    GREATER_THAN_OR_EQUAL = 6,
-    HAS_FLAGS = 7,
-    IS_RENEWAL = 8,
-    IS_NOT = 9,
-    TIME_AFTER_MORE_THAN = 10,
-    TIME_BEFORE_MORE_THAN = 11,
-    DATETIME_BETWEEN = 12
-}
-export type DateFormat = 'yyyy-MM-dd' | 'MM/dd/yyyy' | 'dd/MM/yyyy' | 'yyyy/MM/dd' | 'dd MMM yyyy' | 'dd MMMM yyyy' | 'EEE, dd MMM yyyy' | 'EEEE, dd MMM yyyy';
-export declare enum DateUnit {
-    DAY = "DAY",
-    WEEK = "WEEK",
-    MONTH = "MONTH",
-    YEAR = "YEAR"
-}
-export declare enum DayOfWeek {
-    SUNDAY = "SUNDAY",
-    MONDAY = "MONDAY",
-    TUESDAY = "TUESDAY",
-    WEDNESDAY = "WEDNESDAY",
-    THURSDAY = "THURSDAY",
-    FRIDAY = "FRIDAY",
-    SATURDAY = "SATURDAY"
-}
-export type DateConstraints = {
-    disableDaysOfWeek?: DayOfWeek[];
-    disablePastDates?: {
-        number: number;
-        unit: DateUnit;
-    };
-    disableFutureDates?: {
-        number: number;
-        unit: DateUnit;
-    };
-};

package/dist/stories/basicTemplate.d.ts

@@ -1,2 +1,2 @@
-import { FormTemplate } from '../renderer/types';
+import { FormTemplate } from '@opengov/form-utils';
 export declare const basicTemplate: FormTemplate;

package/dist/stories/complexTemplate.d.ts

@@ -1,2 +1,2 @@
-import { FormTemplate } from '../renderer/types';
+import { FormTemplate } from '@opengov/form-utils';
 export declare const complexTemplate: FormTemplate;

package/dist/utils/TestWrapper.d.ts

@@ -1,4 +1,4 @@
-import { FieldTemplate } from '../renderer/types';
+import { FieldTemplate } from '@opengov/form-utils';
 export default function TestWrapper({ children, fieldTemplate, defaultValues, }: {
     children: React.ReactNode;
     fieldTemplate: FieldTemplate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengov/form-renderer",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "OpenGov Smart Forms form renderer",
   "type": "module",
   "files": [
@@ -26,6 +26,7 @@
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@mui/icons-material": "^6.1.1",
+    "@opengov/form-utils": "0.0.2",
     "date-fns": "^4.1.0",
     "sanitize-html": "^2.14.0"
   },

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/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;