intelicoreact 2.0.17 → 2.0.19

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["fields"],"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"],"mappings":"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"}

package/dist/es/Functions/useInputHighlightError.js

@@ -0,0 +1,50 @@
+import { KEYBOARD_SERVICE_KEYS } from "../Constants/index.constants.js";
+import { useEffect, useState } from "react";
+//#region src/Functions/useInputHighlightError.js
+var useInputHighlightError = ({ value, blinkTime, isUseErrorsBlink }) => {
+	const DEFAULT_BLINK_TIME = 100;
+	const [isToHighlightError, setIsToHighlightError] = useState(false);
+	const [isAttemptToChange, setIsAttemptToChange] = useState(false);
+	const [prevValue, setPreviousValue] = useState(value);
+	function hasHighlightError(e) {
+		const changedValue = `${value ?? ""}`;
+		const previousValue = `${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?.replace(samePart, "");
+		if (!KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+	}
+	useEffect(() => {
+		if (isUseErrorsBlink && isAttemptToChange) {
+			setIsAttemptToChange(null);
+			setIsToHighlightError(true);
+			setTimeout(() => {
+				setIsToHighlightError(false);
+			}, blinkTime || DEFAULT_BLINK_TIME);
+		}
+	}, [isAttemptToChange]);
+	return {
+		isToHighlightError,
+		setPreviousValue,
+		setIsToHighlightError,
+		hasHighlightError
+	};
+};
+//#endregion
+export { useInputHighlightError as default, useInputHighlightError };
+
+//# sourceMappingURL=useInputHighlightError.js.map

package/dist/es/Functions/useInputHighlightError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputHighlightError.js","names":[],"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"],"mappings":";;;AAIO,IAAM,0BAA0B,EACrC,OACA,WACA,uBACI;CACJ,MAAM,qBAAqB;CAC3B,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,KAAK;CAClE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,CAAC,WAAW,oBAAoB,SAAS,KAAK;CAEpD,SAAS,kBAAkB,GAAG;EAC5B,MAAM,eAAe,GAAG,SAAS;EACjC,MAAM,gBAAgB,GAAG,aAAa;EAEtC,MAAM,QACJ,cAAc,UAAU,aAAa,SACjC,gBACA;EACN,MAAM,OACJ,cAAc,SAAS,aAAa,SAAS,gBAAgB;EAE/D,MAAM,+BAA+B,MAAM,MAAM,EAAE,CAAA,CAAE,QAClD,KAAK,QAAQ,QAAQ;GACpB,IAAI,IAAI,WAAW,WAAW,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM;QACxD;IACH,IAAI,UAAU;IACd,IAAI,YAAY,KAAK,CAAC,KAAK,MAAM,CAAC;GACpC;GACA,OAAO;EACT,GACA;GAAE,MAAM,CAAC;GAAG,SAAS;GAAM,aAAa,CAAC;EAAE,CAC7C;EAEA,MAAM,WAAW,6BAA6B,KAAK,KAAK,EAAE;EAC1D,MAAM,oBAAoB,6BAA6B,YAAY;EACnE,MAAM,aAAa,cAAc,QAAQ,UAAU,EAAE;EAErD,IACE,CAAC,sBAAsB,SAAS,EAAE,GAAG,KACrC,iBAAiB,eAEjB,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,QAAQ,WAAW;CACtE;CAEA,gBAAgB;EACd,IAAI,oBAAoB,mBAAmB;GACzC,qBAAqB,IAAI;GACzB,sBAAsB,IAAI;GAC1B,iBAAiB;IACf,sBAAsB,KAAK;GAC7B,GAAG,aAAa,kBAAkB;EACpC;CACF,GAAG,CAAC,iBAAiB,CAAC;CAEtB,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

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

@@ -0,0 +1,7 @@
+import useIsMobile from "./useIsMobile.js";
+//#region src/Functions/useIsMobile/index.ts
+var useIsMobile_default = useIsMobile;
+//#endregion
+export { useIsMobile_default as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Functions/useIsMobile/index.ts"],"sourcesContent":["import useIsMobile from './useIsMobile';\n\nexport default useIsMobile;\n"],"mappings":";;AAEA,IAAA,sBAAe"}

package/dist/es/Functions/useIsMobile/useIsMobile.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from "react";
+//#region src/Functions/useIsMobile/useIsMobile.ts
+/**
+* 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 isIPad = () => {
+		const ua = navigator.userAgent || navigator.vendor || window.opera;
+		const isMac = /Macintosh/.test(ua);
+		const hasTouch = navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
+		return isMac && !!hasTouch;
+	};
+	const getIsMobile = () => {
+		return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || isIPad();
+	};
+	const [isMobile, setIsMobile] = useState(getIsMobile());
+	useEffect(() => {
+		if (getIsMobile()) setIsMobile(true);
+	}, [navigator.userAgent]);
+	return {
+		isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768 || window.screen.width <= 1024 && window.matchMedia("(orientation: landscape)").matches),
+		isMobilePortrait: isMobile && window.screen.width <= 768 && window.matchMedia("(orientation: portait)").matches,
+		isMobileLandscape: isMobile && window.screen.width <= 1024 && window.matchMedia("(orientation: landscape)").matches
+	};
+}
+//#endregion
+export { useIsMobile as default };
+
+//# sourceMappingURL=useIsMobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.js","names":[],"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, isMobilePortrait: boolean; isMobileLandscape: boolean } {\n  const isIPad = (): boolean => {\n    const ua = navigator.userAgent || navigator.vendor || (window as any).opera;\n\n    // iPadOS 13+ выдает себя как Mac, но с touch-экраном\n    const isMac = /Macintosh/.test(ua);\n    const hasTouch = navigator.maxTouchPoints && navigator.maxTouchPoints > 2;\n\n    return isMac && !!hasTouch;\n  };\n\n  const getIsMobile = (): boolean => {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || isIPad();\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 || (window.screen.width <= 1024 && window.matchMedia('(orientation: landscape)').matches)),\n    isMobilePortrait: isMobile && window.screen.width <= 768 && window.matchMedia('(orientation: portait)').matches,\n    isMobileLandscape: isMobile && window.screen.width <= 1024 && window.matchMedia('(orientation: landscape)').matches,\n  };\n}\n\nexport default useIsMobile;\n"],"mappings":";;;;;;;;AAeA,SAAS,YAAY,EAAE,sBAAsB,UAA4B,CAAC,GAAiF;CACzJ,MAAM,eAAwB;EAC5B,MAAM,KAAK,UAAU,aAAa,UAAU,UAAW,OAAe;EAGtE,MAAM,QAAQ,YAAY,KAAK,EAAE;EACjC,MAAM,WAAW,UAAU,kBAAkB,UAAU,iBAAiB;EAExE,OAAO,SAAS,CAAC,CAAC;CACpB;CAEA,MAAM,oBAA6B;EACjC,OAAO,iEAAiE,KAAK,UAAU,SAAS,KAAK,OAAO;CAC9G;CAEA,MAAM,CAAC,UAAU,eAAe,SAAkB,YAAY,CAAC;CAE/D,gBAAgB;EACd,IAAI,YAAY,GACd,YAAY,IAAI;CAEpB,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OAAO;EACL,UAAU,aAAa,uBAAuB,OAAO,OAAO,SAAS,OAAQ,OAAO,OAAO,SAAS,QAAQ,OAAO,WAAW,0BAA0B,CAAC,CAAC;EAC1J,kBAAkB,YAAY,OAAO,OAAO,SAAS,OAAO,OAAO,WAAW,wBAAwB,CAAC,CAAC;EACxG,mBAAmB,YAAY,OAAO,OAAO,SAAS,QAAQ,OAAO,WAAW,0BAA0B,CAAC,CAAC;CAC9G;AACF"}

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

@@ -0,0 +1,38 @@
+import useKeyPress from "./useKeyPress.js";
+import { useEffect } from "react";
+//#region src/Functions/useKeyPress/useHandleKeyPress.ts
+/**
+* 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)
+* @param props.withEventManagementStructure - Structure for event management (e.g. Modal)
+* @param props.suspendProcessing - Optional map of key -> predicate to suspend processing for specific keys
+*
+* @example
+* ```tsx
+* function Component() {
+*   useHandleKeyPress({
+*     escCallback: () => console.log('Esc pressed'),
+*     enterCallback: () => console.log('Enter pressed'),
+*   });
+* }
+* ```
+*/
+function useHandleKeyPress({ escCallback, enterCallback, withClamping = true, withEventManagementStructure, suspendProcessing = null }) {
+	const { isWithSubmitAndCloseManagement } = withEventManagementStructure || {};
+	const isPressEnter = useKeyPress("Enter", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
+	const isPressEscape = useKeyPress("Escape", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
+	useEffect(() => {
+		if (!isWithSubmitAndCloseManagement && isPressEscape && typeof escCallback === "function") escCallback();
+	}, [isPressEscape, escCallback]);
+	useEffect(() => {
+		if (!isWithSubmitAndCloseManagement && isPressEnter && typeof enterCallback === "function") enterCallback();
+	}, [isPressEnter, enterCallback]);
+}
+//#endregion
+export { useHandleKeyPress as default };
+
+//# sourceMappingURL=useHandleKeyPress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleKeyPress.js","names":[],"sources":["../../../../src/Functions/useKeyPress/useHandleKeyPress.ts"],"sourcesContent":["import type TWithEventManagementAsObj from '../../types/declaration/TWithEventManagementAsObj';\nimport type { ISuspendProcessing } from './useKeyPress';\n\nimport { useEffect } from 'react';\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  withEventManagementStructure?: TWithEventManagementAsObj<'Modal'>;\n\n  /** Array of Keys (ev.key) to exclude from processing */\n  suspendProcessing?: null | ISuspendProcessing;\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 * @param props.withEventManagementStructure - Structure for event management (e.g. Modal)\n * @param props.suspendProcessing - Optional map of key -> predicate to suspend processing for specific keys\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  withEventManagementStructure,\n  suspendProcessing = null,\n}: UseHandleKeyPressProps): void {\n  const { isWithSubmitAndCloseManagement } = withEventManagementStructure || {};\n\n  const isPressEnter = useKeyPress('Enter', withClamping, isWithSubmitAndCloseManagement, suspendProcessing);\n  const isPressEscape = useKeyPress('Escape', withClamping, isWithSubmitAndCloseManagement, suspendProcessing);\n\n  useEffect(() => {\n    if (!isWithSubmitAndCloseManagement && isPressEscape && typeof escCallback === 'function') {\n      escCallback();\n    }\n  }, [isPressEscape, escCallback]);\n\n  useEffect(() => {\n    if (!isWithSubmitAndCloseManagement && isPressEnter && typeof enterCallback === 'function') {\n      enterCallback();\n    }\n  }, [isPressEnter, enterCallback])\n}\n\nexport default useHandleKeyPress;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAS,kBAAkB,EACzB,aACA,eACA,eAAe,MACf,8BACA,oBAAoB,QACW;CAC/B,MAAM,EAAE,mCAAmC,gCAAgC,CAAC;CAE5E,MAAM,eAAe,YAAY,SAAS,cAAc,gCAAgC,iBAAiB;CACzG,MAAM,gBAAgB,YAAY,UAAU,cAAc,gCAAgC,iBAAiB;CAE3G,gBAAgB;EACd,IAAI,CAAC,kCAAkC,iBAAiB,OAAO,gBAAgB,YAC7E,YAAY;CAEhB,GAAG,CAAC,eAAe,WAAW,CAAC;CAE/B,gBAAgB;EACd,IAAI,CAAC,kCAAkC,gBAAgB,OAAO,kBAAkB,YAC9E,cAAc;CAElB,GAAG,CAAC,cAAc,aAAa,CAAC;AAClC"}

package/dist/es/Functions/useKeyPress/useKeyPress.js

@@ -0,0 +1,54 @@
+import { getIsOnlyAnObject } from "../utils.js";
+import { useCallback, useEffect, useState } from "react";
+//#region src/Functions/useKeyPress/useKeyPress.ts
+function isISuspendProcessing(x) {
+	return getIsOnlyAnObject(x) && Object.values(x).every((v) => typeof v === "function");
+}
+function useKeyPress(targetKey, clamping = true, isForbidden, suspendProcessing) {
+	const [keyPressed, setKeyPressed] = useState(false);
+	const safelySuspendProcessing = isISuspendProcessing(suspendProcessing) ? suspendProcessing : {};
+	const downHandler = useCallback((event) => {
+		const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;
+		if (key === targetKey && !altKey && !ctrlKey && !shiftKey && !metaKey && !safelySuspendProcessing[key]?.(event)) {
+			if (!clamping && repeat) return;
+			setKeyPressed(true);
+		}
+	}, [
+		clamping,
+		targetKey,
+		suspendProcessing
+	]);
+	const upHandler = useCallback((event) => {
+		const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;
+		if (key === targetKey && !altKey && !ctrlKey && !shiftKey && !metaKey && !safelySuspendProcessing[key]?.(event)) {
+			if (!clamping && repeat) return;
+			setKeyPressed(false);
+		}
+	}, [
+		clamping,
+		targetKey,
+		suspendProcessing
+	]);
+	useEffect(() => {
+		const handleDown = (event) => downHandler(event);
+		const handleUp = (event) => upHandler(event);
+		if (!isForbidden) {
+			window.addEventListener("keydown", handleDown);
+			window.addEventListener("keyup", handleUp);
+		}
+		return () => {
+			window.removeEventListener("keydown", handleDown);
+			window.removeEventListener("keyup", handleUp);
+		};
+	}, [
+		downHandler,
+		upHandler,
+		isForbidden,
+		suspendProcessing
+	]);
+	return keyPressed;
+}
+//#endregion
+export { useKeyPress as default, isISuspendProcessing };
+
+//# sourceMappingURL=useKeyPress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyPress.js","names":[],"sources":["../../../../src/Functions/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { getIsOnlyAnObject } from '../utils';\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 */\n\nexport interface ISuspendProcessing {\n  [key: string]: (event: globalThis.KeyboardEvent) => boolean; // Вернет true, если НУЖНО приостановить обработку\n}\n\nexport function isISuspendProcessing(x: unknown): x is ISuspendProcessing {\n  return getIsOnlyAnObject(x) && Object.values(x as Record<string, unknown>).every(v => typeof v === 'function');\n}\n\nfunction useKeyPress(\n  targetKey: string,\n  clamping: boolean = true,\n  isForbidden?: boolean,\n  suspendProcessing?: null | ISuspendProcessing,\n): boolean {\n  const [keyPressed, setKeyPressed] = useState<boolean>(false);\n  const safelySuspendProcessing = (isISuspendProcessing(suspendProcessing) ? suspendProcessing : {}) as ISuspendProcessing;\n\n  const downHandler = useCallback(\n    (event: globalThis.KeyboardEvent): void => {\n      const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;\n      const isPressingWithoutAuxiliaryKeys = !altKey && !ctrlKey && !shiftKey && !metaKey;\n\n      if (key === targetKey && isPressingWithoutAuxiliaryKeys && !(safelySuspendProcessing[key]?.(event))) {\n        if (!clamping && repeat) return;\n        setKeyPressed(true);\n      }\n    },\n    // ? Намерянно в зависимостях используем именно входной suspendProcessing,\n    // ? хоть в коде используем \"безопасный\"\n    [clamping, targetKey, suspendProcessing],\n  );\n\n  const upHandler = useCallback(\n    (event: globalThis.KeyboardEvent): void => {\n      const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;\n      const isPressingWithoutAuxiliaryKeys = !altKey && !ctrlKey && !shiftKey && !metaKey;\n\n      if (key === targetKey && isPressingWithoutAuxiliaryKeys && !(safelySuspendProcessing[key]?.(event))) {\n        if (!clamping && repeat) return;\n        setKeyPressed(false);\n      }\n    },\n    // ? Намерянно в зависимостях используем именно входной suspendProcessing,\n    // ? хоть в коде используем \"безопасный\"\n    [clamping, targetKey, suspendProcessing],\n  );\n\n  useEffect(\n    () => {\n      const handleDown = (event: globalThis.KeyboardEvent): void => downHandler(event);\n      const handleUp = (event: globalThis.KeyboardEvent): void => upHandler(event);\n\n      if (!isForbidden) {\n        window.addEventListener('keydown', handleDown);\n        window.addEventListener('keyup', handleUp);\n      }\n\n      return () => {\n        // ? Намерянно НЕ оборачиваю if-кой:\n        // ? при попытке снять если не было установлено ошибки не будет,\n        // ? но при этом корректно отработет переход из isForbidden: false в isForbidden: true.\n        window.removeEventListener('keydown', handleDown);\n        window.removeEventListener('keyup', handleUp);\n      };\n    },\n    // ? Намерянно в зависимостях используем именно входной suspendProcessing,\n    // ? хоть в коде используем \"безопасный\"\n    [downHandler, upHandler, isForbidden, suspendProcessing],\n  );\n\n  return keyPressed;\n}\n\nexport default useKeyPress;\n"],"mappings":";;;AAcA,SAAgB,qBAAqB,GAAqC;CACxE,OAAO,kBAAkB,CAAC,KAAK,OAAO,OAAO,CAA4B,CAAC,CAAC,OAAM,MAAK,OAAO,MAAM,UAAU;AAC/G;AAEA,SAAS,YACP,WACA,WAAoB,MACpB,aACA,mBACS;CACT,MAAM,CAAC,YAAY,iBAAiB,SAAkB,KAAK;CAC3D,MAAM,0BAA2B,qBAAqB,iBAAiB,IAAI,oBAAoB,CAAC;CAEhG,MAAM,cAAc,aACjB,UAA0C;EACzC,MAAM,EAAE,KAAK,QAAQ,QAAQ,SAAS,UAAU,YAAY;EAG5D,IAAI,QAAQ,aAF2B,CAAC,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,WAEjB,CAAE,wBAAwB,IAAI,GAAG,KAAK,GAAI;GACnG,IAAI,CAAC,YAAY,QAAQ;GACzB,cAAc,IAAI;EACpB;CACF,GAGA;EAAC;EAAU;EAAW;CAAiB,CACzC;CAEA,MAAM,YAAY,aACf,UAA0C;EACzC,MAAM,EAAE,KAAK,QAAQ,QAAQ,SAAS,UAAU,YAAY;EAG5D,IAAI,QAAQ,aAF2B,CAAC,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,WAEjB,CAAE,wBAAwB,IAAI,GAAG,KAAK,GAAI;GACnG,IAAI,CAAC,YAAY,QAAQ;GACzB,cAAc,KAAK;EACrB;CACF,GAGA;EAAC;EAAU;EAAW;CAAiB,CACzC;CAEA,gBACQ;EACJ,MAAM,cAAc,UAA0C,YAAY,KAAK;EAC/E,MAAM,YAAY,UAA0C,UAAU,KAAK;EAE3E,IAAI,CAAC,aAAa;GAChB,OAAO,iBAAiB,WAAW,UAAU;GAC7C,OAAO,iBAAiB,SAAS,QAAQ;EAC3C;EAEA,aAAa;GAIX,OAAO,oBAAoB,WAAW,UAAU;GAChD,OAAO,oBAAoB,SAAS,QAAQ;EAC9C;CACF,GAGA;EAAC;EAAa;EAAW;EAAa;CAAiB,CACzD;CAEA,OAAO;AACT"}

package/dist/es/Functions/useLocalStorage.js

@@ -0,0 +1,28 @@
+import { useState } from "react";
+//#region src/Functions/useLocalStorage.js
+var useLocalStorage = (key, initialValue) => {
+	const [storedValue, setStoredValue] = useState(() => {
+		if (typeof window === "undefined") return initialValue;
+		try {
+			const item = window.localStorage.getItem(key);
+			return item ? JSON.parse(item) : initialValue;
+		} catch (error) {
+			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) {
+			console.log(error);
+		}
+	};
+	return [storedValue, setValue];
+};
+//#endregion
+export { useLocalStorage as default };
+
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/es/Functions/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","names":[],"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"],"mappings":";;AAEA,IAAM,mBAAmB,KAAK,iBAAiB;CAC7C,MAAM,CAAC,aAAa,kBAAkB,eAAe;EACnD,IAAI,OAAO,WAAW,aACpB,OAAO;EAET,IAAI;GACF,MAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;GAC5C,OAAO,OAAO,KAAK,MAAM,IAAI,IAAI;EACnC,SAAS,OAAO;GAEd,QAAQ,IAAI,KAAK;GACjB,OAAO;EACT;CACF,CAAC;CAED,MAAM,YAAY,UAAU;EAC1B,IAAI;GACF,MAAM,eACJ,iBAAiB,WAAW,MAAM,WAAW,IAAI;GACnD,eAAe,YAAY;GAC3B,IAAI,OAAO,WAAW,aACpB,OAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,YAAY,CAAC;EAEjE,SAAS,OAAO;GAEd,QAAQ,IAAI,KAAK;EACnB;CACF;CAEA,OAAO,CAAC,aAAa,QAAQ;AAC/B"}

package/dist/es/Functions/useLocationParams.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+//#region src/Functions/useLocationParams.js
+function useLocationParams() {
+	const [params, setParams] = useState({});
+	useEffect(() => {
+		setParams((state) => {
+			const arr = window.location.search?.replace("?", "").split("&");
+			return {
+				...state,
+				...arr.reduce((obj, item) => {
+					const keyVal = item.split("=");
+					const key = keyVal[0];
+					const value = decodeURIComponent(keyVal[1]);
+					return {
+						...obj,
+						[key]: value
+					};
+				}, {})
+			};
+		});
+	}, [window.location.search]);
+	return params;
+}
+//#endregion
+export { useLocationParams as default };
+
+//# sourceMappingURL=useLocationParams.js.map

package/dist/es/Functions/useLocationParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocationParams.js","names":[],"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 = decodeURIComponent(keyVal[1]);\n\n          return {\n            ...obj,\n            [key]: value,\n          };\n        }, {}),\n      };\n    });\n  }, [window.location.search]);\n\n  return params;\n}\n"],"mappings":";;AAEA,SAAwB,oBAAoB;CAC1C,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC,CAAC;CAEvC,gBAAgB;EACd,WAAW,UAAU;GACnB,MAAM,MAAM,OAAO,SAAS,QAAQ,QAAQ,KAAK,EAAE,CAAA,CAAE,MAAM,GAAG;GAE9D,OAAO;IACL,GAAG;IACH,GAAG,IAAI,QAAQ,KAAK,SAAS;KAC3B,MAAM,SAAS,KAAK,MAAM,GAAG;KAC7B,MAAM,MAAM,OAAO;KACnB,MAAM,QAAQ,mBAAmB,OAAO,EAAE;KAE1C,OAAO;MACL,GAAG;OACF,MAAM;KACT;IACF,GAAG,CAAC,CAAC;GACP;EACF,CAAC;CACH,GAAG,CAAC,OAAO,SAAS,MAAM,CAAC;CAE3B,OAAO;AACT"}

package/dist/es/Functions/useMediaQuery.js

@@ -0,0 +1,14 @@
+import { useSyncExternalStore } from "react";
+//#region src/Functions/useMediaQuery.js
+function subscribe(callback) {
+	const observer = new ResizeObserver(() => callback());
+	observer.observe(document.documentElement);
+	return () => observer.disconnect();
+}
+var useMediaQuery = (query) => {
+	return useSyncExternalStore(subscribe, () => window.matchMedia(query).matches, () => false);
+};
+//#endregion
+export { useMediaQuery as default };
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/es/Functions/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","names":[],"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"],"mappings":";;AAEA,SAAS,UAAU,UAAU;CAC3B,MAAM,WAAW,IAAI,qBAAqB,SAAS,CAAC;CACpD,SAAS,QAAQ,SAAS,eAAe;CACzC,aAAa,SAAS,WAAW;AACnC;AAEA,IAAM,iBAAiB,UAAU;CAC/B,OAAO,qBACL,iBACM,OAAO,WAAW,KAAK,CAAA,CAAE,eACzB,KACR;AACF"}

package/dist/es/Functions/useMetaInfo.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+//#region src/Functions/useMetaInfo.js
+var useMetaInfo = () => {
+	const [browser, setBrowser] = useState("Other");
+	const [device, setDevice] = useState("desktop");
+	const [isiOS, setIsiOS] = useState(false);
+	const [chromeVersion, setChromeVersion] = useState(null);
+	const [iOSVersion, setiOSVersion] = useState(null);
+	useEffect(() => {
+		const userAgent = navigator.userAgent;
+		if (userAgent.indexOf("Chrome") !== -1) {
+			setBrowser("Chrome");
+			const version = userAgent.match(/Chrom(e|ium)\/([0-9\.]+)/)[2];
+			setChromeVersion(version);
+		} else if (userAgent.indexOf("Safari") !== -1) setBrowser("Safari");
+		const iOSV = ((userAgent.match(/(CPU|iPhone).*OS (\d+_?\d*)|CPU like Mac OS X/i) || [])[2] || "0").replace("_", ".");
+		const iOSVersion2 = parseFloat(iOSV);
+		setIsiOS(!isNaN(iOSVersion2));
+		if (!isNaN(iOSVersion2)) setiOSVersion(iOSV);
+		if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) setDevice("mobile");
+	}, []);
+	return {
+		browser,
+		device,
+		isiOS,
+		chromeVersion,
+		iOSVersion
+	};
+};
+//#endregion
+export { useMetaInfo as default, useMetaInfo };
+
+//# sourceMappingURL=useMetaInfo.js.map

package/dist/es/Functions/useMetaInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetaInfo.js","names":["iOSVersion"],"sources":["../../../src/Functions/useMetaInfo.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useMetaInfo = () => {\n  const [browser, setBrowser] = useState(\"Other\");\n  const [device, setDevice] = useState(\"desktop\");\n  const [isiOS, setIsiOS] = useState(false);\n  const [chromeVersion, setChromeVersion] = useState(null);\n  const [iOSVersion, setiOSVersion] = useState(null);\n\n  useEffect(() => {\n    const userAgent = navigator.userAgent;\n\n    if (userAgent.indexOf(\"Chrome\") !== -1) {\n      setBrowser(\"Chrome\");\n\n      // Извлечение версии Chrome\n      const version = userAgent.match(/Chrom(e|ium)\\/([0-9\\.]+)/)[2];\n      setChromeVersion(version);\n    } else if (userAgent.indexOf(\"Safari\") !== -1) setBrowser(\"Safari\");\n\n    const iOSV = (\n      (userAgent.match(/(CPU|iPhone).*OS (\\d+_?\\d*)|CPU like Mac OS X/i) ||\n        [])[2] || \"0\"\n    ).replace(\"_\", \".\");\n    const iOSVersion = parseFloat(iOSV);\n\n    setIsiOS(!isNaN(iOSVersion));\n    if (!isNaN(iOSVersion)) {\n      setiOSVersion(iOSV); // Записываем версию iOS\n    }\n\n    if (\n      /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n        userAgent,\n      )\n    )\n      setDevice(\"mobile\");\n  }, []);\n\n  return { browser, device, isiOS, chromeVersion, iOSVersion }; // Возврат версий Chrome и iOS\n};\n\nexport default useMetaInfo;\n"],"mappings":";;AAEO,IAAM,oBAAoB;CAC/B,MAAM,CAAC,SAAS,cAAc,SAAS,OAAO;CAC9C,MAAM,CAAC,QAAQ,aAAa,SAAS,SAAS;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CACxC,MAAM,CAAC,eAAe,oBAAoB,SAAS,IAAI;CACvD,MAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;CAEjD,gBAAgB;EACd,MAAM,YAAY,UAAU;EAE5B,IAAI,UAAU,QAAQ,QAAQ,MAAM,IAAI;GACtC,WAAW,QAAQ;GAGnB,MAAM,UAAU,UAAU,MAAM,0BAA0B,CAAA,CAAE;GAC5D,iBAAiB,OAAO;EAC1B,OAAA,IAAW,UAAU,QAAQ,QAAQ,MAAM,IAAI,WAAW,QAAQ;EAElE,MAAM,SACH,UAAU,MAAM,gDAAgD,KAC/D,CAAC,EAAA,CAAG,MAAM,IAAA,CACZ,QAAQ,KAAK,GAAG;EAClB,MAAMA,cAAa,WAAW,IAAI;EAElC,SAAS,CAAC,MAAMA,WAAU,CAAC;EAC3B,IAAI,CAAC,MAAMA,WAAU,GACnB,cAAc,IAAI;EAGpB,IACE,iEAAiE,KAC/D,SACF,GAEA,UAAU,QAAQ;CACtB,GAAG,CAAC,CAAC;CAEL,OAAO;EAAE;EAAS;EAAQ;EAAO;EAAe;CAAW;AAC7D"}

package/dist/es/Functions/useMouseUpOutside.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+//#region src/Functions/useMouseUpOutside.js
+function useMouseUpOutside(ref, setOut, open) {
+	function handleMouseUpOutside(event) {
+		if (ref.current && !ref.current.contains(event.target)) setOut(open);
+	}
+	useEffect(() => {
+		document.addEventListener("mouseup", handleMouseUpOutside);
+		return () => {
+			document.removeEventListener("mouseup", handleMouseUpOutside);
+		};
+	}, [ref]);
+}
+//#endregion
+export { useMouseUpOutside as default };
+
+//# sourceMappingURL=useMouseUpOutside.js.map

package/dist/es/Functions/useMouseUpOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseUpOutside.js","names":[],"sources":["../../../src/Functions/useMouseUpOutside.js"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport default function useMouseUpOutside(ref, setOut, open) {\n  function handleMouseUpOutside(event) {\n    if (ref.current && !ref.current.contains(event.target)) {\n      setOut(open);\n    }\n  }\n\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", handleMouseUpOutside);\n    return () => {\n      document.removeEventListener(\"mouseup\", handleMouseUpOutside);\n    };\n  }, [ref]);\n}\n"],"mappings":";;AAEA,SAAwB,kBAAkB,KAAK,QAAQ,MAAM;CAC3D,SAAS,qBAAqB,OAAO;EACnC,IAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,MAAM,GACnD,OAAO,IAAI;CAEf;CAEA,gBAAgB;EACd,SAAS,iBAAiB,WAAW,oBAAoB;EACzD,aAAa;GACX,SAAS,oBAAoB,WAAW,oBAAoB;EAC9D;CACF,GAAG,CAAC,GAAG,CAAC;AACV"}

package/dist/es/Functions/useOnlineStatus.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+//#region src/Functions/useOnlineStatus.js
+var useOnlineStatus = () => {
+	function getOnlineStatus() {
+		return typeof navigator !== "undefined" && typeof navigator.onLine === "boolean" ? navigator.onLine : true;
+	}
+	const [onlineStatus, setOnlineStatus] = useState(getOnlineStatus());
+	const goOnline = () => setOnlineStatus(true);
+	const goOffline = () => setOnlineStatus(false);
+	useEffect(() => {
+		window.addEventListener("online", goOnline);
+		window.addEventListener("offline", goOffline);
+		return () => {
+			window.removeEventListener("online", goOnline);
+			window.removeEventListener("offline", goOffline);
+		};
+	}, []);
+	return onlineStatus;
+};
+//#endregion
+export { useOnlineStatus as default };
+
+//# sourceMappingURL=useOnlineStatus.js.map

package/dist/es/Functions/useOnlineStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnlineStatus.js","names":[],"sources":["../../../src/Functions/useOnlineStatus.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nconst useOnlineStatus = () => {\n  function getOnlineStatus() {\n    return typeof navigator !== \"undefined\" &&\n      typeof navigator.onLine === \"boolean\"\n      ? navigator.onLine\n      : true;\n  }\n  const [onlineStatus, setOnlineStatus] = useState(getOnlineStatus());\n\n  const goOnline = () => setOnlineStatus(true);\n\n  const goOffline = () => setOnlineStatus(false);\n\n  useEffect(() => {\n    window.addEventListener(\"online\", goOnline);\n    window.addEventListener(\"offline\", goOffline);\n\n    return () => {\n      window.removeEventListener(\"online\", goOnline);\n      window.removeEventListener(\"offline\", goOffline);\n    };\n  }, []);\n\n  return onlineStatus;\n};\n\nexport default useOnlineStatus;\n"],"mappings":";;AAEA,IAAM,wBAAwB;CAC5B,SAAS,kBAAkB;EACzB,OAAO,OAAO,cAAc,eAC1B,OAAO,UAAU,WAAW,YAC1B,UAAU,SACV;CACN;CACA,MAAM,CAAC,cAAc,mBAAmB,SAAS,gBAAgB,CAAC;CAElE,MAAM,iBAAiB,gBAAgB,IAAI;CAE3C,MAAM,kBAAkB,gBAAgB,KAAK;CAE7C,gBAAgB;EACd,OAAO,iBAAiB,UAAU,QAAQ;EAC1C,OAAO,iBAAiB,WAAW,SAAS;EAE5C,aAAa;GACX,OAAO,oBAAoB,UAAU,QAAQ;GAC7C,OAAO,oBAAoB,WAAW,SAAS;EACjD;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}

package/dist/es/Functions/usePasswordChecker.js

@@ -0,0 +1,116 @@
+import cn from "classnames";
+import { useState } from "react";
+import { jsxs } from "react/jsx-runtime";
+//#region src/Functions/usePasswordChecker.js
+function usePasswordChecker({ label = "Password must:" } = {}) {
+	const [checkRules, setCheckRules] = useState([]);
+	const addCheckRule = (data) => setCheckRules((state) => [...state, data]);
+	const handleCheckRule = (type, props = {}, value = "") => {
+		const { min, max } = props;
+		switch (type) {
+			case "len":
+				if (min && value.length < min) return false;
+				if (max && value.length > max) return false;
+				return true;
+			case "lowerCaseContains": {
+				const toUpperCase = value.slice().toUpperCase().split("");
+				return value.slice().split("").reduce((isMatch, char, i) => {
+					if (char !== toUpperCase[i]) isMatch = true;
+					return isMatch;
+				}, false);
+			}
+			case "upperCaseContains": {
+				const toLowerCase = value.slice().toLowerCase().split("");
+				return value.slice().split("").reduce((isMatch, char, i) => {
+					if (char !== toLowerCase[i]) isMatch = true;
+					return isMatch;
+				}, false);
+			}
+			case "numberContains": return value.slice().split("").reduce((isMatch, char) => {
+				if (Number.isInteger(parseInt(char, 10))) isMatch = true;
+				return isMatch;
+			}, false);
+			case "specialContains": return value.slice().split("").reduce((isMatch, char) => {
+				if (!Number.isInteger(parseInt(char, 10)) && !char.match(/[a-z]/i)) isMatch = true;
+				return isMatch;
+			}, false);
+			default: return false;
+		}
+	};
+	const testCheckRules = (value) => {
+		let result = true;
+		setCheckRules((state) => {
+			return [...state].map((rule) => {
+				const isMatch = handleCheckRule(rule.type, rule.props, value);
+				if (!isMatch) result = false;
+				return {
+					...rule,
+					isMatch
+				};
+			});
+		});
+		return result;
+	};
+	const renderPasswordChecker = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "password-checker",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "password-checker__header",
+					children: [/* @__PURE__ */ jsxs("label", {
+						className: "password-checker__header-label",
+						children: [
+							" ",
+							label,
+							" "
+						]
+					}), " "]
+				}),
+				" ",
+				/* @__PURE__ */ jsxs("div", {
+					className: "password-checker__body",
+					children: [
+						" ",
+						checkRules.map(({ icon, text, isMatch, key }) => /* @__PURE__ */ jsxs("div", {
+							className: cn("password-checker__body-item", {
+								"password-checker__body-item--match": isMatch && isMatch !== null,
+								"password-checker__body-item--dont-match": !isMatch && isMatch !== null
+							}),
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "password-checker__body-item__icon",
+									children: [
+										" ",
+										icon,
+										" "
+									]
+								}),
+								" ",
+								/* @__PURE__ */ jsxs("div", {
+									className: "password-checker__body-item__text",
+									children: [
+										" ",
+										text,
+										" "
+									]
+								}),
+								" "
+							]
+						}, key)),
+						" "
+					]
+				}),
+				" "
+			]
+		});
+	};
+	return {
+		addCheckRule,
+		testCheckRules,
+		renderPasswordChecker
+	};
+}
+//#endregion
+export { usePasswordChecker as default };
+
+//# sourceMappingURL=usePasswordChecker.js.map