intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/UI/Hint/Hint.stories.js

@@ -1,33 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    HintTemplate: function() {
-        return HintTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
-const _Hint = /*#__PURE__*/ _interop_require_default(require("./Hint"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Button from '../Button/Button';
+import Hint from './Hint';
+import '../../../../../scss/main.scss';
+export default {
     title: 'UI/Hint',
-    component: _Hint.default,
+    component: Hint,
     argTypes: {
         side: {
             description: 'string: ["right", "bottom", "top", "left", "centeredBottom"]',
@@ -71,36 +48,36 @@ const _default = {
     }
 };
 function Template(args) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+            /*#__PURE__*/ _jsx(Hint, {
                 ...args
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+            /*#__PURE__*/ _jsx(Hint, {
                 ...args,
                 handleOpenType: "hover"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+            /*#__PURE__*/ _jsx(Hint, {
                 ...args,
                 handleOpenType: "hover",
                 isHoverableContent: true
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+            /*#__PURE__*/ _jsx(Hint, {
                 ...args,
                 side: "right"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+            /*#__PURE__*/ _jsx(Hint, {
                 isCloseOnChildrenClick: true,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                children: /*#__PURE__*/ _jsx(Button, {
                     children: "Hello"
                 })
             })
         ]
     });
 }
-const HintTemplate = Template.bind({});
+export const HintTemplate = Template.bind({});
 HintTemplate.args = {
     hint: ' hint text hint text hint text hint text hint text hint text hint text hint text',
     side: 'centeredBottom',
-    label: /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
+    label: /*#__PURE__*/ _jsx(_Fragment, {})
 };

package/dist/Atomic/UI/Hint/Hint.test.js

@@ -1,18 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _Hint = /*#__PURE__*/ _interop_require_default(require("./Hint"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import Hint from './Hint';
 describe('Hint component', ()=>{
     it('renders without crashing', ()=>{
-        const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {}));
+        const { getByTestId } = render(/*#__PURE__*/ _jsx(Hint, {}));
         expect(getByTestId('hint')).toBeInTheDocument();
     });
 // it('renders with default props', () => {

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

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

package/dist/Atomic/UI/Hint/partials/_utils.js

@@ -1,42 +1,12 @@
-"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, {
-    HandleClickOutsideObj: function() {
-        return HandleClickOutsideObj;
-    },
-    HandleScrollObj: function() {
-        return HandleScrollObj;
-    },
-    getHintContainer: function() {
-        return getHintContainer;
-    },
-    getHintContainerId: function() {
-        return getHintContainerId;
-    },
-    getParentNode: function() {
-        return getParentNode;
-    },
-    initHintContainer: function() {
-        return initHintContainer;
-    }
-});
-const getHintContainerId = (hintId)=>`hint-container-for-hint--id-${hintId}`;
-function getHintContainer(hintId) {
+export const getHintContainerId = (hintId)=>`hint-container-for-hint--id-${hintId}`;
+export function getHintContainer(hintId) {
     return document.getElementById(getHintContainerId(hintId));
 }
-function getParentNode() {
+export function getParentNode() {
     var _document_querySelector, _ref;
     return (_ref = (_document_querySelector = document.querySelector('div#root')) !== null && _document_querySelector !== void 0 ? _document_querySelector : document.querySelector('div#app')) !== null && _ref !== void 0 ? _ref : document.body;
 }
-function initHintContainer(hintId, hintContainerSettings) {
+export function initHintContainer(hintId, hintContainerSettings) {
     var _getParentNode;
     const { className } = hintContainerSettings;
     const hintContainer = document.createElement('div');
@@ -45,13 +15,18 @@ function initHintContainer(hintId, hintContainerSettings) {
     if (className) hintContainer.classList.add(className);
     (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
 }
-function HandleScrollObj(setIsOpen) {
+// ? addEventListener можно инициализировать двумя способами
+// ?   - передать прямой колбэк (ф-ю)
+// ?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
+// ? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
+// ! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
+export function HandleScrollObj(setIsOpen) {
     this.setIsOpen = setIsOpen;
     this.handleEvent = function() {
         this.setIsOpen(false);
     };
 }
-function HandleClickOutsideObj(id, setIsOpen) {
+export function HandleClickOutsideObj(id, setIsOpen) {
     this.id = id;
     this.setIsOpen = setIsOpen;
     this.handleEvent = function(event) {

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };

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

@@ -1,54 +1,28 @@
-"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, {
-    KEY_CODE: function() {
-        return KEY_CODE;
-    },
-    default: function() {
-        return _default;
-    },
-    renderModalTitle: function() {
-        return renderModalTitle;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = require("react");
-const _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useKeyPress/useHandleKeyPress"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
-const _ModalFooter = /*#__PURE__*/ _interop_require_default(require("./partials/ModalFooter"));
-const _ModalTitle = /*#__PURE__*/ _interop_require_default(require("./partials/ModalTitle"));
-const _useMobileModal = /*#__PURE__*/ _interop_require_default(require("./partials/useMobileModal"));
-require("./Modal.scss");
-require("./ModalMobile.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 cn from 'classnames';
+import { forwardRef, useRef } from 'react';
+import useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';
+import Button from '../Button/Button';
+import ModalFooter from './partials/ModalFooter';
+import ModalTitle from './partials/ModalTitle';
+import useMobileModal from './partials/useMobileModal';
+import './Modal.scss';
+import './ModalMobile.scss';
 const attrsForModalBodyDefault = {};
-const KEY_CODE = Object.freeze({
+export const KEY_CODE = Object.freeze({
     ENTER: 13,
     ESC: 27
 });
-function renderModalTitle({ mode, title, onlyTitle }) {
+export function renderModalTitle({ mode, title, onlyTitle }) {
     if (mode && mode !== 'default' && !onlyTitle) {
         return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;
     }
     return title;
 }
-const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onConfirm, onDecline, closeModal, children, className, title, variant = 'primary', onlyTitle, mode, size, atributesForModalBody = attrsForModalBodyDefault, confirmBtnClassName, confirmBtnLabel, confirmBtnVariant = 'primary', confirmBtnDisable, confirmBtnIcon, isConfirmBtnIconPositionRight, noConfirmBtn, noCloseBtn, noFooter, noHeader, closeBtnClassName, closeBtnText, closeBtnVariant, closeBtnDisable, closeBtnIcon, forced, btnClassNames, isCloseBtnIconPositionRight, submitOnEnter = true, closeOnEsc = true, leftContentOfFooter, customFooter, testId = 'modal', noHeaderCloseBtn, withMobileLogic, withFixedFooter }, ref)=>{
-    const internalRef = (0, _react.useRef)(null);
+const Modal = /*#__PURE__*/ forwardRef(({ zIndex = 100, isOpen, onConfirm, onDecline, closeModal, children, className, title, variant = 'primary', onlyTitle, mode, size, atributesForModalBody = attrsForModalBodyDefault, confirmBtnClassName, confirmBtnLabel, confirmBtnVariant = 'primary', confirmBtnDisable, confirmBtnIcon, isConfirmBtnIconPositionRight, noConfirmBtn, noCloseBtn, noFooter, noHeader, closeBtnClassName, closeBtnText, closeBtnVariant, closeBtnDisable, closeBtnIcon, forced, btnClassNames, isCloseBtnIconPositionRight, submitOnEnter = true, closeOnEsc = true, leftContentOfFooter, customFooter, testId = 'modal', noHeaderCloseBtn, withMobileLogic, withFixedFooter }, ref)=>{
+    const internalRef = useRef(null);
     const modalRef = ref || internalRef;
-    const { modalMobileHeaderRef, modalMobileBodyRef, modalMobileFooterRef, MODALS_LOGIC, renderModal, isMobile, scrollTop, scrollHeight } = (0, _useMobileModal.default)({
+    const { modalMobileHeaderRef, modalMobileBodyRef, modalMobileFooterRef, MODALS_LOGIC, renderModal, isMobile, scrollTop, scrollHeight } = useMobileModal({
         withMobileLogic,
         withFixedFooter,
         isOpen
@@ -65,13 +39,13 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
             }
         }
     };
-    (0, _useHandleKeyPress.default)({
+    useHandleKeyPress({
         enterCallback: submitOnEnter && typeof onConfirm === 'function' ? ()=>handle.confirm() : undefined,
         escCallback: closeOnEsc && typeof closeModal === 'function' ? ()=>closeModal() : undefined,
         withClamping: false
     });
     if (!isOpen) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: {
             zIndex
         },
@@ -80,29 +54,29 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": `${testId}-title`,
-        children: renderModal(/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: renderModal(/*#__PURE__*/ _jsxs(_Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     "data-testid": `${testId}-overlay`,
                     className: isOpen ? 'modal-overlay' : 'hidden',
                     onClick: closeModal,
                     role: "presentation"
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     ref: modalRef,
                     style: {
                         width: typeof size === 'number' ? `${size}px` : `${size === null || size === void 0 ? void 0 : size.replace('px', '')}px`
                     },
-                    className: (0, _classnames.default)(className, {
+                    className: cn(className, {
                         'modal': isOpen,
                         'modal--no-header': isOpen && noHeader,
                         'modal-mobile': isOpen && isMobile,
                         'hidden': !isOpen
                     }),
                     children: [
-                        !noHeader && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
+                        !noHeader && /*#__PURE__*/ _jsx(ModalTitle, {
                             wrapperRef: modalMobileHeaderRef,
-                            className: (0, _classnames.default)({
+                            className: cn({
                                 'modal__header--hidden': MODALS_LOGIC.IS_HEADER_HIDDEN,
                                 'modal__header--sticky': !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
                             }),
@@ -110,7 +84,7 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
                             isForced: forced,
                             onClose: handle.decline,
                             noHeaderCloseBtn: noHeaderCloseBtn,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            children: /*#__PURE__*/ _jsx("span", {
                                 id: `${testId}-title`,
                                 children: renderModalTitle({
                                     mode,
@@ -119,31 +93,31 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
                                 })
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             ...atributesForModalBody,
                             ref: modalMobileBodyRef,
-                            className: (0, _classnames.default)('modal__body', {
+                            className: cn('modal__body', {
                                 'modal__body--no-footer': noFooter
                             }),
                             role: "document",
                             children: children
                         }),
-                        (!noFooter || customFooter) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
+                        (!noFooter || customFooter) && /*#__PURE__*/ _jsx(ModalFooter, {
                             wrapperRef: modalMobileFooterRef,
-                            className: (0, _classnames.default)({
+                            className: cn({
                                 'modal__footer--hidden': MODALS_LOGIC.IS_FOOTER_HIDDEN,
                                 'modal__footer--sticky': !MODALS_LOGIC.IS_FOOTER_HIDDEN && MODALS_LOGIC.IS_FOOTER_STICKY && scrollTop !== scrollHeight,
                                 'modal__footer_with-left-content': leftContentOfFooter
                             }),
-                            children: customFooter || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                            children: customFooter || /*#__PURE__*/ _jsxs(_Fragment, {
                                 children: [
                                     leftContentOfFooter,
-                                    (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                    (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/ _jsxs("div", {
                                         className: "modal__buttons-block",
                                         children: [
-                                            !noCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                            !noCloseBtn && /*#__PURE__*/ _jsx(Button, {
                                                 testId: "modal",
-                                                className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
+                                                className: cn(closeBtnClassName, btnClassNames),
                                                 variant: closeBtnVariant || 'dark-outline',
                                                 onClick: ()=>handle.decline(),
                                                 label: closeBtnText || 'Cancel',
@@ -153,11 +127,11 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
                                                 tabIndex: 1,
                                                 "aria-label": "Close modal"
                                             }),
-                                            !noConfirmBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                            !noConfirmBtn && /*#__PURE__*/ _jsx(Button, {
                                                 testId: "modal",
                                                 onClick: ()=>handle.confirm(),
                                                 label: confirmBtnLabel || mode && (mode === null || mode === void 0 ? void 0 : mode[0].toUpperCase()) + (mode === null || mode === void 0 ? void 0 : mode.slice(1)) || 'Apply',
-                                                className: (0, _classnames.default)('ml5', confirmBtnClassName, btnClassNames),
+                                                className: cn('ml5', confirmBtnClassName, btnClassNames),
                                                 variant: confirmBtnVariant,
                                                 disabled: confirmBtnDisable,
                                                 icon: confirmBtnIcon,
@@ -176,4 +150,4 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
     });
 });
 Modal.displayName = 'Modal';
-const _default = Modal;
+export default Modal;

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

@@ -1,61 +1,14 @@
 // @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, {
-    CreateMode: function() {
-        return CreateMode;
-    },
-    CustomFooter: function() {
-        return CustomFooter;
-    },
-    Default: function() {
-        return Default;
-    },
-    EditMode: function() {
-        return EditMode;
-    },
-    Loading: function() {
-        return Loading;
-    },
-    MobileResponsive: function() {
-        return MobileResponsive;
-    },
-    NoHeaderClose: function() {
-        return NoHeaderClose;
-    },
-    Primary: function() {
-        return Primary;
-    },
-    WithFixedFooter: function() {
-        return WithFixedFooter;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _Dropdown = /*#__PURE__*/ _interop_require_default(require("@/Atomic/FormElements/Dropdown/Dropdown"));
-const _react = require("react");
-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"));
-const _Modal = /*#__PURE__*/ _interop_require_default(require("./Modal"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } 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';
+import Modal from './Modal';
 const meta = {
     title: 'UI/Modal',
-    component: _Modal.default,
+    component: Modal,
     parameters: {
         layout: 'centered',
         docs: {
@@ -190,42 +143,42 @@ 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);
     const handleConfirm = ()=>{
         var _args_onConfirm;
         (_args_onConfirm = args.onConfirm) === null || _args_onConfirm === void 0 ? void 0 : _args_onConfirm.call(args);
         closeModal();
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
             padding: '20px'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+            /*#__PURE__*/ _jsx(Button, {
                 onClick: ()=>setIsOpen(true),
                 label: "Open Modal",
                 variant: "primary"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.default, {
+            /*#__PURE__*/ _jsx(Modal, {
                 ...args,
                 isOpen: isOpen,
                 closeModal: closeModal,
                 onConfirm: handleConfirm,
-                children: !isShowEmptyContent && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: !isShowEmptyContent && /*#__PURE__*/ _jsxs("div", {
                     style: {
                         display: 'flex',
                         flexDirection: 'column',
                         gap: '20px'
                     },
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                        /*#__PURE__*/ _jsx(Dropdown, {
                             entity: "example",
                             value: "opt1",
                             placeholder: "Select an option",
@@ -244,35 +197,35 @@ const Template = ({ isShowEmptyContent = false, ...args })=>{
                                 }
                             ]
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                        /*#__PURE__*/ _jsx(Hint, {
                             hint: "Helper text",
                             side: "right"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                        /*#__PURE__*/ _jsx(Alert, {
                             message: "Sample alert message",
                             variant: "info"
                         })
@@ -282,22 +235,22 @@ const Template = ({ isShowEmptyContent = false, ...args })=>{
         ]
     });
 };
-const Default = Template.bind({});
+export const Default = Template.bind({});
 Default.args = {
     title: 'Default Modal',
     variant: 'default',
     mode: 'default',
-    leftContentOfFooter: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+    leftContentOfFooter: /*#__PURE__*/ _jsx("span", {
         children: "Left Footer Content"
     })
 };
-const Primary = Template.bind({});
+export const Primary = Template.bind({});
 Primary.args = {
     ...Default.args,
     title: 'Primary Modal',
     variant: 'primary'
 };
-const CreateMode = Template.bind({});
+export const CreateMode = Template.bind({});
 CreateMode.args = {
     title: 'New Item',
     variant: 'primary',
@@ -305,7 +258,7 @@ CreateMode.args = {
     size: 870,
     confirmBtnLabel: 'Create'
 };
-const EditMode = Template.bind({});
+export const EditMode = Template.bind({});
 EditMode.args = {
     title: 'Item',
     variant: 'primary',
@@ -313,54 +266,54 @@ EditMode.args = {
     size: 770,
     confirmBtnLabel: 'Save'
 };
-const WithFixedFooter = Template.bind({});
+export const WithFixedFooter = Template.bind({});
 WithFixedFooter.args = {
     title: 'Fixed Footer Modal',
     variant: 'primary',
     withFixedFooter: true,
     size: 950
 };
-const CustomFooter = Template.bind({});
+export const CustomFooter = Template.bind({});
 CustomFooter.args = {
     title: 'Custom Footer',
     variant: 'primary',
-    customFooter: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    customFooter: /*#__PURE__*/ _jsxs("div", {
         style: {
             padding: '15px',
             display: 'flex',
             justifyContent: 'space-between'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+            /*#__PURE__*/ _jsx(Button, {
                 label: "Custom Left",
                 variant: "outline"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+            /*#__PURE__*/ _jsx(Button, {
                 label: "Custom Right",
                 variant: "primary"
             })
         ]
     })
 };
-const NoHeaderClose = Template.bind({});
+export const NoHeaderClose = Template.bind({});
 NoHeaderClose.args = {
     title: 'No Close Button',
     variant: 'primary',
     noHeaderCloseBtn: true
 };
-const MobileResponsive = Template.bind({});
+export const MobileResponsive = Template.bind({});
 MobileResponsive.args = {
     title: 'Mobile View',
     variant: 'primary',
     withMobileLogic: true,
     size: 'default'
 };
-const Loading = Template.bind({});
+export const Loading = Template.bind({});
 Loading.args = {
     title: 'Loading...',
     variant: 'primary',
     confirmBtnDisable: true,
-    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    children: /*#__PURE__*/ _jsx("div", {
         style: {
             textAlign: 'center',
             padding: '20px'