feat(form): helper methods for react hook form

repetere · Mar 24, 2021 · 021aca8 · 021aca8
1 parent 6f11d74
commit 021aca8
Show file tree

Hide file tree

Showing 35 changed files with 4,825 additions and 87 deletions.
diff --git a/build/components.js b/build/components.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useContext, useReducer, useCallback, useMemo, useRef, useImperativeHandle, useLayoutEffect, useDebugValue, Fragment, Suspense, lazy, createContext } from "react";
 import * as memoryCache from "memory-cache";
-import { useForm, Controller, } from 'react-hook-form';
+import { useForm, useController, useFieldArray, useWatch, Controller, } from 'react-hook-form';
 import { ErrorMessage } from '@hookform/error-message';
 // import {cache} from 'memory-cache';
 // import cache from 'memory-cache';
@@ -488,12 +488,16 @@ export function getReactFunctionComponent(reactComponent = {}, functionBody = ""
         getReactElementFromJSONX,
         reactComponent,
         resources,
-        props
+        props,
+        useForm,
+        useController,
+        useFieldArray,
+        useWatch,
     ];
     //@ts-ignore
     if (typeof functionBody === "function")
         functionBody = functionBody.toString();
-    const functionComponent = Function("React", "useState", "useEffect", "useContext", "useReducer", "useCallback", "useMemo", "useRef", "useImperativeHandle", "useLayoutEffect", "useDebugValue", "getReactElementFromJSONX", "reactComponent", "resources", "props", `
+    const functionComponent = Function("React", "useState", "useEffect", "useContext", "useReducer", "useCallback", "useMemo", "useRef", "useImperativeHandle", "useLayoutEffect", "useDebugValue", "getReactElementFromJSONX", "reactComponent", "resources", "props", "useForm", "useController", "useFieldArray", "useWatch", `
     'use strict';
     const self = this || {};
 

diff --git a/build/props.js b/build/props.js
@@ -610,6 +610,12 @@ export function getComputedProps(options = {}) {
                     : {}
                 : {})
             : undefined;
+        if (jsonx.useformregister) {
+            jsonx.thiscontext = {
+                ref: ['reactHookForm', 'register'],
+                ...jsonx.thiscontext,
+            };
+        }
         const windowTraverse = typeof window !== "undefined" ? window : {};
         const asyncprops = jsonx.asyncprops
             ? getJSONXProps({

diff --git a/build/types/jsonx/jsonx.d.ts b/build/types/jsonx/jsonx.d.ts
@@ -121,6 +121,8 @@ export interface jsonxElementProperties {
     comparisonprops?: jsonxComparison[];
     /** Display Prop: flag used to conditionally show elements when any comparison values are true */
     comparisonorprops?: Boolean;
+    /** Applied Prop: modify jsonx properties   */
+    useformregister?: boolean;
     [index: string]: any;
 }
 export interface jsonx extends jsonxElementProperties, jsonxChildren {

diff --git a/build/types/jsonx/main.d.ts b/build/types/jsonx/main.d.ts
@@ -17,6 +17,7 @@ export interface Context {
     disableRenderIndexKey?: boolean;
     exposeEval?: boolean;
     name?: string;
+    reactHookForm?: any;
 }
 export interface JSONContext extends Context {
     returnJSON: true;

diff --git a/build/utils.js b/build/utils.js
@@ -269,6 +269,7 @@ export function validateJSONX(jsonx = {}, returnAllErrors = false) {
         "comparisonorprops",
         "passprops",
         "exposeprops",
+        "useformregister",
         "debug",
         "___stringifyChildren",
         "___toStringChildren",