intelicoreact 1.6.7 → 1.6.8

package/dist/Functions/useFormTools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Functions/useFormTools/index.js"],"sourcesContent":["// eslint-disable-next-line no-unused-vars\nimport { createRef, useEffect, useState } from \"react\";\n\nimport ArrayWithObjects from \"./form-drivers/ArrayWithObjects\";\nimport ObjectWithIterableObjects from \"./form-drivers/ObjectWithIterableObjects\";\nimport ObjectWithNamedKeyObjects from \"./form-drivers/ObjectWithNamedKeyObjects\";\nimport General from \"./functions/General\";\nimport RenderFields from \"./functions/RenderFields\";\n\nconst DefaultFocusControllerProps = {\n  setAutoFocus: true,\n  onlyEmptyFieldAutoFocus: false,\n};\n\nexport default function useFormTools({\n  form,\n  setForm,\n  FormType,\n  FormFields,\n  FormDataDriverName = \"ArrayWithObjects\" ||\n    \"ObjectWithIterableObjects\" ||\n    \"ObjectWithNamedKeyObjects\",\n  FormDataDriver = null,\n  FocusControllerProps = DefaultFocusControllerProps,\n  goToNextFieldOnEnterPressed = true,\n} = {}) {\n  FocusControllerProps = {\n    ...DefaultFocusControllerProps,\n    ...FocusControllerProps,\n  };\n\n  const FormDataDrivers = {\n    ArrayWithObjects: {\n      handlers: ArrayWithObjects,\n      default: true,\n    },\n    ObjectWithIterableObjects: {\n      handlers: ObjectWithIterableObjects,\n    },\n    ObjectWithNamedKeyObjects: {\n      handlers: ObjectWithNamedKeyObjects,\n    },\n  };\n\n  const getFormDataDriver = (name) => {\n    return (\n      FormDataDriver ||\n      FormDataDrivers[name]?.handlers ||\n      Object.values(FormDataDrivers).find((df) => df.default === true)\n        ?.handlers ||\n      (() => ({}))\n    );\n  };\n  const getFormDataDriverInstance = (name, ...args) => {\n    return getFormDataDriver(name)(...args);\n  };\n\n  const { getFieldClassName, updateFormField } = General();\n\n  const {\n    getFieldData,\n    getFormField,\n    setFormFields,\n    setFormField,\n    getFormFieldsAsArray,\n    getFormFieldsKeys,\n    removeAllFormFields,\n    removeFormField,\n    removeFormFields,\n  } = getFormDataDriverInstance(FormDataDriverName, {\n    form,\n    setForm,\n    FormFields,\n  });\n\n  ///////////////////////////////////////////////////////////////\n  //--- OnChange Observer ---//--- START ---//\n  const [onChangeObservers, setOnChangeObservers] = useState({});\n  const addOnChangeObserver = (key, cb) => {\n    let observerId = null;\n\n    setOnChangeObservers((state) => {\n      //Set Default Value\n      if (!state[key]) state[key] = {};\n\n      observerId = state[key].length;\n\n      state[key][observerId] = cb;\n\n      return state;\n    });\n\n    return observerId;\n  };\n  const removeOnChangeObserver = (key, id) => {\n    setOnChangeObservers((state) => {\n      //Set Default Value\n      if (!state[key]) return state;\n\n      state[key] = Object.keys(state)\n        .filter((cbId) => cbId !== id)\n        .map((cbId) => state[key][cbId]);\n\n      return state;\n    });\n  };\n  const onChangeObserver = (key, value) => {\n    if (!onChangeObservers[key] || typeof onChangeObservers[key] !== \"object\")\n      return;\n\n    const Observers = onChangeObservers[key];\n\n    Object.values(Observers).map((cb) => {\n      cb({ value, form });\n      return null;\n    });\n  };\n  const onFieldChange = (key, value) => {\n    if (value === getFormField(key)?.value) return false;\n\n    onChangeObserver(key, value);\n    setFormField(\n      (field) => ({\n        ...field,\n        error: \"\",\n        value,\n      }),\n      key,\n    );\n  };\n  //--- OnChange Observer ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- Form Submit Blocker ---//--- START ---//\n  const [formSubmitBlockers, setFormSubmitBlockers] = useState([]);\n  const toggleFormSubmitBlock = (key, value) => {\n    setFormSubmitBlockers((state) =>\n      state.includes(key) || !value\n        ? [...state.filter((k) => k !== key)]\n        : [...state, key],\n    );\n  };\n  const clearFormSubmitBlockers = () => setFormSubmitBlockers([]);\n  //--- Form Submit Blocker ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- Property Observer Blocker ---//--- START ---//\n  // const [propertyObservers, setPropertyObservers] = useState({});\n  // function addPropertyObserver () {\n  // };\n  //--- Property Observer Blocker ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- Render Fields Controller ---//--- START ---//\n  const [isFormFieldsAdded, setIsFormFieldsAdded] = useState(false);\n  const [renderFormFields, setRenderFormFieldsState] = useState([]);\n  const setRenderFormFields = (data) => {\n    setIsFormFieldsAdded(true);\n    // eslint-disable-next-line no-use-before-define\n    removeRenderFields(renderFormFields);\n    // eslint-disable-next-line no-use-before-define\n    resetIsInitFocused();\n    setRenderFormFieldsState(data);\n  };\n  const addRenderFields = (fields) => {\n    setRenderFormFieldsState((state) => [...state, ...fields]);\n  };\n  const removeRenderFields = (fields) => {\n    setRenderFormFieldsState((state) =>\n      state.filter((field) => !fields.includes(field)),\n    );\n  };\n\n  const [isFormRendered, setIsFormRendered] = useState(false);\n  const submitIsFormRendered = () => setIsFormRendered(true);\n  const resetIsFormRendered = () => setIsFormRendered(false);\n\n  const onEnterDown = async (e) => {\n    if (!goToNextFieldOnEnterPressed) return false;\n\n    const focusable = document.querySelectorAll(\n      'a, button, input, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const currentIndex = await new Promise((resolve) => {\n      focusable.forEach((node, i) => {\n        if (node === e.target) resolve(i);\n      });\n    });\n\n    if (!currentIndex) return false;\n\n    const nextIndex = currentIndex + 1;\n\n    if (nextIndex >= focusable.length) return false;\n\n    const nextItem = focusable[nextIndex];\n\n    nextItem.focus();\n  };\n\n  const onKeyDown = (...args) => {\n    const event = args.reduce((e, item) => {\n      if (item?.nativeEvent instanceof KeyboardEvent) return item;\n      return e;\n    }, null);\n\n    if (!event) return false;\n\n    const { keyCode } = event;\n\n    switch (keyCode) {\n      //OnEnterDown\n      case 13:\n        onEnterDown(event);\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  //On Type Change\n  useEffect(() => {\n    resetIsFormRendered();\n  }, [FormType]);\n\n  //On Render Fields Change\n  useEffect(() => {\n    if (isFormFieldsAdded) resetIsFormRendered(false);\n\n    //Add Form Fields\n    if (renderFormFields.length !== 0) {\n      setFormFields((fields) => {\n        return renderFormFields.reduce((result, key) => {\n          const fieldData = getFieldData(key);\n          const field = getFormField(key) ? getFormField(key) : fieldData;\n\n          if (\n            !field?.className ||\n            field?.className?.indexOf(getFieldClassName(key, FormType)) === -1\n          ) {\n            field.className = `${field?.className} ${getFieldClassName(key, FormType)}`;\n          }\n\n          if (typeof fieldData?.label === \"object\") {\n            field.label = fieldData.label[FormType] || fieldData.label.default;\n          }\n\n          field.ref = createRef();\n          field.wrapperRef = createRef();\n\n          field.isValueChangedByUser = false;\n\n          if (goToNextFieldOnEnterPressed) {\n            const onKeyDownProp = field.onKeyDown || (() => {});\n            field.onKeyDown = (...args) => {\n              onKeyDown(...args);\n              onKeyDownProp(...args);\n            };\n          }\n\n          //Is Field Value Changed By USER\n          // eslint-disable-next-line no-use-before-define\n          addOnFieldRenderedObserver(\n            key,\n            () => {\n              const element = getFormField(key)?.ref?.current?.querySelector(\n                field?.focusSelector || \"input\",\n              );\n              const handler = () =>\n                setFormField({ isValueChangedByUser: true }, key);\n\n              element?.addEventListener(\"paste\", handler, { once: true });\n              element?.addEventListener(\"keypress\", handler, { once: true });\n            },\n            true,\n          );\n\n          return updateFormField(result, field, key);\n        }, fields);\n      });\n    }\n  }, [renderFormFields]);\n\n  const [onFormRenderObservers, setOnFormRenderObservers] = useState([]);\n  const addOnFormRenderObserver = (cb, { once = false } = {}) => {\n    setOnFormRenderObservers((state) => [\n      ...state,\n      { cb, once, isWorkedOut: false },\n    ]);\n  };\n  // eslint-disable-next-line no-unused-vars\n  const updateOnFormRenderObserver = (key, data) => {\n    setOnFormRenderObservers((state) => {\n      const copy = [...state];\n      copy[key] = { ...state[key], ...data };\n\n      return copy;\n    });\n  };\n  const removeOnFormRenderObserver = (key) => {\n    setOnFormRenderObservers((state) =>\n      state.slice().filter((v, i) => i !== key),\n    );\n  };\n  const onFormRenderWorker = () => {\n    // eslint-disable-next-line default-param-last\n    onFormRenderObservers.map(\n      ({ once, isWorkedOut, cb = () => {} } = {}, key) => {\n        if (once && isWorkedOut) return null;\n\n        cb(form);\n        if (once) removeOnFormRenderObserver(key);\n        else updateOnFormRenderObserver(key, { isWorkedOut: true });\n        return null;\n      },\n    );\n  };\n\n  //On Form Rendered\n  useEffect(() => {\n    if (!isFormRendered && onFormRenderObservers.length) {\n      const formFieldsKeys = getFormFieldsKeys(form);\n      const isAllFieldsRendered = renderFormFields.reduce((result, key) => {\n        if (!formFieldsKeys.includes(key)) result = false;\n\n        return result;\n      }, true);\n\n      if (isAllFieldsRendered) {\n        submitIsFormRendered(true);\n        onFormRenderWorker();\n      }\n    }\n  }, [form, renderFormFields, onFormRenderObservers]);\n  //--- Render Fields Controller ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- HIGHTLIGHT LABELS IF FIELD WITH ERROR ---//--- START ---//\n  const hightliteErrorLabels = () => {\n    const fields = getFormFieldsAsArray();\n\n    const filtered = fields?.reduce((result, field) => {\n      if (field?.errorLabelHightlite) {\n        // eslint-disable-next-line no-use-before-define\n        result.push({\n          ...field,\n          className: getFieldClassName(field?.key, FormType),\n        });\n      }\n\n      return result;\n    }, []);\n\n    filtered?.map((field) => {\n      const formField = document.querySelector(`.${field?.className}`);\n\n      if (!formField) return null;\n\n      formField.classList.remove(\"errorLabelHightlite\");\n\n      if (field?.error) {\n        formField.classList.add(\"errorLabelHightlite\");\n      }\n\n      return null;\n    });\n  };\n  useEffect(() => {\n    hightliteErrorLabels();\n  }, [form]);\n  //--- HIGHTLIGHT LABELS IF FIELD WITH ERROR ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- Fields Focus Controller ---//--- START ---//\n  const [isInitFocused, setIsInitFocused] = useState(false);\n  const [autoFocusedField, setAutoFocusedField] = useState(null);\n\n  const setFirstFieldInitFocused = () => setIsInitFocused(true);\n  const resetIsInitFocused = () => setIsInitFocused(false);\n\n  const toggleFieldFocus = (\n    { key, cb = () => {}, form: argForm, field },\n    action = \"focus\",\n  ) => {\n    if (!key && !field) return null;\n\n    if (!argForm) argForm = form;\n\n    const formField = field || getFormField(key, argForm);\n\n    if (!formField || !formField.ref) {\n      return false;\n    }\n\n    if (\n      action === \"focus\" &&\n      FocusControllerProps.onlyEmptyFieldAutoFocus &&\n      Boolean(formField?.value)\n    )\n      return null;\n\n    setTimeout(() => {\n      formField.ref.current\n        ?.querySelector(formField?.focusSelector || \"input\")\n        ?.[action]();\n      cb();\n    }, 50);\n  };\n\n  const setFieldFocus = ({ key, cb = () => {}, form: argForm, field }) =>\n    toggleFieldFocus({ key, cb, form: argForm, field }, \"focus\");\n  const setFieldBlur = ({ key, cb = () => {}, form: argForm, field }) =>\n    toggleFieldFocus({ key, cb, form: argForm, field }, \"blur\");\n\n  const setFirstFieldFocus = () => {\n    let field = null;\n\n    for (let i = 0; i < renderFormFields.length && !field; ++i) {\n      const key = renderFormFields[i];\n      const tmpField = getFormField(key);\n      if (tmpField && !tmpField?.disabled) field = tmpField;\n    }\n\n    if (!field) return false;\n\n    if (FocusControllerProps.onlyEmptyFieldAutoFocus && Boolean(field?.value)) {\n      setFirstFieldInitFocused();\n      return false;\n    }\n\n    setAutoFocusedField(field.key);\n\n    const callback = () => {\n      setFormField({ value: field.value }, field.key);\n      setFirstFieldInitFocused();\n    };\n\n    setTimeout(() => setFieldFocus({ key: field.key, cb: callback, form }), 50);\n  };\n\n  const [onFieldFocusCallbacks, setOnFieldFocusCallbacks] = useState({});\n  const addOnFieldFocusCallback = (key, cb) => {\n    setOnFieldFocusCallbacks((state) => {\n      const stateCopy = { ...state };\n\n      if (!state[key]) stateCopy[key] = [];\n\n      stateCopy[key].push(cb);\n\n      return stateCopy;\n    });\n  };\n  const callOnFieldFocusCallbacks = (key) => {\n    if (!Array.isArray(onFieldFocusCallbacks[key])) return null;\n\n    onFieldFocusCallbacks[key]?.map((cb) => cb());\n  };\n\n  const [focusOnRenderFields, setFocusOnRenderFields] = useState([]);\n  const addFocusFieldOnRender = (key, cb) => {\n    setFocusOnRenderFields((state) => [...state, key]);\n\n    if (cb) addOnFieldFocusCallback(key, cb);\n  };\n  const removeFocusFieldOnRender = (key) => {\n    setFocusOnRenderFields((state) => state.filter((field) => field !== key));\n  };\n\n  useEffect(() => {\n    if (\n      FocusControllerProps.setAutoFocus &&\n      !isInitFocused &&\n      !autoFocusedField &&\n      isFormRendered\n    )\n      setFirstFieldFocus();\n\n    if (focusOnRenderFields.length) {\n      getFormFieldsKeys(form)?.map((key) => {\n        if (\n          focusOnRenderFields.includes(key) &&\n          getFormField(key)?.value?.length === 0\n        ) {\n          const cb = () => {\n            removeFocusFieldOnRender(key);\n            callOnFieldFocusCallbacks(key);\n          };\n\n          setFieldFocus({ key, form, cb });\n        }\n        return null;\n      });\n    }\n  }, [form, focusOnRenderFields, isInitFocused, isFormRendered]);\n\n  useEffect(() => {\n    setAutoFocusedField(null);\n  }, [isInitFocused]);\n\n  useEffect(() => {\n    resetIsInitFocused();\n  }, [FormType]);\n\n  //Remove Focus From Autocomplete field !!! TODO\n  // useEffect(() => {\n  //   if (!autoFocusedField) return null;\n  //   const field = getFormField(autoFocusedField);\n\n  //   if (field?.value !== '' && !field?.isValueChangedByUser) {\n  //     setFieldBlur({key: autoFocusedField, form});\n  //   }\n  // }, [autoFocusedField, form]);\n  //--- Fields Focus Controller ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- OnFieldRendered Observer ---//--- START ---//\n  const [onFieldRenderedObservers, setOnFieldRenderedObservers] = useState({});\n  const [isFieldObserversReset, setIsFieldObserversReset] = useState(false);\n\n  const resetOnFieldRenderObserversWorkedOut = () => {\n    if (!isFieldObserversReset && renderFormFields.length) {\n      renderFormFields.map((key) => {\n        setFormField({ isOnRenderObserversWorkedOut: false }, key);\n        return key;\n      });\n      setIsFieldObserversReset(true);\n    }\n  };\n  const addOnFieldRenderedObserver = (key, cb, isOnceCallable = true) => {\n    let observerId = null;\n\n    setOnFieldRenderedObservers((state) => {\n      //Set Default Value\n      if (!state[key]) state[key] = {};\n\n      observerId = Object.keys(state[key]).length || 0;\n\n      state[key][observerId] = {\n        f: cb,\n        isOnceCallable,\n      };\n\n      return state;\n    });\n\n    return observerId;\n  };\n  const updateOnFieldRenderedObserver = (key, id, data) => {\n    setOnFieldRenderedObservers((state) => {\n      //Set Default Value\n      if (!state[key]) return state;\n\n      state[key][id] = {\n        ...state[key][id],\n        ...data,\n      };\n\n      return state;\n    });\n  };\n  const removeOnFieldRenderedObserver = (key, id) => {\n    setOnFieldRenderedObservers((state) => {\n      //Set Default Value\n      if (!state[key]) return state;\n\n      state[key] = Object.keys(state)\n        .filter((cbId) => cbId !== id)\n        .map((cbId) => state[key][cbId]);\n\n      return state;\n    });\n  };\n  const onFieldRenderedObserver = (key, data) => {\n    if (\n      !onFieldRenderedObservers[key] ||\n      typeof onFieldRenderedObservers[key] !== \"object\"\n    )\n      return;\n\n    const Observers = onFieldRenderedObservers[key];\n    const FilteredObservers = Object.values(Observers).filter(\n      (observer) => !observer?.isObserverWorkedOut,\n    );\n\n    if (FilteredObservers.length === 0) return null;\n\n    setFormField({ isOnRenderObserversWorkedOut: true }, key);\n\n    FilteredObservers.map(({ f, isOnceCallable }, id) => {\n      f(data);\n      if (isOnceCallable)\n        updateOnFieldRenderedObserver(key, id, { isObserverWorkedOut: true });\n      return null;\n    });\n  };\n  const onRenderObserverWorker = () => {\n    return getFormFieldsKeys(form)?.map((key) => {\n      //OnFieldRendered\n      const fieldData = getFormField(key);\n      if (!fieldData?.isOnRenderObserversWorkedOut) {\n        onFieldRenderedObserver(key, fieldData);\n        return { key, isWorkedOut: true };\n      }\n\n      return { key, isWorkedOut: false };\n    });\n  };\n\n  useEffect(() => {\n    resetOnFieldRenderObserversWorkedOut();\n    onRenderObserverWorker();\n  }, [form]);\n\n  useEffect(() => {\n    setIsFieldObserversReset(false);\n  }, [FormType]);\n  //--- OnFieldRendered Observer ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //Detect What Changed || TRY TO DO\n  // const compare = async (prev, current) => {\n  //   if (!prev) return current;\n\n  //   return new Promise((resolve) => {\n  //     Object.keys(current).reduce((result, key, i, arr) => {\n  //       //If PROPERTY is NOT EXISTS BEFORE\n  //       if ([null, undefined].includes(prev[key])) {\n  //         result[key] = current[key];\n  //       }\n  //       //If PROPERTY is AN OBJECT\n  //       else if (typeof current[key] === 'object') {\n  //         //If PROPERTY is EXISTS BEFORE\n  //         const innerCompare = compare(prev[key], current[key]);\n  //         // //If SOMETHING CHANGED\n  //         if (innerCompare?.length) result[key] = innerCompare;\n  //       }\n  //       //If PROPERTY is AN SIMPLE VALUE and PROPERTY CHANGED\n  //       else if (prev[key] !== current[key]) {\n  //         result[key] = current[key];\n  //       }\n\n  //       if (i === arr.length-1) {\n  //         resolve(result);\n  //       }\n\n  //       return result;\n  //     }, {});\n  //   });\n  // };\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  //--- WindowScrollController ---//--- START ---//\n  const scrollToField = ({ key = null, field = null, form: argForm }) => {\n    if (!key && !field) return false;\n    if (!argForm) argForm = form;\n\n    if (!field) field = getFormField(key, argForm);\n\n    const wrapperRef = field?.wrapperRef || field?.ref;\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    const { top: topOffset } = wrapperRef?.current?.getBoundingClientRect();\n    const scrollTop =\n      Math.abs(Math.abs(topOffset) - Math.abs(window.scrollY)) - 16;\n    window.scrollTo({ top: scrollTop });\n  };\n\n  //--- WindowScrollController ---//--- END ---//\n\n  ///////////////////////////////////////////////////////////////\n  ///////////////////////////////////////////////////////////////\n\n  const addErrorsToForm = (errors, argForm = form) => {\n    if (!argForm) argForm = form;\n\n    setFormFields((fields) => {\n      return errors.reduce(\n        (fields, { message: error, propertyPath: errKey }) => {\n          return updateFormField(fields, { error }, errKey);\n        },\n        fields,\n      );\n    });\n  };\n\n  return {\n    FormDataDrivers,\n\n    //OnChangeObserver\n    addOnChangeObserver,\n    removeOnChangeObserver,\n    onChangeObservers,\n\n    //OnChangeHandler\n    onFieldChange,\n\n    //Form Submit Blocker\n    toggleFormSubmitBlock,\n    clearFormSubmitBlockers,\n    isFormSubmitBlocked: Boolean(formSubmitBlockers.length),\n\n    //Property Observers\n    // addPropertyObserver,\n\n    //Render Fields\n    renderFormFields,\n    setRenderFormFields,\n    addRenderFields,\n    removeRenderFields,\n\n    getFieldClassName,\n\n    //Field Focus Controller\n    isInitFocused,\n    setFirstFieldInitFocused,\n    resetIsInitFocused,\n    setFieldFocus,\n    setFieldBlur,\n    setFirstFieldFocus,\n    autoFocusedField,\n\n    addFocusFieldOnRender,\n    removeFocusFieldOnRender,\n\n    //Field Render Controller\n    addOnFieldRenderedObserver,\n    removeOnFieldRenderedObserver,\n    onFieldRenderedObservers,\n\n    updateFormField,\n    addOnFormRenderObserver,\n    submitIsFormRendered,\n    resetIsFormRendered,\n    renderFields: ({\n      form: argForm = form,\n      fields: argFields = renderFormFields,\n      cols: argCols = 1,\n      RenderFieldComponent,\n    }) =>\n      RenderFields({\n        form: argForm,\n        fields: argFields,\n        cols: argCols,\n        RenderFieldComponent,\n        onFieldChange,\n        FormDataDriver: getFormDataDriver(FormDataDriverName),\n      }),\n\n    scrollToField,\n\n    getFieldData,\n    getFormField,\n    setFormFields,\n    setFormField: (data, key) => setFormField(data, key),\n    getFormFieldsAsArray,\n    getFormFieldsKeys,\n    removeAllFormFields,\n    removeFormField,\n    removeFormFields,\n    addErrorsToForm,\n  };\n}\n"],"names":["useFormTools","DefaultFocusControllerProps","setAutoFocus","onlyEmptyFieldAutoFocus","form","setForm","FormType","FormFields","FormDataDriverName","FormDataDriver","FocusControllerProps","goToNextFieldOnEnterPressed","FormDataDrivers","ArrayWithObjects","handlers","default","ObjectWithIterableObjects","ObjectWithNamedKeyObjects","getFormDataDriver","name","Object","values","find","df","getFormDataDriverInstance","args","getFieldClassName","updateFormField","General","getFieldData","getFormField","setFormFields","setFormField","getFormFieldsAsArray","getFormFieldsKeys","removeAllFormFields","removeFormField","removeFormFields","onChangeObservers","setOnChangeObservers","useState","addOnChangeObserver","key","cb","observerId","state","length","removeOnChangeObserver","id","keys","filter","cbId","map","onChangeObserver","value","Observers","onFieldChange","field","error","formSubmitBlockers","setFormSubmitBlockers","toggleFormSubmitBlock","includes","k","clearFormSubmitBlockers","isFormFieldsAdded","setIsFormFieldsAdded","renderFormFields","setRenderFormFieldsState","setRenderFormFields","data","removeRenderFields","resetIsInitFocused","addRenderFields","fields","isFormRendered","setIsFormRendered","submitIsFormRendered","resetIsFormRendered","onEnterDown","e","focusable","document","querySelectorAll","currentIndex","Promise","resolve","forEach","node","i","target","nextIndex","nextItem","focus","onKeyDown","event","reduce","item","nativeEvent","KeyboardEvent","keyCode","useEffect","result","fieldData","className","indexOf","label","ref","createRef","wrapperRef","isValueChangedByUser","onKeyDownProp","addOnFieldRenderedObserver","element","current","querySelector","focusSelector","handler","addEventListener","once","onFormRenderObservers","setOnFormRenderObservers","addOnFormRenderObserver","isWorkedOut","updateOnFormRenderObserver","copy","removeOnFormRenderObserver","slice","v","onFormRenderWorker","formFieldsKeys","isAllFieldsRendered","hightliteErrorLabels","filtered","errorLabelHightlite","push","formField","classList","remove","add","isInitFocused","setIsInitFocused","autoFocusedField","setAutoFocusedField","setFirstFieldInitFocused","toggleFieldFocus","argForm","action","Boolean","setTimeout","setFieldFocus","setFieldBlur","setFirstFieldFocus","tmpField","disabled","callback","onFieldFocusCallbacks","setOnFieldFocusCallbacks","addOnFieldFocusCallback","stateCopy","callOnFieldFocusCallbacks","Array","isArray","focusOnRenderFields","setFocusOnRenderFields","addFocusFieldOnRender","removeFocusFieldOnRender","onFieldRenderedObservers","setOnFieldRenderedObservers","isFieldObserversReset","setIsFieldObserversReset","resetOnFieldRenderObserversWorkedOut","isOnRenderObserversWorkedOut","isOnceCallable","f","updateOnFieldRenderedObserver","removeOnFieldRenderedObserver","onFieldRenderedObserver","FilteredObservers","observer","isObserverWorkedOut","onRenderObserverWorker","scrollToField","top","topOffset","getBoundingClientRect","scrollTop","Math","abs","window","scrollY","scrollTo","addErrorsToForm","errors","message","propertyPath","errKey","isFormSubmitBlocked","renderFields","argFields","cols","argCols","RenderFieldComponent","RenderFields"],"mappings":"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"}

