intelicoreact 1.6.0 → 1.6.2

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

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

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

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

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

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

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

@@ -1,26 +1,4 @@
-"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;
+import Modal from './Modal';
+import ModalHOC from './ModalHOC';
+export default Modal;
+export { ModalHOC };

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

@@ -1,71 +1,15 @@
-"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", {
+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", {
         "data-testid": testId,
         ref: wrapperRef,
-        className: (0, _classnames.default)('modal__footer', className),
+        className: cn('modal__footer', className),
         role: "contentinfo",
         "aria-label": "Modal footer",
         children: children
     });
 });
 ModalFooter.displayName = 'ModalFooter';
-const _default = ModalFooter;
+export default ModalFooter;