intelicoreact 1.6.6 → 1.6.8

package/dist/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/Atomic/UI/Modal/ModalHOC.stories.js

@@ -1,191 +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, {
-    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.default,
-    parameters: {
-        layout: 'centered',
-        docs: {
-            description: {
-                component: 'Modal component with customizable header, body, and footer sections'
-            }
-        }
-    },
-    argTypes: {
-        size: {
-            description: 'Modal size in pixels or "default"',
-            control: {
-                type: 'select',
-                options: [
-                    'default',
-                    290,
-                    420,
-                    870,
-                    770,
-                    950
-                ]
-            },
-            table: {
-                category: 'Appearance'
-            }
-        },
-        closeOnEsc: {
-            description: 'Enable closing modal with Escape key',
-            control: 'boolean',
-            table: {
-                category: 'Behavior',
-                defaultValue: {
-                    summary: ''
-                }
-            }
-        },
-        isOpen: {
-            description: 'Controls modal visibility',
-            control: 'boolean',
-            table: {
-                category: 'Behavior'
-            }
-        },
-        // Content
-        children: {
-            description: 'Modal content',
-            control: 'text',
-            table: {
-                category: 'Content'
-            }
-        },
-        zIndex: {
-            description: 'Modal stack order',
-            control: 'number',
-            table: {
-                category: 'Layout',
-                defaultValue: {
-                    summary: '100'
-                }
-            }
-        }
-    }
-};
-const _default = meta;
-const Template = ({ isShowEmptyContent = false, ...args })=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const closeModal = ()=>setIsOpen(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                onClick: ()=>setIsOpen(true),
-                label: "Show modal",
-                variant: "primary"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalHOC.default, {
-                ...args,
-                isOpen: isOpen,
-                closeModal: closeModal,
-                children: !isShowEmptyContent && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "modal__body",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", {
-                            children: "Modal Content"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                            message: "Info alert",
-                            variant: "info",
-                            className: "mb5"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                            entity: "example",
-                            value: "option1",
-                            placeholder: "Select an option",
-                            options: [
-                                {
-                                    label: 'Option 1',
-                                    value: 'option1'
-                                },
-                                {
-                                    label: 'Option 2',
-                                    value: 'option2'
-                                },
-                                {
-                                    label: 'Option 3',
-                                    value: 'option3'
-                                }
-                            ],
-                            className: "mb5"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                            hint: "This is a helpful hint",
-                            side: "right",
-                            className: "mb5"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-const Default = Template.bind({});
-Default.args = {
-    submitHandler: ()=>console.log('Submit clicked')
-};
-const SmallModal = Template.bind({});
-SmallModal.args = {
-    ...Default.args,
-    size: 290
-};
-const LargeModal = Template.bind({});
-LargeModal.args = {
-    ...Default.args,
-    size: 950
-};
-const EmptyContent = Template.bind({});
-EmptyContent.args = {
-    ...Default.args,
-    isShowEmptyContent: true
-};
-const NoEscapeKey = Template.bind({});
-NoEscapeKey.args = {
-    ...Default.args,
-    closeOnEsc: false
-};