package/dist/Functions/useInputHighlightError.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    useInputHighlightError: function() {
+        return useInputHighlightError;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _indexconstants = require("../Constants/index.constants");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const useInputHighlightError = ({ value, blinkTime, isUseErrorsBlink })=>{
+    const DEFAULT_BLINK_TIME = 100;
+    const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
+    const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
+    const [prevValue, setPreviousValue] = (0, _react.useState)(value);
+    function hasHighlightError(e) {
+        const changedValue = `${value !== null && value !== void 0 ? value : ""}`;
+        const previousValue = `${prevValue !== null && prevValue !== void 0 ? prevValue : ""}`;
+        const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+        const long = previousValue.length > changedValue.length ? previousValue : changedValue;
+        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx)=>{
+            if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);
+            else {
+                acc.countOn = false;
+                acc.differences.push([
+                    idx,
+                    symbol
+                ]);
+            }
+            return acc;
+        }, {
+            same: [],
+            countOn: true,
+            differences: []
+        });
+        const samePart = infoAboutDifferencesSameness.same.join("");
+        const differencesLength = infoAboutDifferencesSameness.differences.length;
+        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
+        if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+    }
+    (0, _react.useEffect)(()=>{
+        if (isUseErrorsBlink && isAttemptToChange) {
+            setIsAttemptToChange(null);
+            setIsToHighlightError(true);
+            setTimeout(()=>{
+                setIsToHighlightError(false);
+            }, blinkTime || DEFAULT_BLINK_TIME);
+        }
+    }, [
+        isAttemptToChange
+    ]);
+    return {
+        isToHighlightError,
+        setPreviousValue,
+        setIsToHighlightError,
+        hasHighlightError
+    };
+};
+const _default = useInputHighlightError;
+
+//# sourceMappingURL=useInputHighlightError.js.map

