gform-react 1.5.1 → 1.9.3

package/dist/esm/shared.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.production.js","sources":["../../src/helpers.ts","../../src/context.ts"],"sourcesContent":["import type { GInputInitialState, GInputProps, GInputState } from './fields';\r\nimport type { GChangeEvent, GDOMElement, IForm } from './form';\r\nimport type { GFormState, InitialState, RawData, ToFormDataOptions, ToRawDataOptions, ToURLSearchParamsOptions } from './state';\r\n\r\nexport const isObject = (o: any): o is object => (o && typeof o === 'object' && !Array.isArray(o));\r\n\r\nconst defaultFieldProps: { [key: string]: { value: string | number | boolean } } = {\r\n    text: { value: '' },\r\n    checkbox: { value: false },\r\n    number: { value: 0 }\r\n};\r\n\r\nconst typeValueDict: { [key: string]: keyof HTMLFormElement | GDOMElement } = {\r\n    checkbox: 'checked',\r\n    number: 'valueAsNumber',\r\n};\r\n\r\nconst generateId = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _buildFormInitialValues = <T>(rows: JSX.Element | JSX.Element[] = []) => {\r\n    const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n    if (!Array.isArray(rows)) rows = [rows];\r\n\r\n    if (__DEBUG__) {\r\n        console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n    }\r\n\r\n    rows.forEach(row => {\r\n        const inputConfigs = _findInputs(row);\r\n\r\n        inputConfigs.forEach(config => {\r\n            if (__DEBUG__) {\r\n                console.log('[buildFormInitialValues] -', 'building input', `(${config.formKey})`, config);\r\n            }\r\n\r\n            if (__DEV__ && fields[config.formKey]) {\r\n                console.warn(`[Duplicate Keys] - field with key '${config.formKey}' has already been defined.`);\r\n            }\r\n\r\n            const { required = false, max, maxLength, min, minLength, step, pattern, type = 'text', defaultValue, value, checked, defaultChecked, formKey, debounce, validatorKey } = config;\r\n            const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n            const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n            fields[config.formKey] = {\r\n                formKey,\r\n                type,\r\n                required,\r\n                max,\r\n                maxLength,\r\n                min,\r\n                minLength,\r\n                step,\r\n                pattern,\r\n                value: inputValue,\r\n                validatorKey,\r\n                debounce,\r\n                dirty: false,\r\n                touched: false,\r\n                gid: generateId()\r\n            };\r\n\r\n            Object.keys(fields[config.formKey]).forEach(key => {\r\n                if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];\r\n            });\r\n        });\r\n    });\r\n    return { state: { fields, loading: false } as InitialState<T>, key: generateId() };\r\n};\r\n\r\nconst _findInputs = (root?: JSX.Element | JSX.Element[] | undefined[], total: GInputProps[] = []): GInputProps[] => {\r\n    if (!root) return total;\r\n\r\n    if (Array.isArray(root)) {\r\n        root.forEach(element => _findInputs(element, total));\r\n        return total;\r\n    }\r\n\r\n    if (root.props?.formKey) {\r\n        if (__DEBUG__) {\r\n            console.log('[findInputs] -', 'input config found', `(${root.props.formKey})`);\r\n        }\r\n        total.push(root.props);\r\n        return total;\r\n    }\r\n\r\n    return _findInputs(root.props?.children, total);\r\n};\r\n\r\nexport const _findValidityKey = (validity: ValidityState): keyof ValidityState | undefined => {\r\n    for (const key in validity) {\r\n        if (key !== 'valid' && validity[key as keyof ValidityState]) {\r\n            if (__DEBUG__) {\r\n                console.log('[findValidityKey] -', 'found validity key:', key);\r\n            }\r\n            return key as keyof ValidityState;\r\n        }\r\n    }\r\n};\r\n\r\nexport const hasSubmitter = (form?: HTMLFormElement | null): boolean => {\r\n    if (!form) return false;\r\n\r\n    for (const element of form) {\r\n        if ((element as HTMLInputElement).type === 'submit') return true;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nexport const _checkIfFormIsValid = <T>(fields: IForm<T>): boolean => {\r\n    for (const f in fields) {\r\n        if (fields[f].error) {\r\n            return false;\r\n        }\r\n    }\r\n    return true;\r\n};\r\n\r\nexport const _toRawData = <T>(fields: IForm<T> & { [key: string]: GInputState<any> }, options: ToRawDataOptions<T> = {}): RawData<T> => {\r\n    const data: { [key: string]: unknown } = {};\r\n\r\n    const { include, exclude, transform } = options;\r\n\r\n    if (include) {\r\n        include.forEach(key => data[key as string] = fields[key]?.value);\r\n    } else for (const f in fields) {\r\n        data[f] = fields[f].value;\r\n    }\r\n\r\n    exclude?.forEach(key => delete data[key as string]);\r\n\r\n    if (transform) {\r\n        for (const key in transform) {\r\n            const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n            data[key] = set(fields[key]?.value);\r\n        }\r\n    }\r\n\r\n    return data as RawData<T>;\r\n};\r\n\r\nexport const _toFormData = <T>(form: HTMLFormElement | null, options?: ToFormDataOptions<T>): FormData => {\r\n    if (!form) return new FormData();\r\n\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        let formData: FormData;\r\n\r\n        if (include) {\r\n            formData = new FormData();\r\n            include.forEach(key => formData.set(key as string, form[key as string]?.value));\r\n        } else {\r\n            formData = new FormData(form);\r\n            exclude?.forEach(key => formData.delete(key as string));\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                formData.set(key, set(form[key]?.value));\r\n            }\r\n        }\r\n        return formData;\r\n\r\n    }\r\n\r\n    return new FormData(form);\r\n};\r\n\r\nexport function _toURLSearchParams<T>(this: GFormState<T>, options?: ToURLSearchParamsOptions<T>): URLSearchParams {\r\n    let data: Record<keyof T, any>;\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        if (include) {\r\n            data = {} as Record<keyof T, any>;\r\n            include.forEach(key => (data[key] = this[key]?.value));\r\n        } else {\r\n            data = this.toRawData();\r\n            exclude?.forEach(key => delete data[key]);\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                (data[key] = set(this[key]?.value));\r\n            }\r\n        }\r\n    }\r\n    else data = this.toRawData();\r\n\r\n    return new URLSearchParams(data); // this is ok because URLSearchParams will stringify the values (boolean/number)\r\n}\r\n\r\nfunction __debounce(this: { [key: string]: { timerId: NodeJS.Timeout } }, timeout: number, id: string): Promise<void> {\r\n    return new Promise(resolve => {\r\n        if (this[id]?.timerId)\r\n            clearTimeout(this[id].timerId);\r\n\r\n        const timerId = setTimeout(() => resolve(), timeout);\r\n\r\n        if (this[id]) {\r\n            this[id].timerId = timerId;\r\n        } else this[id] = { timerId };\r\n    });\r\n}\r\n\r\nexport const _debounce = __debounce.bind({});\r\n\r\nexport const _extractValue = <T>(e: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: T } | string | number): undefined | string | number | boolean | T => {\r\n    if (e.target) {\r\n        if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type] as 'value'];\r\n        return e.target.value;\r\n    }\r\n    return (e.value as T) || (isObject(unknown) ? unknown.value : unknown);\r\n};\r\n\r\nexport const _checkResult = (handlerResult: boolean | RegExp, value: string | number | boolean): boolean => typeof handlerResult === 'boolean' ? handlerResult : typeof value === 'string' ? !handlerResult.test(value) : false;\r\n\r\nexport const _merge = <T extends object>(target: { [key: string]: any } = {}, ...nodes: ({ [key: string]: any } | undefined | void)[]): T => {\r\n    if (!nodes.length) return target as T;\r\n\r\n    const next = nodes.shift();\r\n    if (isObject(next)) {\r\n        for (const key in next) {\r\n            target[key] = target[key] ? { ...target[key], ...next[key] } : next[key];\r\n        }\r\n    }\r\n\r\n    return _merge(target, ...nodes);\r\n};","import { createContext, useContext } from \"react\";\r\nimport { useForm } from \"./useForm\";\r\n\r\nexport type GContext<T = any> = ReturnType<typeof useForm<T>>;\r\n\r\nconst gFormContext = createContext<GContext>({\r\n    state: {\r\n        fields: {},\r\n        loading: false\r\n    },\r\n    _updateInputHandler: () => null,\r\n    _validateInputHandler: () => null,\r\n    _dispatchChanges: () => null,\r\n    optimized: false,\r\n    key: ''\r\n});\r\n\r\nexport const useGenericFormContext = () => useContext<GContext>(gFormContext);\r\n\r\nexport const GFormContextProvider = gFormContext.Provider;"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","generateId","Date","toString","Math","random","substring","_buildFormInitialValues","rows","fields","forEach","row","_findInputs","config","required","max","maxLength","min","minLength","step","pattern","type","defaultValue","checked","defaultChecked","formKey","debounce","validatorKey","inputValue","dirty","touched","gid","Object","keys","key","state","loading","root","total","_root$props","_root$props2","element","props","push","children","_findValidityKey","validity","_checkIfFormIsValid","f","error","_toRawData","options","data","include","exclude","transform","_fields$key","_fields$key2","set","_toFormData","form","FormData","formData","_form","delete","_form$key","_toURLSearchParams","_this$key","this","toRawData","_this$key2","URLSearchParams","_debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","bind","_extractValue","e","unknown","target","hasOwn","_checkResult","handlerResult","test","_merge","nodes","length","next","shift","_objectSpread","gFormContext","createContext","_updateInputHandler","_validateInputHandler","_dispatchChanges","optimized","useGenericFormContext","useContext","GFormContextProvider","Provider"],"mappings":"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"}
+{"version":3,"file":"shared.production.js","sources":["../../src/helpers.ts","../../src/context.ts"],"sourcesContent":["import type { GInputInitialState, GInputProps, GInputState, GInputStateMutable } from './fields';\r\nimport type { GChangeEvent, GDOMElement, IForm } from './form';\r\nimport type { GFormState, InitialState, RawData, ToFormDataOptions, ToRawDataOptions, ToURLSearchParamsOptions } from './state';\r\n\r\nexport const isObject = (o: any): o is object => (o && typeof o === 'object' && !Array.isArray(o));\r\n\r\nconst defaultFieldProps: { [key: string]: { value: string | number | boolean } } = {\r\n    text: { value: '' },\r\n    checkbox: { value: false },\r\n    number: { value: 0 }\r\n};\r\n\r\nconst typeValueDict: { [key: string]: keyof HTMLFormElement | GDOMElement } = {\r\n    checkbox: 'checked',\r\n    number: 'valueAsNumber',\r\n};\r\n\r\nconst generateId = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _buildFormInitialValues = <T>(rows: JSX.Element | JSX.Element[] = []) => {\r\n    const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n    if (!Array.isArray(rows)) rows = [rows];\r\n\r\n    if (__DEBUG__) {\r\n        console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n    }\r\n\r\n    rows.forEach(row => {\r\n        const inputConfigs = _findInputs(row);\r\n\r\n        inputConfigs.forEach(config => {\r\n            if (__DEBUG__) {\r\n                console.log('[buildFormInitialValues] -', 'building input', `(${config.formKey})`, config);\r\n            }\r\n\r\n            if (__DEV__ && fields[config.formKey]) {\r\n                console.warn(`[Duplicate Keys] - field with key '${config.formKey}' has already been defined.`);\r\n            }\r\n\r\n            const { required = false, max, maxLength, min, minLength, step, pattern, type = 'text', defaultValue, value, checked, defaultChecked, formKey, debounce, validatorKey } = config;\r\n            const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n            const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n            fields[config.formKey] = {\r\n                formKey,\r\n                type,\r\n                required,\r\n                max,\r\n                maxLength,\r\n                min,\r\n                minLength,\r\n                step,\r\n                pattern,\r\n                value: inputValue,\r\n                validatorKey,\r\n                debounce,\r\n                dirty: false,\r\n                touched: false,\r\n                gid: generateId()\r\n            };\r\n\r\n            Object.keys(fields[config.formKey]).forEach(key => {\r\n                if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];\r\n            });\r\n        });\r\n    });\r\n    return { state: { fields, loading: false } as InitialState<T>, key: generateId() };\r\n};\r\n\r\nconst _findInputs = (root?: JSX.Element | JSX.Element[] | undefined[], total: (GInputProps & GInputStateMutable)[] = []): (GInputProps & GInputStateMutable)[] => {\r\n    if (!root) return total;\r\n\r\n    if (Array.isArray(root)) {\r\n        root.forEach(element => _findInputs(element, total));\r\n        return total;\r\n    }\r\n\r\n    if (root.props?.formKey) {\r\n        if (__DEBUG__) {\r\n            console.log('[findInputs] -', 'input config found', `(${root.props.formKey})`);\r\n        }\r\n        total.push(root.props);\r\n        return total;\r\n    }\r\n\r\n    return _findInputs(root.props?.children, total);\r\n};\r\n\r\nexport const _findValidityKey = (validity: Partial<ValidityState>): keyof ValidityState | undefined => {\r\n    for (const key in validity) {\r\n        if (key !== 'valid' && validity[key as keyof ValidityState]) {\r\n            if (__DEBUG__) {\r\n                console.log('[findValidityKey] -', 'found validity key:', key);\r\n            }\r\n            return key as keyof ValidityState;\r\n        }\r\n    }\r\n};\r\n\r\nexport const hasSubmitter = (form?: HTMLFormElement | null): boolean => {\r\n    if (!form) return false;\r\n\r\n    for (const element of form) {\r\n        if ((element as HTMLInputElement).type === 'submit') return true;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nexport const _checkIfFormIsValid = <T>(fields: IForm<T>): boolean => {\r\n    for (const f in fields) {\r\n        if (fields[f].error) {\r\n            return false;\r\n        }\r\n    }\r\n    return true;\r\n};\r\n\r\nexport const _toRawData = <T>(fields: IForm<T> & { [key: string]: GInputState<any> }, options: ToRawDataOptions<T> = {}): RawData<T> => {\r\n    const data: { [key: string]: unknown } = {};\r\n\r\n    const { include, exclude, transform } = options;\r\n\r\n    if (include) {\r\n        include.forEach(key => data[key as string] = fields[key]?.value);\r\n    } else for (const f in fields) {\r\n        data[f] = fields[f].value;\r\n    }\r\n\r\n    exclude?.forEach(key => delete data[key as string]);\r\n\r\n    if (transform) {\r\n        for (const key in transform) {\r\n            const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n            data[key] = set(fields[key]?.value);\r\n        }\r\n    }\r\n\r\n    return data as RawData<T>;\r\n};\r\n\r\nexport const _toFormData = <T>(form: HTMLFormElement | null, options?: ToFormDataOptions<T>): FormData => {\r\n    if (!form) return new FormData();\r\n\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        let formData: FormData;\r\n\r\n        if (include) {\r\n            formData = new FormData();\r\n            include.forEach(key => formData.set(key as string, form[key as string]?.value));\r\n        } else {\r\n            formData = new FormData(form);\r\n            exclude?.forEach(key => formData.delete(key as string));\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                formData.set(key, set(form[key]?.value));\r\n            }\r\n        }\r\n        return formData;\r\n\r\n    }\r\n\r\n    return new FormData(form);\r\n};\r\n\r\nexport function _toURLSearchParams<T>(this: GFormState<T>, options?: ToURLSearchParamsOptions<T>): URLSearchParams {\r\n    let data: Record<keyof T, any>;\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        if (include) {\r\n            data = {} as Record<keyof T, any>;\r\n            include.forEach(key => (data[key] = this[key]?.value));\r\n        } else {\r\n            data = this.toRawData();\r\n            exclude?.forEach(key => delete data[key]);\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                (data[key] = set(this[key]?.value));\r\n            }\r\n        }\r\n    }\r\n    else data = this.toRawData();\r\n\r\n    return new URLSearchParams(data); // this is ok because URLSearchParams will stringify the values (boolean/number)\r\n}\r\n\r\nfunction __debounce(this: { [key: string]: { timerId: NodeJS.Timeout } }, timeout: number, id: string): Promise<void> {\r\n    return new Promise(resolve => {\r\n        if (this[id]?.timerId)\r\n            clearTimeout(this[id].timerId);\r\n\r\n        const timerId = setTimeout(() => resolve(), timeout);\r\n\r\n        if (this[id]) {\r\n            this[id].timerId = timerId;\r\n        } else this[id] = { timerId };\r\n    });\r\n}\r\n\r\nexport const _debounce = __debounce.bind({});\r\n\r\nexport const _extractValue = <T>(e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: T } | string | number): undefined | string | number | boolean | T => {\r\n    if (e?.target) {\r\n        if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type] as 'value'];\r\n        return e.target.value;\r\n    }\r\n    return (e?.value as T) || (isObject(unknown) ? unknown.value : unknown);\r\n};\r\n\r\nexport const _checkResult = (handlerResult: boolean | RegExp | string, value: string | number | boolean): boolean => typeof handlerResult === 'boolean' ? handlerResult  : typeof value === 'string' ? typeof handlerResult === 'string' ? !new RegExp(handlerResult).test(value) : !handlerResult.test(value) : false;\r\n\r\nexport const _merge = <T extends object>(target: { [key: string]: any } = {}, ...nodes: ({ [key: string]: any } | undefined | void)[]): T => {\r\n    if (!nodes.length) return target as T;\r\n\r\n    const next = nodes.shift();\r\n    if (isObject(next)) {\r\n        for (const key in next) {\r\n            target[key] = target[key] ? { ...target[key], ...next[key] } : next[key];\r\n        }\r\n    }\r\n\r\n    return _merge(target, ...nodes);\r\n};","import { createContext, useContext } from \"react\";\r\nimport { useForm } from \"./useForm\";\r\n\r\nexport type GContext<T = any> = ReturnType<typeof useForm<T>>;\r\n\r\nconst gFormContext = createContext<GContext>({\r\n    state: {\r\n        fields: {},\r\n        loading: false\r\n    },\r\n    _updateInputHandler: () => null,\r\n    _viHandler: () => null,\r\n    _dispatchChanges: () => null,\r\n    _createInputChecker: () => false,\r\n    optimized: false,\r\n    key: ''\r\n});\r\n\r\nexport const useGenericFormContext = () => useContext<GContext>(gFormContext);\r\n\r\nexport const GFormContextProvider = gFormContext.Provider;"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","generateId","Date","toString","Math","random","substring","_buildFormInitialValues","rows","fields","forEach","row","_findInputs","config","required","max","maxLength","min","minLength","step","pattern","type","defaultValue","checked","defaultChecked","formKey","debounce","validatorKey","inputValue","dirty","touched","gid","Object","keys","key","state","loading","root","total","_root$props","_root$props2","element","props","push","children","_findValidityKey","validity","_checkIfFormIsValid","f","error","_toRawData","options","data","include","exclude","transform","_fields$key","_fields$key2","set","_toFormData","form","FormData","formData","_form","delete","_form$key","_toURLSearchParams","_this$key","this","toRawData","_this$key2","URLSearchParams","_debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","bind","_extractValue","e","unknown","target","hasOwn","_checkResult","handlerResult","RegExp","test","_merge","nodes","length","next","shift","_objectSpread","gFormContext","createContext","_updateInputHandler","_viHandler","_dispatchChanges","_createInputChecker","optimized","useGenericFormContext","useContext","GFormContextProvider","Provider"],"mappings":"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"}

package/dist/index.d.ts

@@ -35,9 +35,23 @@ export type BaseGenericFieldProps = {
     /** refer to another input validator */
     validatorKey?: string;
     type?: HTMLInputTypeAttribute | undefined;
+
+    required?: boolean;
+    max?: number;
+    maxLength?: number;
+    min?: number;
+    minLength?: number;
+    checked?: boolean;
+    step?: number;
+    pattern?: string | RegExp;
 };
 
-export type GElementProps = Omit<InputHTMLAttributes<any>, 'color' | 'size' | 'onChange' | 'step' | 'min' | 'max'>; // TODO fix this type with 3rd libs (MUI: color, size. Prime React: onChange, step, min, max)
+export type GElementProps<T> = Omit<InputHTMLAttributes<any>, 'color' | 'size' | 'onChange' | 'min' | 'max' | 'step'> & {
+    value: T;
+    step?: number
+    max?: number;
+    min?: number;
+};
 
 type PartialPick<T, P extends keyof T> = Omit<T, P> & Partial<Pick<T, P>>;
 
@@ -68,13 +82,6 @@ export type GInputInitialState = BaseGenericFieldProps & {
 
 export type GInputState<T = string | number | boolean> = GInputInitialState & {
     value: T;
-    required?: boolean;
-    max?: number | string | undefined;
-    maxLength?: number | undefined;
-    min?: number | string | undefined;
-    minLength?: number | undefined;
-    checked?: boolean | undefined;
-    step?: number | string | undefined;
     error: boolean;
     errorText: string;
     checkValidity(): boolean;
@@ -82,11 +89,20 @@ export type GInputState<T = string | number | boolean> = GInputInitialState & {
     debounce?: number;
 };
 
-export type GInputStateMutable<T=any> = GInputState<T> & {[key:string]:  any};
+export type GInputStateMutable<T = any> = GInputState<T> & {
+    max?: number;
+    maxLength?: number;
+    min?: number;
+    minLength?: number;
+    checked?: boolean;
+    step?: number;
+    pattern?: string | RegExp;
+    [key: string]: any;
+};
 
-type GInputElementHandler<T> =  (input: GInputStateMutable<T>, props: GElementProps) => JSX.Element;
+type GInputElementHandler<T> =  (input: GInputStateMutable<T>, props: GElementProps<T>) => JSX.Element;
 
-export type GInputProps = BaseGenericFieldProps & Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, 'value'> & {
+export type GInputProps = BaseGenericFieldProps & Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, 'value' | 'step' | 'min' | 'max' | 'minLength' | 'maxLength'> & {
     defaultChecked?: boolean;
     defaultValue?: string | number;
     checked?: boolean;
@@ -243,6 +259,7 @@ export type GFormProps<T> = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | '
      * @optional
     */
     optimized?: boolean;
+    ref?: MutableRefObject<HTMLFormElement | null>;
 };
 
 /**

package/native/dist/cjs/gform-react-native.development.js

@@ -0,0 +1,471 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var React = require('react');
+var reactNative = require('react-native');
+
+const isObject = o => o && typeof o === 'object' && !Array.isArray(o);
+const defaultFieldProps = {
+  text: {
+    value: ''
+  },
+  checkbox: {
+    value: false
+  },
+  number: {
+    value: 0
+  }
+};
+const typeValueDict = {
+  checkbox: 'checked',
+  number: 'valueAsNumber'
+};
+const generateId = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);
+const _buildFormInitialValues = (rows = []) => {
+  const fields = {};
+  if (!Array.isArray(rows)) rows = [rows];
+  rows.forEach(row => {
+    const inputConfigs = _findInputs(row);
+    inputConfigs.forEach(config => {
+      if (fields[config.formKey]) {
+        console.warn(`[Duplicate Keys] - field with key '${config.formKey}' has already been defined.`);
+      }
+      const {
+        required = false,
+        max,
+        maxLength,
+        min,
+        minLength,
+        step,
+        pattern,
+        type = 'text',
+        defaultValue,
+        value,
+        checked,
+        defaultChecked,
+        formKey,
+        debounce,
+        validatorKey
+      } = config;
+      const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;
+      const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;
+      fields[config.formKey] = {
+        formKey,
+        type,
+        required,
+        max,
+        maxLength,
+        min,
+        minLength,
+        step,
+        pattern,
+        value: inputValue,
+        validatorKey,
+        debounce,
+        dirty: false,
+        touched: false,
+        gid: generateId()
+      };
+      Object.keys(fields[config.formKey]).forEach(key => {
+        if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];
+      });
+    });
+  });
+  return {
+    state: {
+      fields,
+      loading: false
+    },
+    key: generateId()
+  };
+};
+const _findInputs = (root, total = []) => {
+  var _root$props, _root$props2;
+  if (!root) return total;
+  if (Array.isArray(root)) {
+    root.forEach(element => _findInputs(element, total));
+    return total;
+  }
+  if ((_root$props = root.props) !== null && _root$props !== void 0 && _root$props.formKey) {
+    total.push(root.props);
+    return total;
+  }
+  return _findInputs((_root$props2 = root.props) === null || _root$props2 === void 0 ? void 0 : _root$props2.children, total);
+};
+const _findValidityKey = validity => {
+  for (const key in validity) {
+    if (key !== 'valid' && validity[key]) {
+      return key;
+    }
+  }
+};
+const _checkIfFormIsValid = fields => {
+  for (const f in fields) {
+    if (fields[f].error) {
+      return false;
+    }
+  }
+  return true;
+};
+const _toRawData = (fields, options = {}) => {
+  const data = {};
+  const {
+    include,
+    exclude,
+    transform
+  } = options;
+  if (include) {
+    include.forEach(key => {
+      var _fields$key;
+      return data[key] = (_fields$key = fields[key]) === null || _fields$key === void 0 ? void 0 : _fields$key.value;
+    });
+  } else for (const f in fields) {
+    data[f] = fields[f].value;
+  }
+  exclude === null || exclude === void 0 || exclude.forEach(key => delete data[key]);
+  if (transform) {
+    for (const key in transform) {
+      var _fields$key2;
+      const set = transform[key];
+      data[key] = set((_fields$key2 = fields[key]) === null || _fields$key2 === void 0 ? void 0 : _fields$key2.value);
+    }
+  }
+  return data;
+};
+function _toURLSearchParams(options) {
+  let data;
+  if (options) {
+    const {
+      exclude,
+      include,
+      transform
+    } = options;
+    if (include) {
+      data = {};
+      include.forEach(key => {
+        var _this$key;
+        return data[key] = (_this$key = this[key]) === null || _this$key === void 0 ? void 0 : _this$key.value;
+      });
+    } else {
+      data = this.toRawData();
+      exclude === null || exclude === void 0 || exclude.forEach(key => delete data[key]);
+    }
+    if (transform) {
+      for (const key in transform) {
+        var _this$key2;
+        const set = transform[key];
+        data[key] = set((_this$key2 = this[key]) === null || _this$key2 === void 0 ? void 0 : _this$key2.value);
+      }
+    }
+  } else data = this.toRawData();
+  return new URLSearchParams(data);
+}
+function __debounce(timeout, id) {
+  return new Promise(resolve => {
+    var _this$id;
+    if ((_this$id = this[id]) !== null && _this$id !== void 0 && _this$id.timerId) clearTimeout(this[id].timerId);
+    const timerId = setTimeout(() => resolve(), timeout);
+    if (this[id]) {
+      this[id].timerId = timerId;
+    } else this[id] = {
+      timerId
+    };
+  });
+}
+const _debounce = __debounce.bind({});
+const _extractValue = (e, unknown) => {
+  if (e !== null && e !== void 0 && e.target) {
+    if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type]];
+    return e.target.value;
+  }
+  return (e === null || e === void 0 ? void 0 : e.value) || (isObject(unknown) ? unknown.value : unknown);
+};
+const _checkResult = (handlerResult, value) => typeof handlerResult === 'boolean' ? handlerResult : typeof value === 'string' ? typeof handlerResult === 'string' ? !new RegExp(handlerResult).test(value) : !handlerResult.test(value) : false;
+const _merge = (target = {}, ...nodes) => {
+  if (!nodes.length) return target;
+  const next = nodes.shift();
+  if (isObject(next)) {
+    for (const key in next) {
+      target[key] = target[key] ? {
+        ...target[key],
+        ...next[key]
+      } : next[key];
+    }
+  }
+  return _merge(target, ...nodes);
+};
+
+const useForm = (children, validators = {}, optimized = false) => {
+  const initialValues = React.useMemo(() => _buildFormInitialValues(typeof children === 'function' ? children({}) : children), [children]);
+  const [state, setState] = React.useState(initialValues.state);
+  const _viHandler = (input, e) => {
+    if (!input) return;
+    const element = e === null || e === void 0 ? void 0 : e.target;
+    if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {
+      if (!input.checkValidity) input.checkValidity = () => element.checkValidity();
+      element.setCustomValidity('');
+      const validityKey = _findValidityKey(element.validity);
+      _validateInput(input, validityKey, v => element.setCustomValidity(v));
+      if (!validityKey && input.error) {
+        element.setCustomValidity(input.errorText || 'error');
+      }
+      _dispatchChanges(input, input.formKey);
+    } else {
+      input.checkValidity = () => _createInputChecker(input);
+      input.checkValidity();
+      _dispatchChanges(input, input.formKey);
+    }
+  };
+  const _createInputChecker = input => {
+    let validityKey = _findValidityKey({
+      valueMissing: input.required && !input.value || false,
+      tooShort: input.minLength && input.value.toString().length < input.minLength || false,
+      tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,
+      patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,
+      rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,
+      rangeOverflow: input.max && Number(input.value) > Number(input.max) || false
+    });
+    if (!validityKey && input.error) {
+      validityKey = 'customError';
+    }
+    _validateInput(input, validityKey);
+    return !input.error;
+  };
+  const _updateInputHandler = (key, e, unknown) => {
+    const value = _extractValue(e, unknown);
+    const input = _updateInput(key, value);
+    _viHandler(input, e);
+  };
+  const _validateInput = (input, validityKey, setValidity) => {
+    const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];
+    inputValidator && __validateInput(input, inputValidator, validityKey, setValidity);
+    input.touched = true;
+  };
+  const _updateInput = (key, value) => {
+    const input = state.fields[key];
+    input.value = value;
+    input.dirty = true;
+    return input;
+  };
+  const _dispatchChanges = (changes, key) => setState(prev => {
+    if (key) {
+      return {
+        ...prev,
+        fields: {
+          ...prev.fields,
+          [key]: {
+            ...prev.fields[key],
+            ...changes
+          }
+        }
+      };
+    }
+    return {
+      ...prev,
+      ...changes
+    };
+  });
+  const __validateInput = (input, inputValidator, validityKey, setValidity) => {
+    for (const index in inputValidator.constraintHandlers) {
+      const result = inputValidator.constraintHandlers[index](input, validityKey);
+      input.error = _checkResult(result, input.value);
+      if (input.error) return;
+    }
+    for (const index in inputValidator.handlers) {
+      const result = inputValidator.handlers[index](input, state.fields);
+      input.error = _checkResult(result, input.value);
+      if (input.error) return;
+    }
+    input.errorText = '';
+    if (inputValidator.asyncHandlers.length) {
+      input.error = true;
+      _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {
+        const validateAsync = async () => {
+          for (const index in inputValidator.asyncHandlers) {
+            const result = await inputValidator.asyncHandlers[index](input, state.fields);
+            input.error = _checkResult(result, input.value);
+            if (input.error) break;
+          }
+          if (!input.error) input.errorText = '';
+          _dispatchChanges({
+            error: input.error,
+            errorText: input.errorText
+          }, input.formKey);
+          setValidity === null || setValidity === void 0 || setValidity(input.errorText);
+        };
+        validateAsync();
+      });
+    }
+  };
+  return {
+    state,
+    _updateInputHandler,
+    _viHandler,
+    _dispatchChanges,
+    optimized,
+    key: initialValues.key,
+    _createInputChecker
+  };
+};
+
+const gFormContext = React.createContext({
+  state: {
+    fields: {},
+    loading: false
+  },
+  _updateInputHandler: () => null,
+  _viHandler: () => null,
+  _dispatchChanges: () => null,
+  _createInputChecker: () => false,
+  optimized: false,
+  key: ''
+});
+const useGenericFormContext = () => React.useContext(gFormContext);
+const GFormContextProvider = gFormContext.Provider;
+
+const RNGForm = (() => {
+  return React.forwardRef(({
+    loader = React.createElement("div", null, "loading"),
+    stateRef,
+    children,
+    validators,
+    onInit,
+    el: El,
+    ...rest
+  }, ref) => {
+    const values = useForm(children, validators);
+    const {
+      state,
+      _dispatchChanges,
+      key
+    } = values;
+    const formState = React.useMemo(() => {
+      const _isFormValid = _checkIfFormIsValid(state.fields);
+      const formState = {
+        ...state.fields,
+        isValid: _isFormValid,
+        isInvalid: !_isFormValid,
+        loading: state.loading,
+        toRawData: options => _toRawData(state.fields, options),
+        toURLSearchParams: _toURLSearchParams,
+        checkValidity: () => {
+          for (const i in state.fields) {
+            const valid = state.fields[i].checkValidity();
+            if (!valid) {
+              return false;
+            }
+          }
+          return true;
+        },
+        setLoading: p => _dispatchChanges({
+          loading: typeof p === 'function' ? p(state.loading) : p
+        }),
+        dispatchChanges: changes => _dispatchChanges({
+          fields: _merge({}, state.fields, changes)
+        })
+      };
+      if (stateRef) stateRef.current = formState;
+      return formState;
+    }, [state.fields]);
+    React.useEffect(() => {
+      const dispatchers = Object.keys(state.fields).reduce((fields, key) => {
+        fields[key] = {
+          dispatchChanges: changes => _dispatchChanges(changes, key)
+        };
+        return fields;
+      }, {});
+      if (onInit) {
+        const _handler = _c => {
+          _dispatchChanges({
+            fields: _merge({}, state.fields, dispatchers, _c)
+          });
+        };
+        const changes = onInit(formState);
+        changes instanceof Promise ? changes.then(_handler) : _handler(changes);
+      } else {
+        _dispatchChanges({
+          fields: _merge({}, state.fields, dispatchers)
+        });
+      }
+    }, []);
+    const formComponent = React.useMemo(() => {
+      const formChildren = typeof children === 'function' ? children(formState) : children;
+      return React.createElement(El, _extends({}, rest, {
+        ref: ref
+      }), formChildren);
+    }, [formState, children]);
+    return React.createElement(GFormContextProvider, {
+      value: values,
+      key: key
+    }, state.loading ? loader : formComponent);
+  });
+})();
+
+const RNGInput = React.forwardRef(({
+  formKey,
+  element,
+  type,
+  validatorKey,
+  fetch,
+  fetchDeps = [],
+  defaultValue,
+  value,
+  debounce = 300,
+  ...rest
+}, ref) => {
+  const {
+    state: {
+      fields
+    },
+    _updateInputHandler,
+    _dispatchChanges,
+    _viHandler,
+    _createInputChecker
+  } = useGenericFormContext();
+  const inputState = fields[formKey];
+  const _element = React.useMemo(() => {
+    const value = inputState.value || '';
+    const _props = {
+      ...rest,
+      value,
+      inputMode: type,
+      ref
+    };
+    _props.onEndEditing = e => {
+      _viHandler(inputState);
+      rest.onEndEditing && rest.onEndEditing(e);
+    };
+    _props.onChangeText = e => {
+      _updateInputHandler(formKey, undefined, {
+        value: e
+      });
+      rest.onChangeText && rest.onChangeText(e);
+    };
+    if (element) {
+      return element(inputState, _props);
+    }
+    return React.createElement(reactNative.TextInput, _props);
+  }, [inputState, element]);
+  const _fetchDeps = React.useMemo(() => fetchDeps.map(key => fields[key].value), [fields]);
+  React.useEffect(() => {
+    inputState.checkValidity = () => {
+      const result = _createInputChecker(inputState);
+      _dispatchChanges(inputState, formKey);
+      return result;
+    };
+    _dispatchChanges(inputState, formKey);
+  }, []);
+  React.useEffect(() => {
+    if (fetch) {
+      _debounce(debounce, `${inputState.gid}-fetch`).then(() => {
+        const res = fetch(inputState, fields);
+        res instanceof Promise ? res.then(state => state && _dispatchChanges(state, formKey)) : res && _dispatchChanges(res, formKey);
+      });
+    }
+  }, _fetchDeps);
+  return _element;
+});
+
+exports.RNGForm = RNGForm;
+exports.RNGInput = RNGInput;
+//# sourceMappingURL=gform-react-native.development.js.map