intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/UI/Modal/partials/ModalFooter.test.js

@@ -1,53 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _react1 = require("@testing-library/react");
-const _ModalFooter = /*#__PURE__*/ _interop_require_default(require("./ModalFooter"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ModalFooter from './ModalFooter';
 describe('modalFooter', ()=>{
     const defaultProps = {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ _jsx("div", {
             children: "Test Content"
         }),
         testId: 'test-footer'
     };
     it('renders correctly with default props', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+        render(/*#__PURE__*/ _jsx(ModalFooter, {
             ...defaultProps
         }));
-        const footer = _react1.screen.getByTestId('test-footer');
+        const footer = screen.getByTestId('test-footer');
         expect(footer).toBeInTheDocument();
         expect(footer).toHaveClass('modal__footer');
     });
     it('renders children correctly', ()=>{
         const testContent = 'Test Footer Content';
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+        render(/*#__PURE__*/ _jsx(ModalFooter, {
             ...defaultProps,
             children: testContent
         }));
-        expect(_react1.screen.getByText(testContent)).toBeInTheDocument();
+        expect(screen.getByText(testContent)).toBeInTheDocument();
     });
     it('applies custom className', ()=>{
         const customClass = 'custom-class';
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+        render(/*#__PURE__*/ _jsx(ModalFooter, {
             ...defaultProps,
             className: customClass
         }));
-        const footer = _react1.screen.getByTestId('test-footer');
+        const footer = screen.getByTestId('test-footer');
         expect(footer).toHaveClass('modal__footer', customClass);
     });
     it('uses wrapperRef correctly', ()=>{
         var _ref_current;
-        const ref = /*#__PURE__*/ _react.default.createRef();
+        const ref = /*#__PURE__*/ React.createRef();
         // @ts-ignore
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+        render(/*#__PURE__*/ _jsx(ModalFooter, {
             ...defaultProps,
             wrapperRef: ref
         }));
@@ -56,62 +47,62 @@ describe('modalFooter', ()=>{
     });
     describe('accessibility', ()=>{
         it('has correct ARIA attributes', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            render(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps
             }));
-            const footer = _react1.screen.getByRole('contentinfo');
+            const footer = screen.getByRole('contentinfo');
             expect(footer).toHaveAttribute('aria-label', 'Modal footer');
         });
         it('has correct semantic HTML structure', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            render(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps
             }));
-            expect(_react1.screen.getByRole('contentinfo')).toBeInTheDocument();
+            expect(screen.getByRole('contentinfo')).toBeInTheDocument();
         });
         it('maintains content structure', ()=>{
-            const complexContent = /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            const complexContent = /*#__PURE__*/ _jsxs("div", {
                 role: "group",
                 "aria-label": "Footer actions",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    /*#__PURE__*/ _jsx("button", {
                         children: "Cancel"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    /*#__PURE__*/ _jsx("button", {
                         children: "Confirm"
                     })
                 ]
             });
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            render(/*#__PURE__*/ _jsx(ModalFooter, {
                 children: complexContent
             }));
-            const group = _react1.screen.getByRole('group');
+            const group = screen.getByRole('group');
             expect(group).toHaveAttribute('aria-label', 'Footer actions');
-            expect(_react1.screen.getAllByRole('button')).toHaveLength(2);
+            expect(screen.getAllByRole('button')).toHaveLength(2);
         });
     });
     describe('memoization', ()=>{
         it('should not re-render with same props', ()=>{
-            const { rerender } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            const { rerender } = render(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps
             }));
-            const firstRender = _react1.screen.getByTestId('test-footer');
-            rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            const firstRender = screen.getByTestId('test-footer');
+            rerender(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps
             }));
-            const secondRender = _react1.screen.getByTestId('test-footer');
+            const secondRender = screen.getByTestId('test-footer');
             expect(firstRender).toBe(secondRender);
         });
         it('should re-render with different props', ()=>{
-            const { rerender } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            const { rerender } = render(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps,
                 className: "initial"
             }));
-            const initialClassName = _react1.screen.getByTestId('test-footer').className;
-            rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+            const initialClassName = screen.getByTestId('test-footer').className;
+            rerender(/*#__PURE__*/ _jsx(ModalFooter, {
                 ...defaultProps,
                 className: "updated"
             }));
-            const updatedClassName = _react1.screen.getByTestId('test-footer').className;
+            const updatedClassName = screen.getByTestId('test-footer').className;
             expect(initialClassName).not.toBe(updatedClassName);
         });
     });

package/dist/Atomic/UI/Modal/partials/ModalTitle.js