package/dist/Functions/useInputHighlightError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Functions/useInputHighlightError.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { KEYBOARD_SERVICE_KEYS } from \"../Constants/index.constants\";\n\nexport const useInputHighlightError = ({\n  value,\n  blinkTime,\n  isUseErrorsBlink,\n}) => {\n  const DEFAULT_BLINK_TIME = 100;\n  const [isToHighlightError, setIsToHighlightError] = useState(false);\n  const [isAttemptToChange, setIsAttemptToChange] = useState(false);\n  const [prevValue, setPreviousValue] = useState(value);\n\n  function hasHighlightError(e) {\n    const changedValue = `${value ?? \"\"}`;\n    const previousValue = `${prevValue ?? \"\"}`;\n\n    const short =\n      previousValue.length <= changedValue.length\n        ? previousValue\n        : changedValue;\n    const long =\n      previousValue.length > changedValue.length ? previousValue : changedValue;\n\n    const infoAboutDifferencesSameness = short.split(\"\").reduce(\n      (acc, symbol, idx) => {\n        if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);\n        else {\n          acc.countOn = false;\n          acc.differences.push([idx, symbol]);\n        }\n        return acc;\n      },\n      { same: [], countOn: true, differences: [] },\n    );\n\n    const samePart = infoAboutDifferencesSameness.same.join(\"\");\n    const differencesLength = infoAboutDifferencesSameness.differences.length;\n    const currentSet = changedValue?.replace(samePart, \"\");\n\n    if (\n      !KEYBOARD_SERVICE_KEYS.includes(e.key) &&\n      changedValue === previousValue\n    )\n      setIsAttemptToChange(!(!differencesLength && e.key === currentSet));\n  }\n\n  useEffect(() => {\n    if (isUseErrorsBlink && isAttemptToChange) {\n      setIsAttemptToChange(null);\n      setIsToHighlightError(true);\n      setTimeout(() => {\n        setIsToHighlightError(false);\n      }, blinkTime || DEFAULT_BLINK_TIME);\n    }\n  }, [isAttemptToChange]);\n\n  return {\n    isToHighlightError,\n    setPreviousValue,\n    setIsToHighlightError,\n    hasHighlightError,\n  };\n};\n\nexport default useInputHighlightError;\n"],"names":["useInputHighlightError","value","blinkTime","isUseErrorsBlink","DEFAULT_BLINK_TIME","isToHighlightError","setIsToHighlightError","useState","isAttemptToChange","setIsAttemptToChange","prevValue","setPreviousValue","hasHighlightError","e","changedValue","previousValue","short","length","long","infoAboutDifferencesSameness","split","reduce","acc","symbol","idx","countOn","same","push","differences","samePart","join","differencesLength","currentSet","replace","KEYBOARD_SERVICE_KEYS","includes","key","useEffect","setTimeout"],"mappings":";;;;;;;;;;;IAkEA,OAAsC;eAAtC;;IA9DaA,sBAAsB;eAAtBA;;;+DAJ8B;gCAEL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,MAAMA,yBAAyB,CAAC,EACrCC,KAAK,EACLC,SAAS,EACTC,gBAAgB,EACjB;IACC,MAAMC,qBAAqB;IAC3B,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGC,IAAAA,eAAQ,EAAC;IAC7D,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGF,IAAAA,eAAQ,EAAC;IAC3D,MAAM,CAACG,WAAWC,iBAAiB,GAAGJ,IAAAA,eAAQ,EAACN;IAE/C,SAASW,kBAAkBC,CAAC;QAC1B,MAAMC,eAAe,GAAGb,kBAAAA,mBAAAA,QAAS,IAAI;QACrC,MAAMc,gBAAgB,GAAGL,sBAAAA,uBAAAA,YAAa,IAAI;QAE1C,MAAMM,QACJD,cAAcE,MAAM,IAAIH,aAAaG,MAAM,GACvCF,gBACAD;QACN,MAAMI,OACJH,cAAcE,MAAM,GAAGH,aAAaG,MAAM,GAAGF,gBAAgBD;QAE/D,MAAMK,+BAA+BH,MAAMI,KAAK,CAAC,IAAIC,MAAM,CACzD,CAACC,KAAKC,QAAQC;YACZ,IAAIF,IAAIG,OAAO,IAAIF,WAAWL,IAAI,CAACM,IAAI,EAAEF,IAAII,IAAI,CAACC,IAAI,CAACJ;iBAClD;gBACHD,IAAIG,OAAO,GAAG;gBACdH,IAAIM,WAAW,CAACD,IAAI,CAAC;oBAACH;oBAAKD;iBAAO;YACpC;YACA,OAAOD;QACT,GACA;YAAEI,MAAM,EAAE;YAAED,SAAS;YAAMG,aAAa,EAAE;QAAC;QAG7C,MAAMC,WAAWV,6BAA6BO,IAAI,CAACI,IAAI,CAAC;QACxD,MAAMC,oBAAoBZ,6BAA6BS,WAAW,CAACX,MAAM;QACzE,MAAMe,aAAalB,yBAAAA,mCAAAA,aAAcmB,OAAO,CAACJ,UAAU;QAEnD,IACE,CAACK,qCAAqB,CAACC,QAAQ,CAACtB,EAAEuB,GAAG,KACrCtB,iBAAiBC,eAEjBN,qBAAqB,CAAE,CAAA,CAACsB,qBAAqBlB,EAAEuB,GAAG,KAAKJ,UAAS;IACpE;IAEAK,IAAAA,gBAAS,EAAC;QACR,IAAIlC,oBAAoBK,mBAAmB;YACzCC,qBAAqB;YACrBH,sBAAsB;YACtBgC,WAAW;gBACThC,sBAAsB;YACxB,GAAGJ,aAAaE;QAClB;IACF,GAAG;QAACI;KAAkB;IAEtB,OAAO;QACLH;QACAM;QACAL;QACAM;IACF;AACF;MAEA,WAAeZ"}

