intelicoreact 1.6.2 → 1.6.4

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

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

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

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

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

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

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

@@ -1,26 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import useIsMobile from '../../../../Functions/useIsMobile/useIsMobile';
+"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
+    };
+}
 const SCROLL_DIRECTION = {
     UP: 'up',
     DOWN: 'down'
 };
-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({
+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)({
         IS_HEADER_HIDDEN: false,
         IS_HEADER_STICKY: false,
         IS_FOOTER_HIDDEN: false,
         IS_FOOTER_STICKY: withFixedFooter
     });
     // Update scroll state
-    const updateScrollState = useCallback(()=>{
+    const updateScrollState = (0, _react.useCallback)(()=>{
         var _modalMobileHeaderRef_current, _modalMobileFooterRef_current;
         const container = modalMobileContainerRef.current;
         if (!container || !isOpen) return;
@@ -46,7 +61,7 @@ export default function useMobileModal({ withMobileLogic = false, withFixedFoote
         withFixedFooter
     ]);
     // Handle scroll events
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         const container = modalMobileContainerRef.current;
         if (container && isOpen) {
             container.addEventListener('scroll', updateScrollState, {
@@ -64,7 +79,7 @@ export default function useMobileModal({ withMobileLogic = false, withFixedFoote
         updateScrollState
     ]);
     // Handle resize events
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isOpen) {
             window.addEventListener('resize', updateScrollState, {
                 passive: true
@@ -78,7 +93,7 @@ export default function useMobileModal({ withMobileLogic = false, withFixedFoote
         updateScrollState
     ]);
     // Initial setup when modal opens
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isOpen) {
             updateScrollState();
         }
@@ -87,7 +102,7 @@ export default function useMobileModal({ withMobileLogic = false, withFixedFoote
         updateScrollState
     ]);
     // Update footer sticky state
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setModalsLogic((prev)=>({
                 ...prev,
                 IS_FOOTER_STICKY: withFixedFooter
@@ -95,9 +110,9 @@ export default function useMobileModal({ withMobileLogic = false, withFixedFoote
     }, [
         withFixedFooter
     ]);
-    const renderModal = useCallback((modal)=>{
+    const renderModal = (0, _react.useCallback)((modal)=>{
         if (!isMobile || !withMobileLogic) return modal;
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: "modal-mobile-container",
             ref: modalMobileContainerRef,
             children: modal

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

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