gform-react 1.11.0 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gform-react.development.js +11 -5
- package/dist/cjs/gform-react.development.js.map +1 -1
- package/dist/cjs/gform-react.production.js +1 -1
- package/dist/cjs/gform-react.production.js.map +1 -1
- package/dist/esm/GForm.production.js +1 -1
- package/dist/esm/GForm.production.js.map +1 -1
- package/dist/esm/GInput.production.js +1 -1
- package/dist/esm/GInput.production.js.map +1 -1
- package/dist/esm/index.development.js +11 -5
- package/dist/esm/index.development.js.map +1 -1
- package/dist/esm/shared.production.js +1 -1
- package/dist/esm/shared.production.js.map +1 -1
- package/native/dist/cjs/gform-react-native.development.js +11 -5
- package/native/dist/cjs/gform-react-native.development.js.map +1 -1
- package/native/dist/cjs/gform-react-native.production.js +1 -1
- package/native/dist/cjs/gform-react-native.production.js.map +1 -1
- package/native/dist/esm/RNGForm.production.js +1 -1
- package/native/dist/esm/RNGForm.production.js.map +1 -1
- package/native/dist/esm/RNGInput.production.js +1 -1
- package/native/dist/esm/RNGInput.production.js.map +1 -1
- package/native/dist/esm/index.development.js +11 -5
- package/native/dist/esm/index.development.js.map +1 -1
- package/native/dist/esm/shared.production.js +1 -1
- package/native/dist/esm/shared.production.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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[] = [], _dispatchChanges: (changes: Partial<GInputState>) => void) => {\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 dispatchChanges: (changes: Partial<GInputState>) => _dispatchChanges(changes),\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","_dispatchChanges","fields","forEach","row","_findInputs","config","required","max","maxLength","min","minLength","step","pattern","type","defaultValue","checked","defaultChecked","formKey","debounce","validatorKey","inputValue","dirty","touched","dispatchChanges","changes","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","_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","_createInputChecker","optimized","useGenericFormContext","useContext","GFormContextProvider","Provider"],"mappings":"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"}
|
|
1
|
+
{"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","_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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"}
|