package/dist/Functions/useIsMobile/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("./useIsMobile"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _useIsMobile.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Functions/useIsMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Functions/useIsMobile/index.ts"],"sourcesContent":["import useIsMobile from './useIsMobile';\n\nexport default useIsMobile;\n"],"names":["useIsMobile"],"mappings":";;;;+BAEA;;;eAAA;;;oEAFwB;;;;;;MAExB,WAAeA,oBAAW"}

package/dist/Functions/useIsMobile/useIsMobile.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+/**
+ * Hook to detect if the current device is a mobile device
+ * @param props - Configuration options
+ * @param props.isWithoutWidthCheck - If true, only checks user agent without width verification
+ * @returns Object containing isMobile flag
+ */ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
+    const getIsMobile = ()=>{
+        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    };
+    const [isMobile, setIsMobile] = (0, _react.useState)(getIsMobile());
+    (0, _react.useEffect)(()=>{
+        if (getIsMobile()) {
+            setIsMobile(true);
+        }
+    }, [
+        navigator.userAgent
+    ]);
+    return {
+        isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768)
+    };
+}
+const _default = useIsMobile;
+
+//# sourceMappingURL=useIsMobile.js.map

package/dist/Functions/useIsMobile/useIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Functions/useIsMobile/useIsMobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ninterface UseIsMobileProps {\n  isWithoutWidthCheck?: boolean;\n}\n\ninterface UseIsMobileProps {\n  isWithoutWidthCheck?: boolean;\n}\n/**\n * Hook to detect if the current device is a mobile device\n * @param props - Configuration options\n * @param props.isWithoutWidthCheck - If true, only checks user agent without width verification\n * @returns Object containing isMobile flag\n */\nfunction useIsMobile({ isWithoutWidthCheck = false }: UseIsMobileProps = {}): { isMobile: boolean } {\n  const getIsMobile = (): boolean => {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n  };\n\n  const [isMobile, setIsMobile] = useState<boolean>(getIsMobile());\n\n  useEffect(() => {\n    if (getIsMobile()) {\n      setIsMobile(true);\n    }\n  }, [navigator.userAgent]);\n\n  return {\n    isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768),\n  };\n}\n\nexport default useIsMobile;\n"],"names":["useIsMobile","isWithoutWidthCheck","getIsMobile","test","navigator","userAgent","isMobile","setIsMobile","useState","useEffect","window","screen","width"],"mappings":";;;;+BAiCA;;;eAAA;;;uBAjCoC;AASpC;;;;;CAKC,GACD,SAASA,YAAY,EAAEC,sBAAsB,KAAK,EAAoB,GAAG,CAAC,CAAC;IACzE,MAAMC,cAAc;QAClB,OAAO,iEAAiEC,IAAI,CAACC,UAAUC,SAAS;IAClG;IAEA,MAAM,CAACC,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAUN;IAElDO,IAAAA,gBAAS,EAAC;QACR,IAAIP,eAAe;YACjBK,YAAY;QACd;IACF,GAAG;QAACH,UAAUC,SAAS;KAAC;IAExB,OAAO;QACLC,UAAUA,YAAaL,CAAAA,uBAAuBS,OAAOC,MAAM,CAACC,KAAK,IAAI,GAAE;IACzE;AACF;MAEA,WAAeZ"}

