intelicoreact 1.6.2 → 1.6.3

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -1,15 +1,71 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import React, { useRef } from 'react';
-import useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';
-import './Modal.scss';
+"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 _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+require("./Modal.scss");
+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 Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, testId = 'modal', closeOnEsc = true })=>{
-    const modalRef = useRef(null);
-    useHandleKeyPress({
+    const modalRef = (0, _react.useRef)(null);
+    (0, _useHandleKeyPress.default)({
         escCallback: closeOnEsc && typeof closeModal === 'function' ? ()=>closeModal === null || closeModal === void 0 ? void 0 : closeModal() : undefined
     });
     if (!isOpen) return null;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         style: {
             zIndex
         },
@@ -17,18 +73,18 @@ const Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, te
         className: "modal-box j5",
         role: "presentation",
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "modal-overlay",
                 onClick: closeModal,
                 role: "presentation",
                 "aria-hidden": "true"
             }),
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 ref: modalRef,
                 style: {
                     width: size
                 },
-                className: cn(className, 'modal'),
+                className: (0, _classnames.default)(className, 'modal'),
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-labelledby": testId,
@@ -38,4 +94,4 @@ const Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, te
         ]
     });
 };
-export default Modal;
+const _default = Modal;

package/dist/Atomic/UI/Modal/ModalHOC.stories.js

@@ -1,15 +1,50 @@
 // @ts-nocheck
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import Dropdown from '../../FormElements/Dropdown/Dropdown';
-import Alert from '../Alert/Alert';
-import Button from '../Button/Button';
-import Hint from '../Hint/Hint';
-import ModalHOC from './ModalHOC';
-import '../../../../../scss/main.scss';
+"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;
+    },
+    EmptyContent: function() {
+        return EmptyContent;
+    },
+    LargeModal: function() {
+        return LargeModal;
+    },
+    NoEscapeKey: function() {
+        return NoEscapeKey;
+    },
+    SmallModal: function() {
+        return SmallModal;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../FormElements/Dropdown/Dropdown"));
+const _Alert = /*#__PURE__*/ _interop_require_default(require("../Alert/Alert"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../Hint/Hint"));
+const _ModalHOC = /*#__PURE__*/ _interop_require_default(require("./ModalHOC"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const meta = {
     title: 'UI/Modal/ModalHOC',
-    component: ModalHOC,
+    component: _ModalHOC.default,
     parameters: {
         layout: 'centered',
         docs: {
@@ -73,33 +108,33 @@ const meta = {
         }
     }
 };
-export default meta;
+const _default = meta;
 const Template = ({ isShowEmptyContent = false, ...args })=>{
-    const [isOpen, setIsOpen] = useState(false);
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const closeModal = ()=>setIsOpen(false);
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Button, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                 onClick: ()=>setIsOpen(true),
                 label: "Show modal",
                 variant: "primary"
             }),
-            /*#__PURE__*/ _jsx(ModalHOC, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...args,
                 isOpen: isOpen,
                 closeModal: closeModal,
-                children: !isShowEmptyContent && /*#__PURE__*/ _jsxs("div", {
+                children: !isShowEmptyContent && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "modal__body",
                     children: [
-                        /*#__PURE__*/ _jsx("h2", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", {
                             children: "Modal Content"
                         }),
-                        /*#__PURE__*/ _jsx(Alert, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
                             message: "Info alert",
                             variant: "info",
                             className: "mb5"
                         }),
-                        /*#__PURE__*/ _jsx(Dropdown, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
                             entity: "example",
                             value: "option1",
                             placeholder: "Select an option",
@@ -119,7 +154,7 @@ const Template = ({ isShowEmptyContent = false, ...args })=>{
                             ],
                             className: "mb5"
                         }),
-                        /*#__PURE__*/ _jsx(Hint, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
                             hint: "This is a helpful hint",
                             side: "right",
                             className: "mb5"
@@ -130,29 +165,26 @@ const Template = ({ isShowEmptyContent = false, ...args })=>{
         ]
     });
 };
-// Base Modal
-export const Default = Template.bind({});
+const Default = Template.bind({});
 Default.args = {
     submitHandler: ()=>console.log('Submit clicked')
 };
-// Sizes
-export const SmallModal = Template.bind({});
+const SmallModal = Template.bind({});
 SmallModal.args = {
     ...Default.args,
     size: 290
 };
-export const LargeModal = Template.bind({});
+const LargeModal = Template.bind({});
 LargeModal.args = {
     ...Default.args,
     size: 950
 };
-export const EmptyContent = Template.bind({});
+const EmptyContent = Template.bind({});
 EmptyContent.args = {
     ...Default.args,
     isShowEmptyContent: true
 };
-// Interactive features
-export const NoEscapeKey = Template.bind({});
+const NoEscapeKey = Template.bind({});
 NoEscapeKey.args = {
     ...Default.args,
     closeOnEsc: false

package/dist/Atomic/UI/Modal/ModalHOC.test.js

@@ -1,11 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Modal from './ModalHOC';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _userevent = /*#__PURE__*/ _interop_require_default(require("@testing-library/user-event"));
+const _ModalHOC = /*#__PURE__*/ _interop_require_default(require("./ModalHOC"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const defaultProps = {
     isOpen: true,
     closeModal: jest.fn(),
-    children: /*#__PURE__*/ _jsx("div", {
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         children: "Modal Content"
     })
 };
@@ -15,61 +24,61 @@ describe('modal', ()=>{
     });
     describe('rendering', ()=>{
         it('should not render when isOpen is false', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 isOpen: false
             }));
-            expect(screen.queryByTestId('modal')).not.toBeInTheDocument();
+            expect(_react.screen.queryByTestId('modal')).not.toBeInTheDocument();
         });
         it('should render with default testId', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps
             }));
-            expect(screen.getByTestId('modal')).toBeInTheDocument();
+            expect(_react.screen.getByTestId('modal')).toBeInTheDocument();
         });
         it('should render with custom testId', ()=>{
             const customTestId = 'custom-modal';
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 testId: customTestId
             }));
