intelicoreact 1.6.0 → 1.6.2

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

@@ -1,21 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = require("react");
+import { useEffect, useRef } from "react";
 function usePrevious(value) {
-    const ref = (0, _react.useRef)();
-    (0, _react.useEffect)(()=>{
+    const ref = useRef();
+    useEffect(()=>{
         ref.current = value;
     }, [
         value
     ]);
     return ref.current;
 }
-const _default = usePrevious;
+export default usePrevious;

package/dist/Functions/useFormTools/index.js

@@ -1,44 +1,29 @@
 // eslint-disable-next-line no-unused-vars
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return useFormTools;
-    }
-});
-const _react = require("react");
-const _ArrayWithObjects = /*#__PURE__*/ _interop_require_default(require("./form-drivers/ArrayWithObjects"));
-const _ObjectWithIterableObjects = /*#__PURE__*/ _interop_require_default(require("./form-drivers/ObjectWithIterableObjects"));
-const _ObjectWithNamedKeyObjects = /*#__PURE__*/ _interop_require_default(require("./form-drivers/ObjectWithNamedKeyObjects"));
-const _General = /*#__PURE__*/ _interop_require_default(require("./functions/General"));
-const _RenderFields = /*#__PURE__*/ _interop_require_default(require("./functions/RenderFields"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { createRef, useEffect, useState } from "react";
+import ArrayWithObjects from "./form-drivers/ArrayWithObjects";
+import ObjectWithIterableObjects from "./form-drivers/ObjectWithIterableObjects";
+import ObjectWithNamedKeyObjects from "./form-drivers/ObjectWithNamedKeyObjects";
+import General from "./functions/General";
+import RenderFields from "./functions/RenderFields";
 const DefaultFocusControllerProps = {
     setAutoFocus: true,
     onlyEmptyFieldAutoFocus: false
 };
-function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName = "ArrayWithObjects" || "ObjectWithIterableObjects" || "ObjectWithNamedKeyObjects", FormDataDriver = null, FocusControllerProps = DefaultFocusControllerProps, goToNextFieldOnEnterPressed = true } = {}) {
+export default function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName = "ArrayWithObjects" || "ObjectWithIterableObjects" || "ObjectWithNamedKeyObjects", FormDataDriver = null, FocusControllerProps = DefaultFocusControllerProps, goToNextFieldOnEnterPressed = true } = {}) {
     FocusControllerProps = {
         ...DefaultFocusControllerProps,
         ...FocusControllerProps
     };
     const FormDataDrivers = {
         ArrayWithObjects: {
-            handlers: _ArrayWithObjects.default,
+            handlers: ArrayWithObjects,
             default: true
         },
         ObjectWithIterableObjects: {
-            handlers: _ObjectWithIterableObjects.default
+            handlers: ObjectWithIterableObjects
         },
         ObjectWithNamedKeyObjects: {
-            handlers: _ObjectWithNamedKeyObjects.default
+            handlers: ObjectWithNamedKeyObjects
         }
     };
     const getFormDataDriver = (name)=>{
@@ -48,7 +33,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     const getFormDataDriverInstance = (name, ...args)=>{
         return getFormDataDriver(name)(...args);
     };
-    const { getFieldClassName, updateFormField } = (0, _General.default)();
+    const { getFieldClassName, updateFormField } = General();
     const { getFieldData, getFormField, setFormFields, setFormField, getFormFieldsAsArray, getFormFieldsKeys, removeAllFormFields, removeFormField, removeFormFields } = getFormDataDriverInstance(FormDataDriverName, {
         form,
         setForm,
@@ -56,7 +41,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     });
     ///////////////////////////////////////////////////////////////
     //--- OnChange Observer ---//--- START ---//
-    const [onChangeObservers, setOnChangeObservers] = (0, _react.useState)({});
+    const [onChangeObservers, setOnChangeObservers] = useState({});
     const addOnChangeObserver = (key, cb)=>{
         let observerId = null;
         setOnChangeObservers((state)=>{
@@ -101,7 +86,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     ///////////////////////////////////////////////////////////////
     ///////////////////////////////////////////////////////////////
     //--- Form Submit Blocker ---//--- START ---//
-    const [formSubmitBlockers, setFormSubmitBlockers] = (0, _react.useState)([]);
+    const [formSubmitBlockers, setFormSubmitBlockers] = useState([]);
     const toggleFormSubmitBlock = (key, value)=>{
         setFormSubmitBlockers((state)=>state.includes(key) || !value ? [
                 ...state.filter((k)=>k !== key)
@@ -122,8 +107,8 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     ///////////////////////////////////////////////////////////////
     ///////////////////////////////////////////////////////////////
     //--- Render Fields Controller ---//--- START ---//
-    const [isFormFieldsAdded, setIsFormFieldsAdded] = (0, _react.useState)(false);
-    const [renderFormFields, setRenderFormFieldsState] = (0, _react.useState)([]);
+    const [isFormFieldsAdded, setIsFormFieldsAdded] = useState(false);
+    const [renderFormFields, setRenderFormFieldsState] = useState([]);
     const setRenderFormFields = (data)=>{
         setIsFormFieldsAdded(true);
         // eslint-disable-next-line no-use-before-define
@@ -141,7 +126,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     const removeRenderFields = (fields)=>{
         setRenderFormFieldsState((state)=>state.filter((field)=>!fields.includes(field)));
     };
-    const [isFormRendered, setIsFormRendered] = (0, _react.useState)(false);
+    const [isFormRendered, setIsFormRendered] = useState(false);
     const submitIsFormRendered = ()=>setIsFormRendered(true);
     const resetIsFormRendered = ()=>setIsFormRendered(false);
     const onEnterDown = async (e)=>{
@@ -175,13 +160,13 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
         }
     };
     //On Type Change
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         resetIsFormRendered();
     }, [
         FormType
     ]);
     //On Render Fields Change
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isFormFieldsAdded) resetIsFormRendered(false);
         //Add Form Fields
         if (renderFormFields.length !== 0) {
@@ -196,8 +181,8 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
                     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)();
-                    field.wrapperRef = /*#__PURE__*/ (0, _react.createRef)();
+                    field.ref = /*#__PURE__*/ createRef();
+                    field.wrapperRef = /*#__PURE__*/ createRef();
                     field.isValueChangedByUser = false;
                     if (goToNextFieldOnEnterPressed) {
                         const onKeyDownProp = field.onKeyDown || (()=>{});
@@ -228,7 +213,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     }, [
         renderFormFields
     ]);
-    const [onFormRenderObservers, setOnFormRenderObservers] = (0, _react.useState)([]);
+    const [onFormRenderObservers, setOnFormRenderObservers] = useState([]);
     const addOnFormRenderObserver = (cb, { once = false } = {})=>{
         setOnFormRenderObservers((state)=>[
                 ...state,
@@ -268,7 +253,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
         });
     };
     //On Form Rendered
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isFormRendered && onFormRenderObservers.length) {
             const formFieldsKeys = getFormFieldsKeys(form);
             const isAllFieldsRendered = renderFormFields.reduce((result, key)=>{
@@ -311,7 +296,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
             return null;
         });
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         hightliteErrorLabels();
     }, [
         form
@@ -320,8 +305,8 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     ///////////////////////////////////////////////////////////////
     ///////////////////////////////////////////////////////////////
     //--- Fields Focus Controller ---//--- START ---//
-    const [isInitFocused, setIsInitFocused] = (0, _react.useState)(false);
-    const [autoFocusedField, setAutoFocusedField] = (0, _react.useState)(null);
+    const [isInitFocused, setIsInitFocused] = useState(false);
+    const [autoFocusedField, setAutoFocusedField] = useState(null);
     const setFirstFieldInitFocused = ()=>setIsInitFocused(true);
     const resetIsInitFocused = ()=>setIsInitFocused(false);
     const toggleFieldFocus = ({ key, cb = ()=>{}, form: argForm, field }, action = "focus")=>{
@@ -375,7 +360,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
                 form
             }), 50);
     };
-    const [onFieldFocusCallbacks, setOnFieldFocusCallbacks] = (0, _react.useState)({});
+    const [onFieldFocusCallbacks, setOnFieldFocusCallbacks] = useState({});
     const addOnFieldFocusCallback = (key, cb)=>{
         setOnFieldFocusCallbacks((state)=>{
             const stateCopy = {
@@ -391,7 +376,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
         if (!Array.isArray(onFieldFocusCallbacks[key])) return null;
         (_onFieldFocusCallbacks_key = onFieldFocusCallbacks[key]) === null || _onFieldFocusCallbacks_key === void 0 ? void 0 : _onFieldFocusCallbacks_key.map((cb)=>cb());
     };
-    const [focusOnRenderFields, setFocusOnRenderFields] = (0, _react.useState)([]);
+    const [focusOnRenderFields, setFocusOnRenderFields] = useState([]);
     const addFocusFieldOnRender = (key, cb)=>{
         setFocusOnRenderFields((state)=>[
                 ...state,
@@ -402,7 +387,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     const removeFocusFieldOnRender = (key)=>{
         setFocusOnRenderFields((state)=>state.filter((field)=>field !== key));
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (FocusControllerProps.setAutoFocus && !isInitFocused && !autoFocusedField && isFormRendered) setFirstFieldFocus();
         if (focusOnRenderFields.length) {
             var _getFormFieldsKeys;
@@ -428,12 +413,12 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
         isInitFocused,
         isFormRendered
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setAutoFocusedField(null);
     }, [
         isInitFocused
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         resetIsInitFocused();
     }, [
         FormType
@@ -450,8 +435,8 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
     ///////////////////////////////////////////////////////////////
     ///////////////////////////////////////////////////////////////
     //--- OnFieldRendered Observer ---//--- START ---//
-    const [onFieldRenderedObservers, setOnFieldRenderedObservers] = (0, _react.useState)({});
-    const [isFieldObserversReset, setIsFieldObserversReset] = (0, _react.useState)(false);
+    const [onFieldRenderedObservers, setOnFieldRenderedObservers] = useState({});
+    const [isFieldObserversReset, setIsFieldObserversReset] = useState(false);
     const resetOnFieldRenderObserversWorkedOut = ()=>{
         if (!isFieldObserversReset && renderFormFields.length) {
             renderFormFields.map((key)=>{
@@ -530,13 +515,13 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
             };
         });
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         resetOnFieldRenderObserversWorkedOut();
         onRenderObserverWorker();
     }, [
         form
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setIsFieldObserversReset(false);
     }, [
         FormType
@@ -638,7 +623,7 @@ function useFormTools({ form, setForm, FormType, FormFields, FormDataDriverName
         addOnFormRenderObserver,
         submitIsFormRendered,
         resetIsFormRendered,
-        renderFields: ({ form: argForm = form, fields: argFields = renderFormFields, cols: argCols = 1, RenderFieldComponent })=>(0, _RenderFields.default)({
+        renderFields: ({ form: argForm = form, fields: argFields = renderFormFields, cols: argCols = 1, RenderFieldComponent })=>RenderFields({
                 form: argForm,
                 fields: argFields,
                 cols: argCols,

package/dist/Functions/useInputHighlightError.js

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

package/dist/Functions/useIsMobile/index.js

@@ -1,17 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("./useIsMobile"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = _useIsMobile.default;
+import useIsMobile from './useIsMobile';
+export default useIsMobile;

package/dist/Functions/useIsMobile/useIsMobile.js

@@ -1,14 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = require("react");
+import { useEffect, useState } from 'react';
 /**
  * Hook to detect if the current device is a mobile device
  * @param props - Configuration options
@@ -18,8 +8,8 @@ const _react = require("react");
     const getIsMobile = ()=>{
         return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
     };
-    const [isMobile, setIsMobile] = (0, _react.useState)(getIsMobile());
-    (0, _react.useEffect)(()=>{
+    const [isMobile, setIsMobile] = useState(getIsMobile());
+    useEffect(()=>{
         if (getIsMobile()) {
             setIsMobile(true);
         }
@@ -30,4 +20,4 @@ const _react = require("react");
         isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768)
     };
 }
-const _default = useIsMobile;
+export default useIsMobile;

package/dist/Functions/useIsMobile/useIsMobile.test.js

@@ -1,14 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _react = require("@testing-library/react");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("./useIsMobile"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { renderHook } from '@testing-library/react';
+import useIsMobile from './useIsMobile';
 describe('useIsMobile', ()=>{
     const originalNavigator = window.navigator;
     const originalScreen = window.screen;
@@ -40,19 +31,19 @@ describe('useIsMobile', ()=>{
     it('should detect mobile device based on user agent', ()=>{
         mockUserAgent('iPhone');
         mockScreenWidth(375);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
+        const { result } = renderHook(()=>useIsMobile());
         expect(result.current.isMobile).toBe(true);
     });
     it('should detect desktop device based on user agent', ()=>{
         mockUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36');
         mockScreenWidth(1920);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
+        const { result } = renderHook(()=>useIsMobile());
         expect(result.current.isMobile).toBe(false);
     });
     it('should respect width check when isWithoutWidthCheck is false', ()=>{
         mockUserAgent('iPhone');
         mockScreenWidth(1024);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)({
+        const { result } = renderHook(()=>useIsMobile({
                 isWithoutWidthCheck: false
             }));
         expect(result.current.isMobile).toBe(false);
@@ -60,7 +51,7 @@ describe('useIsMobile', ()=>{
     it('should ignore width check when isWithoutWidthCheck is true', ()=>{
         mockUserAgent('iPhone');
         mockScreenWidth(1024);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)({
+        const { result } = renderHook(()=>useIsMobile({
                 isWithoutWidthCheck: true
             }));
         expect(result.current.isMobile).toBe(true);
@@ -80,7 +71,7 @@ describe('useIsMobile', ()=>{
             it(`should detect ${device} as mobile device`, ()=>{
                 mockUserAgent(device);
                 mockScreenWidth(375);
-                const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
+                const { result } = renderHook(()=>useIsMobile());
                 expect(result.current.isMobile).toBe(true);
             });
         });
@@ -88,7 +79,7 @@ describe('useIsMobile', ()=>{
     it('should update isMobile state when userAgent changes', ()=>{
         mockUserAgent('Desktop');
         mockScreenWidth(1920);
-        const { result, rerender } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
+        const { result, rerender } = renderHook(()=>useIsMobile());
         expect(result.current.isMobile).toBe(false);
         mockUserAgent('iPhone');
         mockScreenWidth(375);
@@ -96,7 +87,7 @@ describe('useIsMobile', ()=>{
         expect(result.current.isMobile).toBe(true);
     });
     it('should return only isMobile property', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
+        const { result } = renderHook(()=>useIsMobile());
         expect(Object.keys(result.current)).toEqual([
             'isMobile'
         ]);

package/dist/Functions/useKeyPress/useHandleKeyPress.js

@@ -1,20 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = require("react");
-const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { useEffect } from 'react';
+import useKeyPress from './useKeyPress';
 /**
  * A hook that handles Enter and Escape key press events
  *
@@ -33,9 +18,9 @@ function _interop_require_default(obj) {
  * }
  * ```
  */ function useHandleKeyPress({ escCallback, enterCallback, withClamping = true }) {
-    const isPressEnter = (0, _useKeyPress.default)('Enter', withClamping);
-    const isPressEscape = (0, _useKeyPress.default)('Escape', withClamping);
-    (0, _react.useEffect)(()=>{
+    const isPressEnter = useKeyPress('Enter', withClamping);
+    const isPressEscape = useKeyPress('Escape', withClamping);
+    useEffect(()=>{
         if (isPressEnter && typeof enterCallback === 'function') {
             enterCallback();
         }
@@ -49,4 +34,4 @@ function _interop_require_default(obj) {
         isPressEscape
     ]);
 }
-const _default = useHandleKeyPress;
+export default useHandleKeyPress;

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

@@ -1,18 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _react = require("@testing-library/react");
-const _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("./useHandleKeyPress"));
-const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { renderHook } from '@testing-library/react';
+import useHandleKeyPress from './useHandleKeyPress';
+import useKeyPress from './useKeyPress';
 // Мокаем хук useKeyPress
 jest.mock('./useKeyPress');
-const mockedUseKeyPress = _useKeyPress.default;
+const mockedUseKeyPress = useKeyPress;
 describe('useHandleKeyPress', ()=>{
     // Очищаем моки перед каждым тестом
     beforeEach(()=>{
@@ -26,7 +17,7 @@ describe('useHandleKeyPress', ()=>{
         // Симулируем нажатие Enter
         mockedUseKeyPress.mockReturnValueOnce(true) // для Enter
         .mockReturnValueOnce(false); // для Escape
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+        renderHook(()=>useHandleKeyPress({
                 enterCallback,
                 escCallback
             }));
@@ -39,7 +30,7 @@ describe('useHandleKeyPress', ()=>{
         // Симулируем нажатие Escape
         mockedUseKeyPress.mockReturnValueOnce(false) // для Enter
         .mockReturnValueOnce(true); // для Escape
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+        renderHook(()=>useHandleKeyPress({
                 enterCallback,
                 escCallback
             }));
@@ -51,7 +42,7 @@ describe('useHandleKeyPress', ()=>{
         const escCallback = jest.fn();
         // Никакие клавиши не нажаты
         mockedUseKeyPress.mockReturnValue(false);
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+        renderHook(()=>useHandleKeyPress({
                 enterCallback,
                 escCallback
             }));
@@ -61,13 +52,13 @@ describe('useHandleKeyPress', ()=>{
     it('should handle undefined callbacks gracefully', ()=>{
         // Проверяем, что хук не выбрасывает ошибку при отсутствии callback'ов
         expect(()=>{
-            (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+            renderHook(()=>useHandleKeyPress({
                     withClamping: true
                 }));
         }).not.toThrow();
     });
     it('should pass withClamping parameter to useKeyPress', ()=>{
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+        renderHook(()=>useHandleKeyPress({
                 withClamping: false
             }));
         // Проверяем, что useKeyPress вызывается с правильными параметрами
@@ -75,7 +66,7 @@ describe('useHandleKeyPress', ()=>{
         expect(mockedUseKeyPress).toHaveBeenCalledWith('Escape', false);
     });
     it('should use default withClamping value when not provided', ()=>{
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({}));
+        renderHook(()=>useHandleKeyPress({}));
         // Проверяем, что useKeyPress вызывается с дефолтным значением withClamping
         expect(mockedUseKeyPress).toHaveBeenCalledWith('Enter', true);
         expect(mockedUseKeyPress).toHaveBeenCalledWith('Escape', true);
@@ -83,7 +74,7 @@ describe('useHandleKeyPress', ()=>{
     it('should properly handle effect cleanup', ()=>{
         const enterCallback = jest.fn();
         const escCallback = jest.fn();
-        const { unmount } = (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
+        const { unmount } = renderHook(()=>useHandleKeyPress({
                 enterCallback,
                 escCallback
             }));