package/dist/Functions/useKeyPress/useHandleKeyPress.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+/**
+ * A hook that handles Enter and Escape key press events
+ *
+ * @param props - Configuration object for key press handling
+ * @param props.escCallback - Function to be called when Escape key is pressed
+ * @param props.enterCallback - Function to be called when Enter key is pressed
+ * @param props.withClamping - Whether to allow key repeat events (default: true)
+ *
+ * @example
+ * ```tsx
+ * function Component() {
+ *   useHandleKeyPress({
+ *     escCallback: () => console.log('Esc pressed'),
+ *     enterCallback: () => console.log('Enter pressed'),
+ *   });
+ * }
+ * ```
+ */ function useHandleKeyPress({ escCallback, enterCallback, withClamping = true }) {
+    const isPressEnter = (0, _useKeyPress.default)('Enter', withClamping);
+    const isPressEscape = (0, _useKeyPress.default)('Escape', withClamping);
+    (0, _react.useEffect)(()=>{
+        if (isPressEnter && typeof enterCallback === 'function') {
+            enterCallback();
+        }
+        if (isPressEscape && typeof escCallback === 'function') {
+            escCallback();
+        }
+    }, [
+        enterCallback,
+        escCallback,
+        isPressEnter,
+        isPressEscape
+    ]);
+}
+const _default = useHandleKeyPress;
+
+//# sourceMappingURL=useHandleKeyPress.js.map

