intelicoreact 1.6.7 → 1.6.8

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

@@ -1,179 +0,0 @@
-"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
-    };
-}
-const attrsForModalBodyDefault = {};
-const KEY_CODE = Object.freeze({
-    ENTER: 13,
-    ESC: 27
-});
-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 modalRef = ref || internalRef;
-    const { modalMobileHeaderRef, modalMobileBodyRef, modalMobileFooterRef, MODALS_LOGIC, renderModal, isMobile, scrollTop, scrollHeight } = (0, _useMobileModal.default)({
-        withMobileLogic,
-        withFixedFooter,
-        isOpen
-    });
-    const handle = {
-        confirm: ()=>{
-            onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-        },
-        decline: ()=>{
-            if (typeof onDecline === 'function') {
-                onDecline();
-            } else {
-                closeModal === null || closeModal === void 0 ? void 0 : closeModal();
-            }
-        }
-    };
-    (0, _useHandleKeyPress.default)({
-        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", {
-        style: {
-            zIndex
-        },
-        "data-testid": testId,
-        className: "modal-box j5",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": `${testId}-title`,
-        children: renderModal(/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    "data-testid": `${testId}-overlay`,
-                    className: isOpen ? 'modal-overlay' : 'hidden',
-                    onClick: closeModal,
-                    role: "presentation"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.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, {
-                        'modal': isOpen,
-                        'modal--no-header': isOpen && noHeader,
-                        'modal-mobile': isOpen && isMobile,
-                        'hidden': !isOpen
-                    }),
-                    children: [
-                        !noHeader && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalTitle.default, {
-                            wrapperRef: modalMobileHeaderRef,
-                            className: (0, _classnames.default)({
-                                'modal__header--hidden': MODALS_LOGIC.IS_HEADER_HIDDEN,
-                                'modal__header--sticky': !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
-                            }),
-                            variant: variant,
-                            isForced: forced,
-                            onClose: handle.decline,
-                            noHeaderCloseBtn: noHeaderCloseBtn,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                id: `${testId}-title`,
-                                children: renderModalTitle({
-                                    mode,
-                                    title,
-                                    onlyTitle
-                                })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            ...atributesForModalBody,
-                            ref: modalMobileBodyRef,
-                            className: (0, _classnames.default)('modal__body', {
-                                'modal__body--no-footer': noFooter
-                            }),
-                            role: "document",
-                            children: children
-                        }),
-                        (!noFooter || customFooter) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
-                            wrapperRef: modalMobileFooterRef,
-                            className: (0, _classnames.default)({
-                                '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: [
-                                    leftContentOfFooter,
-                                    (!noCloseBtn || !noConfirmBtn) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                        className: "modal__buttons-block",
-                                        children: [
-                                            !noCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                                                testId: "modal",
-                                                className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
-                                                variant: closeBtnVariant || 'dark-outline',
-                                                onClick: ()=>handle.decline(),
-                                                label: closeBtnText || 'Cancel',
-                                                disabled: closeBtnDisable,
-                                                icon: closeBtnIcon,
-                                                isIconRight: isCloseBtnIconPositionRight,
-                                                tabIndex: 1,
-                                                "aria-label": "Close modal"
-                                            }),
-                                            !noConfirmBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                                                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),
-                                                variant: confirmBtnVariant,
-                                                disabled: confirmBtnDisable,
-                                                icon: confirmBtnIcon,
-                                                isIconRight: isConfirmBtnIconPositionRight,
-                                                "aria-label": "Confirm modal"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        })
-                    ]
-                })
-            ]
-        }))
-    });
-});
-Modal.displayName = 'Modal';
-const _default = Modal;

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