@@ -1,65 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactfeather = require("react-feather");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 ModalTitle = /*#__PURE__*/ (0, _react.memo)(({ variant = 'primary', children, isForced = false, onClose, noHeaderCloseBtn = false, className, wrapperRef, testId = 'modal-title' })=>{
-    const handleKeyDown = (0, _react.useCallback)((e)=>{
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import React, { memo, useCallback } from 'react';
+import { X } from 'react-feather';
+const ModalTitle = /*#__PURE__*/ memo(({ variant = 'primary', children, isForced = false, onClose, noHeaderCloseBtn = false, className, wrapperRef, testId = 'modal-title' })=>{
+    const handleKeyDown = useCallback((e)=>{
         if (e.key === 'Enter' || e.key === 'Space') {
             e.preventDefault();
             onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -67,37 +11,37 @@ const ModalTitle = /*#__PURE__*/ (0, _react.memo)(({ variant = 'primary', childr
     }, [
         onClose
     ]);
-    const handleClick = (0, _react.useCallback)(()=>{
+    const handleClick = useCallback(()=>{
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, [
         onClose
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
+    return /*#__PURE__*/ _jsxs("header", {
         "data-testid": testId,
         ref: wrapperRef,
-        className: (0, _classnames.default)('modal__header', className, {
+        className: cn('modal__header', className, {
             [`modal__header-${variant}`]: variant
         }),
         role: "banner",
         "aria-label": "Modal header",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)('modal__header-title', {
+            /*#__PURE__*/ _jsx("span", {
+                className: cn('modal__header-title', {
                     [`modal__header-${variant}-title`]: variant
                 }),
                 id: `${testId}-heading`,
                 children: children
             }),
-            !isForced && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            !isForced && /*#__PURE__*/ _jsx("button", {
                 type: "button",
                 onClick: handleClick,
                 onKeyDown: handleKeyDown,
-                className: (0, _classnames.default)('modal-close-icon-box', {
+                className: cn('modal-close-icon-box', {
                     'modal-close-icon-box-primary': variant === 'primary'
                 }),
                 "aria-label": "Close modal",
                 title: "Close modal",
-                children: !noHeaderCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                children: !noHeaderCloseBtn && /*#__PURE__*/ _jsx(X, {
                     className: "modal-close-icon",
                     role: "img",
                     "aria-hidden": "true"
@@ -107,4 +51,4 @@ const ModalTitle = /*#__PURE__*/ (0, _react.memo)(({ variant = 'primary', childr
     });
 });
 ModalTitle.displayName = 'ModalTitle';
-const _default = ModalTitle;
+export default ModalTitle;

package/dist/Atomic/UI/Modal/partials/ModalTitle.test.js

@@ -1,17 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _react1 = require("@testing-library/react");
-const _userevent = /*#__PURE__*/ _interop_require_default(require("@testing-library/user-event"));
-const _ModalTitle = /*#__PURE__*/ _interop_require_default(require("./ModalTitle"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import ModalTitle from './ModalTitle';
 describe('modalTitle', ()=>{
     const defaultProps = {
         children: 'Test Title',
@@ -22,102 +13,102 @@ describe('modalTitle', ()=>{
         jest.clearAllMocks();
     });
     it('renders correctly with default props', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+        render(/*#__PURE__*/ _jsx(ModalTitle, {
             ...defaultProps
         }));
-        const header = _react1.screen.getByRole('banner');
-        const closeButton = _react1.screen.getByRole('button');
+        const header = screen.getByRole('banner');
+        const closeButton = screen.getByRole('button');
         expect(header).toHaveClass('modal__header', 'modal__header-primary');
         expect(closeButton).toBeInTheDocument();
     });
     it('applies custom className', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+        render(/*#__PURE__*/ _jsx(ModalTitle, {
             ...defaultProps,
             className: "custom-class"
         }));
-        expect(_react1.screen.getByRole('banner')).toHaveClass('custom-class');
+        expect(screen.getByRole('banner')).toHaveClass('custom-class');
     });
     it('handles different variants', ()=>{
-        const { rerender } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+        const { rerender } = render(/*#__PURE__*/ _jsx(ModalTitle, {
             ...defaultProps,
             variant: "default"
         }));
-        rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+        rerender(/*#__PURE__*/ _jsx(ModalTitle, {
             ...defaultProps,
             variant: "default"
         }));
-        expect(_react1.screen.getByRole('banner')).toHaveClass('modal__header-default');
+        expect(screen.getByRole('banner')).toHaveClass('modal__header-default');
     });
     describe('close button', ()=>{
         it('calls onClose when clicked', async ()=>{
             const onClose = jest.fn();
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps,
                 onClose: onClose
             }));
-            await _userevent.default.click(_react1.screen.getByRole('button'));
+            await userEvent.click(screen.getByRole('button'));
             expect(onClose).toHaveBeenCalledTimes(1);
         });
         it('handles keyboard events correctly', ()=>{
             const onClose = jest.fn();
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps,
                 onClose: onClose
             }));
-            const button = _react1.screen.getByRole('button');
+            const button = screen.getByRole('button');
             // Проверяем нажатие Enter
-            _react1.fireEvent.keyDown(button, {
+            fireEvent.keyDown(button, {
                 key: 'Enter'
             });
             expect(onClose).toHaveBeenCalledTimes(1);
             // Сбрасываем моковую функцию
             onClose.mockClear();
             // Проверяем нажатие Space
-            _react1.fireEvent.keyDown(button, {
+            fireEvent.keyDown(button, {
                 key: 'Space'
             });
             expect(onClose).toHaveBeenCalledTimes(1);
         });
         it('is not rendered when isForced is true', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps,
                 isForced: true
             }));
-            expect(_react1.screen.queryByRole('button')).not.toBeInTheDocument();
+            expect(screen.queryByRole('button')).not.toBeInTheDocument();
         });
         it('renders without icon when noHeaderCloseBtn is true', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps,
                 noHeaderCloseBtn: true
             }));
-            const button = _react1.screen.getByRole('button');
+            const button = screen.getByRole('button');
             expect(button).toBeInTheDocument();
             expect(button.querySelector('.modal-close-icon')).not.toBeInTheDocument();
         });
     });
     describe('accessibility', ()=>{
         it('has correct ARIA attributes', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps
             }));
-            const header = _react1.screen.getByRole('banner');
-            const closeButton = _react1.screen.getByRole('button');
+            const header = screen.getByRole('banner');
+            const closeButton = screen.getByRole('button');
             expect(header).toHaveAttribute('aria-label', 'Modal header');
             expect(closeButton).toHaveAttribute('aria-label', 'Close modal');
         });
         it('makes close icon decorative', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+            render(/*#__PURE__*/ _jsx(ModalTitle, {
                 ...defaultProps
             }));
-            const icon = _react1.screen.getByRole('img', {
+            const icon = screen.getByRole('img', {
                 hidden: true
             });
             expect(icon).toHaveAttribute('aria-hidden', 'true');
         });
     });
     it('uses wrapperRef correctly', ()=>{
-        const ref = /*#__PURE__*/ _react.default.createRef();
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+        const ref = /*#__PURE__*/ React.createRef();
+        render(/*#__PURE__*/ _jsx(ModalTitle, {
             ...defaultProps,
             wrapperRef: ref
         }));

package/dist/Atomic/UI/Modal/partials/useMobileModal.js

@@ -1,41 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return useMobileModal;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile/useIsMobile"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import useIsMobile from '../../../../Functions/useIsMobile/useIsMobile';
 const SCROLL_DIRECTION = {
     UP: 'up',
     DOWN: 'down'
 };
-function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOpen = false }) {
-    const modalMobileContainerRef = (0, _react.useRef)(null);
-    const modalMobileHeaderRef = (0, _react.useRef)(null);
-    const modalMobileFooterRef = (0, _react.useRef)(null);
-    const modalMobileBodyRef = (0, _react.useRef)(null);
-    const { isMobile } = (0, _useIsMobile.default)();
-    const [scrollTop, setScrollTop] = (0, _react.useState)(0);
-    const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
-    const [modalsLogic, setModalsLogic] = (0, _react.useState)({
+export default function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOpen = false }) {
+    const modalMobileContainerRef = useRef(null);
+    const modalMobileHeaderRef = useRef(null);
+    const modalMobileFooterRef = useRef(null);
+    const modalMobileBodyRef = useRef(null);
+    const { isMobile } = useIsMobile();
+    const [scrollTop, setScrollTop] = useState(0);
+    const [scrollHeight, setScrollHeight] = useState(1);
+    const [modalsLogic, setModalsLogic] = useState({
         IS_HEADER_HIDDEN: false,
         IS_HEADER_STICKY: false,
         IS_FOOTER_HIDDEN: false,
         IS_FOOTER_STICKY: withFixedFooter
     });
     // Update scroll state
-    const updateScrollState = (0, _react.useCallback)(()=>{
+    const updateScrollState = useCallback(()=>{
         var _modalMobileHeaderRef_current, _modalMobileFooterRef_current;
         const container = modalMobileContainerRef.current;
         if (!container || !isOpen) return;
@@ -61,7 +46,7 @@ function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOp
         withFixedFooter
     ]);
     // Handle scroll events
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const container = modalMobileContainerRef.current;
         if (container && isOpen) {
             container.addEventListener('scroll', updateScrollState, {
@@ -79,7 +64,7 @@ function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOp
         updateScrollState
     ]);
     // Handle resize events
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isOpen) {
             window.addEventListener('resize', updateScrollState, {
                 passive: true
@@ -93,7 +78,7 @@ function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOp
         updateScrollState
     ]);
     // Initial setup when modal opens
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isOpen) {
             updateScrollState();
         }
@@ -102,7 +87,7 @@ function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOp
         updateScrollState
     ]);
     // Update footer sticky state
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setModalsLogic((prev)=>({
                 ...prev,
                 IS_FOOTER_STICKY: withFixedFooter
@@ -110,9 +95,9 @@ function useMobileModal({ withMobileLogic = false, withFixedFooter = false, isOp
     }, [
         withFixedFooter
     ]);
-    const renderModal = (0, _react.useCallback)((modal)=>{
+    const renderModal = useCallback((modal)=>{
         if (!isMobile || !withMobileLogic) return modal;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: "modal-mobile-container",
             ref: modalMobileContainerRef,
             children: modal

package/dist/Atomic/UI/Modal/partials/useMobileModal.test.js

@@ -1,16 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile"));
-const _useMobileModal = /*#__PURE__*/ _interop_require_default(require("./useMobileModal"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderHook } from '@testing-library/react';
+import useIsMobile from '../../../../Functions/useIsMobile';
+import useMobileModal from './useMobileModal';
 jest.mock('../../../../Functions/useIsMobile', ()=>({
         __esModule: true,
         default: jest.fn(()=>({
@@ -20,12 +11,12 @@ jest.mock('../../../../Functions/useIsMobile', ()=>({
 describe('useMobileModal', ()=>{
     beforeEach(()=>{
         jest.clearAllMocks();
-        _useIsMobile.default.mockImplementation(()=>({
+        useIsMobile.mockImplementation(()=>({
                 isMobile: true
             }));
     });
     it('should initialize with default values', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+        const { result } = renderHook(()=>useMobileModal({
                 isOpen: false,
                 withMobileLogic: false
             }));
@@ -39,7 +30,7 @@ describe('useMobileModal', ()=>{
         expect(result.current.scrollHeight).toBe(1);
     });
     it('should initialize with fixed footer when withFixedFooter is true', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+        const { result } = renderHook(()=>useMobileModal({
                 isOpen: true,
                 withMobileLogic: true,
                 withFixedFooter: true
@@ -47,7 +38,7 @@ describe('useMobileModal', ()=>{
         expect(result.current.MODALS_LOGIC.IS_FOOTER_STICKY).toBe(true);
     });
     it('should provide all required refs', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+        const { result } = renderHook(()=>useMobileModal({
                 isOpen: true,
                 withMobileLogic: true
             }));
@@ -57,7 +48,7 @@ describe('useMobileModal', ()=>{
         expect(result.current.modalMobileFooterRef).toBeDefined();
     });
     it('should provide scroll directions', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+        const { result } = renderHook(()=>useMobileModal({
                 isOpen: true,
                 withMobileLogic: true
             }));
@@ -68,36 +59,36 @@ describe('useMobileModal', ()=>{
     });
     describe('renderModal', ()=>{
         it('should return original content when not mobile', ()=>{
-            _useIsMobile.default.mockImplementation(()=>({
+            useIsMobile.mockImplementation(()=>({
                     isMobile: false
                 }));
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+            const { result } = renderHook(()=>useMobileModal({
                     isOpen: true,
                     withMobileLogic: true
                 }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            const testContent = /*#__PURE__*/ _jsx("div", {
                 children: "Test Content"
             });
             const rendered = result.current.renderModal(testContent);
             expect(rendered).toBe(testContent);
         });
         it('should return original content when withMobileLogic is false', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+            const { result } = renderHook(()=>useMobileModal({
                     isOpen: true,
                     withMobileLogic: false
                 }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            const testContent = /*#__PURE__*/ _jsx("div", {
                 children: "Test Content"
             });
             const rendered = result.current.renderModal(testContent);
             expect(rendered).toBe(testContent);
         });
         it('should return React element when mobile and withMobileLogic is true', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+            const { result } = renderHook(()=>useMobileModal({
                     isOpen: true,
                     withMobileLogic: true
                 }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            const testContent = /*#__PURE__*/ _jsx("div", {
                 children: "Test Content"
             });
             const rendered = result.current.renderModal(testContent);
@@ -106,13 +97,13 @@ describe('useMobileModal', ()=>{
     });
     describe('props handling', ()=>{
         it('should handle undefined props', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({}));
+            const { result } = renderHook(()=>useMobileModal({}));
             expect(result.current.MODALS_LOGIC).toBeDefined();
             expect(result.current.scrollTop).toBeDefined();
             expect(result.current.scrollHeight).toBeDefined();
         });
         it('should handle all props as false', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+            const { result } = renderHook(()=>useMobileModal({
                     isOpen: false,
                     withMobileLogic: false,
                     withFixedFooter: false
@@ -123,7 +114,7 @@ describe('useMobileModal', ()=>{
             const mockRef = {
                 current: null
             };
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
+            const { result } = renderHook(()=>useMobileModal({
                     // @ts-ignore
                     modalRef: mockRef
                 }));