-            expect(screen.getByTestId(customTestId)).toBeInTheDocument();
+            expect(_react.screen.getByTestId(customTestId)).toBeInTheDocument();
         });
         it('should render children correctly', ()=>{
             const childText = 'Test Content';
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 children: childText
             }));
-            expect(screen.getByText(childText)).toBeInTheDocument();
+            expect(_react.screen.getByText(childText)).toBeInTheDocument();
         });
         it('should apply custom className to modal', ()=>{
             const customClass = 'custom-modal';
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 className: customClass
             }));
-            const modalElement = screen.getByRole('dialog');
+            const modalElement = _react.screen.getByRole('dialog');
             expect(modalElement).toHaveClass(customClass, 'modal');
         });
         it('should apply custom size', ()=>{
             const size = '500px';
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 size: size
             }));
-            const modalElement = screen.getByRole('dialog');
+            const modalElement = _react.screen.getByRole('dialog');
             expect(modalElement).toHaveStyle({
                 width: size
             });
         });
         it('should apply custom zIndex', ()=>{
             const zIndex = 200;
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 zIndex: zIndex
             }));
-            const modalBox = screen.getByTestId('modal');
+            const modalBox = _react.screen.getByTestId('modal');
             expect(modalBox).toHaveStyle({
                 zIndex
             });
@@ -77,19 +86,19 @@ describe('modal', ()=>{
     });
     describe('accessibility', ()=>{
         it('should have correct ARIA attributes', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps
             }));
-            const dialog = screen.getByRole('dialog');
+            const dialog = _react.screen.getByRole('dialog');
             expect(dialog).toHaveAttribute('aria-modal', 'true');
             expect(dialog).toHaveAttribute('aria-labelledby', 'modal');
             expect(dialog).toHaveAttribute('tabIndex', '-1');
         });
         it('should have correct structure with presentation roles', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps
             }));
-            const modalBox = screen.getByTestId('modal');
+            const modalBox = _react.screen.getByTestId('modal');
             expect(modalBox).toHaveAttribute('role', 'presentation');
             expect(modalBox).toHaveClass('modal-box');
             const overlay = modalBox.querySelector('.modal-overlay');