package/dist/Functions/useKeyPress/useHandleKeyPress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Functions/useKeyPress/useHandleKeyPress.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport useKeyPress from './useKeyPress';\n\ninterface UseHandleKeyPressProps {\n  /** Callback function to be called when Escape key is pressed */\n  escCallback?: () => void;\n  /** Callback function to be called when Enter key is pressed */\n  enterCallback?: () => void;\n  /** Whether to allow key repeat events */\n  withClamping?: boolean;\n}\n\n/**\n * A hook that handles Enter and Escape key press events\n *\n * @param props - Configuration object for key press handling\n * @param props.escCallback - Function to be called when Escape key is pressed\n * @param props.enterCallback - Function to be called when Enter key is pressed\n * @param props.withClamping - Whether to allow key repeat events (default: true)\n *\n * @example\n * ```tsx\n * function Component() {\n *   useHandleKeyPress({\n *     escCallback: () => console.log('Esc pressed'),\n *     enterCallback: () => console.log('Enter pressed'),\n *   });\n * }\n * ```\n */\nfunction useHandleKeyPress({\n  escCallback,\n  enterCallback,\n  withClamping = true,\n}: UseHandleKeyPressProps): void {\n  const isPressEnter = useKeyPress('Enter', withClamping);\n  const isPressEscape = useKeyPress('Escape', withClamping);\n\n  useEffect(() => {\n    if (isPressEnter && typeof enterCallback === 'function') {\n      enterCallback();\n    }\n    if (isPressEscape && typeof escCallback === 'function') {\n      escCallback();\n    }\n  }, [enterCallback, escCallback, isPressEnter, isPressEscape]);\n}\n\nexport default useHandleKeyPress;\n"],"names":["useHandleKeyPress","escCallback","enterCallback","withClamping","isPressEnter","useKeyPress","isPressEscape","useEffect"],"mappings":";;;;+BAiDA;;;eAAA;;;uBAjD0B;oEAEF;;;;;;AAWxB;;;;;;;;;;;;;;;;;CAiBC,GACD,SAASA,kBAAkB,EACzBC,WAAW,EACXC,aAAa,EACbC,eAAe,IAAI,EACI;IACvB,MAAMC,eAAeC,IAAAA,oBAAW,EAAC,SAASF;IAC1C,MAAMG,gBAAgBD,IAAAA,oBAAW,EAAC,UAAUF;IAE5CI,IAAAA,gBAAS,EAAC;QACR,IAAIH,gBAAgB,OAAOF,kBAAkB,YAAY;YACvDA;QACF;QACA,IAAII,iBAAiB,OAAOL,gBAAgB,YAAY;YACtDA;QACF;IACF,GAAG;QAACC;QAAeD;QAAaG;QAAcE;KAAc;AAC9D;MAEA,WAAeN"}

