@tsed/react-formio 1.10.8 → 1.10.12

package/.eslintrc

@@ -7,7 +7,9 @@
     "prettier/react",
     "plugin:@typescript-eslint/recommended",
     "prettier/@typescript-eslint",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended"
   ],
   "env": {
     "node": true,
@@ -31,12 +33,15 @@
     "react/prop-types": 0,
     "react/jsx-handler-names": 0,
     "react/jsx-fragments": 0,
+    "react/no-unescaped-entities": 0,
     "react/no-unused-prop-types": 0,
+    "react/display-name": 1,
     "no-unused-vars": "off",
     "@typescript-eslint/no-explicit-any": 0,
     "@typescript-eslint/explicit-function-return-type": 0,
     "@typescript-eslint/camelcase": 0,
     "@typescript-eslint/no-empty-function": 0,
-    "import/export": 0
+    "import/export": 0,
+    "jsx-a11y/no-autofocus": 1
   }
 }

package/dist/components/form/form.component.d.ts

@@ -1,54 +1,12 @@
 /// <reference types="react" />
 import PropTypes from "prop-types";
-import { FormOptions, FormSchema, Submission } from "../../interfaces";
-export interface ChangedSubmission<T = any> extends Submission<T> {
-    changed: any;
-    isValid: boolean;
-}
-export interface FormProps {
+import { UseFormHookProps } from "./useForm.hook";
+export interface FormProps<Data = any> extends UseFormHookProps<Data> {
     name?: string;
     /**
      *
      */
     className?: string;
-    /**
-     *
-     */
-    src?: string;
-    /**
-     * url to fetch form
-     */
-    url?: string;
-    /**
-     * Raw form object
-     */
-    form: Partial<FormSchema>;
-    /**
-     * Data submission
-     */
-    submission?: Submission;
-    /**
-     * Configuration option
-     */
-    options?: FormOptions;
-    onPrevPage?: Function;
-    onNextPage?: Function;
-    onCancel?: Function;
-    onChange?: (submission: ChangedSubmission) => void;
-    onCustomEvent?: Function;
-    onComponentChange?: Function;
-    onSubmit?: Function;
-    onSubmitDone?: Function;
-    onFormLoad?: Function;
-    onError?: Function;
-    onRender?: Function;
-    onAttach?: Function;
-    onBuild?: Function;
-    onFocus?: Function;
-    onBlur?: Function;
-    onInitialized?: Function;
-    onFormReady?: (formio: any) => void;
-    formioform?: any;
 }
 export declare function Form(props: Partial<FormProps>): JSX.Element;
 export declare namespace Form {

package/dist/components/form/useForm.hook.d.ts

@@ -1 +1,56 @@
-export declare const useForm: (props: any) => any;
+/// <reference types="react" />
+import { ExtendedComponentSchema, Form } from "formiojs";
+import { FormOptions, FormSchema, Submission } from "../../interfaces";
+export interface ChangedSubmission<T = any> extends Submission<T> {
+    changed: any;
+    isValid: boolean;
+}
+export interface FormPageChangeProps<Data = any> {
+    page: number;
+    submission: Submission<Data>;
+}
+export interface UseFormHookProps<Data = any> extends Record<string, any> {
+    src?: string;
+    /**
+     * url to fetch form
+     */
+    url?: string;
+    /**
+     * Raw form object
+     */
+    form?: Partial<FormSchema>;
+    /**
+     * Configuration option
+     */
+    options?: FormOptions;
+    /**
+     * Data submission
+     */
+    submission?: Submission<Data>;
+    onPrevPage?: (obj: FormPageChangeProps<Data>) => void;
+    onNextPage?: (obj: FormPageChangeProps<Data>) => void;
+    onCancel?: Function;
+    onChange?: (submission: ChangedSubmission) => void;
+    onCustomEvent?: (obj: {
+        type: string;
+        event: string;
+        component: ExtendedComponentSchema;
+        data: any;
+    }) => void;
+    onComponentChange?: (component: ExtendedComponentSchema) => void;
+    onSubmit?: (submission: Submission<Data>) => void;
+    onSubmitDone?: (submission: Submission<Data>) => void;
+    onFormLoad?: Function;
+    onError?: (errors: any) => void;
+    onRender?: () => void;
+    onAttach?: Function;
+    onBuild?: Function;
+    onFocus?: Function;
+    onBlur?: Function;
+    onInitialized?: Function;
+    onFormReady?: (formio: Form) => void;
+    formioform?: any;
+}
+export declare function useForm<Data = any>(props: UseFormHookProps<Data>): {
+    element: import("react").MutableRefObject<any>;
+};

package/dist/components/form-action/formAction.component.d.ts

@@ -3,7 +3,7 @@ import { ActionSchema, FormOptions, Submission } from "../../interfaces";
 export interface FormActionProps {
     actionInfo: Partial<ActionSchema>;
     submission?: Partial<Submission>;
-    onSubmit?: Function;
+    onSubmit?: (submission: Submission<ActionSchema>) => void;
     options: FormOptions;
 }
 export declare function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement;

package/dist/components/form-edit/formEdit.component.d.ts

@@ -1,21 +1,10 @@
 /// <reference types="react" />
 import PropTypes from "prop-types";
-import { FormOptions, FormSchema } from "../../interfaces";
-export interface FormEditProps extends Record<string, unknown> {
-    form?: Partial<FormSchema>;
-    options?: FormOptions;
-    typeChoices?: {
-        label: string;
-        value: any;
-    }[];
-    displayChoices?: {
-        label: string;
-        value: any;
-    }[];
-    enableTags?: boolean;
-    onSubmit?: (form: FormSchema) => void;
-    onCopy?: (form: FormSchema) => void;
+import { FormOptions } from "../../interfaces/FormOptions";
+import { UseFormEditHookProps } from "./useFormEdit.hook";
+export interface FormEditProps extends UseFormEditHookProps {
     builder?: any;
+    options?: FormOptions;
 }
 export declare function FormEdit(props: FormEditProps): JSX.Element;
 export declare namespace FormEdit {

package/dist/components/form-edit/useFormEdit.hook.d.ts

@@ -0,0 +1,29 @@
+import { FormSchema } from "../../interfaces/FormSchema";
+export interface UseFormEditHookProps extends Record<string, unknown> {
+    form?: Partial<FormSchema>;
+    typeChoices?: {
+        label: string;
+        value: any;
+    }[];
+    displayChoices?: {
+        label: string;
+        value: any;
+    }[];
+    enableTags?: boolean;
+    onSubmit?: (form: Partial<FormSchema>) => void;
+    onCopy?: (form: Partial<FormSchema>) => void;
+}
+export declare function useFormEdit(props: UseFormEditHookProps): {
+    form: Partial<FormSchema>;
+    redo: () => void;
+    undo: () => void;
+    reset: () => void;
+    hasChanged: boolean;
+    isValid: any;
+    hasUndo: boolean;
+    hasRedo: boolean;
+    onSubmit: () => void;
+    onCopy: () => void;
+    formChange: (newForm: Partial<FormSchema>) => void;
+    setChange: (path: string, value: any) => void;
+};