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

package/dist/renderer/FormProvider.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { LayoutState } from './context/LayoutContext';
-import { FormTemplate, FieldTypes } from './types';
+import { FormTemplate, FieldTypes } from '@opengov/form-utils';
 interface FormProviderProps {
     children: React.ReactNode;
     layout?: LayoutState;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FormTemplate, FieldTypes } from '../types';
+import { FormTemplate, FieldTypes } from '@opengov/form-utils';
 export interface FormRendererContextType {
     template: FormTemplate;
     fieldTypes: FieldTypes[];
@@ -16,77 +16,93 @@ 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('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
+    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('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
+    }) => 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('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
+    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('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
+    }) => 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('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
+    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('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
+    }) => 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('../types').DateFormat;
-    renderField: ((template: import('../types').FieldTemplate, config: import('../types').FieldConfiguration, { disabled, readonly }: {
+    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('../types').FieldTemplate, config: import('../types').TextConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').TextConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').NumberConfiguration, { disabled, readonly }: {
+    }) => JSX.Element) | ((template: import('@opengov/form-utils').FieldTemplate, config: import('@opengov/form-utils').NumberConfiguration, { disabled, readonly }: {
         disabled?: boolean;
         readonly?: boolean;
-    }) => JSX.Element) | ((template: import('../types').FieldTemplate, config: import('../types').DateConfiguration, { disabled, readonly }: {
+    }) => 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('../types').FieldTemplate;
+    template: import('@opengov/form-utils').FieldTemplate;
     formattedFormula: string;
 };
 export {};

package/dist/renderer/types.d.ts

@@ -1,34 +1,6 @@
-import { FieldValues, UseFormProps } from 'react-hook-form';
+import { UseFormProps } from 'react-hook-form';
 import { LayoutState } from './context/LayoutContext';
-/** TEMPLATE TYPES  */
-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;
-};
-/** RENDERER TYPES */
+import { FieldTypes, FormTemplate, DateFormat } from '@opengov/form-utils';
 export type FormData = Record<string, any>;
 export type SubmitProps = {
     onSubmit: (data: any) => void;
@@ -55,80 +27,3 @@ 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,
-    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?: {
-        value: DayOfWeek;
-    }[];
-    disablePastDates?: {
-        number: number;
-        unit: DateUnit;
-    };
-    disableFutureDates?: {
-        number: number;
-        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/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-config-beta.1",
+  "version": "0.0.41-config-beta.2",
   "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.1-beta.1",
     "date-fns": "^4.1.0",
     "sanitize-html": "^2.14.0"
   },