package/dist/Functions/useKeyPress/useKeyPress.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+/**
+ * A hook that detects when a specific key is pressed
+ * @param targetKey - The key to listen for
+ * @param clamping - Whether to allow key repeat events
+ * @returns boolean indicating if the target key is currently pressed
+ */ function useKeyPress(targetKey, clamping = true) {
+    const [keyPressed, setKeyPressed] = (0, _react.useState)(false);
+    const downHandler = (0, _react.useCallback)(({ key, repeat })=>{
+        if (key === targetKey) {
+            if (!clamping && repeat) return;
+            setKeyPressed(true);
+        }
+    }, [
+        clamping,
+        targetKey
+    ]);
+    const upHandler = (0, _react.useCallback)(({ key, repeat })=>{
+        if (key === targetKey) {
+            if (!clamping && repeat) return;
+            setKeyPressed(false);
+        }
+    }, [
+        clamping,
+        targetKey
+    ]);
+    (0, _react.useEffect)(()=>{
+        const handleDown = (event)=>downHandler(event);
+        const handleUp = (event)=>upHandler(event);
+        window.addEventListener('keydown', handleDown);
+        window.addEventListener('keyup', handleUp);
+        return ()=>{
+            window.removeEventListener('keydown', handleDown);
+            window.removeEventListener('keyup', handleUp);
+        };
+    }, [
+        downHandler,
+        upHandler
+    ]);
+    return keyPressed;
+}
+const _default = useKeyPress;
+
+//# sourceMappingURL=useKeyPress.js.map

package/dist/Functions/useKeyPress/useKeyPress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Functions/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\ninterface KeyboardEvent {\n  key: string;\n  repeat: boolean;\n}\n\n/**\n * A hook that detects when a specific key is pressed\n * @param targetKey - The key to listen for\n * @param clamping - Whether to allow key repeat events\n * @returns boolean indicating if the target key is currently pressed\n */\nfunction useKeyPress(targetKey: string, clamping: boolean = true): boolean {\n  const [keyPressed, setKeyPressed] = useState<boolean>(false);\n\n  const downHandler = useCallback(\n    ({ key, repeat }: KeyboardEvent): void => {\n      if (key === targetKey) {\n        if (!clamping && repeat) return;\n        setKeyPressed(true);\n      }\n    },\n    [clamping, targetKey],\n  );\n\n  const upHandler = useCallback(\n    ({ key, repeat }: KeyboardEvent): void => {\n      if (key === targetKey) {\n        if (!clamping && repeat) return;\n        setKeyPressed(false);\n      }\n    },\n    [clamping, targetKey],\n  );\n\n  useEffect(() => {\n    const handleDown = (event: globalThis.KeyboardEvent): void => downHandler(event);\n    const handleUp = (event: globalThis.KeyboardEvent): void => upHandler(event);\n\n    window.addEventListener('keydown', handleDown);\n    window.addEventListener('keyup', handleUp);\n\n    return () => {\n      window.removeEventListener('keydown', handleDown);\n      window.removeEventListener('keyup', handleUp);\n    };\n  }, [downHandler, upHandler]);\n\n  return keyPressed;\n}\n\nexport default useKeyPress;\n"],"names":["useKeyPress","targetKey","clamping","keyPressed","setKeyPressed","useState","downHandler","useCallback","key","repeat","upHandler","useEffect","handleDown","event","handleUp","window","addEventListener","removeEventListener"],"mappings":";;;;+BAoDA;;;eAAA;;;uBApDiD;AAOjD;;;;;CAKC,GACD,SAASA,YAAYC,SAAiB,EAAEC,WAAoB,IAAI;IAC9D,MAAM,CAACC,YAAYC,cAAc,GAAGC,IAAAA,eAAQ,EAAU;IAEtD,MAAMC,cAAcC,IAAAA,kBAAW,EAC7B,CAAC,EAAEC,GAAG,EAAEC,MAAM,EAAiB;QAC7B,IAAID,QAAQP,WAAW;YACrB,IAAI,CAACC,YAAYO,QAAQ;YACzBL,cAAc;QAChB;IACF,GACA;QAACF;QAAUD;KAAU;IAGvB,MAAMS,YAAYH,IAAAA,kBAAW,EAC3B,CAAC,EAAEC,GAAG,EAAEC,MAAM,EAAiB;QAC7B,IAAID,QAAQP,WAAW;YACrB,IAAI,CAACC,YAAYO,QAAQ;YACzBL,cAAc;QAChB;IACF,GACA;QAACF;QAAUD;KAAU;IAGvBU,IAAAA,gBAAS,EAAC;QACR,MAAMC,aAAa,CAACC,QAA0CP,YAAYO;QAC1E,MAAMC,WAAW,CAACD,QAA0CH,UAAUG;QAEtEE,OAAOC,gBAAgB,CAAC,WAAWJ;QACnCG,OAAOC,gBAAgB,CAAC,SAASF;QAEjC,OAAO;YACLC,OAAOE,mBAAmB,CAAC,WAAWL;YACtCG,OAAOE,mBAAmB,CAAC,SAASH;QACtC;IACF,GAAG;QAACR;QAAaI;KAAU;IAE3B,OAAOP;AACT;MAEA,WAAeH"}