@@ -1,370 +0,0 @@
-// @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 _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"));
-const _Modal = /*#__PURE__*/ _interop_require_default(require("./Modal"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const meta = {
-    title: 'UI/Modal',
-    component: _Modal.default,
-    parameters: {
-        layout: 'centered',
-        docs: {
-            description: {
-                component: 'Modal component with customizable header, body, and footer sections'
-            }
-        }
-    },
-    argTypes: {
-        // Required props
-        isOpen: {
-            description: 'Controls modal visibility',
-            control: 'boolean',
-            table: {
-                category: 'Required'
-            }
-        },
-        title: {
-            description: 'Modal title text',
-            control: 'text',
-            table: {
-                category: 'Required'
-            }
-        },
-        // Appearance props
-        variant: {
-            description: 'Visual style variant',
-            control: {
-                type: 'select',
-                options: [
-                    'default',
-                    'primary',
-                    'secondary'
-                ]
-            },
-            table: {
-                category: 'Appearance',
-                defaultValue: {
-                    summary: 'default'
-                }
-            }
-        },
-        mode: {
-            description: 'Modal operation mode',
-            control: {
-                type: 'select',
-                options: [
-                    'default',
-                    'create',
-                    'edit',
-                    'add'
-                ]
-            },
-            table: {
-                category: 'Appearance',
-                defaultValue: {
-                    summary: 'default'
-                }
-            }
-        },
-        size: {
-            description: 'Modal size',
-            control: {
-                type: 'select',
-                options: [
-                    'default',
-                    290,
-                    420,
-                    870,
-                    770,
-                    950
-                ]
-            },
-            table: {
-                category: 'Appearance'
-            }
-        },
-        zIndex: {
-            description: 'Modal z-index value',
-            control: 'number',
-            table: {
-                category: 'Appearance'
-            }
-        },
-        // Callbacks
-        onConfirm: {
-            description: 'Called when confirm button is clicked',
-            table: {
-                category: 'Callbacks'
-            }
-        },
-        onDecline: {
-            description: 'Called when decline/cancel button is clicked',
-            table: {
-                category: 'Callbacks'
-            }
-        },
-        closeModal: {
-            description: 'Called when modal should be closed',
-            table: {
-                category: 'Callbacks'
-            }
-        },
-        // Layout options
-        noHeader: {
-            description: 'Hide modal header',
-            control: 'boolean',
-            table: {
-                category: 'Layout'
-            }
-        },
-        noFooter: {
-            description: 'Hide modal footer',
-            control: 'boolean',
-            table: {
-                category: 'Layout'
-            }
-        },
-        withFixedFooter: {
-            description: 'Fix footer to bottom',
-            control: 'boolean',
-            table: {
-                category: 'Layout'
-            }
-        },
-        withMobileLogic: {
-            description: 'Enable mobile-specific behavior',
-            control: 'boolean',
-            table: {
-                category: 'Layout'
-            }
-        }
-    }
-};
-const _default = meta;
-const Template = ({ isShowEmptyContent = false, ...args })=>{
-    const [isOpen, setIsOpen] = (0, _react.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", {
-        style: {
-            padding: '20px'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                onClick: ()=>setIsOpen(true),
-                label: "Open Modal",
-                variant: "primary"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.default, {
-                ...args,
-                isOpen: isOpen,
-                closeModal: closeModal,
-                onConfirm: handleConfirm,
-                children: !isShowEmptyContent && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '20px'
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                            entity: "example",
-                            value: "opt1",
-                            placeholder: "Select an option",
-                            options: [
-                                {
-                                    label: 'Option 1',
-                                    value: 'opt1'
-                                },
-                                {
-                                    label: 'Option 2',
-                                    value: 'opt2'
-                                },
-                                {
-                                    label: 'Option 3',
-                                    value: 'opt3'
-                                }
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                            hint: "Helper text",
-                            side: "right"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Sample alert message",
-                            variant: "info"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-const Default = Template.bind({});
-Default.args = {
-    title: 'Default Modal',
-    variant: 'default',
-    mode: 'default',
-    leftContentOfFooter: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Left Footer Content"
-    })
-};
-const Primary = Template.bind({});
-Primary.args = {
-    ...Default.args,
-    title: 'Primary Modal',
-    variant: 'primary'
-};
-const CreateMode = Template.bind({});
-CreateMode.args = {
-    title: 'New Item',
-    variant: 'primary',
-    mode: 'create',
-    size: 870,
-    confirmBtnLabel: 'Create'
-};
-const EditMode = Template.bind({});
-EditMode.args = {
-    title: 'Item',
-    variant: 'primary',
-    mode: 'edit',
-    size: 770,
-    confirmBtnLabel: 'Save'
-};
-const WithFixedFooter = Template.bind({});
-WithFixedFooter.args = {
-    title: 'Fixed Footer Modal',
-    variant: 'primary',
-    withFixedFooter: true,
-    size: 950
-};
-const CustomFooter = Template.bind({});
-CustomFooter.args = {
-    title: 'Custom Footer',
-    variant: 'primary',
-    customFooter: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        style: {
-            padding: '15px',
-            display: 'flex',
-            justifyContent: 'space-between'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                label: "Custom Left",
-                variant: "outline"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                label: "Custom Right",
-                variant: "primary"
-            })
-        ]
-    })
-};
-const NoHeaderClose = Template.bind({});
-NoHeaderClose.args = {
-    title: 'No Close Button',
-    variant: 'primary',
-    noHeaderCloseBtn: true
-};
-const MobileResponsive = Template.bind({});
-MobileResponsive.args = {
-    title: 'Mobile View',
-    variant: 'primary',
-    withMobileLogic: true,
-    size: 'default'
-};
-const Loading = Template.bind({});
-Loading.args = {
-    title: 'Loading...',
-    variant: 'primary',
-    confirmBtnDisable: true,
-    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: {
-            textAlign: 'center',
-            padding: '20px'
-        },
-        children: "Loading content..."
-    })
-};

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

@@ -1,97 +0,0 @@
-"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 = (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__*/ (0, _jsxruntime.jsxs)("div", {
-        style: {
-            zIndex
-        },
-        "data-testid": testId,
-        className: "modal-box j5",
-        role: "presentation",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "modal-overlay",
-                onClick: closeModal,
-                role: "presentation",
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                ref: modalRef,
-                style: {
-                    width: size
-                },
-                className: (0, _classnames.default)(className, 'modal'),
-                role: "dialog",
-                "aria-modal": "true",
-                "aria-labelledby": testId,
-                tabIndex: -1,
-                children: children
-            })
-        ]
-    });
-};
-const _default = Modal;