intelicoreact 1.3.22 → 1.3.24

package/dist/Functions/schemas.js

@@ -8,18 +8,18 @@ var yup = _interopRequireWildcard(require("yup"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const forgotSchema = exports.forgotSchema = yup.object().shape({
-  email: yup.string().email('Invalid email').required('E-mail is required')
+  email: yup.string().email("Invalid email").required("E-mail is required")
 });
 const loginSchema = exports.loginSchema = yup.object().shape({
-  email: yup.string().email('Invalid email').required('E-mail is required'),
-  password: yup.string().required('No password provided').min(8, 'Password is too short - should be 8 chars minimum').matches(/[a-zA-Z]/, 'Password can only contain Latin letters'),
+  email: yup.string().email("Invalid email").required("E-mail is required"),
+  password: yup.string().required("No password provided").min(8, "Password is too short - should be 8 chars minimum").matches(/[a-zA-Z]/, "Password can only contain Latin letters"),
   remember: yup.bool()
 });
 const registerSchema = exports.registerSchema = yup.object().shape({
-  name: yup.string().required('Name is required'),
-  email: yup.string().email('Invalid email').required('E-mail is required'),
-  password: yup.string().required('No password provided').min(8, 'Password is too short - should be 8 chars minimum').matches(/[a-zA-Z]/, 'Password can only contain Latin letters'),
-  confirmPassword: yup.string().required('Confirm password').oneOf([yup.ref('password')], 'Passwords must match'),
+  name: yup.string().required("Name is required"),
+  email: yup.string().email("Invalid email").required("E-mail is required"),
+  password: yup.string().required("No password provided").min(8, "Password is too short - should be 8 chars minimum").matches(/[a-zA-Z]/, "Password can only contain Latin letters"),
+  confirmPassword: yup.string().required("Confirm password").oneOf([yup.ref("password")], "Passwords must match"),
   promo: yup.string(),
-  recaptcha: yup.bool().oneOf([true], 'Field must be checked')
+  recaptcha: yup.bool().oneOf([true], "Field must be checked")
 });

package/dist/Functions/useBodyScrollLock.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const useBodyScrollLock = isScrollBodyLocked => {
+  (0, _react.useEffect)(() => {
+    if (isScrollBodyLocked) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+    return () => {
+      document.body.style.overflow = "auto";
+    };
+  }, [isScrollBodyLocked]);
+};
+var _default = exports.default = useBodyScrollLock;

package/dist/Functions/useClickOutside.js

@@ -12,9 +12,9 @@ const useClickOutside = (ref, setOut, open) => {
     }
   }
   (0, _react.useEffect)(() => {
-    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener("mousedown", handleClickOutside);
     return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [ref]);
 };

package/dist/Functions/useFieldFocus.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useFieldsFocus;
 var _react = require("react");
-/**
- * It adds refs to each field in the form, and provides a function to set focus to a field by key
- * @returns An object with two functions.
- */
 function useFieldsFocus(_ref) {
   let {
     form,
     setForm
   } = _ref;
-  const isFormAsObject = Boolean(typeof form === 'object' && !Array.isArray(form));
+  const isFormAsObject = Boolean(typeof form === "object" && !Array.isArray(form));
   const getField = key => {
     if (isFormAsObject) {
       var _form$key, _Object$values;
@@ -60,12 +56,12 @@ function useFieldsFocus(_ref) {
   const toggleFieldFocus = _ref2 => {
     let {
       field,
-      action = 'focus'
+      action = "focus"
     } = _ref2;
     if (!field || !(field !== null && field !== void 0 && field.ref)) return null;
     setTimeout(() => {
       var _field$ref$current;
-      (_field$ref$current = field.ref.current) === null || _field$ref$current === void 0 || (_field$ref$current = _field$ref$current.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || 'input')) === null || _field$ref$current === void 0 || _field$ref$current[action]();
+      (_field$ref$current = field.ref.current) === null || _field$ref$current === void 0 || (_field$ref$current = _field$ref$current.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || "input")) === null || _field$ref$current === void 0 || _field$ref$current[action]();
     }, 50);
   };
   const setFocusTo = key => {

package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js

@@ -28,7 +28,7 @@ function ArrayWithObjects(_ref) {
     return (_getFormFields = getFormFields(argForm)) === null || _getFormFields === void 0 ? void 0 : _getFormFields.find(f => f.key === key);
   };
   const setFormFields = data => {
-    const isFunction = typeof data === 'function';
+    const isFunction = typeof data === "function";
     setForm(state => isFunction ? data(state) : data);
   };
   const setFormField = function (data) {

package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js

@@ -15,17 +15,17 @@ function ObjectWithIterableObjects(_ref) {
       args[_key] = arguments[_key];
     }
     const [mainArg] = args;
-    const MainArgProto = Array.isArray(mainArg) ? 'Array' : typeof mainArg === 'object' ? 'Object' : undefined;
-    const template = Array.isArray(mainArg) ? [] : typeof mainArg === 'object' ? {} : null;
+    const MainArgProto = Array.isArray(mainArg) ? "Array" : typeof mainArg === "object" ? "Object" : undefined;
+    const template = Array.isArray(mainArg) ? [] : typeof mainArg === "object" ? {} : null;
     if (!template) return undefined;
     return args.reduce((result, item) => {
-      if (MainArgProto === 'Array') {
+      if (MainArgProto === "Array") {
         if (Array.isArray(item)) {
           return [...result, ...item];
         } else {
           return [...result, item];
         }
-      } else if (MainArgProto === 'Object') {
+      } else if (MainArgProto === "Object") {
         return {
           ...result,
           ...item
@@ -38,7 +38,7 @@ function ObjectWithIterableObjects(_ref) {
   const getFieldData = key => {
     if (Array.isArray(FormFields)) {
       return FormFields[key] || FormFields.find(f => f.key === key);
-    } else if (typeof FormFields === 'object') {
+    } else if (typeof FormFields === "object") {
       return FormFields[key] || Object.values(FormFields).find(f => f.key === key);
     } else {
       return undefined;
@@ -49,10 +49,10 @@ function ObjectWithIterableObjects(_ref) {
   };
   const getFormField = key => {
     // eslint-disable-next-line no-undef
-    if (FormProto === 'Array') {
+    if (FormProto === "Array") {
       return getFormFields().find(field => field.key === key);
       // eslint-disable-next-line no-undef
-    } else if (FormProto === 'Object') {
+    } else if (FormProto === "Object") {
       return Object.values(getFormFields()).find(field => field.key === key) || Object.keys(getFormFields()).reduce((result, field) => {
         if (field === key) result = getFormFields()[field];
         return result;
@@ -62,7 +62,7 @@ function ObjectWithIterableObjects(_ref) {
     }
   };
   const setFormFields = data => {
-    const isFunction = typeof data === 'function';
+    const isFunction = typeof data === "function";
     setForm(state => {
       if (state.fields) {
         return {
@@ -76,7 +76,7 @@ function ObjectWithIterableObjects(_ref) {
   };
   const setFormField = function (data) {
     let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    const isFunction = typeof data === 'function';
+    const isFunction = typeof data === "function";
     setFormFields(fields => {
       const pop = (fields, key) => {
         const result = {
@@ -86,13 +86,13 @@ function ObjectWithIterableObjects(_ref) {
         result.item = fields[key] || fields.find(f => f.key === key);
         if (!result.item) return result;
         if (Array.isArray(fields)) {
-          const index = parseInt(key);
+          const index = parseInt(key, 10);
           if (!isNaN(index)) {
             result.fields.splice(key, 1);
           } else {
             result.fields = result.fields.filter(f => f.key !== key);
           }
-        } else if (typeof fields === 'object') {
+        } else if (typeof fields === "object") {
           result.fields = Object.values(fields).reduce((object, _ref2) => {
             let {
               key: fKey

package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js

@@ -32,7 +32,7 @@ function ObjectWithNamedKeyObjects() {
     }, null));
   };
   const setFormFields = data => {
-    const isFunction = typeof data === 'function';
+    const isFunction = typeof data === "function";
     setForm(state => {
       if (state.fields) {
         return {

package/dist/Functions/useFormTools/functions/General.js

@@ -14,17 +14,17 @@ function General() {
       args[_key] = arguments[_key];
     }
     const [mainArg] = args;
-    const MainArgProto = Array.isArray(mainArg) ? 'Array' : typeof mainArg === 'object' ? 'Object' : undefined;
-    const template = Array.isArray(mainArg) ? [] : typeof mainArg === 'object' ? {} : null;
+    const MainArgProto = Array.isArray(mainArg) ? "Array" : typeof mainArg === "object" ? "Object" : undefined;
+    const template = Array.isArray(mainArg) ? [] : typeof mainArg === "object" ? {} : null;
     if (!template) return undefined;
     return args.reduce((result, item) => {
-      if (MainArgProto === 'Array') {
+      if (MainArgProto === "Array") {
         if (Array.isArray(item)) {
           return [...result, ...item];
         } else {
           return [...result, item];
         }
-      } else if (MainArgProto === 'Object') {
+      } else if (MainArgProto === "Object") {
         return {
           ...result,
           ...item
@@ -45,7 +45,7 @@ function General() {
           ...FormFields.find(f => f.key === key)
         };
       }
-    } else if (typeof FormFields === 'object') {
+    } else if (typeof FormFields === "object") {
       return {
         ...FormFields[key]
       } || {
@@ -61,7 +61,7 @@ function General() {
   };
   const getFormFieldsAsArray = fields => {
     if (Array.isArray(fields)) return fields;
-    if (typeof fields === 'object') {
+    if (typeof fields === "object") {
       return Object.values(fields);
     }
     return fields;
@@ -74,7 +74,7 @@ function General() {
       } = _ref;
       return key;
     });
-    if (typeof fields === 'object') {
+    if (typeof fields === "object") {
       return Object.values(fields).map(_ref2 => {
         let {
           key
@@ -92,14 +92,14 @@ function General() {
     if (Array.isArray(fields)) {
       result.item = fields === null || fields === void 0 ? void 0 : fields.find(f => f.key === key);
       result.itemIndex = result.item ? fields.findIndex(f => f.key === key) : fields.length;
-    } else if (typeof fields === 'object') {
+    } else if (typeof fields === "object") {
       result.item = fields[key] || Object.values(fields).find(f => f.key === key);
       result.itemIndex = result.item ? fields[key] ? key : Object.values(fields).findIndex(f => f.key === key) : key;
     }
     return result;
   };
   const updateFormField = (fields, data, key) => {
-    const isFunction = typeof data === 'function';
+    const isFunction = typeof data === "function";
     //KEY is NULLable
     if (!key) {
       return data.key ? Object.values(fields).reduce((result, field, i) => {

package/dist/Functions/useFormTools/functions/RenderFields.js

@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = RenderFields;
 const defaultRenderFieldComponent = () => {
   // eslint-disable-next-line no-console
-  console.error('RenderFields: RenderFieldComponent Property is not recieved!');
+  console.error("RenderFields: RenderFieldComponent Property is not recieved!");
   return null;
 };
 const defaultFormDataDriver = () => {
   // eslint-disable-next-line no-console
-  console.error('RenderFields: FormDataDriver Property is not recieved!');
+  console.error("RenderFields: FormDataDriver Property is not recieved!");
   return null;
 };
 const defaultOnFieldChange = () => {
   // eslint-disable-next-line no-console
-  console.warn('RenderFields: Be careful, onFieldChange handler is not recieved!');
+  console.warn("RenderFields: Be careful, onFieldChange handler is not recieved!");
   return null;
 };
 const defaultOnFieldBlur = () => {
   // eslint-disable-next-line no-console
-  console.warn('RenderFields: Be careful, defaultOnFieldBlur handler is not recieved!');
+  console.warn("RenderFields: Be careful, defaultOnFieldBlur handler is not recieved!");
   return null;
 };
 function RenderFields() {
@@ -56,7 +56,7 @@ function RenderFields() {
       return /*#__PURE__*/React.createElement("div", {
         key: "render-field-wrapper-".concat(key),
         id: "render-field-wrapper-".concat(key),
-        ref: wrapperRef ? typeof wrapperRef === 'function' ? node => wrapperRef(node, key) : wrapperRef : null
+        ref: wrapperRef ? typeof wrapperRef === "function" ? node => wrapperRef(node, key) : wrapperRef : null
       }, /*#__PURE__*/React.createElement(RenderFieldComponent, {
         key: key,
         field: field,
@@ -85,7 +85,7 @@ function RenderFields() {
       className: "row"
     }, parts.map((part, i) => /*#__PURE__*/React.createElement("div", {
       key: "render-fields-row-".concat(i),
-      className: "col-12 col-lg-".concat(parseInt(maxWidth / columnsQty))
+      className: "col-12 col-lg-".concat(parseInt(maxWidth / columnsQty, 10))
     }, part.map(renderFormField))));
   };
   const render = cols === 1 ? renderSingleColumn : renderSplitColumns;

package/dist/Functions/useFormTools/index.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useFormTools;
-var _react = _interopRequireWildcard(require("react"));
-var _General = _interopRequireDefault(require("./functions/General"));
+var _react = require("react");
 var _ArrayWithObjects = _interopRequireDefault(require("./form-drivers/ArrayWithObjects"));
 var _ObjectWithIterableObjects = _interopRequireDefault(require("./form-drivers/ObjectWithIterableObjects"));
 var _ObjectWithNamedKeyObjects = _interopRequireDefault(require("./form-drivers/ObjectWithNamedKeyObjects"));
+var _General = _interopRequireDefault(require("./functions/General"));
 var _RenderFields = _interopRequireDefault(require("./functions/RenderFields"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // eslint-disable-next-line no-unused-vars
 
 const DefaultFocusControllerProps = {
@@ -25,7 +23,7 @@ function useFormTools() {
     setForm,
     FormType,
     FormFields,
-    FormDataDriverName = 'ArrayWithObjects' || 'ObjectWithIterableObjects' || 'ObjectWithNamedKeyObjects',
+    FormDataDriverName = "ArrayWithObjects" || "ObjectWithIterableObjects" || "ObjectWithNamedKeyObjects",
     FormDataDriver = null,
     FocusControllerProps = DefaultFocusControllerProps,
     goToNextFieldOnEnterPressed = true
@@ -99,7 +97,7 @@ function useFormTools() {
     });
   };
   const onChangeObserver = (key, value) => {
-    if (!onChangeObservers[key] || typeof onChangeObservers[key] !== 'object') return;
+    if (!onChangeObservers[key] || typeof onChangeObservers[key] !== "object") return;
     const Observers = onChangeObservers[key];
     Object.values(Observers).map(cb => {
       cb({
@@ -115,7 +113,7 @@ function useFormTools() {
     onChangeObserver(key, value);
     setFormField(field => ({
       ...field,
-      error: '',
+      error: "",
       value
     }), key);
   };
@@ -215,11 +213,11 @@ function useFormTools() {
         return renderFormFields.reduce((result, key) => {
           var _field$className;
           const fieldData = getFieldData(key);
-          let field = !getFormField(key) ? fieldData : getFormField(key);
+          const field = getFormField(key) ? getFormField(key) : fieldData;
           if (!(field !== null && field !== void 0 && field.className) || (field === null || field === void 0 || (_field$className = field.className) === null || _field$className === void 0 ? void 0 : _field$className.indexOf(getFieldClassName(key, FormType))) === -1) {
             field.className = "".concat(field === null || field === void 0 ? void 0 : field.className, " ").concat(getFieldClassName(key, FormType));
           }
-          if (typeof (fieldData === null || fieldData === void 0 ? void 0 : fieldData.label) === 'object') {
+          if (typeof (fieldData === null || fieldData === void 0 ? void 0 : fieldData.label) === "object") {
             field.label = fieldData.label[FormType] || fieldData.label.default;
           }
           field.ref = /*#__PURE__*/(0, _react.createRef)();
@@ -237,14 +235,14 @@ function useFormTools() {
           // eslint-disable-next-line no-use-before-define
           addOnFieldRenderedObserver(key, () => {
             var _getFormField2;
-            const element = (_getFormField2 = getFormField(key)) === null || _getFormField2 === void 0 || (_getFormField2 = _getFormField2.ref) === null || _getFormField2 === void 0 || (_getFormField2 = _getFormField2.current) === null || _getFormField2 === void 0 ? void 0 : _getFormField2.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || 'input');
+            const element = (_getFormField2 = getFormField(key)) === null || _getFormField2 === void 0 || (_getFormField2 = _getFormField2.ref) === null || _getFormField2 === void 0 || (_getFormField2 = _getFormField2.current) === null || _getFormField2 === void 0 ? void 0 : _getFormField2.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || "input");
             const handler = () => setFormField({
               isValueChangedByUser: true
             }, key);
-            element === null || element === void 0 || element.addEventListener('paste', handler, {
+            element === null || element === void 0 || element.addEventListener("paste", handler, {
               once: true
             });
-            element === null || element === void 0 || element.addEventListener('keypress', handler, {
+            element === null || element === void 0 || element.addEventListener("keypress", handler, {
               once: true
             });
           }, true);
@@ -331,9 +329,9 @@ function useFormTools() {
     filtered === null || filtered === void 0 || filtered.map(field => {
       const formField = document.querySelector(".".concat(field === null || field === void 0 ? void 0 : field.className));
       if (!formField) return null;
-      formField.classList.remove('errorLabelHightlite');
+      formField.classList.remove("errorLabelHightlite");
       if (field !== null && field !== void 0 && field.error) {
-        formField.classList.add('errorLabelHightlite');
+        formField.classList.add("errorLabelHightlite");
       }
       return null;
     });
@@ -358,17 +356,17 @@ function useFormTools() {
       form: argForm,
       field
     } = _ref;
-    let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'focus';
+    let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "focus";
     if (!key && !field) return null;
     if (!argForm) argForm = form;
     const formField = field || getFormField(key, argForm);
     if (!formField || !formField.ref) {
       return false;
     }
-    if (action === 'focus' && FocusControllerProps.onlyEmptyFieldAutoFocus && Boolean(formField === null || formField === void 0 ? void 0 : formField.value)) return null;
+    if (action === "focus" && FocusControllerProps.onlyEmptyFieldAutoFocus && Boolean(formField === null || formField === void 0 ? void 0 : formField.value)) return null;
     setTimeout(() => {
       var _formField$ref$curren;
-      (_formField$ref$curren = formField.ref.current) === null || _formField$ref$curren === void 0 || (_formField$ref$curren = _formField$ref$curren.querySelector((formField === null || formField === void 0 ? void 0 : formField.focusSelector) || 'input')) === null || _formField$ref$curren === void 0 || _formField$ref$curren[action]();
+      (_formField$ref$curren = formField.ref.current) === null || _formField$ref$curren === void 0 || (_formField$ref$curren = _formField$ref$curren.querySelector((formField === null || formField === void 0 ? void 0 : formField.focusSelector) || "input")) === null || _formField$ref$curren === void 0 || _formField$ref$curren[action]();
       cb();
     }, 50);
   };
@@ -384,7 +382,7 @@ function useFormTools() {
       cb,
       form: argForm,
       field
-    }, 'focus');
+    }, "focus");
   };
   const setFieldBlur = _ref3 => {
     let {
@@ -398,7 +396,7 @@ function useFormTools() {
       cb,
       form: argForm,
       field
-    }, 'blur');
+    }, "blur");
   };
   const setFirstFieldFocus = () => {
     var _field;
@@ -541,7 +539,7 @@ function useFormTools() {
     });
   };
   const onFieldRenderedObserver = (key, data) => {
-    if (!onFieldRenderedObservers[key] || typeof onFieldRenderedObservers[key] !== 'object') return;
+    if (!onFieldRenderedObservers[key] || typeof onFieldRenderedObservers[key] !== "object") return;
     const Observers = onFieldRenderedObservers[key];
     const FilteredObservers = Object.values(Observers).filter(observer => !(observer !== null && observer !== void 0 && observer.isObserverWorkedOut));
     if (FilteredObservers.length === 0) return null;

package/dist/Functions/useInputHighlightError.js

@@ -19,11 +19,11 @@ const useInputHighlightError = _ref => {
   const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
   const [prevValue, setPreviousValue] = (0, _react.useState)(value);
   function hasHighlightError(e) {
-    const changedValue = "".concat(value !== null && value !== void 0 ? value : '');
-    const previousValue = "".concat(prevValue !== null && prevValue !== void 0 ? prevValue : '');
+    const changedValue = "".concat(value !== null && value !== void 0 ? value : "");
+    const previousValue = "".concat(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) => {
+    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]);
@@ -34,9 +34,9 @@ const useInputHighlightError = _ref => {
       countOn: true,
       differences: []
     });
-    const samePart = infoAboutDifferencesSameness.same.join('');
+    const samePart = infoAboutDifferencesSameness.same.join("");
     const differencesLength = infoAboutDifferencesSameness.differences.length;
-    const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+    const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
     if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
   }
   (0, _react.useEffect)(() => {

package/dist/Functions/useKeyPress/useHandleKeyPress.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useKeyPress = _interopRequireDefault(require("./useKeyPress"));
+/**
+ * @function useHandleKeyPress
+ * @param {Object} props - объект с действиями и состоянием обновления.
+ * @param {Function} props.escCallback - функция, которая вызывается при нажатии клавиши 'Escape'.
+ * @param {Function} props.enterCallback - функция, которая вызывается при нажатии клавиши 'Enter'.
+ * @returns {void} - возвращает null.
+ * @description
+ * Хук `useHandleKeyPress` используется для создания действий при нажатии определённых клавиш ('Escape' и 'Enter').
+ * Если props.escCallback и props.enterCallback определены и передано состояние обновления (isUpdating) равное false,
+ * то при нажатии на клавиши 'Escape' или 'Enter' будут вызваны соответственные функции обратного вызова (escCallback и enterCallback).
+ *
+ * @example
+ * function Component() {
+ *   useHandleKeyPress({
+ *     escCallback: () => console.log('Esc pressed'),
+ *     enterCallback: () => console.log('Enter pressed'),
+ *   });
+ *
+ *   // ...
+ * }
+ *
+ */
+const useHandleKeyPress = _ref => {
+  let {
+    escCallback,
+    enterCallback
+  } = _ref;
+  const isPressEnter = (0, _useKeyPress.default)("Enter");
+  const isPressEscape = (0, _useKeyPress.default)("Escape");
+  (0, _react.useEffect)(() => {
+    if (isPressEnter && typeof enterCallback === "function") enterCallback();
+    if (isPressEscape && typeof escCallback === "function") escCallback();
+  }, [enterCallback, escCallback, isPressEnter, isPressEscape]);
+};
+var _default = exports.default = useHandleKeyPress;

package/dist/Functions/useKeyPress/useKeyPress.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const useKeyPress = targetKey => {
+  const [keyPressed, setKeyPressed] = (0, _react.useState)(false);
+  const downHandler = (0, _react.useCallback)(_ref => {
+    let {
+      key
+    } = _ref;
+    if (key === targetKey) {
+      setKeyPressed(true);
+    }
+  }, [targetKey]);
+  const upHandler = (0, _react.useCallback)(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    if (key === targetKey) {
+      setKeyPressed(false);
+    }
+  }, [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;
+};
+var _default = exports.default = useKeyPress;

package/dist/Functions/useLocalStorage.js

@@ -5,20 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-/**
- * The useLocalStorage function is a hook that allows you to store and retrieve data from localStorage.
- *
- *
- * @param key Store the value in localstorage
- * @param initialValue Set the initial value of the state
- *
- * @return An array of two values
- *
- * @docauthor Trelent
- */
 const useLocalStorage = (key, initialValue) => {
   const [storedValue, setStoredValue] = (0, _react.useState)(() => {
-    if (typeof window === 'undefined') {
+    if (typeof window === "undefined") {
       return initialValue;
     }
     try {
@@ -34,7 +23,7 @@ const useLocalStorage = (key, initialValue) => {
     try {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
       setStoredValue(valueToStore);
-      if (typeof window !== 'undefined') {
+      if (typeof window !== "undefined") {
         window.localStorage.setItem(key, JSON.stringify(valueToStore));
       }
     } catch (error) {

package/dist/Functions/useLocationParams.js

@@ -10,11 +10,11 @@ function useLocationParams() {
   (0, _react.useEffect)(() => {
     setParams(state => {
       var _window$location$sear;
-      const arr = (_window$location$sear = window.location.search) === null || _window$location$sear === void 0 ? void 0 : _window$location$sear.replace('?', '').split('&');
+      const arr = (_window$location$sear = window.location.search) === null || _window$location$sear === void 0 ? void 0 : _window$location$sear.replace("?", "").split("&");
       return {
         ...state,
         ...arr.reduce((obj, item) => {
-          const keyVal = item.split('=');
+          const keyVal = item.split("=");
           const key = keyVal[0];
           const value = keyVal[1];
           return {

package/dist/Functions/useMetaInfo.js

@@ -6,27 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMetaInfo = exports.default = void 0;
 var _react = require("react");
 const useMetaInfo = () => {
-  const [browser, setBrowser] = (0, _react.useState)('Other');
-  const [device, setDevice] = (0, _react.useState)('desktop');
+  const [browser, setBrowser] = (0, _react.useState)("Other");
+  const [device, setDevice] = (0, _react.useState)("desktop");
   const [isiOS, setIsiOS] = (0, _react.useState)(false);
   const [chromeVersion, setChromeVersion] = (0, _react.useState)(null);
   const [iOSVersion, setiOSVersion] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const userAgent = navigator.userAgent;
-    if (userAgent.indexOf('Chrome') !== -1) {
-      setBrowser('Chrome');
+    if (userAgent.indexOf("Chrome") !== -1) {
+      setBrowser("Chrome");
 
       // Извлечение версии 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('_', '.');
+    } 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 iOSVersion = parseFloat(iOSV);
     setIsiOS(!isNaN(iOSVersion));
     if (!isNaN(iOSVersion)) {
       setiOSVersion(iOSV); // Записываем версию iOS
     }
-    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) setDevice('mobile');
+    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) setDevice("mobile");
   }, []);
   return {
     browser,