package/dist/Functions/useLocalStorage.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+const useLocalStorage = (key, initialValue)=>{
+    const [storedValue, setStoredValue] = (0, _react.useState)(()=>{
+        if (typeof window === "undefined") {
+            return initialValue;
+        }
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+            return initialValue;
+        }
+    });
+    const setValue = (value)=>{
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            if (typeof window !== "undefined") {
+                window.localStorage.setItem(key, JSON.stringify(valueToStore));
+            }
+        } catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+        }
+    };
+    return [
+        storedValue,
+        setValue
+    ];
+};
+const _default = useLocalStorage;
+
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/Functions/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Functions/useLocalStorage.js"],"sourcesContent":["import { useState } from \"react\";\n\nconst useLocalStorage = (key, initialValue) => {\n  const [storedValue, setStoredValue] = useState(() => {\n    if (typeof window === \"undefined\") {\n      return initialValue;\n    }\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.log(error);\n      return initialValue;\n    }\n  });\n\n  const setValue = (value) => {\n    try {\n      const valueToStore =\n        value instanceof Function ? value(storedValue) : value;\n      setStoredValue(valueToStore);\n      if (typeof window !== \"undefined\") {\n        window.localStorage.setItem(key, JSON.stringify(valueToStore));\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.log(error);\n    }\n  };\n\n  return [storedValue, setValue];\n};\nexport default useLocalStorage;\n"],"names":["useLocalStorage","key","initialValue","storedValue","setStoredValue","useState","window","item","localStorage","getItem","JSON","parse","error","console","log","setValue","value","valueToStore","Function","setItem","stringify"],"mappings":";;;;+BAiCA;;;eAAA;;;uBAjCyB;AAEzB,MAAMA,kBAAkB,CAACC,KAAKC;IAC5B,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,eAAQ,EAAC;QAC7C,IAAI,OAAOC,WAAW,aAAa;YACjC,OAAOJ;QACT;QACA,IAAI;YACF,MAAMK,OAAOD,OAAOE,YAAY,CAACC,OAAO,CAACR;YACzC,OAAOM,OAAOG,KAAKC,KAAK,CAACJ,QAAQL;QACnC,EAAE,OAAOU,OAAO;YACd,sCAAsC;YACtCC,QAAQC,GAAG,CAACF;YACZ,OAAOV;QACT;IACF;IAEA,MAAMa,WAAW,CAACC;QAChB,IAAI;YACF,MAAMC,eACJD,iBAAiBE,WAAWF,MAAMb,eAAea;YACnDZ,eAAea;YACf,IAAI,OAAOX,WAAW,aAAa;gBACjCA,OAAOE,YAAY,CAACW,OAAO,CAAClB,KAAKS,KAAKU,SAAS,CAACH;YAClD;QACF,EAAE,OAAOL,OAAO;YACd,sCAAsC;YACtCC,QAAQC,GAAG,CAACF;QACd;IACF;IAEA,OAAO;QAACT;QAAaY;KAAS;AAChC;MACA,WAAef"}

package/dist/Functions/useLocationParams.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return useLocationParams;
+    }
+});
+const _react = require("react");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function useLocationParams() {
+    const [params, setParams] = (0, _react.useState)({});
+    (0, _react.useEffect)(()=>{
+        setParams((state)=>{
+            var _window_location_search;
+            const arr = (_window_location_search = window.location.search) === null || _window_location_search === void 0 ? void 0 : _window_location_search.replace("?", "").split("&");
+            return _object_spread({}, state, arr.reduce((obj, item)=>{
+                const keyVal = item.split("=");
+                const key = keyVal[0];
+                const value = keyVal[1];
+                return _object_spread_props(_object_spread({}, obj), {
+                    [key]: value
+                });
+            }, {}));
+        });
+    }, [
+        window.location.search
+    ]);
+    return params;
+}
+
+//# sourceMappingURL=useLocationParams.js.map

package/dist/Functions/useLocationParams.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Functions/useLocationParams.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useLocationParams() {\n  const [params, setParams] = useState({});\n\n  useEffect(() => {\n    setParams((state) => {\n      const arr = window.location.search?.replace(\"?\", \"\").split(\"&\");\n\n      return {\n        ...state,\n        ...arr.reduce((obj, item) => {\n          const keyVal = item.split(\"=\");\n          const key = keyVal[0];\n          const value = keyVal[1];\n\n          return {\n            ...obj,\n            [key]: value,\n          };\n        }, {}),\n      };\n    });\n  }, [window.location.search]);\n\n  return params;\n}\n"],"names":["useLocationParams","params","setParams","useState","useEffect","state","window","arr","location","search","replace","split","reduce","obj","item","keyVal","key","value"],"mappings":";;;;+BAEA;;;eAAwBA;;;uBAFY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,SAASA;IACtB,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAAC,CAAC;IAEtCC,IAAAA,gBAAS,EAAC;QACRF,UAAU,CAACG;gBACGC;YAAZ,MAAMC,OAAMD,0BAAAA,OAAOE,QAAQ,CAACC,MAAM,cAAtBH,8CAAAA,wBAAwBI,OAAO,CAAC,KAAK,IAAIC,KAAK,CAAC;YAE3D,OAAO,mBACFN,OACAE,IAAIK,MAAM,CAAC,CAACC,KAAKC;gBAClB,MAAMC,SAASD,KAAKH,KAAK,CAAC;gBAC1B,MAAMK,MAAMD,MAAM,CAAC,EAAE;gBACrB,MAAME,QAAQF,MAAM,CAAC,EAAE;gBAEvB,OAAO,wCACFF;oBACH,CAACG,IAAI,EAAEC;;YAEX,GAAG,CAAC;QAER;IACF,GAAG;QAACX,OAAOE,QAAQ,CAACC,MAAM;KAAC;IAE3B,OAAOR;AACT"}

package/dist/Functions/useMediaQuery.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+function subscribe(callback) {
+    const observer = new ResizeObserver(()=>callback());
+    observer.observe(document.documentElement);
+    return ()=>observer.disconnect();
+}
+const useMediaQuery = (query)=>{
+    return (0, _react.useSyncExternalStore)(subscribe, ()=>window.matchMedia(query).matches, ()=>false);
+};
+const _default = useMediaQuery;
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/Functions/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Functions/useMediaQuery.js"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nfunction subscribe(callback) {\n  const observer = new ResizeObserver(() => callback());\n  observer.observe(document.documentElement);\n  return () => observer.disconnect();\n}\n\nconst useMediaQuery = (query) => {\n  return useSyncExternalStore(\n    subscribe,\n    () => window.matchMedia(query).matches,\n    () => false,\n  );\n};\n\nexport default useMediaQuery;\n"],"names":["subscribe","callback","observer","ResizeObserver","observe","document","documentElement","disconnect","useMediaQuery","query","useSyncExternalStore","window","matchMedia","matches"],"mappings":";;;;+BAgBA;;;eAAA;;;uBAhBqC;AAErC,SAASA,UAAUC,QAAQ;IACzB,MAAMC,WAAW,IAAIC,eAAe,IAAMF;IAC1CC,SAASE,OAAO,CAACC,SAASC,eAAe;IACzC,OAAO,IAAMJ,SAASK,UAAU;AAClC;AAEA,MAAMC,gBAAgB,CAACC;IACrB,OAAOC,IAAAA,2BAAoB,EACzBV,WACA,IAAMW,OAAOC,UAAU,CAACH,OAAOI,OAAO,EACtC,IAAM;AAEV;MAEA,WAAeL"}