@@ -100,22 +109,22 @@ describe('modal', ()=>{
     describe('interactions', ()=>{
         it('should call closeModal when overlay is clicked', async ()=>{
             const closeModal = jest.fn();
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 closeModal: closeModal
             }));
-            const overlay = screen.getByTestId('modal').querySelector('.modal-overlay');
-            await userEvent.click(overlay);
+            const overlay = _react.screen.getByTestId('modal').querySelector('.modal-overlay');
+            await _userevent.default.click(overlay);
             expect(closeModal).toHaveBeenCalledTimes(1);
         });
         it('should call closeModal on Escape key when closeOnEsc is true', ()=>{
             const closeModal = jest.fn();
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 closeModal: closeModal,
                 closeOnEsc: true
             }));
-            fireEvent.keyDown(document, {
+            _react.fireEvent.keyDown(document, {
                 key: 'Escape',
                 code: 'Escape'
             });
@@ -123,12 +132,12 @@ describe('modal', ()=>{
         });
         it('should not call closeModal on Escape key when closeOnEsc is false', ()=>{
             const closeModal = jest.fn();
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 closeModal: closeModal,
                 closeOnEsc: false
             }));
-            fireEvent.keyDown(document, {
+            _react.fireEvent.keyDown(document, {
                 key: 'Escape',
                 code: 'Escape'
             });
@@ -139,37 +148,37 @@ describe('modal', ()=>{
         it('should handle undefined closeModal', ()=>{
             const consoleSpy = jest.spyOn(console, 'error').mockImplementation(()=>{});
             // @ts-ignore
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 closeModal: undefined
             }));
-            fireEvent.keyDown(document, {
+            _react.fireEvent.keyDown(document, {
                 key: 'Escape'
             });
             expect(consoleSpy).not.toHaveBeenCalled();
             consoleSpy.mockRestore();
         });
         it('should handle null children', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 children: null
             }));
-            const dialog = screen.getByRole('dialog');
+            const dialog = _react.screen.getByRole('dialog');
             expect(dialog).toBeEmptyDOMElement();
         });
         it('should handle empty children', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps,
                 children: undefined
             }));
-            const dialog = screen.getByRole('dialog');
+            const dialog = _react.screen.getByRole('dialog');
             expect(dialog).toBeEmptyDOMElement();
         });
         it('should use default zIndex when not provided', ()=>{
-            render(/*#__PURE__*/ _jsx(Modal, {
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
                 ...defaultProps
             }));
-            const modalBox = screen.getByTestId('modal');
+            const modalBox = _react.screen.getByTestId('modal');
             expect(modalBox).toHaveStyle({
                 zIndex: 100
             });

package/dist/Atomic/UI/Modal/index.js

@@ -1,4 +1,26 @@
-import Modal from './Modal';
-import ModalHOC from './ModalHOC';
-export default Modal;
-export { ModalHOC };
+"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, {
+    ModalHOC: function() {
+        return _ModalHOC.default;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _Modal = /*#__PURE__*/ _interop_require_default(require("./Modal"));
+const _ModalHOC = /*#__PURE__*/ _interop_require_default(require("./ModalHOC"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Modal.default;

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

@@ -1,15 +1,71 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-import React, { memo } from 'react';
-const ModalFooter = /*#__PURE__*/ memo(({ className = '', children, wrapperRef, testId = 'modal-footer' })=>{
-    return /*#__PURE__*/ _jsx("footer", {
+"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"));
+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 ModalFooter = /*#__PURE__*/ (0, _react.memo)(({ className = '', children, wrapperRef, testId = 'modal-footer' })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("footer", {
         "data-testid": testId,
         ref: wrapperRef,
-        className: cn('modal__footer', className),
+        className: (0, _classnames.default)('modal__footer', className),
         role: "contentinfo",
         "aria-label": "Modal footer",
         children: children
     });
 });
 ModalFooter.displayName = 'ModalFooter';
-export default ModalFooter;
+const _default = ModalFooter;