@opengov/form-renderer 0.0.41-config-beta.2 → 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 '@opengov/form-utils';
+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,108 +1,24 @@
 import { ReactNode } from 'react';
-import { FormTemplate, FieldTypes } from '@opengov/form-utils';
+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;
-    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: "TEXTINPUT";
-    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: "NUMBER";
-    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: "DATE";
-    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;
+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,46 @@
-import { UseFormProps } from 'react-hook-form';
+import { FieldValues, UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
-import { FieldTypes, FormTemplate, DateFormat } from '@opengov/form-utils';
+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;
+    };
+};
 export type FormData = Record<string, any>;
 export type SubmitProps = {
     onSubmit: (data: any) => void;
@@ -9,7 +49,7 @@ export type SubmitProps = {
     submitOnChange?: boolean;
 };
 export type FormRendererProps = {
-    fieldTypes?: FieldTypes[];
+    renderFields?: FieldRenders;
     template: FormTemplate;
     layout?: LayoutState;
     readonly?: boolean;
@@ -27,3 +67,44 @@ 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 '@opengov/form-utils';
+import { FormTemplate } from '../renderer/types';
 export declare const basicTemplate: FormTemplate;

package/dist/stories/complexTemplate.d.ts

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

package/dist/utils/TestWrapper.d.ts

@@ -1,4 +1,4 @@
-import { FieldTemplate } from '@opengov/form-utils';
+import { FieldTemplate } from '../renderer/types';
 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-config-beta.2",
+  "version": "0.0.41",
   "description": "OpenGov Smart Forms form renderer",
   "type": "module",
   "files": [
@@ -26,7 +26,6 @@
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@mui/icons-material": "^6.1.1",
-    "@opengov/form-utils": "^0.0.1-beta.1",
     "date-fns": "^4.1.0",
     "sanitize-html": "^2.14.0"
   },

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

@@ -1,13 +0,0 @@
-import { GeneralInputProps } from '../types';
-import { FieldTemplate, FieldConfiguration } from '@opengov/form-utils';
-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 '@opengov/form-utils';
-declare const calculatedNumberConfiguration: TypeConfig;
-export default calculatedNumberConfiguration;

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

@@ -1,3 +0,0 @@
-import { TypeConfig } from '@opengov/form-utils';
-declare const checkboxConfiguration: TypeConfig;
-export default checkboxConfiguration;

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

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

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

@@ -1,3 +0,0 @@
-import { TypeConfig } from '@opengov/form-utils';
-declare const dropdownConfiguration: TypeConfig;
-export default dropdownConfiguration;

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

@@ -1,3 +0,0 @@
-import { TypeConfig, NumberConfiguration } from '@opengov/form-utils';
-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 '@opengov/form-utils';
-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;