@opengov/form-renderer 0.0.31 → 0.0.32-beta.0

package/dist/renderer/Field.d.ts

@@ -0,0 +1,5 @@
+export default function Field({ fieldId, manuallyDisabled, fullWidth, }: {
+    fieldId: string;
+    manuallyDisabled?: boolean;
+    fullWidth?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/renderer/FormProvider.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { UseFormProps } from 'react-hook-form';
+import { LayoutState } from './context/LayoutContext';
+import { Template, FieldRenders } from './types';
+interface FormShellProps {
+    children: React.ReactNode;
+    onSubmit: (data: any) => void;
+    layout?: LayoutState;
+    template: Template;
+    renderFields?: FieldRenders;
+    formId?: string;
+}
+export declare function FormShell({ children, onSubmit, layout, template, renderFields, formId }: FormShellProps): import("react/jsx-runtime").JSX.Element;
+interface FormProviderProps {
+    children: React.ReactNode;
+    onSubmit?: (data: any) => void;
+    layout?: LayoutState;
+    formOptions?: UseFormProps;
+    template: Template;
+    renderFields?: FieldRenders;
+    formId?: string;
+}
+declare function FormProvider({ children, onSubmit, layout, formOptions, template, renderFields, formId, }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
+export default FormProvider;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { FieldRenders, Template } from '../types';
+export interface FormRendererContextType {
+    template: Template;
+    renderFields?: FieldRenders;
+}
+interface FormRendererProviderProps {
+    children: ReactNode;
+    template: Template;
+    renderFields?: FieldRenders;
+}
+export declare const FormRendererProvider: React.FC<FormRendererProviderProps>;
+export declare const useFormRenderer: () => FormRendererContextType;
+export declare const useFormField: (fieldId: string) => {
+    template: import('react-hook-form').FieldValues;
+    render: ((field: import('react-hook-form').FieldValues, fullWidth?: boolean) => JSX.Element) | undefined;
+};
+export {};

package/dist/{LayoutContext.d.ts → renderer/context/LayoutContext.d.ts}

@@ -1,5 +1,8 @@
+import { SxProps, Theme } from '@mui/material';
 import { default as React, ReactNode } from 'react';
 export interface LayoutState {
+    form: SxProps<Theme>;
+    fields: SxProps<Theme>;
 }
 interface FormLayoutContextProps {
     layout: LayoutState;

package/dist/renderer/index.d.ts

@@ -0,0 +1,7 @@
+import { FormRendererProps } from './types';
+import { FieldValues } from 'react-hook-form';
+export declare function Renderer({ fieldValues, formReadOnly }: {
+    fieldValues: FieldValues;
+    formReadOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default function FormRenderer({ fieldValues, template, renderFields, onSubmit, layout, readonly, formId, formOptions, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/renderer/types.d.ts

@@ -0,0 +1,59 @@
+import { FieldValues, UseFormProps } from 'react-hook-form';
+import { LayoutState } from './context/LayoutContext';
+export type ConditionTemplate = {
+    dependentEntityPrimaryKey: string;
+    dependentEntityType: string;
+    legacyId?: number;
+    logicTypeId: number;
+    comparate1?: string;
+    comparate2?: string;
+};
+export type SectionTemplate = FieldValues & {
+    type: 'singleEntry' | 'multiEntry';
+    id: string;
+    label: string;
+    helpText?: string;
+    internal: boolean;
+    required?: boolean;
+    sectionConditions: {
+        logicalOperator?: 'ALL' | 'ANY';
+        conditions?: ConditionTemplate[];
+    };
+    fields: string[];
+};
+export type FormTemplate = {
+    fields: Record<string, FieldValues>;
+    sections: SectionTemplate[];
+};
+export type Template = Omit<SectionTemplate, 'fields'> & {
+    fields: Record<string, FieldValues>;
+};
+export type FieldRenders = {
+    [key: string]: (field: FieldValues, fullWidth?: boolean) => JSX.Element;
+};
+export type FormRendererProps = {
+    fieldValues: FieldValues;
+    renderFields?: FieldRenders;
+    template: Template;
+    onSubmit?: (data: any) => void;
+    layout?: LayoutState;
+    readonly?: boolean;
+    formId?: string;
+    formOptions: {
+        defaultValues: FieldValues;
+    } & UseFormProps;
+};
+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
+}

package/dist/stories/Basic.d.ts

@@ -0,0 +1,3 @@
+export default function BasicExample({ args }: {
+    args: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/stories/Compound.d.ts

@@ -0,0 +1 @@
+export default function CompoundExample(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/Custom.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+export declare const customForm: FieldValues;
+export default function BasicExample({ args }: {
+    args: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/stories/FormRenderer.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const Custom: Story;
 export declare const Compound: Story;
-export declare const WithDefaultValues: Story;
-export declare const UsingReactHookForms: Story;

package/dist/stories/basicForm.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues } from 'react-hook-form';
+export declare const basicForm: FieldValues;

package/dist/stories/basicTemplate.d.ts

@@ -0,0 +1,2 @@
+import { Template } from '../renderer/types';
+export declare const basicTemplate: Template;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengov/form-renderer",
-  "version": "0.0.31",
+  "version": "0.0.32-beta.0",
   "description": "OpenGov Smart Forms form renderer",
   "type": "module",
   "files": [
@@ -26,7 +26,8 @@
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@mui/icons-material": "^6.1.1",
-    "date-fns": "^4.1.0"
+    "date-fns": "^4.1.0",
+    "sanitize-html": "^2.14.0"
   },
   "peerDependencies": {
     "@mui/material": ">= 5.0.0",
@@ -42,6 +43,7 @@
     "@mui/material": "^6.1.1",
     "@mui/x-date-pickers": "^7.22.0",
     "@opengov/capital-mui-theme": "^36.0.0-beta.9",
+    "@types/sanitize-html": "^2.13.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.1"

package/dist/FormProvider.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { LayoutState } from './LayoutContext';
-import { SxProps } from '@mui/material';
-interface FormShellProps {
-    children: React.ReactNode;
-    onSubmit: (data: any) => void;
-    layout?: LayoutState;
-    sx?: SxProps;
-}
-export declare function FormShell({ children, onSubmit, layout, sx }: FormShellProps): import("react/jsx-runtime").JSX.Element;
-interface FormProviderProps {
-    children: React.ReactNode;
-    onSubmit?: (data: any) => void;
-    layout?: LayoutState;
-    formOptions?: any;
-    sx?: SxProps;
-}
-declare function FormProvider({ children, onSubmit, layout, formOptions, sx }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
-export default FormProvider;