gform-react 2.6.2 → 2.7.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"GForm.production.js","sources":["../../src/GForm.tsx"],"sourcesContent":["import React, {\r\n DetailedHTMLProps, FormHTMLAttributes, forwardRef,\r\n KeyboardEvent, useCallback, useEffect, useMemo, useRef\r\n} from \"react\";\r\nimport type {ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject} from \"react\";\r\n\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _toFormData, _toRawData, _toURLSearchParams, _checkIfFormIsValid, hasSubmitter} from \"./helpers\";\r\nimport type {GFormState, ToRawDataOptions} from \"./state\";\r\nimport type {GChangeEvent, IForm, PartialForm} from \"./form\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GValidators} from \"./validations\";\r\n\r\nconst FormRenderer = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n <T, >({\r\n stateRef,\r\n onSubmit,\r\n onChange,\r\n onPaste,\r\n onKeyDown,\r\n onKeyUp,\r\n children,\r\n onInit,\r\n ...rest\r\n }: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n const formRef = useRef<HTMLFormElement | null>(null);\r\n const {getState, handlers} = useFormStore();\r\n const fields = useFormSelector(state => state.fields) as IForm<T>;\r\n\r\n const refHandler = useCallback((element: HTMLFormElement | null) => {\r\n if (ref) {\r\n if (typeof ref === 'function') {\r\n ref(element);\r\n } else {\r\n ref.current = element;\r\n }\r\n }\r\n formRef.current = element;\r\n }, [ref]);\r\n\r\n const getFormState = useCallback(() => {\r\n const isFormValid= _checkIfFormIsValid(fields);\r\n\r\n const formState: GFormState<T> = {\r\n ...fields,\r\n isValid: isFormValid,\r\n isInvalid: !isFormValid,\r\n toRawData: (options?: ToRawDataOptions<T>) => _toRawData(fields, options),\r\n toFormData: () => _toFormData(formRef.current),\r\n toURLSearchParams: _toURLSearchParams,\r\n checkValidity: function () { // it has to be a function in order to refer to 'this'\r\n this.isValid = formRef.current && formRef.current.checkValidity() || false;\r\n this.isInvalid = !this.isValid;\r\n return this.isValid;\r\n },\r\n dispatchChanges: (changes: PartialForm<T> & {\r\n [key: string]: Partial<GInputState<any>>\r\n }) => handlers._dispatchChanges({\r\n fields: _merge<IForm<T> & {\r\n [key: string]: GInputState;\r\n }>({}, fields, changes)\r\n })\r\n };\r\n\r\n if (stateRef) stateRef.current = formState;\r\n\r\n return formState;\r\n }, [fields]);\r\n\r\n const formComponent = useMemo(() => {\r\n const state = getFormState();\r\n\r\n const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n const state = getFormState();\r\n if (state.isValid && onSubmit) {\r\n onSubmit(state, e);\r\n }\r\n };\r\n\r\n let _onPaste, _onChange, _onKeyDown, _onKeyUp;\r\n\r\n if (onPaste) {\r\n _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(state, e);\r\n }\r\n\r\n if (onKeyDown) {\r\n _onKeyDown = (e: KeyboardEvent<HTMLFormElement>) => onKeyDown(state, e);\r\n }\r\n\r\n if (onKeyUp) {\r\n _onKeyUp = (e: KeyboardEvent<HTMLFormElement>) => onKeyUp(state, e);\r\n }\r\n\r\n if (handlers.optimized) {\r\n if (onChange) {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n onChange(state, e);\r\n };\r\n } else {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n };\r\n }\r\n return (\r\n <form {...rest}\r\n ref={refHandler}\r\n onPaste={_onPaste}\r\n onKeyDown={_onKeyDown}\r\n onKeyUp={_onKeyUp}\r\n onBlur={(e: GChangeEvent<HTMLFormElement>) => handlers._viHandler(state[e.target.name], e)}\r\n onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n handlers._viHandler(state[e.target.name], e);\r\n }}\r\n onChange={_onChange}\r\n onSubmit={_onSubmit}>\r\n {formChildren}\r\n </form>\r\n );\r\n }\r\n\r\n if (onChange) {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>) => onChange(state, e);\r\n }\r\n\r\n return (\r\n <form {...rest} \r\n ref={refHandler} \r\n onSubmit={_onSubmit} \r\n onChange={_onChange} \r\n onPaste={_onPaste} \r\n onKeyDown={_onKeyDown} \r\n onKeyUp={_onKeyUp}>\r\n {formChildren}\r\n </form>\r\n );\r\n }, [children, getFormState]);\r\n\r\n useEffect(() => {\r\n const state = getFormState();\r\n\r\n if (__DEV__ && !hasSubmitter(formRef.current)) {\r\n console.warn(`DEV ONLY - [No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n }\r\n\r\n if (onInit) {\r\n const changes = onInit(state);\r\n if (changes) {\r\n const _handler = (_c: void | PartialForm<T>) => handlers._dispatchChanges({\r\n fields: _merge<IForm<T> & {\r\n [key: string]: GInputState;\r\n }>({}, state, _c)\r\n });\r\n if (changes instanceof Promise) {\r\n changes.then(_handler);\r\n } else _handler(changes);\r\n }\r\n }\r\n\r\n if (__DEBUG__) {\r\n console.log('checking for initial values');\r\n }\r\n const fields = getState().fields;\r\n\r\n for (const fieldKey in fields) {\r\n const field = fields[fieldKey];\r\n\r\n //we don't want to apply validation on empty fields so skip it.\r\n if (!field.value) continue;\r\n\r\n if (__DEBUG__) {\r\n console.log(`found input '${fieldKey}', applying validation(s)`);\r\n }\r\n /**\r\n * We have to manually check for validations (checkValidity() will not result with validity.tooShort = true).\r\n * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n */\r\n handlers._viHandler(field);\r\n }\r\n }, [getFormState]);\r\n\r\n return formComponent;\r\n }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;\r\n\r\nexport type GFormProps<T> =\r\n Omit<DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'onKeyUp' | 'onKeyDown' | 'children'>\r\n & {\r\n children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n /** @param loader - a component to display while loading (optional). */\r\n loader?: ReactNode;\r\n /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n stateRef?: RefObject<GFormState<T> | undefined>;\r\n /** @param onSubmit - a handler for the form submission (optional). */\r\n onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n /** @param onChange - register onChange handler (optional). */\r\n onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n /** @param onPaste - register onPaste handler (optional). */\r\n onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n /** @param onKeyUp - register onKeyUp handler (optional). */\r\n onKeyUp?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n /** @param onKeyDown - register onKeyDown handler (optional). */\r\n onKeyDown?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n /** @param validators - an object for handling validations (optional). */\r\n validators?: GValidators<T>;\r\n /** @param onInit - execute a handler once the form has initialized (optional). */\r\n onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n /** @param optimized - enable optimization by registering the required handlers on the form itself.\r\n * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n * @optional\r\n */\r\n optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n <T, >({children, validators, optimized, ...props}: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n const initialState = useMemo(() => {\r\n return _buildFormInitialValues(\r\n typeof children === 'function'\r\n ? children({} as GFormState<T>)\r\n : children\r\n );\r\n }, [children]);\r\n\r\n return (\r\n <GFormContextProvider initialState={initialState} validators={validators} optimized={optimized}>\r\n <FormRenderer ref={ref} {...props}>\r\n {children}\r\n </FormRenderer>\r\n </GFormContextProvider>\r\n );\r\n }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;"],"names":["FormRenderer","forwardRef","_ref","ref","stateRef","onSubmit","onChange","onPaste","onKeyDown","onKeyUp","children","onInit","rest","_objectWithoutProperties","_excluded","formRef","useRef","getState","handlers","useFormStore","fields","useFormSelector","state","refHandler","useCallback","element","current","getFormState","isFormValid","_checkIfFormIsValid","formState","_objectSpread","isValid","isInvalid","toRawData","options","_toRawData","toFormData","_toFormData","toURLSearchParams","_toURLSearchParams","checkValidity","this","dispatchChanges","changes","_dispatchChanges","_merge","formComponent","useMemo","formChildren","_onSubmit","e","_onPaste","_onChange","_onKeyDown","_onKeyUp","optimized","unknown","_updateInputHandler","target","name","React","createElement","_extends","onBlur","_viHandler","onInvalid","preventDefault","useEffect","_handler","_c","Promise","then","fieldKey","field","value","GForm","_ref2","validators","props","_excluded2","initialState","_buildFormInitialValues","GFormContextProvider"],"mappings":"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"}
1
+ {"version":3,"file":"GForm.production.js","sources":["../../src/GForm.tsx"],"sourcesContent":["import React, {forwardRef, useEffect, useMemo, useRef} from \"react\";\r\nimport type {ForwardedRef, ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject, DetailedHTMLProps, FormHTMLAttributes, KeyboardEvent} from \"react\";\r\n\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _hasSubmitter, _mergeRefs, _buildFormState} from \"./helpers\";\r\nimport type {GFormState} from \"./state\";\r\nimport type {GChangeEvent, IForm, PartialForm} from \"./form\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GValidators} from \"./validations\";\r\n\r\nconst FormRenderer = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n <T, >({\r\n stateRef,\r\n onSubmit,\r\n onChange,\r\n onPaste,\r\n onKeyDown,\r\n onKeyUp,\r\n children,\r\n onInit,\r\n ...rest\r\n }: GFormProps<T>, ref: ForwardedRef<HTMLFormElement>) => {\r\n const formRef = useRef<HTMLFormElement>(null);\r\n const {handlers, getState} = useFormStore();\r\n const fields = useFormSelector(state => state.fields) as IForm<T>;\r\n\r\n const formComponent = useMemo(() => {\r\n const state = _buildFormState(fields, formRef.current!, handlers._dispatchChanges);\r\n const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n const state = _buildFormState(fields, formRef.current!, handlers._dispatchChanges);\r\n if (state.isValid && onSubmit) {\r\n onSubmit(state, e);\r\n }\r\n };\r\n\r\n let _onPaste, _onChange, _onKeyDown, _onKeyUp;\r\n\r\n if (onPaste) {\r\n _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(state, e);\r\n }\r\n\r\n if (onKeyDown) {\r\n _onKeyDown = (e: KeyboardEvent<HTMLFormElement>) => onKeyDown(state, e);\r\n }\r\n\r\n if (onKeyUp) {\r\n _onKeyUp = (e: KeyboardEvent<HTMLFormElement>) => onKeyUp(state, e);\r\n }\r\n\r\n if (stateRef) stateRef.current = state;\r\n\r\n if (handlers.optimized) {\r\n if (onChange) {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n onChange(state, e);\r\n };\r\n } else {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n };\r\n }\r\n return (\r\n <form {...rest}\r\n ref={_mergeRefs(ref, formRef)}\r\n onPaste={_onPaste}\r\n onKeyDown={_onKeyDown}\r\n onKeyUp={_onKeyUp}\r\n onBlur={(e: GChangeEvent<HTMLFormElement>) => handlers._viHandler(state[e.target.name], e)}\r\n onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n handlers._viHandler(state[e.target.name], e);\r\n }}\r\n onChange={_onChange}\r\n onSubmit={_onSubmit}>\r\n {formChildren}\r\n </form>\r\n );\r\n }\r\n\r\n if (onChange) {\r\n _onChange = (e: GChangeEvent<HTMLFormElement>) => onChange(state, e);\r\n }\r\n\r\n return (\r\n <form {...rest}\r\n ref={_mergeRefs(ref, formRef)}\r\n onSubmit={_onSubmit}\r\n onChange={_onChange}\r\n onPaste={_onPaste}\r\n onKeyDown={_onKeyDown}\r\n onKeyUp={_onKeyUp}>\r\n {formChildren}\r\n </form>\r\n );\r\n }, [children, fields]);\r\n\r\n useEffect(() => {\r\n const initialStateFields = getState<T>().fields;\r\n const state = _buildFormState<T>(initialStateFields, formRef.current!, handlers._dispatchChanges);\r\n\r\n if (__DEV__ && !_hasSubmitter(formRef.current)) {\r\n console.warn(`DEV ONLY - [No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n }\r\n\r\n if (onInit) {\r\n const changes = onInit(state);\r\n if (changes) {\r\n const _handler = (_c: void | PartialForm<T>) => handlers._dispatchChanges({\r\n fields: _merge<IForm<T> & {\r\n [key: string]: GInputState;\r\n }>({}, state, _c)\r\n });\r\n if (changes instanceof Promise) {\r\n changes.then(_handler);\r\n } else _handler(changes);\r\n }\r\n }\r\n\r\n if (__DEBUG__) {\r\n console.log('checking for initial values');\r\n }\r\n\r\n for (const fieldKey in fields) {\r\n const field = fields[fieldKey];\r\n\r\n //we don't want to apply validation on empty fields, so skip it.\r\n if (!field.value) continue;\r\n\r\n if (__DEBUG__) {\r\n console.log(`found input '${fieldKey}', applying validation(s)`);\r\n }\r\n /**\r\n * We have to manually check for validations (checkValidity() will not result with validity.tooShort = true).\r\n * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n */\r\n handlers._viHandler(field);\r\n }\r\n }, []);\r\n\r\n return formComponent;\r\n }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;\r\n\r\nexport type GFormProps<T> =\r\n Omit<DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'onKeyUp' | 'onKeyDown' | 'children'>\r\n & {\r\n children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n /** @param loader - a component to display while loading (optional). */\r\n loader?: ReactNode;\r\n /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n stateRef?: RefObject<GFormState<T> | undefined>;\r\n /** @param onSubmit - a handler for the form submission (optional). */\r\n onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n /** @param onChange - register onChange handler (optional). */\r\n onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n /** @param onPaste - register onPaste handler (optional). */\r\n onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n /** @param onKeyUp - register onKeyUp handler (optional). */\r\n onKeyUp?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n /** @param onKeyDown - register onKeyDown handler (optional). */\r\n onKeyDown?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n /** @param validators - an object for handling validations (optional). */\r\n validators?: GValidators<T>;\r\n /** @param onInit - execute a handler once the form has initialized (optional). */\r\n onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n /** @param optimized - enable optimization by registering the required handlers on the form itself.\r\n * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n * @optional\r\n */\r\n optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n <T, >({children, validators, optimized, ...props}: GFormProps<T>, ref: ForwardedRef<HTMLFormElement>) => {\r\n const initialState = useMemo(() => {\r\n return _buildFormInitialValues<T>(\r\n typeof children === 'function'\r\n ? children({} as GFormState<T>)\r\n : children\r\n );\r\n }, [children]);\r\n\r\n return (\r\n <GFormContextProvider initialState={initialState} validators={validators} optimized={optimized}>\r\n <FormRenderer ref={ref} {...props}>\r\n {children}\r\n </FormRenderer>\r\n </GFormContextProvider>\r\n );\r\n }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;"],"names":["FormRenderer","forwardRef","_ref","ref","stateRef","onSubmit","onChange","onPaste","onKeyDown","onKeyUp","children","onInit","rest","_objectWithoutProperties","_excluded","formRef","useRef","handlers","getState","useFormStore","fields","useFormSelector","state","formComponent","useMemo","_buildFormState","current","_dispatchChanges","formChildren","_onSubmit","e","isValid","_onPaste","_onChange","_onKeyDown","_onKeyUp","optimized","unknown","_updateInputHandler","target","name","React","createElement","_extends","_mergeRefs","onBlur","_viHandler","onInvalid","preventDefault","useEffect","initialStateFields","changes","_handler","_c","_merge","Promise","then","fieldKey","field","value","GForm","_ref2","validators","props","_excluded2","initialState","_buildFormInitialValues","GFormContextProvider"],"mappings":"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"}
@@ -1,13 +1,13 @@
1
1
  import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
2
2
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
3
  import React, { forwardRef, useMemo, useEffect, memo } from 'react';
4
- import { g as createSelector, a as useFormSelector, u as useFormStore, i as _debounce } from './shared.development.js';
4
+ import { f as createSelector, a as useFormSelector, u as useFormStore, g as _debounce } from './shared.development.js';
5
5
  import './GValidator.development.js';
6
6
  import '@babel/runtime/helpers/esm/defineProperty';
7
7
 
8
8
  const selectFields = [state => state.fields];
9
9
  const makeSelectFields = (keys = []) => createSelector(selectFields, fields => {
10
- const selected = keys.map(key => fields[key]).filter(Boolean);
10
+ const selected = keys.map(key => JSON.stringify(fields[key].value)).join(', ');
11
11
  return selected.length ? selected : null;
12
12
  });
13
13
 
@@ -84,7 +84,6 @@ const _GInput = forwardRef((_ref, ref) => {
84
84
  return React.createElement("input", _props);
85
85
  }, [inputState, element]);
86
86
  const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));
87
- const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);
88
87
  useEffect(() => {
89
88
  if (fetch) {
90
89
  _debounce(debounce, `${inputState.gid}-fetch`).then(() => {
@@ -96,7 +95,7 @@ const _GInput = forwardRef((_ref, ref) => {
96
95
  }
97
96
  });
98
97
  }
99
- }, [stableFetchDeps]);
98
+ }, [_fetchDeps]);
100
99
  return _element;
101
100
  });
102
101
  const GInput = memo(_GInput);
@@ -1 +1 @@
1
- {"version":3,"file":"GInput.development.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport {InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const selectFirstInvalidField =\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n for (const f in fields) {\r\n if (fields[f].error) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n );\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n const selected = keys.map((key) => fields[key]).filter(Boolean);\r\n return selected.length ? selected : null;\r\n }\r\n );","import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n formKey,\r\n element,\r\n title,\r\n type = 'text',\r\n fetch,\r\n fetchDeps,\r\n optimized,\r\n debounce = 300,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultChecked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultValue,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n checked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n validatorKey,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n value,\r\n ...rest\r\n}, ref) => {\r\n const inputState = useFormSelector(state => state.fields[formKey]);\r\n const store = useFormStore();\r\n\r\n const _element = useMemo(() => {\r\n let value: any, checked;\r\n\r\n if (type === 'checkbox') checked = inputState.value || false;\r\n else value = inputState.value || '';\r\n\r\n const _props = {\r\n ...rest,\r\n type,\r\n name: formKey,\r\n value,\r\n checked,\r\n ref,\r\n 'aria-invalid': inputState.error,\r\n 'aria-required': inputState.required,\r\n title: title || inputState.errorText\r\n };\r\n\r\n if (!store.handlers.optimized || !optimized) {\r\n _props.onBlur = rest.onBlur ?\r\n (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n rest.onBlur!(e);\r\n } : (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onInvalid = rest.onInvalid ?\r\n (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n rest.onInvalid!(e);\r\n } : (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onChange = rest.onChange ?\r\n (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n rest.onChange!(e);\r\n } : (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n };\r\n\r\n if (!inputState.touched && inputState.dispatchChanges) {\r\n _props.onFocus = rest.onFocus ?\r\n (e) => {\r\n rest.onFocus!(e);\r\n inputState.dispatchChanges({touched: true});\r\n }\r\n :\r\n () => {\r\n inputState.dispatchChanges({touched: true});\r\n };\r\n }\r\n }\r\n\r\n if (element) {\r\n return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n }\r\n\r\n return (\r\n <input {..._props} />\r\n );\r\n }, [inputState, element]);\r\n\r\n const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);\r\n\r\n useEffect(() => {\r\n if (fetch) {\r\n _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n const res = fetch(inputState, store.getState().fields);\r\n if (res instanceof Promise) {\r\n res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n } else if (res) {\r\n store.handlers._dispatchChanges(res, formKey);\r\n }\r\n });\r\n }\r\n }, [stableFetchDeps]);\r\n\r\n return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","makeSelectFields","keys","createSelector","selected","map","key","filter","Boolean","length","_GInput","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges","GInput","memo"],"mappings":"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"}
1
+ {"version":3,"file":"GInput.development.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type { InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const selectFirstInvalidField =\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n for (const f in fields) {\r\n if (fields[f].error) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n );\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n const selected = keys.map((key) => JSON.stringify(fields[key].value)).join(', ');\r\n return selected.length ? selected : null;\r\n }\r\n );","import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n formKey,\r\n element,\r\n title,\r\n type = 'text',\r\n fetch,\r\n fetchDeps,\r\n optimized,\r\n debounce = 300,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultChecked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultValue,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n checked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n validatorKey,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n value,\r\n ...rest\r\n}, ref) => {\r\n const inputState = useFormSelector(state => state.fields[formKey]);\r\n const store = useFormStore();\r\n\r\n const _element = useMemo(() => {\r\n let value: any, checked;\r\n\r\n if (type === 'checkbox') checked = inputState.value || false;\r\n else value = inputState.value || '';\r\n\r\n const _props = {\r\n ...rest,\r\n type,\r\n name: formKey,\r\n value,\r\n checked,\r\n ref,\r\n 'aria-invalid': inputState.error,\r\n 'aria-required': inputState.required,\r\n title: title || inputState.errorText\r\n };\r\n\r\n if (!store.handlers.optimized || !optimized) {\r\n _props.onBlur = rest.onBlur ?\r\n (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n rest.onBlur!(e);\r\n } : (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onInvalid = rest.onInvalid ?\r\n (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n rest.onInvalid!(e);\r\n } : (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onChange = rest.onChange ?\r\n (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n rest.onChange!(e);\r\n } : (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n };\r\n\r\n if (!inputState.touched && inputState.dispatchChanges) {\r\n _props.onFocus = rest.onFocus ?\r\n (e) => {\r\n rest.onFocus!(e);\r\n inputState.dispatchChanges({touched: true});\r\n }\r\n :\r\n () => {\r\n inputState.dispatchChanges({touched: true});\r\n };\r\n }\r\n }\r\n\r\n if (element) {\r\n return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n }\r\n\r\n return (\r\n <input {..._props} />\r\n );\r\n }, [inputState, element]);\r\n\r\n const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n\r\n useEffect(() => {\r\n if (fetch) {\r\n _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n const res = fetch(inputState, store.getState().fields);\r\n if (res instanceof Promise) {\r\n res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n } else if (res) {\r\n store.handlers._dispatchChanges(res, formKey);\r\n }\r\n });\r\n }\r\n }, [_fetchDeps]);\r\n\r\n return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","makeSelectFields","keys","createSelector","selected","map","key","JSON","stringify","value","join","length","_GInput","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges","GInput","memo"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import a,{forwardRef as n,useMemo as r,useEffect as l,memo as d}from"react";import{g as o,a as i,u as s,h}from"./shared.production.js";const u=[e=>e.fields],c=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"],p=d(n(((n,d)=>{let{formKey:p,element:f,title:m,type:v="text",fetch:g,fetchDeps:C,optimized:b,debounce:y=300,defaultChecked:_,defaultValue:k,checked:H,validatorKey:I,value:x}=n,B=t(n,c);const D=i((e=>e.fields[p])),K=s(),j=r((()=>{let t,n;"checkbox"===v?n=D.value||!1:t=D.value||"";const r=e(e({},B),{},{type:v,name:p,value:t,checked:n,ref:d,"aria-invalid":D.error,"aria-required":D.required,title:m||D.errorText});return K.handlers.optimized&&b||(r.onBlur=B.onBlur?e=>{K.handlers._viHandler(D,e),B.onBlur(e)}:e=>{K.handlers._viHandler(D,e)},r.onInvalid=B.onInvalid?e=>{e.preventDefault(),K.handlers._viHandler(D,e),B.onInvalid(e)}:e=>{e.preventDefault(),K.handlers._viHandler(D,e)},r.onChange=B.onChange?(e,t)=>{K.handlers._updateInputHandler(D,e,t),B.onChange(e)}:(e,t)=>{K.handlers._updateInputHandler(D,e,t)},!D.touched&&D.dispatchChanges&&(r.onFocus=B.onFocus?e=>{B.onFocus(e),D.dispatchChanges({touched:!0})}:()=>{D.dispatchChanges({touched:!0})})),f?f(D,r):a.createElement("input",r)}),[D,f]),z=i(((e=[])=>o(u,(t=>{const a=e.map((e=>t[e])).filter(Boolean);return a.length?a:null})))(C)),F=r((()=>JSON.stringify(z)),[z]);return l((()=>{g&&h(y,`${D.gid}-fetch`).then((()=>{const e=g(D,K.getState().fields);e instanceof Promise?e.then((e=>e&&K.handlers._dispatchChanges(e,p))):e&&K.handlers._dispatchChanges(e,p)}))}),[F]),j})));export{p as GInput};
1
+ import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import a,{forwardRef as n,useMemo as r,useEffect as l,memo as d}from"react";import{e as o,a as i,u as s,f as h}from"./shared.production.js";const u=[e=>e.fields],c=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"],p=d(n(((n,d)=>{let{formKey:p,element:f,title:m,type:v="text",fetch:g,fetchDeps:C,optimized:b,debounce:y=300,defaultChecked:_,defaultValue:k,checked:H,validatorKey:I,value:j}=n,x=t(n,c);const D=i((e=>e.fields[p])),K=s(),z=r((()=>{let t,n;"checkbox"===v?n=D.value||!1:t=D.value||"";const r=e(e({},x),{},{type:v,name:p,value:t,checked:n,ref:d,"aria-invalid":D.error,"aria-required":D.required,title:m||D.errorText});return K.handlers.optimized&&b||(r.onBlur=x.onBlur?e=>{K.handlers._viHandler(D,e),x.onBlur(e)}:e=>{K.handlers._viHandler(D,e)},r.onInvalid=x.onInvalid?e=>{e.preventDefault(),K.handlers._viHandler(D,e),x.onInvalid(e)}:e=>{e.preventDefault(),K.handlers._viHandler(D,e)},r.onChange=x.onChange?(e,t)=>{K.handlers._updateInputHandler(D,e,t),x.onChange(e)}:(e,t)=>{K.handlers._updateInputHandler(D,e,t)},!D.touched&&D.dispatchChanges&&(r.onFocus=x.onFocus?e=>{x.onFocus(e),D.dispatchChanges({touched:!0})}:()=>{D.dispatchChanges({touched:!0})})),f?f(D,r):a.createElement("input",r)}),[D,f]),B=i(((e=[])=>o(u,(t=>{const a=e.map((e=>JSON.stringify(t[e].value))).join(", ");return a.length?a:null})))(C));return l((()=>{g&&h(y,`${D.gid}-fetch`).then((()=>{const e=g(D,K.getState().fields);e instanceof Promise?e.then((e=>e&&K.handlers._dispatchChanges(e,p))):e&&K.handlers._dispatchChanges(e,p)}))}),[B]),z})));export{p as GInput};
2
2
  //# sourceMappingURL=GInput.production.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GInput.production.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport {InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const selectFirstInvalidField =\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n for (const f in fields) {\r\n if (fields[f].error) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n );\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n const selected = keys.map((key) => fields[key]).filter(Boolean);\r\n return selected.length ? selected : null;\r\n }\r\n );","import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n formKey,\r\n element,\r\n title,\r\n type = 'text',\r\n fetch,\r\n fetchDeps,\r\n optimized,\r\n debounce = 300,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultChecked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultValue,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n checked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n validatorKey,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n value,\r\n ...rest\r\n}, ref) => {\r\n const inputState = useFormSelector(state => state.fields[formKey]);\r\n const store = useFormStore();\r\n\r\n const _element = useMemo(() => {\r\n let value: any, checked;\r\n\r\n if (type === 'checkbox') checked = inputState.value || false;\r\n else value = inputState.value || '';\r\n\r\n const _props = {\r\n ...rest,\r\n type,\r\n name: formKey,\r\n value,\r\n checked,\r\n ref,\r\n 'aria-invalid': inputState.error,\r\n 'aria-required': inputState.required,\r\n title: title || inputState.errorText\r\n };\r\n\r\n if (!store.handlers.optimized || !optimized) {\r\n _props.onBlur = rest.onBlur ?\r\n (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n rest.onBlur!(e);\r\n } : (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onInvalid = rest.onInvalid ?\r\n (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n rest.onInvalid!(e);\r\n } : (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onChange = rest.onChange ?\r\n (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n rest.onChange!(e);\r\n } : (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n };\r\n\r\n if (!inputState.touched && inputState.dispatchChanges) {\r\n _props.onFocus = rest.onFocus ?\r\n (e) => {\r\n rest.onFocus!(e);\r\n inputState.dispatchChanges({touched: true});\r\n }\r\n :\r\n () => {\r\n inputState.dispatchChanges({touched: true});\r\n };\r\n }\r\n }\r\n\r\n if (element) {\r\n return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n }\r\n\r\n return (\r\n <input {..._props} />\r\n );\r\n }, [inputState, element]);\r\n\r\n const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);\r\n\r\n useEffect(() => {\r\n if (fetch) {\r\n _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n const res = fetch(inputState, store.getState().fields);\r\n if (res instanceof Promise) {\r\n res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n } else if (res) {\r\n store.handlers._dispatchChanges(res, formKey);\r\n }\r\n });\r\n }\r\n }, [stableFetchDeps]);\r\n\r\n return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","GInput","memo","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","makeSelectFields","keys","createSelector","selected","map","key","filter","Boolean","length","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"iQAGA,MAAMA,EAAe,CAAEC,GAAwBA,EAAMC,2JCkHxCC,EAASC,EA9GNC,GAA0C,CAAAC,EAoBvDC,KAAQ,IApBgDC,QACvDA,EAAOC,QACPA,EAAOC,MACPA,EAAKC,KACLA,EAAO,OAAMC,MACbA,EAAKC,UACLA,EAASC,UACTA,EAASC,SACTA,EAAW,IAAGC,eAEdA,EAAcC,aAEdA,EAAYC,QAEZA,EAAOC,aAEPA,EAAYC,MAEZA,GAEHd,EADMe,EAAIC,EAAAhB,EAAAiB,GAEP,MAAMC,EAAaC,GAAgBxB,GAASA,EAAMC,OAAOM,KACnDkB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,IAAIT,EAAYF,EAEH,aAATP,EAAqBO,EAAUM,EAAWJ,QAAS,EAClDA,EAAQI,EAAWJ,OAAS,GAEjC,MAAMU,EAAMC,EAAAA,KACLV,GAAI,GAAA,CACPV,OACAqB,KAAMxB,EACNY,QACAF,UACAX,MACA,eAAgBiB,EAAWS,MAC3B,gBAAiBT,EAAWU,SAC5BxB,MAAOA,GAASc,EAAWW,YA2C/B,OAxCKT,EAAMU,SAAStB,WAAcA,IAC9BgB,EAAOO,OAAShB,EAAKgB,OAChBC,IACGZ,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKgB,OAAQC,EAAE,EACdA,IACDZ,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOU,UAAYnB,EAAKmB,UACnBF,IACGA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKmB,UAAWF,EAAE,EACjBA,IACDA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOY,SAAWrB,EAAKqB,SACnB,CAACJ,EAAGK,KACAjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,GAClDtB,EAAKqB,SAAUJ,EAAE,EACjB,CAACA,EAAGK,KACJjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,EAAQ,GAG7DnB,EAAWqB,SAAWrB,EAAWsB,kBAClChB,EAAOiB,QAAU1B,EAAK0B,QACjBT,IACGjB,EAAK0B,QAAST,GACdd,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,EAG/C,KACIrB,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,IAKvDpC,EACQA,EAAkFe,EAAYM,GAItGkB,EAAAC,cAAA,QAAWnB,EAAU,GAE1B,CAACN,EAAYf,IAEVyC,EAAazB,EDhFS0B,EAACC,EAAiB,KAC9CC,EACIrD,GACCE,IACG,MAAMoD,EAAWF,EAAKG,KAAKC,GAAQtD,EAAOsD,KAAMC,OAAOC,SACvD,OAAOJ,EAASK,OAASL,EAAW,IAAI,IC2EbH,CAAiBtC,IAC9C+C,EAAkB/B,GAAQ,IAAMgC,KAAKC,UAAUZ,IAAa,CAACA,IAenE,OAbAa,GAAU,KACFnD,GACAoD,EAAUjD,EAAU,GAAGS,EAAWyC,aAAaC,MAAK,KAChD,MAAMC,EAAMvD,EAAMY,EAAYE,EAAM0C,WAAWlE,QAC3CiE,aAAeE,QACfF,EAAID,MAAMjE,GAAUA,GAASyB,EAAMU,SAASkC,iBAAiBrE,EAAOO,KAC7D2D,GACPzC,EAAMU,SAASkC,iBAAiBH,EAAK3D,EACzC,GAER,GACD,CAACoD,IAEGhC,CAAQ"}
1
+ {"version":3,"file":"GInput.production.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type { InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const selectFirstInvalidField =\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n for (const f in fields) {\r\n if (fields[f].error) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n );\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n createSelector(\r\n selectFields,\r\n (fields) => {\r\n const selected = keys.map((key) => JSON.stringify(fields[key].value)).join(', ');\r\n return selected.length ? selected : null;\r\n }\r\n );","import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n formKey,\r\n element,\r\n title,\r\n type = 'text',\r\n fetch,\r\n fetchDeps,\r\n optimized,\r\n debounce = 300,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultChecked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n defaultValue,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n checked,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n validatorKey,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n value,\r\n ...rest\r\n}, ref) => {\r\n const inputState = useFormSelector(state => state.fields[formKey]);\r\n const store = useFormStore();\r\n\r\n const _element = useMemo(() => {\r\n let value: any, checked;\r\n\r\n if (type === 'checkbox') checked = inputState.value || false;\r\n else value = inputState.value || '';\r\n\r\n const _props = {\r\n ...rest,\r\n type,\r\n name: formKey,\r\n value,\r\n checked,\r\n ref,\r\n 'aria-invalid': inputState.error,\r\n 'aria-required': inputState.required,\r\n title: title || inputState.errorText\r\n };\r\n\r\n if (!store.handlers.optimized || !optimized) {\r\n _props.onBlur = rest.onBlur ?\r\n (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n rest.onBlur!(e);\r\n } : (e) => {\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onInvalid = rest.onInvalid ?\r\n (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n rest.onInvalid!(e);\r\n } : (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n store.handlers._viHandler(inputState, e);\r\n };\r\n\r\n _props.onChange = rest.onChange ?\r\n (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n rest.onChange!(e);\r\n } : (e, unknown?: { value: unknown } | string | number) => {\r\n store.handlers._updateInputHandler(inputState, e, unknown);\r\n };\r\n\r\n if (!inputState.touched && inputState.dispatchChanges) {\r\n _props.onFocus = rest.onFocus ?\r\n (e) => {\r\n rest.onFocus!(e);\r\n inputState.dispatchChanges({touched: true});\r\n }\r\n :\r\n () => {\r\n inputState.dispatchChanges({touched: true});\r\n };\r\n }\r\n }\r\n\r\n if (element) {\r\n return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n }\r\n\r\n return (\r\n <input {..._props} />\r\n );\r\n }, [inputState, element]);\r\n\r\n const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n\r\n useEffect(() => {\r\n if (fetch) {\r\n _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n const res = fetch(inputState, store.getState().fields);\r\n if (res instanceof Promise) {\r\n res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n } else if (res) {\r\n store.handlers._dispatchChanges(res, formKey);\r\n }\r\n });\r\n }\r\n }, [_fetchDeps]);\r\n\r\n return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","GInput","memo","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","makeSelectFields","keys","createSelector","selected","map","key","JSON","stringify","join","length","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"sQAGA,MAAMA,EAAe,CAAEC,GAAwBA,EAAMC,2JCiHxCC,EAASC,EA7GNC,GAA0C,CAAAC,EAoBvDC,KAAQ,IApBgDC,QACvDA,EAAOC,QACPA,EAAOC,MACPA,EAAKC,KACLA,EAAO,OAAMC,MACbA,EAAKC,UACLA,EAASC,UACTA,EAASC,SACTA,EAAW,IAAGC,eAEdA,EAAcC,aAEdA,EAAYC,QAEZA,EAAOC,aAEPA,EAAYC,MAEZA,GAEHd,EADMe,EAAIC,EAAAhB,EAAAiB,GAEP,MAAMC,EAAaC,GAAgBxB,GAASA,EAAMC,OAAOM,KACnDkB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,IAAIT,EAAYF,EAEH,aAATP,EAAqBO,EAAUM,EAAWJ,QAAS,EAClDA,EAAQI,EAAWJ,OAAS,GAEjC,MAAMU,EAAMC,EAAAA,KACLV,GAAI,GAAA,CACPV,OACAqB,KAAMxB,EACNY,QACAF,UACAX,MACA,eAAgBiB,EAAWS,MAC3B,gBAAiBT,EAAWU,SAC5BxB,MAAOA,GAASc,EAAWW,YA2C/B,OAxCKT,EAAMU,SAAStB,WAAcA,IAC9BgB,EAAOO,OAAShB,EAAKgB,OAChBC,IACGZ,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKgB,OAAQC,EAAE,EACdA,IACDZ,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOU,UAAYnB,EAAKmB,UACnBF,IACGA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKmB,UAAWF,EAAE,EACjBA,IACDA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOY,SAAWrB,EAAKqB,SACnB,CAACJ,EAAGK,KACAjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,GAClDtB,EAAKqB,SAAUJ,EAAE,EACjB,CAACA,EAAGK,KACJjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,EAAQ,GAG7DnB,EAAWqB,SAAWrB,EAAWsB,kBAClChB,EAAOiB,QAAU1B,EAAK0B,QACjBT,IACGjB,EAAK0B,QAAST,GACdd,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,EAG/C,KACIrB,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,IAKvDpC,EACQA,EAAkFe,EAAYM,GAItGkB,EAAAC,cAAA,QAAWnB,EAAU,GAE1B,CAACN,EAAYf,IAEVyC,EAAazB,EDhFS0B,EAACC,EAAiB,KAC9CC,EACIrD,GACCE,IACG,MAAMoD,EAAWF,EAAKG,KAAKC,GAAQC,KAAKC,UAAUxD,EAAOsD,GAAKpC,SAAQuC,KAAK,MAC3E,OAAOL,EAASM,OAASN,EAAW,IAAI,IC2EbH,CAAiBtC,IAepD,OAbAgD,GAAU,KACFjD,GACAkD,EAAU/C,EAAU,GAAGS,EAAWuC,aAAaC,MAAK,KAChD,MAAMC,EAAMrD,EAAMY,EAAYE,EAAMwC,WAAWhE,QAC3C+D,aAAeE,QACfF,EAAID,MAAM/D,GAAUA,GAASyB,EAAMU,SAASgC,iBAAiBnE,EAAOO,KAC7DyD,GACPvC,EAAMU,SAASgC,iBAAiBH,EAAKzD,EACzC,GAER,GACD,CAAC0C,IAEGtB,CAAQ"}
@@ -122,7 +122,7 @@ const _checkTypeMismatch = input => {
122
122
  return false;
123
123
  }
124
124
  };
125
- const hasSubmitter = form => {
125
+ const _hasSubmitter = form => {
126
126
  if (!form) return false;
127
127
  for (const element of form) {
128
128
  if (element.type === 'submit') return true;
@@ -225,15 +225,47 @@ const _merge = (target = {}, ...nodes) => {
225
225
  }
226
226
  return _merge(target, ...nodes);
227
227
  };
228
+ const _mergeRefs = (refA, refB) => {
229
+ return value => {
230
+ if (typeof refA === 'function') {
231
+ refA(value);
232
+ } else if (refA) {
233
+ refA.current = value;
234
+ }
235
+ if (typeof refB === 'function') {
236
+ refB(value);
237
+ } else if (refB) {
238
+ refB.current = value;
239
+ }
240
+ };
241
+ };
242
+ const _buildFormState = (fields, formElement, dispatchChanges) => {
243
+ const isFormValid = _checkIfFormIsValid(fields);
244
+ const formState = _objectSpread(_objectSpread({}, fields), {}, {
245
+ isValid: isFormValid,
246
+ isInvalid: !isFormValid,
247
+ toRawData: options => _toRawData(fields, options),
248
+ toFormData: () => _toFormData(formElement),
249
+ toURLSearchParams: _toURLSearchParams,
250
+ checkValidity: function () {
251
+ this.isValid = formElement && formElement.checkValidity() || false;
252
+ this.isInvalid = !this.isValid;
253
+ return this.isValid;
254
+ },
255
+ dispatchChanges: changes => dispatchChanges({
256
+ fields: _merge({}, fields, changes)
257
+ })
258
+ });
259
+ return formState;
260
+ };
228
261
 
229
262
  const useFormHandlers = (getState, setState, validators = {}, optimized = false) => {
230
263
  const _viHandler = (input, e) => {
231
264
  if (!input) return;
232
265
  const element = e && e.target;
233
- const hasInitialValue = !input.dirty && input.value && !input.touched;
234
- if (!element && !hasInitialValue) return;
235
266
  if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {
236
267
  if (!input.checkValidity) input.checkValidity = () => element.checkValidity();
268
+ const hasInitialValue = !input.dirty && input.value && !input.touched;
237
269
  if (hasInitialValue) {
238
270
  _checkInputManually(input);
239
271
  _dispatchChanges(input, input.formKey);
@@ -354,7 +386,12 @@ const GFormContextProvider = ({
354
386
  const stateRef = useRef(initialState);
355
387
  const listeners = useRef(null);
356
388
  const setState = useCallback(updater => {
357
- stateRef.current = typeof updater === 'function' ? updater(stateRef.current) : updater;
389
+ const prevState = stateRef.current;
390
+ const nextState = typeof updater === "function" ? updater(prevState) : updater;
391
+ if (Object.is(prevState, nextState)) {
392
+ return;
393
+ }
394
+ stateRef.current = nextState;
358
395
  listeners.current.forEach(l => l());
359
396
  }, []);
360
397
  const handlers = useFormHandlers(() => stateRef.current, setState, validators, optimized);
@@ -406,5 +443,5 @@ function createSelector(selectors, combiner) {
406
443
  };
407
444
  }
408
445
 
409
- export { GFormContextProvider as G, _checkIfFormIsValid as _, useFormSelector as a, _toURLSearchParams as b, _toFormData as c, _toRawData as d, _merge as e, _buildFormInitialValues as f, createSelector as g, hasSubmitter as h, _debounce as i, useFormStore as u };
446
+ export { GFormContextProvider as G, _buildFormState as _, useFormSelector as a, _mergeRefs as b, _hasSubmitter as c, _buildFormInitialValues as d, _merge as e, createSelector as f, _debounce as g, useFormStore as u };
410
447
  //# sourceMappingURL=shared.development.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"shared.development.js","sources":["../../src/helpers.ts","../../src/useFormHandlers.ts","../../src/form-context.tsx"],"sourcesContent":["import {Children, isValidElement, PropsWithChildren, ReactElement, ReactNode} from \"react\";\r\n\r\nimport type {GInputInitialState, GInputProps, GInputState, GInputStateMutable} from './fields';\r\nimport type {FormNode, FormTreeResult, GChangeEvent, GDOMElement, IForm} from './form';\r\nimport type {\r\n GFormState,\r\n InitialState,\r\n RawData,\r\n ToFormDataOptions,\r\n ToRawDataOptions,\r\n ToURLSearchParamsOptions\r\n} 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 _generateIdUnsafe = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _copyStateFields = (source: InitialState, destination: InitialState) => {\r\n for (const key in destination.fields) {\r\n const sourceField = source.fields[key];\r\n const destField = destination.fields[key];\r\n\r\n if (!sourceField || sourceField.type !== destField.type) continue;\r\n\r\n destination.fields[key] = {...destField, ...sourceField};\r\n }\r\n};\r\n\r\nexport const _buildFormInitialValues = <T>(rows: ReactNode = []): InitialState<T> => {\r\n const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n if (__DEBUG__) {\r\n console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n }\r\n\r\n const inputs = _findInputs(rows);\r\n\r\n inputs.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(`DEV ONLY - [Duplicate Keys] - field with key '${config.formKey}' already defined.`);\r\n }\r\n\r\n const {\r\n required = false,\r\n max,\r\n maxLength,\r\n min,\r\n minLength,\r\n step,\r\n pattern,\r\n type = \"text\",\r\n defaultValue,\r\n value,\r\n checked,\r\n defaultChecked,\r\n formKey,\r\n debounce,\r\n validatorKey\r\n } = config;\r\n const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n fields[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: _generateIdUnsafe(),\r\n };\r\n });\r\n\r\n return {fields: fields as IForm<T>};\r\n};\r\n\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nconst _buildFormTree = (\r\n root?: ReactElement<any> | ReactElement<any>[] | undefined\r\n): FormNode[] => {\r\n if (!root) return [];\r\n\r\n if (Array.isArray(root)) {\r\n return root.flatMap(element => _buildFormTree(element));\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 return [\r\n {\r\n type: \"input\",\r\n formKey: root.props.formKey,\r\n },\r\n ];\r\n }\r\n\r\n // Group node\r\n const childrenTree = _buildFormTree(root.props?.children);\r\n return [\r\n {\r\n type: \"group\",\r\n children: childrenTree,\r\n },\r\n ];\r\n};\r\n\r\nexport const buildFormTreeWithFlatAndSignature = (\r\n root?: ReactElement<any> | ReactElement<any>[] | undefined\r\n): FormTreeResult => {\r\n const flat: (GInputProps & GInputStateMutable)[] = [];\r\n let signature = '';\r\n\r\n const walk = (node?: ReactElement<any> | ReactElement<any>[] | undefined): FormNode[] => {\r\n if (!node) return [];\r\n\r\n if (Array.isArray(node)) {\r\n return node.flatMap(child => walk(child));\r\n }\r\n\r\n if (node.props?.formKey) {\r\n flat.push(node.props);\r\n signature = `${signature}I(${node.props.formKey})`;\r\n return [\r\n {\r\n type: \"input\",\r\n formKey: node.props.formKey,\r\n props: node.props,\r\n },\r\n ];\r\n }\r\n\r\n signature = `${signature}G(`;\r\n const childrenTree = walk(node.props?.children);\r\n signature = `${signature})`;\r\n\r\n return [\r\n {\r\n type: \"group\",\r\n children: childrenTree,\r\n },\r\n ];\r\n };\r\n\r\n const tree = walk(root);\r\n\r\n return {tree, flat, signature};\r\n};\r\n\r\nconst _findInputs = (root?: ReactNode, total: (GInputProps & GInputStateMutable)[] = []): (GInputProps & GInputStateMutable)[] => {\r\n if (!root) return total;\r\n\r\n Children.forEach(root, child => {\r\n if (!isValidElement(child)) return;\r\n\r\n if (child.props) {\r\n const {formKey, children} = child.props as PropsWithChildren<GInputProps & GInputStateMutable>;\r\n\r\n if (formKey) {\r\n if (__DEBUG__) {\r\n console.log(\"[findInputs] - input config found\", `(${formKey})`);\r\n }\r\n total.push(child.props as GInputProps & GInputStateMutable);\r\n }\r\n\r\n if (children) {\r\n _findInputs(children, total);\r\n }\r\n }\r\n });\r\n\r\n return total;\r\n};\r\n\r\nexport const _findValidityKey = (validity: Partial<ValidityState>, exclude: (keyof ValidityState)[] = []): keyof ValidityState | undefined => {\r\n for (const key in validity) {\r\n if (exclude.includes(key as keyof ValidityState)) continue;\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 _checkTypeMismatch = (input: GInputState<any>) => {\r\n const value = input.value?.toString().trim();\r\n if (!value) return false;\r\n\r\n switch (input.type) {\r\n case 'email':\r\n return !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value); // basic email pattern\r\n case 'url':\r\n try {\r\n new URL(value);\r\n return false;\r\n } catch {\r\n return true;\r\n }\r\n case 'tel':\r\n return !/^\\+?[0-9\\s\\-().]{7,}$/.test(value); // basic phone pattern\r\n default:\r\n return false;\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> & {\r\n [key: string]: GInputState<any>\r\n}, 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 || fields[key]);\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 } 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?: {\r\n value: T\r\n} | 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: ({\r\n [key: string]: any\r\n} | 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};\r\n","import {_checkResult, _checkTypeMismatch, _debounce, _extractValue, _findValidityKey} from \"./helpers\";\r\nimport {type GInputValidator, type GValidators} from \"./validations\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GChangeEvent, GDOMElement, GFocusEvent, GFormEvent, GInvalidEvent} from \"./form\";\r\nimport type {InitialState, Store} from \"./state\";\r\nimport {handlersMap, validityMap} from \"./validations/GValidator\";\r\n\r\nexport const useFormHandlers = (getState: Store['getState'], setState: Store['setState'], validators: GValidators = {}, optimized = false) => {\r\n /**\r\n * handler for validating a form input\r\n * @param input the input to be validated\r\n * @param e the event object\r\n */\r\n const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n if (!input) return;\r\n\r\n const element = e && e.target;\r\n const hasInitialValue = !input.dirty && input.value && !input.touched;\r\n\r\n if (!element && !hasInitialValue) return;\r\n\r\n if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n\r\n if (hasInitialValue) { //if the field has initial value\r\n /**\r\n * for inputs with initial value we have to manually check for validations.\r\n * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n * it only works for validity.valueMissing.\r\n * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n */\r\n _checkInputManually(input);\r\n _dispatchChanges(input, input.formKey);\r\n return;\r\n }\r\n element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n const exclude: (keyof ValidityState)[] = input.type && (input.pattern || hasCustomValidation(input)) ? ['typeMismatch'] : [];\r\n const validityKey = _findValidityKey(element.validity, exclude);\r\n _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n if (!validityKey && input.error) {\r\n element.setCustomValidity(input.errorText || 'error');\r\n }\r\n\r\n _dispatchChanges(input, input.formKey);\r\n } else {\r\n if (__DEBUG__) {\r\n console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n }\r\n\r\n //fallback - validate the input for validations manually\r\n input.checkValidity = () => _checkInputManually(input);\r\n input.checkValidity();\r\n\r\n _dispatchChanges(input, input.formKey);\r\n }\r\n };\r\n\r\n const _checkInputManually = (input: GInputState) => {\r\n const exclude: (keyof ValidityState)[] = input.type && (input.pattern || hasCustomValidation(input)) ? ['typeMismatch'] : [];\r\n\r\n let validityKey = _findValidityKey({\r\n valueMissing: input.required && !input.value || false,\r\n typeMismatch: _checkTypeMismatch(input),\r\n tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n }, exclude);\r\n\r\n if (!validityKey && input.error) {\r\n validityKey = 'customError';\r\n }\r\n _validateInput(input, validityKey);\r\n return !input.error;\r\n };\r\n\r\n /**\r\n * handler for updating and validating a form input\r\n * @param input\r\n * @param e the event object\r\n * @param unknown\r\n */\r\n const _updateInputHandler = (input: GInputState, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: {\r\n value: unknown\r\n } | string | number): void => {\r\n input.value = _extractValue(e, unknown) as GInputState['value'];\r\n _viHandler(input, e);\r\n };\r\n\r\n /**\r\n * Validates the input and updates the state with the result\r\n * @param input the input to be validated\r\n * @param validityKey the `Constraint Validation` key\r\n * @param setValidity\r\n */\r\n const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n if (__DEBUG__) {\r\n console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n }\r\n\r\n if (__DEV__) {\r\n if (validityKey && !inputValidator?.hasConstraint(validityKey)) {\r\n if (validityKey === 'typeMismatch') console.warn(`DEV ONLY - [Missing Validator] - the input '${input.formKey}' has described the constraint '${validityMap[validityKey]}' however, a correspond validator/custom validation/pattern validator is missing.\\nadd '${handlersMap[validityMap[validityKey]]}' or 'withCustomValidation' or '${handlersMap[validityMap.patternMismatch]}' to the input validator.\\nexample:\\nconst validators: GValidators = {\\n\\temail: new GValidator().withPatternMismatchMessage('pattern mismatch'),\\n\\t...\\n}\\n\\nor either remove the constraint '${validityMap[validityKey]}' from the input props`);\r\n else console.warn(`DEV ONLY - [Missing Validator] - the input '${input.formKey}' has described the constraint '${validityMap[validityKey]}' however, a correspond validator is missing.\\nadd '${handlersMap[validityMap[validityKey]]}' to the input validator.\\nexample:\\nconst validators: GValidators = {\\n\\temail: new GValidator().withPatternMismatchMessage('pattern mismatch'),\\n\\t...\\n}\\n\\nor either remove the constraint '${validityMap[validityKey]}' from the input props`);\r\n }\r\n }\r\n\r\n if (inputValidator) {\r\n __validateInput(input, inputValidator, validityKey, setValidity);\r\n }\r\n input.touched = true;\r\n };\r\n\r\n const _dispatchChanges = (changes: Partial<InitialState> | Partial<GInputState>, key?: string) => setState(prev => {\r\n if (key) {\r\n return {...prev, fields: {...prev.fields, [key]: {...prev.fields[key], ...changes}}};\r\n }\r\n return {...prev, ...changes};\r\n });\r\n\r\n /**\r\n * @internal\r\n */\r\n const __validateInput = (input: GInputState, inputValidator: GInputValidator<any>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n }\r\n const fields = getState().fields;\r\n\r\n for (const index in inputValidator.constraintHandlers) {\r\n const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n for (const index in inputValidator.handlers) {\r\n const result = inputValidator.handlers[index](input, fields);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n input.errorText = '';\r\n\r\n if (inputValidator.asyncHandlers.length) {\r\n input.error = true;\r\n _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n const validateAsync = async () => {\r\n for (const index in inputValidator.asyncHandlers) {\r\n const result = await inputValidator.asyncHandlers[index](input, fields);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) break;\r\n }\r\n if (!input.error) input.errorText = '';\r\n\r\n _dispatchChanges({error: input.error, errorText: input.errorText}, input.formKey);\r\n if (setValidity) {\r\n setValidity(input.errorText);\r\n }\r\n };\r\n\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n }\r\n validateAsync();\r\n });\r\n }\r\n };\r\n\r\n const hasCustomValidation = (input: GInputState) => {\r\n const validator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n return validator && (validator.asyncHandlers.length > 0 || validator.handlers.length > 0);\r\n };\r\n\r\n return {_updateInputHandler, _viHandler, _dispatchChanges, optimized, _createInputChecker: _checkInputManually};\r\n};","import React, {createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore} from 'react';\r\nimport type {FC, PropsWithChildren} from 'react';\r\n\r\nimport {useFormHandlers} from \"./useFormHandlers\";\r\nimport type {InitialState, Store} from \"./state\";\r\nimport type {GValidators} from \"./validations\";\r\nimport type {GInputState} from './fields';\r\nimport {_copyStateFields} from \"./helpers\";\r\n\r\nconst GFormContext = createContext<Store>({} as Store);\r\n\r\ntype GFormContextProviderProps = PropsWithChildren & {\r\n initialState: InitialState;\r\n validators?: GValidators;\r\n optimized?: boolean;\r\n};\r\n\r\nexport const GFormContextProvider: FC<GFormContextProviderProps> = ({ children, initialState, validators, optimized }) => {\r\n const stateRef = useRef(initialState);\r\n const listeners = useRef<Set<() => void>>(null);\r\n\r\n const setState = useCallback((updater: InitialState | ((state: InitialState) => InitialState)) => {\r\n stateRef.current = typeof updater === 'function' ? updater(stateRef.current) : updater;\r\n listeners.current!.forEach((l) => l());\r\n }, []);\r\n\r\n const handlers = useFormHandlers(() => stateRef.current, setState, validators, optimized);\r\n\r\n const store = useMemo<Store>(() => {\r\n if (!listeners.current) {\r\n listeners.current = new Set();\r\n } else {\r\n if (__DEBUG__) {\r\n console.log(`[form-context] - form changed stated from`, stateRef.current, '\\nto\\n', initialState);\r\n }\r\n listeners.current.clear();\r\n _copyStateFields(stateRef.current, initialState);\r\n }\r\n\r\n stateRef.current = initialState;\r\n\r\n for (const fieldKey in initialState.fields) {\r\n initialState.fields[fieldKey].dispatchChanges = (changes: Partial<GInputState>) => handlers._dispatchChanges(changes, fieldKey);\r\n }\r\n\r\n return {\r\n getState: () => stateRef.current,\r\n setState,\r\n subscribe: (listener: () => void) => {\r\n listeners.current!.add(listener);\r\n return () => listeners.current!.delete(listener);\r\n },\r\n handlers\r\n };\r\n }, [initialState]);\r\n\r\n return <GFormContext.Provider value={store}>{children}</GFormContext.Provider>;\r\n};\r\n\r\nexport const useFormStore = () => {\r\n const store = useContext(GFormContext);\r\n if (!store.getState) throw new Error('useGFormStore must be used within `GForm` component');\r\n\r\n return store;\r\n};\r\n\r\nexport const useFormSelector = <T extends any>(selector: (state: InitialState) => T): T => {\r\n const store = useFormStore();\r\n\r\n return useSyncExternalStore(\r\n store.subscribe,\r\n () => selector(store.getState()),\r\n () => selector(store.getState()) // for SSR\r\n );\r\n};\r\n\r\nexport function createSelector<\r\n State=InitialState,\r\n Selectors extends Array<(state: State) => any> = [],\r\n Result = any\r\n>(\r\n selectors: Selectors,\r\n combiner: (...args: {\r\n [K in keyof Selectors]: Selectors[K] extends (state: State) => infer R ? R : never;\r\n }) => Result\r\n): (state: State) => Result {\r\n let lastArgs: any[] = [];\r\n let lastResult: Result;\r\n\r\n return (state: State): Result => {\r\n const args = selectors.map(fn => fn(state));\r\n if (\r\n lastArgs.length === args.length &&\r\n args.every((val, i) => val === lastArgs[i])\r\n ) {\r\n return lastResult;\r\n }\r\n lastArgs = args;\r\n lastResult = combiner(...args as any);\r\n return lastResult;\r\n };\r\n}"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","_generateIdUnsafe","Date","toString","Math","random","substring","_copyStateFields","source","destination","key","fields","sourceField","destField","type","_objectSpread","_buildFormInitialValues","rows","inputs","_findInputs","forEach","config","formKey","console","warn","required","max","maxLength","min","minLength","step","pattern","defaultValue","checked","defaultChecked","debounce","validatorKey","defaultProps","inputValue","dirty","touched","gid","root","total","Children","child","isValidElement","props","children","push","_findValidityKey","validity","exclude","includes","_checkTypeMismatch","input","_input$value","trim","test","URL","_unused","hasSubmitter","form","element","_checkIfFormIsValid","f","error","_toRawData","options","data","include","transform","_fields$key","_fields$key2","set","_toFormData","FormData","_toURLSearchParams","_this$key","toRawData","_this$key2","URLSearchParams","__debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","_debounce","bind","_extractValue","e","unknown","target","Object","hasOwn","_checkResult","handlerResult","RegExp","_merge","nodes","length","next","shift","useFormHandlers","getState","setState","validators","optimized","_viHandler","hasInitialValue","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","_checkInputManually","_dispatchChanges","setCustomValidity","hasCustomValidation","validityKey","_validateInput","v","errorText","valueMissing","typeMismatch","tooShort","tooLong","patternMismatch","rangeUnderflow","Number","rangeOverflow","_updateInputHandler","setValidity","inputValidator","hasConstraint","validityMap","handlersMap","__validateInput","changes","prev","index","constraintHandlers","result","handlers","asyncHandlers","then","validateAsync","validator","_createInputChecker","GFormContext","createContext","GFormContextProvider","initialState","stateRef","useRef","listeners","useCallback","updater","current","l","store","useMemo","Set","clear","fieldKey","dispatchChanges","subscribe","listener","add","delete","React","createElement","Provider","useFormStore","useContext","Error","useFormSelector","selector","useSyncExternalStore","createSelector","selectors","combiner","lastArgs","lastResult","state","args","map","fn","every","val","i"],"mappings":";;;;AAaO,MAAMA,QAAQ,GAAIC,CAAM,IAAmBA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,CAAC,CAAE;AAElG,MAAMG,iBAA0E,GAAG;AAC/EC,EAAAA,IAAI,EAAE;AAACC,IAAAA,KAAK,EAAE;GAAG;AACjBC,EAAAA,QAAQ,EAAE;AAACD,IAAAA,KAAK,EAAE;GAAM;AACxBE,EAAAA,MAAM,EAAE;AAACF,IAAAA,KAAK,EAAE;AAAC;AACrB,CAAC;AAED,MAAMG,aAAqE,GAAG;AAC1EF,EAAAA,QAAQ,EAAE,SAAS;AACnBC,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,MAAME,iBAAiB,GAAGA,MAAM,CAAC,CAAC,IAAIC,IAAI,EAAE,EAAEC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,EAAEF,QAAQ,CAAC,EAAE,CAAC,CAACG,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC;AAEvG,MAAMC,gBAAgB,GAAGA,CAACC,MAAoB,EAAEC,WAAyB,KAAK;AACjF,EAAA,KAAK,MAAMC,GAAG,IAAID,WAAW,CAACE,MAAM,EAAE;AAClC,IAAA,MAAMC,WAAW,GAAGJ,MAAM,CAACG,MAAM,CAACD,GAAG,CAAC;AACtC,IAAA,MAAMG,SAAS,GAAGJ,WAAW,CAACE,MAAM,CAACD,GAAG,CAAC;IAEzC,IAAI,CAACE,WAAW,IAAIA,WAAW,CAACE,IAAI,KAAKD,SAAS,CAACC,IAAI,EAAE;AAEzDL,IAAAA,WAAW,CAACE,MAAM,CAACD,GAAG,CAAC,GAAAK,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAOF,SAAS,CAAA,EAAKD,WAAW,CAAC;AAC5D,EAAA;AACJ,CAAC;MAEYI,uBAAuB,GAAGA,CAAIC,IAAe,GAAG,EAAE,KAAsB;EACjF,MAAMN,MAA6C,GAAG,EAAE;AAMxD,EAAA,MAAMO,MAAM,GAAGC,WAAW,CAACF,IAAI,CAAC;AAEhCC,EAAAA,MAAM,CAACE,OAAO,CAACC,MAAM,IAAI;IAKrB,IAAeV,MAAM,CAACU,MAAM,CAACC,OAAO,CAAC,EAAE;MACnCC,OAAO,CAACC,IAAI,CAAC,CAAA,8CAAA,EAAiDH,MAAM,CAACC,OAAO,oBAAoB,CAAC;AACrG,IAAA;IAEA,MAAM;AACFG,MAAAA,QAAQ,GAAG,KAAK;MAChBC,GAAG;MACHC,SAAS;MACTC,GAAG;MACHC,SAAS;MACTC,IAAI;MACJC,OAAO;AACPjB,MAAAA,IAAI,GAAG,MAAM;MACbkB,YAAY;MACZnC,KAAK;MACLoC,OAAO;MACPC,cAAc;MACdZ,OAAO;MACPa,QAAQ;AACRC,MAAAA;AACJ,KAAC,GAAGf,MAAM;IACV,MAAMgB,YAAY,GAAG1C,iBAAiB,CAACmB,IAAI,CAAC,IAAInB,iBAAiB,CAACC,IAAI;AACtE,IAAA,MAAM0C,UAAU,GAAGzC,KAAK,IAAImC,YAAY,IAAIC,OAAO,IAAIC,cAAc,IAAIG,YAAY,CAACxC,KAAK;IAE3Fc,MAAM,CAACW,OAAO,CAAC,GAAG;MACdA,OAAO;MACPR,IAAI;MACJW,QAAQ;MACRC,GAAG;MACHC,SAAS;MACTC,GAAG;MACHC,SAAS;MACTC,IAAI;MACJC,OAAO;AACPlC,MAAAA,KAAK,EAAEyC,UAAU;MACjBF,YAAY;MACZD,QAAQ;AACRI,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,OAAO,EAAE,KAAK;MACdC,GAAG,EAAExC,iBAAiB;KACzB;AACL,EAAA,CAAC,CAAC;EAEF,OAAO;AAACU,IAAAA,MAAM,EAAEA;GAAmB;AACvC;AA6EA,MAAMQ,WAAW,GAAGA,CAACuB,IAAgB,EAAEC,KAA2C,GAAG,EAAE,KAA2C;AAC9H,EAAA,IAAI,CAACD,IAAI,EAAE,OAAOC,KAAK;AAEvBC,EAAAA,QAAQ,CAACxB,OAAO,CAACsB,IAAI,EAAEG,KAAK,IAAI;AAC5B,IAAA,IAAI,CAACC,cAAc,CAACD,KAAK,CAAC,EAAE;IAE5B,IAAIA,KAAK,CAACE,KAAK,EAAE;MACb,MAAM;QAACzB,OAAO;AAAE0B,QAAAA;OAAS,GAAGH,KAAK,CAACE,KAA4D;AAE9F,MAAA,IAAIzB,OAAO,EAAE;AAITqB,QAAAA,KAAK,CAACM,IAAI,CAACJ,KAAK,CAACE,KAAyC,CAAC;AAC/D,MAAA;AAEA,MAAA,IAAIC,QAAQ,EAAE;AACV7B,QAAAA,WAAW,CAAC6B,QAAQ,EAAEL,KAAK,CAAC;AAChC,MAAA;AACJ,IAAA;AACJ,EAAA,CAAC,CAAC;AAEF,EAAA,OAAOA,KAAK;AAChB,CAAC;AAEM,MAAMO,gBAAgB,GAAGA,CAACC,QAAgC,EAAEC,OAAgC,GAAG,EAAE,KAAsC;AAC1I,EAAA,KAAK,MAAM1C,GAAG,IAAIyC,QAAQ,EAAE;AACxB,IAAA,IAAIC,OAAO,CAACC,QAAQ,CAAC3C,GAA0B,CAAC,EAAE;IAClD,IAAIA,GAAG,KAAK,OAAO,IAAIyC,QAAQ,CAACzC,GAAG,CAAwB,EAAE;AAIzD,MAAA,OAAOA,GAAG;AACd,IAAA;AACJ,EAAA;AACJ,CAAC;AAEM,MAAM4C,kBAAkB,GAAIC,KAAuB,IAAK;AAAA,EAAA,IAAAC,YAAA;AAC3D,EAAA,MAAM3D,KAAK,GAAA,CAAA2D,YAAA,GAAGD,KAAK,CAAC1D,KAAK,MAAA,IAAA,IAAA2D,YAAA,KAAA,MAAA,GAAA,MAAA,GAAXA,YAAA,CAAarD,QAAQ,EAAE,CAACsD,IAAI,EAAE;AAC5C,EAAA,IAAI,CAAC5D,KAAK,EAAE,OAAO,KAAK;EAExB,QAAQ0D,KAAK,CAACzC,IAAI;AACd,IAAA,KAAK,OAAO;AACR,MAAA,OAAO,CAAC,4BAA4B,CAAC4C,IAAI,CAAC7D,KAAK,CAAC;AACpD,IAAA,KAAK,KAAK;MACN,IAAI;QACA,IAAI8D,GAAG,CAAC9D,KAAK,CAAC;AACd,QAAA,OAAO,KAAK;MAChB,CAAC,CAAC,OAAA+D,OAAA,EAAM;AACJ,QAAA,OAAO,IAAI;AACf,MAAA;AACJ,IAAA,KAAK,KAAK;AACN,MAAA,OAAO,CAAC,uBAAuB,CAACF,IAAI,CAAC7D,KAAK,CAAC;AAC/C,IAAA;AACI,MAAA,OAAO,KAAK;AACpB;AACJ,CAAC;AAGM,MAAMgE,YAAY,GAAIC,IAA6B,IAAc;AACpE,EAAA,IAAI,CAACA,IAAI,EAAE,OAAO,KAAK;AAEvB,EAAA,KAAK,MAAMC,OAAO,IAAID,IAAI,EAAE;AACxB,IAAA,IAAKC,OAAO,CAAsBjD,IAAI,KAAK,QAAQ,EAAE,OAAO,IAAI;AACpE,EAAA;AAEA,EAAA,OAAO,KAAK;AAChB;AAEO,MAAMkD,mBAAmB,GAAOrD,MAAgB,IAAc;AACjE,EAAA,KAAK,MAAMsD,CAAC,IAAItD,MAAM,EAAE;AACpB,IAAA,IAAIA,MAAM,CAACsD,CAAC,CAAC,CAACC,KAAK,EAAE;AACjB,MAAA,OAAO,KAAK;AAChB,IAAA;AACJ,EAAA;AACA,EAAA,OAAO,IAAI;AACf;AAEO,MAAMC,UAAU,GAAGA,CAAIxD,MAE7B,EAAEyD,OAA4B,GAAG,EAAE,KAAiB;EACjD,MAAMC,IAAgC,GAAG,EAAE;EAE3C,MAAM;IAACC,OAAO;IAAElB,OAAO;AAAEmB,IAAAA;AAAS,GAAC,GAAGH,OAAO;AAE7C,EAAA,IAAIE,OAAO,EAAE;IACTA,OAAO,CAAClD,OAAO,CAACV,GAAG,IAAA;AAAA,MAAA,IAAA8D,WAAA;AAAA,MAAA,OAAIH,IAAI,CAAC3D,GAAG,CAAW,GAAA,CAAA8D,WAAA,GAAG7D,MAAM,CAACD,GAAG,CAAC,MAAA,IAAA,IAAA8D,WAAA,KAAA,MAAA,GAAA,MAAA,GAAXA,WAAA,CAAa3E,KAAK;IAAA,CAAA,CAAC;AACpE,EAAA,CAAC,MAAM,KAAK,MAAMoE,CAAC,IAAItD,MAAM,EAAE;IAC3B0D,IAAI,CAACJ,CAAC,CAAC,GAAGtD,MAAM,CAACsD,CAAC,CAAC,CAACpE,KAAK;AAC7B,EAAA;AAEAuD,EAAAA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,IAAPA,OAAO,CAAEhC,OAAO,CAACV,GAAG,IAAI,OAAO2D,IAAI,CAAC3D,GAAG,CAAW,CAAC;AAEnD,EAAA,IAAI6D,SAAS,EAAE;AACX,IAAA,KAAK,MAAM7D,GAAG,IAAI6D,SAAS,EAAE;AAAA,MAAA,IAAAE,YAAA;AACzB,MAAA,MAAMC,GAAG,GAAGH,SAAS,CAAC7D,GAAG,CAAuD;MAChF2D,IAAI,CAAC3D,GAAG,CAAC,GAAGgE,GAAG,CAAC,CAAA,CAAAD,YAAA,GAAA9D,MAAM,CAACD,GAAG,CAAC,MAAA,IAAA,IAAA+D,YAAA,KAAA,MAAA,GAAA,MAAA,GAAXA,YAAA,CAAa5E,KAAK,KAAIc,MAAM,CAACD,GAAG,CAAC,CAAC;AACtD,IAAA;AACJ,EAAA;AAEA,EAAA,OAAO2D,IAAI;AACf;MAEaM,WAAW,GAAGA,CAAIb,IAA4B,EAAEM,OAA8B,KAAe;AACtG,EAAA,IAAI,CAACN,IAAI,EAAE,OAAO,IAAIc,QAAQ,EAAE;AAwBhC,EAAA,OAAO,IAAIA,QAAQ,CAACd,IAAI,CAAC;AAC7B;AAEO,SAASe,kBAAkBA,CAAyBT,OAAqC,EAAmB;AAC/G,EAAA,IAAIC,IAA0B;AAC9B,EAAA,IAAID,OAAO,EAAE;IACT,MAAM;MAAChB,OAAO;MAAEkB,OAAO;AAAEC,MAAAA;AAAS,KAAC,GAAGH,OAAO;AAC7C,IAAA,IAAIE,OAAO,EAAE;MACTD,IAAI,GAAG,EAA0B;MACjCC,OAAO,CAAClD,OAAO,CAACV,GAAG,IAAA;AAAA,QAAA,IAAAoE,SAAA;AAAA,QAAA,OAAKT,IAAI,CAAC3D,GAAG,CAAC,GAAA,CAAAoE,SAAA,GAAG,IAAI,CAACpE,GAAG,CAAC,MAAA,IAAA,IAAAoE,SAAA,KAAA,MAAA,GAAA,MAAA,GAATA,SAAA,CAAWjF,KAAK;AAAA,MAAA,CAAC,CAAC;AAC1D,IAAA,CAAC,MAAM;AACHwE,MAAAA,IAAI,GAAG,IAAI,CAACU,SAAS,EAAE;AACvB3B,MAAAA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,IAAPA,OAAO,CAAEhC,OAAO,CAACV,GAAG,IAAI,OAAO2D,IAAI,CAAC3D,GAAG,CAAC,CAAC;AAC7C,IAAA;AAEA,IAAA,IAAI6D,SAAS,EAAE;AACX,MAAA,KAAK,MAAM7D,GAAG,IAAI6D,SAAS,EAAE;AAAA,QAAA,IAAAS,UAAA;AACzB,QAAA,MAAMN,GAAG,GAAGH,SAAS,CAAC7D,GAAG,CAAuD;AAC/E2D,QAAAA,IAAI,CAAC3D,GAAG,CAAC,GAAGgE,GAAG,CAAA,CAAAM,UAAA,GAAC,IAAI,CAACtE,GAAG,CAAC,MAAA,IAAA,IAAAsE,UAAA,uBAATA,UAAA,CAAWnF,KAAK,CAAC;AACtC,MAAA;AACJ,IAAA;AACJ,EAAA,CAAC,MAAMwE,IAAI,GAAG,IAAI,CAACU,SAAS,EAAE;AAE9B,EAAA,OAAO,IAAIE,eAAe,CAACZ,IAAI,CAAC;AACpC;AAEA,SAASa,UAAUA,CAAuDC,OAAe,EAAEC,EAAU,EAAiB;AAClH,EAAA,OAAO,IAAIC,OAAO,CAACC,OAAO,IAAI;AAAA,IAAA,IAAAC,QAAA;IAC1B,IAAA,CAAAA,QAAA,GAAI,IAAI,CAACH,EAAE,CAAC,MAAA,IAAA,IAAAG,QAAA,KAAA,MAAA,IAARA,QAAA,CAAUC,OAAO,EACjBC,YAAY,CAAC,IAAI,CAACL,EAAE,CAAC,CAACI,OAAO,CAAC;IAElC,MAAMA,OAAO,GAAGE,UAAU,CAAC,MAAMJ,OAAO,EAAE,EAAEH,OAAO,CAAC;AAEpD,IAAA,IAAI,IAAI,CAACC,EAAE,CAAC,EAAE;AACV,MAAA,IAAI,CAACA,EAAE,CAAC,CAACI,OAAO,GAAGA,OAAO;AAC9B,IAAA,CAAC,MAAM,IAAI,CAACJ,EAAE,CAAC,GAAG;AAACI,MAAAA;KAAQ;AAC/B,EAAA,CAAC,CAAC;AACN;AAEO,MAAMG,SAAS,GAAGT,UAAU,CAACU,IAAI,CAAC,EAAE;AAEpC,MAAMC,aAAa,GAAGA,CAAIC,CAA+C,EAAEC,OAE/D,KAAgD;AAC/D,EAAA,IAAID,CAAC,KAAA,IAAA,IAADA,CAAC,eAADA,CAAC,CAAEE,MAAM,EAAE;IACX,IAAIC,MAAM,CAACC,MAAM,CAAClG,aAAa,EAAE8F,CAAC,CAACE,MAAM,CAAClF,IAAI,CAAC,EAAE,OAAOgF,CAAC,CAACE,MAAM,CAAChG,aAAa,CAAC8F,CAAC,CAACE,MAAM,CAAClF,IAAI,CAAC,CAAY;AACzG,IAAA,OAAOgF,CAAC,CAACE,MAAM,CAACnG,KAAK;AACzB,EAAA;AACA,EAAA,OAAO,CAACiG,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,MAAA,GAAA,MAAA,GAADA,CAAC,CAAEjG,KAAK,MAAWN,QAAQ,CAACwG,OAAO,CAAC,GAAGA,OAAO,CAAClG,KAAK,GAAGkG,OAAO,CAAC;AAC3E,CAAC;AAEM,MAAMI,YAAY,GAAGA,CAACC,aAAwC,EAAEvG,KAAgC,KAAc,OAAOuG,aAAa,KAAK,SAAS,GAAGA,aAAa,GAAG,OAAOvG,KAAK,KAAK,QAAQ,GAAG,OAAOuG,aAAa,KAAK,QAAQ,GAAG,CAAC,IAAIC,MAAM,CAACD,aAAa,CAAC,CAAC1C,IAAI,CAAC7D,KAAK,CAAC,GAAG,CAACuG,aAAa,CAAC1C,IAAI,CAAC7D,KAAK,CAAC,GAAG,KAAK;AAE9S,MAAMyG,MAAM,GAAGA,CAAmBN,MAA8B,GAAG,EAAE,EAAE,GAAGO,KAE1D,KAAQ;AAC3B,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE,OAAOR,MAAM;AAEhC,EAAA,MAAMS,IAAI,GAAGF,KAAK,CAACG,KAAK,EAAE;AAC1B,EAAA,IAAInH,QAAQ,CAACkH,IAAI,CAAC,EAAE;AAChB,IAAA,KAAK,MAAM/F,GAAG,IAAI+F,IAAI,EAAE;MACpBT,MAAM,CAACtF,GAAG,CAAC,GAAGsF,MAAM,CAACtF,GAAG,CAAC,GAAAK,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAOiF,MAAM,CAACtF,GAAG,CAAC,CAAA,EAAK+F,IAAI,CAAC/F,GAAG,CAAC,CAAA,GAAI+F,IAAI,CAAC/F,GAAG,CAAC;AAC1E,IAAA;AACJ,EAAA;AAEA,EAAA,OAAO4F,MAAM,CAACN,MAAM,EAAE,GAAGO,KAAK,CAAC;AACnC;;ACzWO,MAAMI,eAAe,GAAGA,CAACC,QAA2B,EAAEC,QAA2B,EAAEC,UAAuB,GAAG,EAAE,EAAEC,SAAS,GAAG,KAAK,KAAK;AAM1I,EAAA,MAAMC,UAAU,GAAGA,CAACzD,KAAkB,EAAEuC,CAAsJ,KAAW;IACrM,IAAI,CAACvC,KAAK,EAAE;AAEZ,IAAA,MAAMQ,OAAO,GAAG+B,CAAC,IAAIA,CAAC,CAACE,MAAM;AAC7B,IAAA,MAAMiB,eAAe,GAAG,CAAC1D,KAAK,CAAChB,KAAK,IAAIgB,KAAK,CAAC1D,KAAK,IAAI,CAAC0D,KAAK,CAACf,OAAO;AAErE,IAAA,IAAI,CAACuB,OAAO,IAAI,CAACkD,eAAe,EAAE;AAElC,IAAA,IAAI,OAAOC,QAAQ,KAAK,WAAW,KAAKnD,OAAO,YAAYoD,gBAAgB,IAAIpD,OAAO,YAAYqD,mBAAmB,IAAIrD,OAAO,YAAYsD,iBAAiB,CAAC,EAAE;AAC5J,MAAA,IAAI,CAAC9D,KAAK,CAAC+D,aAAa,EAAE/D,KAAK,CAAC+D,aAAa,GAAG,MAAMvD,OAAO,CAACuD,aAAa,EAAE;AAE7E,MAAA,IAAIL,eAAe,EAAE;QAQjBM,mBAAmB,CAAChE,KAAK,CAAC;AAC1BiE,QAAAA,gBAAgB,CAACjE,KAAK,EAAEA,KAAK,CAACjC,OAAO,CAAC;AACtC,QAAA;AACJ,MAAA;AACAyC,MAAAA,OAAO,CAAC0D,iBAAiB,CAAC,EAAE,CAAC;MAE7B,MAAMrE,OAAgC,GAAGG,KAAK,CAACzC,IAAI,KAAKyC,KAAK,CAACxB,OAAO,IAAI2F,mBAAmB,CAACnE,KAAK,CAAC,CAAC,GAAI,CAAC,cAAc,CAAC,GAAG,EAAE;MAC7H,MAAMoE,WAAW,GAAGzE,gBAAgB,CAACa,OAAO,CAACZ,QAAQ,EAAEC,OAAO,CAAC;AAC/DwE,MAAAA,cAAc,CAACrE,KAAK,EAAEoE,WAAW,EAAGE,CAAS,IAAK9D,OAAO,CAAC0D,iBAAiB,CAACI,CAAC,CAAC,CAAC;AAE/E,MAAA,IAAI,CAACF,WAAW,IAAIpE,KAAK,CAACW,KAAK,EAAE;QAC7BH,OAAO,CAAC0D,iBAAiB,CAAClE,KAAK,CAACuE,SAAS,IAAI,OAAO,CAAC;AACzD,MAAA;AAEAN,MAAAA,gBAAgB,CAACjE,KAAK,EAAEA,KAAK,CAACjC,OAAO,CAAC;AAC1C,IAAA,CAAC,MAAM;AAMHiC,MAAAA,KAAK,CAAC+D,aAAa,GAAG,MAAMC,mBAAmB,CAAChE,KAAK,CAAC;MACtDA,KAAK,CAAC+D,aAAa,EAAE;AAErBE,MAAAA,gBAAgB,CAACjE,KAAK,EAAEA,KAAK,CAACjC,OAAO,CAAC;AAC1C,IAAA;EACJ,CAAC;EAED,MAAMiG,mBAAmB,GAAIhE,KAAkB,IAAK;IAChD,MAAMH,OAAgC,GAAGG,KAAK,CAACzC,IAAI,KAAKyC,KAAK,CAACxB,OAAO,IAAI2F,mBAAmB,CAACnE,KAAK,CAAC,CAAC,GAAI,CAAC,cAAc,CAAC,GAAG,EAAE;IAE7H,IAAIoE,WAAW,GAAGzE,gBAAgB,CAAC;MAC/B6E,YAAY,EAAExE,KAAK,CAAC9B,QAAQ,IAAI,CAAC8B,KAAK,CAAC1D,KAAK,IAAI,KAAK;AACrDmI,MAAAA,YAAY,EAAE1E,kBAAkB,CAACC,KAAK,CAAC;AACvC0E,MAAAA,QAAQ,EAAE1E,KAAK,CAAC1B,SAAS,IAAI0B,KAAK,CAAC1D,KAAK,CAACM,QAAQ,EAAE,CAACqG,MAAM,GAAGjD,KAAK,CAAC1B,SAAS,IAAI,KAAK;AACrFqG,MAAAA,OAAO,EAAE3E,KAAK,CAAC5B,SAAS,IAAI4B,KAAK,CAAC1D,KAAK,CAACM,QAAQ,EAAE,CAACqG,MAAM,GAAGjD,KAAK,CAAC5B,SAAS,IAAI,KAAK;AACpFwG,MAAAA,eAAe,EAAE5E,KAAK,CAACxB,OAAO,IAAIoE,YAAY,CAAC5C,KAAK,CAACxB,OAAO,EAAEwB,KAAK,CAAC1D,KAAK,CAAC,IAAI,KAAK;AACnFuI,MAAAA,cAAc,EAAE7E,KAAK,CAAC3B,GAAG,IAAIyG,MAAM,CAAC9E,KAAK,CAAC1D,KAAK,CAAC,GAAGwI,MAAM,CAAC9E,KAAK,CAAC3B,GAAG,CAAC,IAAI,KAAK;AAC7E0G,MAAAA,aAAa,EAAE/E,KAAK,CAAC7B,GAAG,IAAI2G,MAAM,CAAC9E,KAAK,CAAC1D,KAAK,CAAC,GAAGwI,MAAM,CAAC9E,KAAK,CAAC7B,GAAG,CAAC,IAAI;KAC1E,EAAE0B,OAAO,CAAC;AAEX,IAAA,IAAI,CAACuE,WAAW,IAAIpE,KAAK,CAACW,KAAK,EAAE;AAC7ByD,MAAAA,WAAW,GAAG,aAAa;AAC/B,IAAA;AACAC,IAAAA,cAAc,CAACrE,KAAK,EAAEoE,WAAW,CAAC;IAClC,OAAO,CAACpE,KAAK,CAACW,KAAK;EACvB,CAAC;EAQD,MAAMqE,mBAAmB,GAAGA,CAAChF,KAAkB,EAAEuC,CAA+C,EAAEC,OAE/E,KAAW;IAC1BxC,KAAK,CAAC1D,KAAK,GAAGgG,aAAa,CAACC,CAAC,EAAEC,OAAO,CAAyB;AAC/DiB,IAAAA,UAAU,CAACzD,KAAK,EAAEuC,CAAC,CAAC;EACxB,CAAC;EAQD,MAAM8B,cAAc,GAAGA,CAACrE,KAAkB,EAAEoE,WAAiC,EAAEa,WAAiC,KAAW;AACvH,IAAA,MAAMC,cAAc,GAAG3B,UAAU,CAACvD,KAAK,CAACnB,YAAY,IAAImB,KAAK,CAACjC,OAAO,CAAC,IAAIwF,UAAU,CAAC,GAAG,CAAC;AAKzF,IAAa;AACT,MAAA,IAAIa,WAAW,IAAI,EAACc,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,MAAA,IAAdA,cAAc,CAAEC,aAAa,CAACf,WAAW,CAAC,CAAA,EAAE;AAC5D,QAAA,IAAIA,WAAW,KAAK,cAAc,EAAEpG,OAAO,CAACC,IAAI,CAAC,CAAA,4CAAA,EAA+C+B,KAAK,CAACjC,OAAO,CAAA,gCAAA,EAAmCqH,WAAW,CAAChB,WAAW,CAAC,CAAA,wFAAA,EAA2FiB,WAAW,CAACD,WAAW,CAAChB,WAAW,CAAC,CAAC,CAAA,gCAAA,EAAmCiB,WAAW,CAACD,WAAW,CAACR,eAAe,CAAC,CAAA,gMAAA,EAAmMQ,WAAW,CAAChB,WAAW,CAAC,CAAA,sBAAA,CAAwB,CAAC,CAAC,KACnmBpG,OAAO,CAACC,IAAI,CAAC,CAAA,4CAAA,EAA+C+B,KAAK,CAACjC,OAAO,mCAAmCqH,WAAW,CAAChB,WAAW,CAAC,CAAA,oDAAA,EAAuDiB,WAAW,CAACD,WAAW,CAAChB,WAAW,CAAC,CAAC,CAAA,gMAAA,EAAmMgB,WAAW,CAAChB,WAAW,CAAC,wBAAwB,CAAC;AAC7d,MAAA;AACJ,IAAA;AAEA,IAAA,IAAIc,cAAc,EAAE;MAChBI,eAAe,CAACtF,KAAK,EAAEkF,cAAc,EAAEd,WAAW,EAAEa,WAAW,CAAC;AACpE,IAAA;IACAjF,KAAK,CAACf,OAAO,GAAG,IAAI;EACxB,CAAC;EAED,MAAMgF,gBAAgB,GAAGA,CAACsB,OAAqD,EAAEpI,GAAY,KAAKmG,QAAQ,CAACkC,IAAI,IAAI;AAC/G,IAAA,IAAIrI,GAAG,EAAE;AACL,MAAA,OAAAK,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAWgI,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEpI,QAAAA,MAAM,EAAAI,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAMgI,IAAI,CAACpI,MAAM,CAAA,EAAA,EAAA,EAAA;AAAE,UAAA,CAACD,GAAG,GAAAK,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAOgI,IAAI,CAACpI,MAAM,CAACD,GAAG,CAAC,GAAKoI,OAAO;AAAC,SAAA;AAAC,OAAA,CAAA;AACvF,IAAA;AACA,IAAA,OAAA/H,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAWgI,IAAI,GAAKD,OAAO,CAAA;AAC/B,EAAA,CAAC,CAAC;EAKF,MAAMD,eAAe,GAAGA,CAACtF,KAAkB,EAAEkF,cAAoC,EAAEd,WAAiC,EAAEa,WAAiC,KAAW;AAI9J,IAAA,MAAM7H,MAAM,GAAGiG,QAAQ,EAAE,CAACjG,MAAM;AAEhC,IAAA,KAAK,MAAMqI,KAAK,IAAIP,cAAc,CAACQ,kBAAkB,EAAE;AACnD,MAAA,MAAMC,MAAM,GAAGT,cAAc,CAACQ,kBAAkB,CAACD,KAAK,CAAC,CAACzF,KAAK,EAAEoE,WAAW,CAAC;MAK3EpE,KAAK,CAACW,KAAK,GAAGiC,YAAY,CAAC+C,MAAM,EAAE3F,KAAK,CAAC1D,KAAK,CAAC;MAC/C,IAAI0D,KAAK,CAACW,KAAK,EAAE;AACrB,IAAA;AAEA,IAAA,KAAK,MAAM8E,KAAK,IAAIP,cAAc,CAACU,QAAQ,EAAE;AACzC,MAAA,MAAMD,MAAM,GAAGT,cAAc,CAACU,QAAQ,CAACH,KAAK,CAAC,CAACzF,KAAK,EAAE5C,MAAM,CAAC;MAK5D4C,KAAK,CAACW,KAAK,GAAGiC,YAAY,CAAC+C,MAAM,EAAE3F,KAAK,CAAC1D,KAAK,CAAC;MAC/C,IAAI0D,KAAK,CAACW,KAAK,EAAE;AACrB,IAAA;IAEAX,KAAK,CAACuE,SAAS,GAAG,EAAE;AAEpB,IAAA,IAAIW,cAAc,CAACW,aAAa,CAAC5C,MAAM,EAAE;MACrCjD,KAAK,CAACW,KAAK,GAAG,IAAI;AAClByB,MAAAA,SAAS,CAACpC,KAAK,CAACpB,QAAQ,IAAI,GAAG,EAAE,CAAA,EAAGoB,KAAK,CAACd,GAAG,CAAA,MAAA,CAAQ,CAAC,CAAC4G,IAAI,CAAC,MAAM;AAC9D,QAAA,MAAMC,aAAa,GAAG,YAAY;AAC9B,UAAA,KAAK,MAAMN,KAAK,IAAIP,cAAc,CAACW,aAAa,EAAE;AAC9C,YAAA,MAAMF,MAAM,GAAG,MAAMT,cAAc,CAACW,aAAa,CAACJ,KAAK,CAAC,CAACzF,KAAK,EAAE5C,MAAM,CAAC;YAKvE4C,KAAK,CAACW,KAAK,GAAGiC,YAAY,CAAC+C,MAAM,EAAE3F,KAAK,CAAC1D,KAAK,CAAC;YAC/C,IAAI0D,KAAK,CAACW,KAAK,EAAE;AACrB,UAAA;UACA,IAAI,CAACX,KAAK,CAACW,KAAK,EAAEX,KAAK,CAACuE,SAAS,GAAG,EAAE;AAEtCN,UAAAA,gBAAgB,CAAC;YAACtD,KAAK,EAAEX,KAAK,CAACW,KAAK;YAAE4D,SAAS,EAAEvE,KAAK,CAACuE;AAAS,WAAC,EAAEvE,KAAK,CAACjC,OAAO,CAAC;AACjF,UAAA,IAAIkH,WAAW,EAAE;AACbA,YAAAA,WAAW,CAACjF,KAAK,CAACuE,SAAS,CAAC;AAChC,UAAA;QACJ,CAAC;AAKDwB,QAAAA,aAAa,EAAE;AACnB,MAAA,CAAC,CAAC;AACN,IAAA;EACJ,CAAC;EAED,MAAM5B,mBAAmB,GAAInE,KAAkB,IAAK;AAChD,IAAA,MAAMgG,SAAS,GAAGzC,UAAU,CAACvD,KAAK,CAACnB,YAAY,IAAImB,KAAK,CAACjC,OAAO,CAAC,IAAIwF,UAAU,CAAC,GAAG,CAAC;AACpF,IAAA,OAAOyC,SAAS,KAAKA,SAAS,CAACH,aAAa,CAAC5C,MAAM,GAAG,CAAC,IAAI+C,SAAS,CAACJ,QAAQ,CAAC3C,MAAM,GAAG,CAAC,CAAC;EAC7F,CAAC;EAED,OAAO;IAAC+B,mBAAmB;IAAEvB,UAAU;IAAEQ,gBAAgB;IAAET,SAAS;AAAEyC,IAAAA,mBAAmB,EAAEjC;GAAoB;AACnH,CAAC;;ACtLD,MAAMkC,YAAY,GAAGC,aAAa,CAAQ,EAAW,CAAC;AAQ/C,MAAMC,oBAAmD,GAAGA,CAAC;EAAE3G,QAAQ;EAAE4G,YAAY;EAAE9C,UAAU;AAAEC,EAAAA;AAAU,CAAC,KAAK;AACtH,EAAA,MAAM8C,QAAQ,GAAGC,MAAM,CAACF,YAAY,CAAC;AACrC,EAAA,MAAMG,SAAS,GAAGD,MAAM,CAAkB,IAAI,CAAC;AAE/C,EAAA,MAAMjD,QAAQ,GAAGmD,WAAW,CAAEC,OAA+D,IAAK;AAC9FJ,IAAAA,QAAQ,CAACK,OAAO,GAAG,OAAOD,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACJ,QAAQ,CAACK,OAAO,CAAC,GAAGD,OAAO;IACtFF,SAAS,CAACG,OAAO,CAAE9I,OAAO,CAAE+I,CAAC,IAAKA,CAAC,EAAE,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,MAAMhB,QAAQ,GAAGxC,eAAe,CAAC,MAAMkD,QAAQ,CAACK,OAAO,EAAErD,QAAQ,EAAEC,UAAU,EAAEC,SAAS,CAAC;AAEzF,EAAA,MAAMqD,KAAK,GAAGC,OAAO,CAAQ,MAAM;AAC/B,IAAA,IAAI,CAACN,SAAS,CAACG,OAAO,EAAE;AACpBH,MAAAA,SAAS,CAACG,OAAO,GAAG,IAAII,GAAG,EAAE;AACjC,IAAA,CAAC,MAAM;AAIHP,MAAAA,SAAS,CAACG,OAAO,CAACK,KAAK,EAAE;AACzBhK,MAAAA,gBAAgB,CAACsJ,QAAQ,CAACK,OAAO,EAAEN,YAAY,CAAC;AACpD,IAAA;IAEAC,QAAQ,CAACK,OAAO,GAAGN,YAAY;AAE/B,IAAA,KAAK,MAAMY,QAAQ,IAAIZ,YAAY,CAACjJ,MAAM,EAAE;AACxCiJ,MAAAA,YAAY,CAACjJ,MAAM,CAAC6J,QAAQ,CAAC,CAACC,eAAe,GAAI3B,OAA6B,IAAKK,QAAQ,CAAC3B,gBAAgB,CAACsB,OAAO,EAAE0B,QAAQ,CAAC;AACnI,IAAA;IAEA,OAAO;AACH5D,MAAAA,QAAQ,EAAEA,MAAMiD,QAAQ,CAACK,OAAO;MAChCrD,QAAQ;MACR6D,SAAS,EAAGC,QAAoB,IAAK;AACjCZ,QAAAA,SAAS,CAACG,OAAO,CAAEU,GAAG,CAACD,QAAQ,CAAC;QAChC,OAAO,MAAMZ,SAAS,CAACG,OAAO,CAAEW,MAAM,CAACF,QAAQ,CAAC;MACpD,CAAC;AACDxB,MAAAA;KACH;AACL,EAAA,CAAC,EAAE,CAACS,YAAY,CAAC,CAAC;AAElB,EAAA,OAAOkB,KAAA,CAAAC,aAAA,CAACtB,YAAY,CAACuB,QAAQ,EAAA;AAACnL,IAAAA,KAAK,EAAEuK;AAAM,GAAA,EAAEpH,QAAgC,CAAC;AAClF;AAEO,MAAMiI,YAAY,GAAGA,MAAM;AAC9B,EAAA,MAAMb,KAAK,GAAGc,UAAU,CAACzB,YAAY,CAAC;EACtC,IAAI,CAACW,KAAK,CAACxD,QAAQ,EAAE,MAAM,IAAIuE,KAAK,CAAC,qDAAqD,CAAC;AAE3F,EAAA,OAAOf,KAAK;AAChB;AAEO,MAAMgB,eAAe,GAAmBC,QAAoC,IAAQ;AACvF,EAAA,MAAMjB,KAAK,GAAGa,YAAY,EAAE;EAE5B,OAAOK,oBAAoB,CACvBlB,KAAK,CAACM,SAAS,EACf,MAAMW,QAAQ,CAACjB,KAAK,CAACxD,QAAQ,EAAE,CAAC,EAChC,MAAMyE,QAAQ,CAACjB,KAAK,CAACxD,QAAQ,EAAE,CACnC,CAAC;AACL;AAEO,SAAS2E,cAAcA,CAK1BC,SAAoB,EACpBC,QAEY,EACY;EACxB,IAAIC,QAAe,GAAG,EAAE;AACxB,EAAA,IAAIC,UAAkB;AAEtB,EAAA,OAAQC,KAAY,IAAa;AAC7B,IAAA,MAAMC,IAAI,GAAGL,SAAS,CAACM,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACH,KAAK,CAAC,CAAC;IAC3C,IACIF,QAAQ,CAAClF,MAAM,KAAKqF,IAAI,CAACrF,MAAM,IAC/BqF,IAAI,CAACG,KAAK,CAAC,CAACC,GAAG,EAAEC,CAAC,KAAKD,GAAG,KAAKP,QAAQ,CAACQ,CAAC,CAAC,CAAC,EAC7C;AACE,MAAA,OAAOP,UAAU;AACrB,IAAA;AACAD,IAAAA,QAAQ,GAAGG,IAAI;AACfF,IAAAA,UAAU,GAAGF,QAAQ,CAAC,GAAGI,IAAW,CAAC;AACrC,IAAA,OAAOF,UAAU;EACrB,CAAC;AACL;;;;"}
1
+ {"version":3,"file":"shared.development.js","sources":["../../src/helpers.ts","../../src/useFormHandlers.ts","../../src/form-context.tsx"],"sourcesContent":["import {Children, isValidElement} from 'react';\r\nimport type {PropsWithChildren, ReactElement, ReactNode} from 'react';\r\nimport type {GInputInitialState, GInputProps, GInputState, GInputStateMutable} from './fields';\r\nimport type {FormNode, FormTreeResult, GChangeEvent, GDOMElement, IForm, PartialForm} 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 _generateIdUnsafe = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _copyStateFields = (source: InitialState, destination: InitialState) => {\r\n for (const key in destination.fields) {\r\n const sourceField = source.fields[key];\r\n const destField = destination.fields[key];\r\n\r\n if (!sourceField || sourceField.type !== destField.type) continue;\r\n\r\n destination.fields[key] = {...destField, ...sourceField};\r\n }\r\n};\r\n\r\nexport const _buildFormInitialValues = <T>(rows: ReactNode = []): InitialState<T> => {\r\n const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n if (__DEBUG__) {\r\n console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n }\r\n\r\n const inputs = _findInputs(rows);\r\n\r\n inputs.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(`DEV ONLY - [Duplicate Keys] - field with key '${config.formKey}' already defined.`);\r\n }\r\n\r\n const {\r\n required = false,\r\n max,\r\n maxLength,\r\n min,\r\n minLength,\r\n step,\r\n pattern,\r\n type = \"text\",\r\n defaultValue,\r\n value,\r\n checked,\r\n defaultChecked,\r\n formKey,\r\n debounce,\r\n validatorKey\r\n } = config;\r\n const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n fields[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: _generateIdUnsafe(),\r\n };\r\n });\r\n\r\n return {fields: fields as IForm<T>};\r\n};\r\n\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nconst _buildFormTree = (\r\n root?: ReactElement<any> | ReactElement<any>[] | undefined\r\n): FormNode[] => {\r\n if (!root) return [];\r\n\r\n if (Array.isArray(root)) {\r\n return root.flatMap(element => _buildFormTree(element));\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 return [\r\n {\r\n type: \"input\",\r\n formKey: root.props.formKey,\r\n },\r\n ];\r\n }\r\n\r\n // Group node\r\n const childrenTree = _buildFormTree(root.props?.children);\r\n return [\r\n {\r\n type: \"group\",\r\n children: childrenTree,\r\n },\r\n ];\r\n};\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nconst buildFormTreeWithFlatAndSignature = (\r\n root?: ReactElement<any> | ReactElement<any>[] | undefined\r\n): FormTreeResult => {\r\n const flat: (GInputProps & GInputStateMutable)[] = [];\r\n let signature = '';\r\n\r\n const walk = (node?: ReactElement<any> | ReactElement<any>[] | undefined): FormNode[] => {\r\n if (!node) return [];\r\n\r\n if (Array.isArray(node)) {\r\n return node.flatMap(child => walk(child));\r\n }\r\n\r\n if (node.props?.formKey) {\r\n flat.push(node.props);\r\n signature = `${signature}I(${node.props.formKey})`;\r\n return [\r\n {\r\n type: \"input\",\r\n formKey: node.props.formKey,\r\n props: node.props,\r\n },\r\n ];\r\n }\r\n\r\n signature = `${signature}G(`;\r\n const childrenTree = walk(node.props?.children);\r\n signature = `${signature})`;\r\n\r\n return [\r\n {\r\n type: \"group\",\r\n children: childrenTree,\r\n },\r\n ];\r\n };\r\n\r\n const tree = walk(root);\r\n\r\n return {tree, flat, signature};\r\n};\r\n\r\nconst _findInputs = (root?: ReactNode, total: (GInputProps & GInputStateMutable)[] = []): (GInputProps & GInputStateMutable)[] => {\r\n if (!root) return total;\r\n\r\n Children.forEach(root, child => {\r\n if (!isValidElement(child)) return;\r\n\r\n if (child.props) {\r\n const {formKey, children} = child.props as PropsWithChildren<GInputProps & GInputStateMutable>;\r\n\r\n if (formKey) {\r\n if (__DEBUG__) {\r\n console.log(\"[findInputs] - input config found\", `(${formKey})`);\r\n }\r\n total.push(child.props as GInputProps & GInputStateMutable);\r\n }\r\n\r\n if (children) {\r\n _findInputs(children, total);\r\n }\r\n }\r\n });\r\n\r\n return total;\r\n};\r\n\r\nexport const _findValidityKey = (validity: Partial<ValidityState>, exclude: (keyof ValidityState)[] = []): keyof ValidityState | undefined => {\r\n for (const key in validity) {\r\n if (exclude.includes(key as keyof ValidityState)) continue;\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 _checkTypeMismatch = (input: GInputState<any>) => {\r\n const value = input.value?.toString().trim();\r\n if (!value) return false;\r\n\r\n switch (input.type) {\r\n case 'email':\r\n return !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value); // basic email pattern\r\n case 'url':\r\n try {\r\n new URL(value);\r\n return false;\r\n } catch {\r\n return true;\r\n }\r\n case 'tel':\r\n return !/^\\+?[0-9\\s\\-().]{7,}$/.test(value); // basic phone pattern\r\n default:\r\n return false;\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> & {\r\n [key: string]: GInputState<any>\r\n}, 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 || fields[key]);\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 } 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?: {\r\n value: T\r\n} | 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: ({\r\n [key: string]: any\r\n} | 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};\r\n\r\nexport const _mergeRefs = <T>(\r\n refA: React.Ref<T> | undefined,\r\n refB: React.Ref<T> | undefined\r\n) => {\r\n return (value: T | null) => {\r\n if (typeof refA === 'function') {\r\n refA(value);\r\n } else if (refA) {\r\n refA.current = value;\r\n }\r\n\r\n if (typeof refB === 'function') {\r\n refB(value);\r\n } else if (refB) {\r\n refB.current = value;\r\n }\r\n };\r\n};\r\n\r\nexport const _buildFormState = <T>(fields: InitialState<T>['fields'], formElement: HTMLFormElement, dispatchChanges: (changes: Partial<InitialState> | Partial<GInputState>, key?: string) => void) => {\r\n const isFormValid = _checkIfFormIsValid(fields);\r\n\r\n const formState: GFormState<T> = {\r\n ...fields,\r\n isValid: isFormValid,\r\n isInvalid: !isFormValid,\r\n toRawData: (options?: ToRawDataOptions<T>) => _toRawData(fields, options),\r\n toFormData: () => _toFormData(formElement),\r\n toURLSearchParams: _toURLSearchParams,\r\n checkValidity: function () { // it has to be a function in order to refer to 'this'\r\n this.isValid = formElement && formElement.checkValidity() || false;\r\n this.isInvalid = !this.isValid;\r\n return this.isValid;\r\n },\r\n dispatchChanges: (changes: PartialForm<T> & {\r\n [key: string]: Partial<GInputState<any>>\r\n }) => dispatchChanges({\r\n fields: _merge<IForm<T> & {\r\n [key: string]: GInputState;\r\n }>({}, fields, changes)\r\n })\r\n };\r\n\r\n return formState;\r\n};","import {_checkResult, _checkTypeMismatch, _debounce, _extractValue, _findValidityKey} from \"./helpers\";\r\nimport {type GInputValidator, type GValidators} from \"./validations\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GChangeEvent, GDOMElement, GFocusEvent, GFormEvent, GInvalidEvent} from \"./form\";\r\nimport type {InitialState, Store} from \"./state\";\r\nimport {handlersMap, validityMap} from \"./validations/GValidator\";\r\n\r\nexport const useFormHandlers = (getState: Store['getState'], setState: Store['setState'], validators: GValidators = {}, optimized = false) => {\r\n /**\r\n * handler for validating a form input\r\n * @param input the input to be validated\r\n * @param e the event object\r\n */\r\n const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n if (!input) return;\r\n\r\n const element = e && e.target;\r\n\r\n if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n\r\n const hasInitialValue = !input.dirty && input.value && !input.touched;\r\n\r\n if (hasInitialValue) { //if the field has initial value\r\n /**\r\n * for inputs with initial value we have to manually check for validations.\r\n * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n * it only works for validity.valueMissing.\r\n * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n */\r\n _checkInputManually(input);\r\n _dispatchChanges(input, input.formKey);\r\n return;\r\n }\r\n element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n const exclude: (keyof ValidityState)[] = input.type && (input.pattern || hasCustomValidation(input)) ? ['typeMismatch'] : [];\r\n const validityKey = _findValidityKey(element.validity, exclude);\r\n _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n if (!validityKey && input.error) {\r\n element.setCustomValidity(input.errorText || 'error');\r\n }\r\n\r\n _dispatchChanges(input, input.formKey);\r\n } else {\r\n if (__DEBUG__) {\r\n console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n }\r\n\r\n // fallback - validate the input for validations manually\r\n input.checkValidity = () => _checkInputManually(input);\r\n input.checkValidity();\r\n\r\n _dispatchChanges(input, input.formKey);\r\n }\r\n };\r\n\r\n const _checkInputManually = (input: GInputState) => {\r\n const exclude: (keyof ValidityState)[] = input.type && (input.pattern || hasCustomValidation(input)) ? ['typeMismatch'] : [];\r\n\r\n let validityKey = _findValidityKey({\r\n valueMissing: input.required && !input.value || false,\r\n typeMismatch: _checkTypeMismatch(input),\r\n tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n }, exclude);\r\n\r\n if (!validityKey && input.error) {\r\n validityKey = 'customError';\r\n }\r\n _validateInput(input, validityKey);\r\n return !input.error;\r\n };\r\n\r\n /**\r\n * handler for updating and validating a form input\r\n * @param input\r\n * @param e the event object\r\n * @param unknown\r\n */\r\n const _updateInputHandler = (input: GInputState, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: {\r\n value: unknown\r\n } | string | number): void => {\r\n input.value = _extractValue(e, unknown) as GInputState['value'];\r\n _viHandler(input, e);\r\n };\r\n\r\n /**\r\n * Validates the input and updates the state with the result\r\n * @param input the input to be validated\r\n * @param validityKey the `Constraint Validation` key\r\n * @param setValidity\r\n */\r\n const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n if (__DEBUG__) {\r\n console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n }\r\n\r\n if (__DEV__) {\r\n if (validityKey && !inputValidator?.hasConstraint(validityKey)) {\r\n if (validityKey === 'typeMismatch') console.warn(`DEV ONLY - [Missing Validator] - the input '${input.formKey}' has described the constraint '${validityMap[validityKey]}' however, a correspond validator/custom validation/pattern validator is missing.\\nadd '${handlersMap[validityMap[validityKey]]}' or 'withCustomValidation' or '${handlersMap[validityMap.patternMismatch]}' to the input validator.\\nexample:\\nconst validators: GValidators = {\\n\\temail: new GValidator().withPatternMismatchMessage('pattern mismatch'),\\n\\t...\\n}\\n\\nor either remove the constraint '${validityMap[validityKey]}' from the input props`);\r\n else console.warn(`DEV ONLY - [Missing Validator] - the input '${input.formKey}' has described the constraint '${validityMap[validityKey]}' however, a correspond validator is missing.\\nadd '${handlersMap[validityMap[validityKey]]}' to the input validator.\\nexample:\\nconst validators: GValidators = {\\n\\temail: new GValidator().withPatternMismatchMessage('pattern mismatch'),\\n\\t...\\n}\\n\\nor either remove the constraint '${validityMap[validityKey]}' from the input props`);\r\n }\r\n }\r\n\r\n if (inputValidator) {\r\n __validateInput(input, inputValidator, validityKey, setValidity);\r\n }\r\n input.touched = true;\r\n };\r\n\r\n const _dispatchChanges = (changes: Partial<InitialState> | Partial<GInputState>, key?: string) => setState(prev => {\r\n if (key) {\r\n return {...prev, fields: {...prev.fields, [key]: {...prev.fields[key], ...changes}}};\r\n }\r\n return {...prev, ...changes};\r\n });\r\n\r\n /**\r\n * @internal\r\n */\r\n const __validateInput = (input: GInputState, inputValidator: GInputValidator<any>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n }\r\n const fields = getState().fields;\r\n\r\n for (const index in inputValidator.constraintHandlers) {\r\n const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n for (const index in inputValidator.handlers) {\r\n const result = inputValidator.handlers[index](input, fields);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n input.errorText = '';\r\n\r\n if (inputValidator.asyncHandlers.length) {\r\n input.error = true;\r\n _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n const validateAsync = async () => {\r\n for (const index in inputValidator.asyncHandlers) {\r\n const result = await inputValidator.asyncHandlers[index](input, fields);\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) break;\r\n }\r\n if (!input.error) input.errorText = '';\r\n\r\n _dispatchChanges({error: input.error, errorText: input.errorText}, input.formKey);\r\n if (setValidity) {\r\n setValidity(input.errorText);\r\n }\r\n };\r\n\r\n if (__DEBUG__) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n }\r\n validateAsync();\r\n });\r\n }\r\n };\r\n\r\n const hasCustomValidation = (input: GInputState) => {\r\n const validator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n return validator && (validator.asyncHandlers.length > 0 || validator.handlers.length > 0);\r\n };\r\n\r\n return {_updateInputHandler, _viHandler, _dispatchChanges, optimized, _createInputChecker: _checkInputManually};\r\n};","import React, {createContext, useCallback, useContext, useMemo, useRef, useSyncExternalStore} from 'react';\r\nimport type {FC, PropsWithChildren} from 'react';\r\n\r\nimport {useFormHandlers} from \"./useFormHandlers\";\r\nimport type {InitialState, Store} from \"./state\";\r\nimport type {GValidators} from \"./validations\";\r\nimport type {GInputState} from './fields';\r\nimport {_copyStateFields} from \"./helpers\";\r\n\r\nconst GFormContext = createContext<Store>({} as Store);\r\n\r\ntype GFormContextProviderProps = PropsWithChildren & {\r\n initialState: InitialState;\r\n validators?: GValidators;\r\n optimized?: boolean;\r\n};\r\n\r\nexport const GFormContextProvider: FC<GFormContextProviderProps> = ({ children, initialState, validators, optimized }) => {\r\n const stateRef = useRef(initialState);\r\n const listeners = useRef<Set<() => void>>(null);\r\n\r\n const setState = useCallback((updater: InitialState | ((state: InitialState) => InitialState)) => {\r\n const prevState = stateRef.current;\r\n const nextState =\r\n typeof updater === \"function\" ? (updater as (s: InitialState) => InitialState)(prevState) : updater;\r\n\r\n if (Object.is(prevState, nextState)) {\r\n return;\r\n }\r\n\r\n stateRef.current = nextState;\r\n listeners.current!.forEach((l) => l());\r\n }, []);\r\n\r\n const handlers = useFormHandlers(() => stateRef.current, setState, validators, optimized);\r\n\r\n const store = useMemo<Store>(() => {\r\n if (!listeners.current) {\r\n listeners.current = new Set();\r\n } else {\r\n if (__DEBUG__) {\r\n console.log(`[form-context] - form changed stated from`, stateRef.current, '\\nto\\n', initialState);\r\n }\r\n listeners.current.clear();\r\n _copyStateFields(stateRef.current, initialState);\r\n }\r\n\r\n stateRef.current = initialState;\r\n\r\n for (const fieldKey in initialState.fields) {\r\n initialState.fields[fieldKey].dispatchChanges = (changes: Partial<GInputState>) => handlers._dispatchChanges(changes, fieldKey);\r\n }\r\n\r\n return {\r\n getState: () => stateRef.current,\r\n setState,\r\n subscribe: (listener: () => void) => {\r\n listeners.current!.add(listener);\r\n return () => listeners.current!.delete(listener);\r\n },\r\n handlers\r\n };\r\n }, [initialState]);\r\n\r\n return <GFormContext.Provider value={store}>{children}</GFormContext.Provider>;\r\n};\r\n\r\nexport const useFormStore = () => {\r\n const store = useContext(GFormContext);\r\n if (!store.getState) throw new Error('useGFormStore must be used within `GForm` component');\r\n\r\n return store;\r\n};\r\n\r\nexport const useFormSelector = <T extends any>(selector: (state: InitialState) => T): T => {\r\n const store = useFormStore();\r\n\r\n return useSyncExternalStore(\r\n store.subscribe,\r\n () => selector(store.getState()),\r\n () => selector(store.getState()) // for SSR\r\n );\r\n};\r\n\r\nexport function createSelector<\r\n State=InitialState,\r\n Selectors extends Array<(state: State) => any> = [],\r\n Result = any\r\n>(\r\n selectors: Selectors,\r\n combiner: (...args: {\r\n [K in keyof Selectors]: Selectors[K] extends (state: State) => infer R ? R : never;\r\n }) => Result\r\n): (state: State) => Result {\r\n let lastArgs: any[] = [];\r\n let lastResult: Result;\r\n\r\n return (state: State): Result => {\r\n const args = selectors.map(fn => fn(state));\r\n if (\r\n lastArgs.length === args.length &&\r\n args.every((val, i) => val === lastArgs[i])\r\n ) {\r\n return lastResult;\r\n }\r\n lastArgs = args;\r\n lastResult = combiner(...args as any);\r\n return lastResult;\r\n };\r\n}"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","_generateIdUnsafe","Date","toString","Math","random","substring","_copyStateFields","source","destination","key","fields","sourceField","destField","type","_objectSpread","_buildFormInitialValues","rows","inputs","_findInputs","forEach","config","formKey","console","warn","required","max","maxLength","min","minLength","step","pattern","defaultValue","checked","defaultChecked","debounce","validatorKey","defaultProps","inputValue","dirty","touched","gid","root","total","Children","child","isValidElement","props","children","push","_findValidityKey","validity","exclude","includes","_checkTypeMismatch","input","_input$value","trim","test","URL","_unused","_hasSubmitter","form","element","_checkIfFormIsValid","f","error","_toRawData","options","data","include","transform","_fields$key","_fields$key2","set","_toFormData","FormData","_toURLSearchParams","_this$key","toRawData","_this$key2","URLSearchParams","__debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","_debounce","bind","_extractValue","e","unknown","target","Object","hasOwn","_checkResult","handlerResult","RegExp","_merge","nodes","length","next","shift","_mergeRefs","refA","refB","current","_buildFormState","formElement","dispatchChanges","isFormValid","formState","isValid","isInvalid","toFormData","toURLSearchParams","checkValidity","changes","useFormHandlers","getState","setState","validators","optimized","_viHandler","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","hasInitialValue","_checkInputManually","_dispatchChanges","setCustomValidity","hasCustomValidation","validityKey","_validateInput","v","errorText","valueMissing","typeMismatch","tooShort","tooLong","patternMismatch","rangeUnderflow","Number","rangeOverflow","_updateInputHandler","setValidity","inputValidator","hasConstraint","validityMap","handlersMap","__validateInput","prev","index","constraintHandlers","result","handlers","asyncHandlers","then","validateAsync","validator","_createInputChecker","GFormContext","createContext","GFormContextProvider","initialState","stateRef","useRef","listeners","useCallback","updater","prevState","nextState","is","l","store","useMemo","Set","clear","fieldKey","subscribe","listener","add","delete","React","createElement","Provider","useFormStore","useContext","Error","useFormSelector","selector","useSyncExternalStore","createSelector","selectors","combiner","lastArgs","lastResult","state","args","map","fn","every","val","i"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import e,{Children as t,isValidElement as r,createContext as n,useContext as a,useSyncExternalStore as o,useRef as i,useCallback as s,useMemo as c}from"react";import l from"@babel/runtime/helpers/esm/objectSpread2";const u=e=>e&&"object"==typeof e&&!Array.isArray(e),d={text:{value:""},checkbox:{value:!1},number:{value:0}},f={checkbox:"checked",number:"valueAsNumber"},h=(e=[])=>{const t={};return m(e).forEach((e=>{const{required:r=!1,max:n,maxLength:a,min:o,minLength:i,step:s,pattern:c,type:l="text",defaultValue:u,value:f,checked:h,defaultChecked:m,formKey:v,debounce:y,validatorKey:p}=e,g=f||u||h||m||(d[l]||d.text).value;t[v]={formKey:v,type:l,required:r,max:n,maxLength:a,min:o,minLength:i,step:s,pattern:c,value:g,validatorKey:p,debounce:y,dirty:!1,touched:!1,gid:(+new Date).toString(36)+(1-Math.random()).toString(36).substring(2,16)}})),{fields:t}},m=(e,n=[])=>e?(t.forEach(e,(e=>{if(r(e)&&e.props){const{formKey:t,children:r}=e.props;t&&n.push(e.props),r&&m(r,n)}})),n):n,v=(e,t=[])=>{for(const r in e)if(!t.includes(r)&&"valid"!==r&&e[r])return r},y=e=>{var t;const r=null===(t=e.value)||void 0===t?void 0:t.toString().trim();if(!r)return!1;switch(e.type){case"email":return!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r);case"url":try{return new URL(r),!1}catch(e){return!0}case"tel":return!/^\+?[0-9\s\-().]{7,}$/.test(r);default:return!1}},p=e=>{for(const t in e)if(e[t].error)return!1;return!0},g=(e,t={})=>{const r={},{include:n,exclude:a,transform:o}=t;if(n)n.forEach((t=>{var n;return r[t]=null===(n=e[t])||void 0===n?void 0:n.value}));else for(const t in e)r[t]=e[t].value;if(null==a||a.forEach((e=>delete r[e])),o)for(const t in o){var i;const n=o[t];r[t]=n((null===(i=e[t])||void 0===i?void 0:i.value)||e[t])}return r},b=(e,t)=>e?new FormData(e):new FormData;function x(e){let t;if(e){const{exclude:n,include:a,transform:o}=e;if(a?(t={},a.forEach((e=>{var r;return t[e]=null===(r=this[e])||void 0===r?void 0:r.value}))):(t=this.toRawData(),null==n||n.forEach((e=>delete t[e]))),o)for(const e in o){var r;const n=o[e];t[e]=n(null===(r=this[e])||void 0===r?void 0:r.value)}}else t=this.toRawData();return new URLSearchParams(t)}const w=function(e,t){return new Promise((r=>{var n;null!==(n=this[t])&&void 0!==n&&n.timerId&&clearTimeout(this[t].timerId);const a=setTimeout((()=>r()),e);this[t]?this[t].timerId=a:this[t]={timerId:a}}))}.bind({}),S=(e,t)=>"boolean"==typeof e?e:"string"==typeof t&&("string"==typeof e?!new RegExp(e).test(t):!e.test(t)),E=(e={},...t)=>{if(!t.length)return e;const r=t.shift();if(u(r))for(const t in r)e[t]=e[t]?l(l({},e[t]),r[t]):r[t];return E(e,...t)},L=(e,t,r={},n=!1)=>{const a=(e,t)=>{if(!e)return;const r=t&&t.target,n=!e.dirty&&e.value&&!e.touched;if(r||n)if("undefined"!=typeof document&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement)){if(e.checkValidity||(e.checkValidity=()=>r.checkValidity()),n)return o(e),void s(e,e.formKey);r.setCustomValidity("");const t=e.type&&(e.pattern||d(e))?["typeMismatch"]:[],a=v(r.validity,t);i(e,a,(e=>r.setCustomValidity(e))),!a&&e.error&&r.setCustomValidity(e.errorText||"error"),s(e,e.formKey)}else e.checkValidity=()=>o(e),e.checkValidity(),s(e,e.formKey)},o=e=>{const t=e.type&&(e.pattern||d(e))?["typeMismatch"]:[];let r=v({valueMissing:e.required&&!e.value||!1,typeMismatch:y(e),tooShort:e.minLength&&e.value.toString().length<e.minLength||!1,tooLong:e.maxLength&&e.value.toString().length>e.maxLength||!1,patternMismatch:e.pattern&&S(e.pattern,e.value)||!1,rangeUnderflow:e.min&&Number(e.value)<Number(e.min)||!1,rangeOverflow:e.max&&Number(e.value)>Number(e.max)||!1},t);return!r&&e.error&&(r="customError"),i(e,r),!e.error},i=(e,t,n)=>{const a=r[e.validatorKey||e.formKey]||r["*"];a&&c(e,a,t,n),e.touched=!0},s=(e,r)=>t((t=>r?l(l({},t),{},{fields:l(l({},t.fields),{},{[r]:l(l({},t.fields[r]),e)})}):l(l({},t),e))),c=(t,r,n,a)=>{const o=e().fields;for(const e in r.constraintHandlers){const a=r.constraintHandlers[e](t,n);if(t.error=S(a,t.value),t.error)return}for(const e in r.handlers){const n=r.handlers[e](t,o);if(t.error=S(n,t.value),t.error)return}t.errorText="",r.asyncHandlers.length&&(t.error=!0,w(t.debounce||300,`${t.gid}-async`).then((()=>{(async()=>{for(const e in r.asyncHandlers){const n=await r.asyncHandlers[e](t,o);if(t.error=S(n,t.value),t.error)break}t.error||(t.errorText=""),s({error:t.error,errorText:t.errorText},t.formKey),a&&a(t.errorText)})()})))},d=e=>{const t=r[e.validatorKey||e.formKey]||r["*"];return t&&(t.asyncHandlers.length>0||t.handlers.length>0)};return{_updateInputHandler:(e,t,r)=>{e.value=((e,t)=>null!=e&&e.target?Object.hasOwn(f,e.target.type)?e.target[f[e.target.type]]:e.target.value:(null==e?void 0:e.value)||(u(t)?t.value:t))(t,r),a(e,t)},_viHandler:a,_dispatchChanges:s,optimized:n,_createInputChecker:o}},K=n({}),k=({children:t,initialState:r,validators:n,optimized:a})=>{const o=i(r),u=i(null),d=s((e=>{o.current="function"==typeof e?e(o.current):e,u.current.forEach((e=>e()))}),[]),f=L((()=>o.current),d,n,a),h=c((()=>{u.current?(u.current.clear(),((e,t)=>{for(const r in t.fields){const n=e.fields[r],a=t.fields[r];n&&n.type===a.type&&(t.fields[r]=l(l({},a),n))}})(o.current,r)):u.current=new Set,o.current=r;for(const e in r.fields)r.fields[e].dispatchChanges=t=>f._dispatchChanges(t,e);return{getState:()=>o.current,setState:d,subscribe:e=>(u.current.add(e),()=>u.current.delete(e)),handlers:f}}),[r]);return e.createElement(K.Provider,{value:h},t)},T=()=>{const e=a(K);if(!e.getState)throw new Error("useGFormStore must be used within `GForm` component");return e},H=e=>{const t=T();return o(t.subscribe,(()=>e(t.getState())),(()=>e(t.getState())))};function M(e,t){let r,n=[];return a=>{const o=e.map((e=>e(a)));return n.length===o.length&&o.every(((e,t)=>e===n[t]))||(n=o,r=t(...o)),r}}export{k as G,p as _,H as a,x as b,b as c,g as d,E as e,h as f,M as g,w as h,T as u};
1
+ import e,{Children as t,isValidElement as r,createContext as n,useContext as a,useSyncExternalStore as o,useRef as i,useCallback as s,useMemo as c}from"react";import l from"@babel/runtime/helpers/esm/objectSpread2";const u=e=>e&&"object"==typeof e&&!Array.isArray(e),d={text:{value:""},checkbox:{value:!1},number:{value:0}},f={checkbox:"checked",number:"valueAsNumber"},h=(e=[])=>{const t={};return m(e).forEach((e=>{const{required:r=!1,max:n,maxLength:a,min:o,minLength:i,step:s,pattern:c,type:l="text",defaultValue:u,value:f,checked:h,defaultChecked:m,formKey:v,debounce:y,validatorKey:p}=e,g=f||u||h||m||(d[l]||d.text).value;t[v]={formKey:v,type:l,required:r,max:n,maxLength:a,min:o,minLength:i,step:s,pattern:c,value:g,validatorKey:p,debounce:y,dirty:!1,touched:!1,gid:(+new Date).toString(36)+(1-Math.random()).toString(36).substring(2,16)}})),{fields:t}},m=(e,n=[])=>e?(t.forEach(e,(e=>{if(r(e)&&e.props){const{formKey:t,children:r}=e.props;t&&n.push(e.props),r&&m(r,n)}})),n):n,v=(e,t=[])=>{for(const r in e)if(!t.includes(r)&&"valid"!==r&&e[r])return r},y=e=>{var t;const r=null===(t=e.value)||void 0===t?void 0:t.toString().trim();if(!r)return!1;switch(e.type){case"email":return!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r);case"url":try{return new URL(r),!1}catch(e){return!0}case"tel":return!/^\+?[0-9\s\-().]{7,}$/.test(r);default:return!1}};function p(e){let t;if(e){const{exclude:n,include:a,transform:o}=e;if(a?(t={},a.forEach((e=>{var r;return t[e]=null===(r=this[e])||void 0===r?void 0:r.value}))):(t=this.toRawData(),null==n||n.forEach((e=>delete t[e]))),o)for(const e in o){var r;const n=o[e];t[e]=n(null===(r=this[e])||void 0===r?void 0:r.value)}}else t=this.toRawData();return new URLSearchParams(t)}const g=function(e,t){return new Promise((r=>{var n;null!==(n=this[t])&&void 0!==n&&n.timerId&&clearTimeout(this[t].timerId);const a=setTimeout((()=>r()),e);this[t]?this[t].timerId=a:this[t]={timerId:a}}))}.bind({}),b=(e,t)=>"boolean"==typeof e?e:"string"==typeof t&&("string"==typeof e?!new RegExp(e).test(t):!e.test(t)),x=(e={},...t)=>{if(!t.length)return e;const r=t.shift();if(u(r))for(const t in r)e[t]=e[t]?l(l({},e[t]),r[t]):r[t];return x(e,...t)},w=(e,t)=>r=>{"function"==typeof e?e(r):e&&(e.current=r),"function"==typeof t?t(r):t&&(t.current=r)},S=(e,t,r)=>{const n=(e=>{for(const t in e)if(e[t].error)return!1;return!0})(e);return l(l({},e),{},{isValid:n,isInvalid:!n,toRawData:t=>((e,t={})=>{const r={},{include:n,exclude:a,transform:o}=t;if(n)n.forEach((t=>{var n;return r[t]=null===(n=e[t])||void 0===n?void 0:n.value}));else for(const t in e)r[t]=e[t].value;if(null==a||a.forEach((e=>delete r[e])),o)for(const t in o){var i;const n=o[t];r[t]=n((null===(i=e[t])||void 0===i?void 0:i.value)||e[t])}return r})(e,t),toFormData:()=>{return(e=t)?new FormData(e):new FormData;var e},toURLSearchParams:p,checkValidity:function(){return this.isValid=t&&t.checkValidity()||!1,this.isInvalid=!this.isValid,this.isValid},dispatchChanges:t=>r({fields:x({},e,t)})})},L=(e,t,r={},n=!1)=>{const a=(e,t)=>{if(!e)return;const r=t&&t.target;if("undefined"!=typeof document&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement)){e.checkValidity||(e.checkValidity=()=>r.checkValidity());if(!e.dirty&&e.value&&!e.touched)return o(e),void s(e,e.formKey);r.setCustomValidity("");const t=e.type&&(e.pattern||d(e))?["typeMismatch"]:[],n=v(r.validity,t);i(e,n,(e=>r.setCustomValidity(e))),!n&&e.error&&r.setCustomValidity(e.errorText||"error"),s(e,e.formKey)}else e.checkValidity=()=>o(e),e.checkValidity(),s(e,e.formKey)},o=e=>{const t=e.type&&(e.pattern||d(e))?["typeMismatch"]:[];let r=v({valueMissing:e.required&&!e.value||!1,typeMismatch:y(e),tooShort:e.minLength&&e.value.toString().length<e.minLength||!1,tooLong:e.maxLength&&e.value.toString().length>e.maxLength||!1,patternMismatch:e.pattern&&b(e.pattern,e.value)||!1,rangeUnderflow:e.min&&Number(e.value)<Number(e.min)||!1,rangeOverflow:e.max&&Number(e.value)>Number(e.max)||!1},t);return!r&&e.error&&(r="customError"),i(e,r),!e.error},i=(e,t,n)=>{const a=r[e.validatorKey||e.formKey]||r["*"];a&&c(e,a,t,n),e.touched=!0},s=(e,r)=>t((t=>r?l(l({},t),{},{fields:l(l({},t.fields),{},{[r]:l(l({},t.fields[r]),e)})}):l(l({},t),e))),c=(t,r,n,a)=>{const o=e().fields;for(const e in r.constraintHandlers){const a=r.constraintHandlers[e](t,n);if(t.error=b(a,t.value),t.error)return}for(const e in r.handlers){const n=r.handlers[e](t,o);if(t.error=b(n,t.value),t.error)return}t.errorText="",r.asyncHandlers.length&&(t.error=!0,g(t.debounce||300,`${t.gid}-async`).then((()=>{(async()=>{for(const e in r.asyncHandlers){const n=await r.asyncHandlers[e](t,o);if(t.error=b(n,t.value),t.error)break}t.error||(t.errorText=""),s({error:t.error,errorText:t.errorText},t.formKey),a&&a(t.errorText)})()})))},d=e=>{const t=r[e.validatorKey||e.formKey]||r["*"];return t&&(t.asyncHandlers.length>0||t.handlers.length>0)};return{_updateInputHandler:(e,t,r)=>{e.value=((e,t)=>null!=e&&e.target?Object.hasOwn(f,e.target.type)?e.target[f[e.target.type]]:e.target.value:(null==e?void 0:e.value)||(u(t)?t.value:t))(t,r),a(e,t)},_viHandler:a,_dispatchChanges:s,optimized:n,_createInputChecker:o}},V=n({}),k=({children:t,initialState:r,validators:n,optimized:a})=>{const o=i(r),u=i(null),d=s((e=>{const t=o.current,r="function"==typeof e?e(t):e;Object.is(t,r)||(o.current=r,u.current.forEach((e=>e())))}),[]),f=L((()=>o.current),d,n,a),h=c((()=>{u.current?(u.current.clear(),((e,t)=>{for(const r in t.fields){const n=e.fields[r],a=t.fields[r];n&&n.type===a.type&&(t.fields[r]=l(l({},a),n))}})(o.current,r)):u.current=new Set,o.current=r;for(const e in r.fields)r.fields[e].dispatchChanges=t=>f._dispatchChanges(t,e);return{getState:()=>o.current,setState:d,subscribe:e=>(u.current.add(e),()=>u.current.delete(e)),handlers:f}}),[r]);return e.createElement(V.Provider,{value:h},t)},E=()=>{const e=a(V);if(!e.getState)throw new Error("useGFormStore must be used within `GForm` component");return e},K=e=>{const t=E();return o(t.subscribe,(()=>e(t.getState())),(()=>e(t.getState())))};function T(e,t){let r,n=[];return a=>{const o=e.map((e=>e(a)));return n.length===o.length&&o.every(((e,t)=>e===n[t]))||(n=o,r=t(...o)),r}}export{k as G,S as _,K as a,w as b,h as c,x as d,T as e,g as f,E as u};
2
2
  //# sourceMappingURL=shared.production.js.map