intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/UI/Modal/partials/useMobileModal.test.js

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile"));
-const _useMobileModal = /*#__PURE__*/ _interop_require_default(require("./useMobileModal"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-jest.mock('../../../../Functions/useIsMobile', ()=>({
-        __esModule: true,
-        default: jest.fn(()=>({
-                isMobile: true
-            }))
-    }));
-describe('useMobileModal', ()=>{
-    beforeEach(()=>{
-        jest.clearAllMocks();
-        _useIsMobile.default.mockImplementation(()=>({
-                isMobile: true
-            }));
-    });
-    it('should initialize with default values', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                isOpen: false,
-                withMobileLogic: false
-            }));
-        expect(result.current.MODALS_LOGIC).toEqual({
-            IS_HEADER_HIDDEN: false,
-            IS_HEADER_STICKY: false,
-            IS_FOOTER_HIDDEN: false,
-            IS_FOOTER_STICKY: false
-        });
-        expect(result.current.scrollTop).toBe(0);
-        expect(result.current.scrollHeight).toBe(1);
-    });
-    it('should initialize with fixed footer when withFixedFooter is true', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                isOpen: true,
-                withMobileLogic: true,
-                withFixedFooter: true
-            }));
-        expect(result.current.MODALS_LOGIC.IS_FOOTER_STICKY).toBe(true);
-    });
-    it('should provide all required refs', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                isOpen: true,
-                withMobileLogic: true
-            }));
-        expect(result.current.modalMobileContainerRef).toBeDefined();
-        expect(result.current.modalMobileHeaderRef).toBeDefined();
-        expect(result.current.modalMobileBodyRef).toBeDefined();
-        expect(result.current.modalMobileFooterRef).toBeDefined();
-    });
-    it('should provide scroll directions', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                isOpen: true,
-                withMobileLogic: true
-            }));
-        expect(result.current.SCROLL_DIRECTION).toEqual({
-            UP: 'up',
-            DOWN: 'down'
-        });
-    });
-    describe('renderModal', ()=>{
-        it('should return original content when not mobile', ()=>{
-            _useIsMobile.default.mockImplementation(()=>({
-                    isMobile: false
-                }));
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                    isOpen: true,
-                    withMobileLogic: true
-                }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: "Test Content"
-            });
-            const rendered = result.current.renderModal(testContent);
-            expect(rendered).toBe(testContent);
-        });
-        it('should return original content when withMobileLogic is false', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                    isOpen: true,
-                    withMobileLogic: false
-                }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: "Test Content"
-            });
-            const rendered = result.current.renderModal(testContent);
-            expect(rendered).toBe(testContent);
-        });
-        it('should return React element when mobile and withMobileLogic is true', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                    isOpen: true,
-                    withMobileLogic: true
-                }));
-            const testContent = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: "Test Content"
-            });
-            const rendered = result.current.renderModal(testContent);
-            expect(React.isValidElement(rendered)).toBe(true);
-        });
-    });
-    describe('props handling', ()=>{
-        it('should handle undefined props', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({}));
-            expect(result.current.MODALS_LOGIC).toBeDefined();
-            expect(result.current.scrollTop).toBeDefined();
-            expect(result.current.scrollHeight).toBeDefined();
-        });
-        it('should handle all props as false', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                    isOpen: false,
-                    withMobileLogic: false,
-                    withFixedFooter: false
-                }));
-            expect(result.current.MODALS_LOGIC.IS_FOOTER_STICKY).toBe(false);
-        });
-        it('should handle modalRef prop', ()=>{
-            const mockRef = {
-                current: null
-            };
-            const { result } = (0, _react.renderHook)(()=>(0, _useMobileModal.default)({
-                    // @ts-ignore
-                    modalRef: mockRef
-                }));
-            expect(result.current.modalMobileContainerRef).toBeDefined();
-        });
-    });
-});

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

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

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

@@ -1,513 +0,0 @@
-// @ts-expect-error
-"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, {
-    AlternativeIcons: function() {
-        return AlternativeIcons;
-    },
-    Basic: function() {
-        return Basic;
-    },
-    CustomStyled: function() {
-        return CustomStyled;
-    },
-    CustomStyledTitle: function() {
-        return CustomStyledTitle;
-    },
-    Disabled: function() {
-        return Disabled;
-    },
-    FormContent: function() {
-        return FormContent;
-    },
-    LoadingState: function() {
-        return LoadingState;
-    },
-    MultipleAccordions: function() {
-        return MultipleAccordions;
-    },
-    NestedAccordions: function() {
-        return NestedAccordions;
-    },
-    RichContent: function() {
-        return RichContent;
-    },
-    TableContent: function() {
-        return TableContent;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactfeather = require("react-feather");
-const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
-require("./partial/AnyOuterClass.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 _default = {
-    title: 'UI/Accordion',
-    component: _MonoAccordion.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'A flexible accordion component that supports custom content, icons, and animations.'
-            }
-        }
-    },
-    argTypes: {
-        isIncludeOuterStyles: {
-            control: 'boolean',
-            description: 'Include additional outer styling class',
-            defaultValue: false
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'Disable accordion interaction'
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class names'
-        }
-    }
-};
-// Base Template
-const Template = (args)=>{
-    const { isIncludeOuterStyles, children } = args;
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    if (!Array.isArray(children) || !children.length) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        className: isIncludeOuterStyles ? 'any-outer-class__mono-accordion' : undefined,
-        titleJSX: args.titleJSX,
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        disabled: args.disabled,
-        children: (children || []).map((el, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                style: {
-                    padding: '5px 0'
-                },
-                children: el
-            }, idx))
-    });
-};
-const Basic = Template.bind({});
-Basic.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Basic Accordion"
-    }),
-    children: [
-        'First item',
-        'Second item',
-        'Third item'
-    ]
-};
-const CustomStyledTitle = Template.bind({});
-CustomStyledTitle.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '4px'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                style: {
-                    fontWeight: 'bold'
-                },
-                children: "Custom Styled Title"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                style: {
-                    fontSize: '12px',
-                    color: '#666'
-                },
-                children: "With subtitle"
-            })
-        ]
-    }),
-    children: [
-        'Content item 1',
-        'Content item 2'
-    ]
-};
-const RichContent = Template.bind({});
-RichContent.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Rich Content Example"
-    }),
-    children: [
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                display: 'flex',
-                alignItems: 'center',
-                gap: '8px'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("img", {
-                    src: "https://via.placeholder.com/40",
-                    alt: "placeholder",
-                    style: {
-                        borderRadius: '50%'
-                    }
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                            style: {
-                                margin: 0
-                            },
-                            children: "John Doe"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                            style: {
-                                margin: 0,
-                                color: '#666'
-                            },
-                            children: "Frontend Developer"
-                        })
-                    ]
-                })
-            ]
-        }, "1"),
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                padding: '12px',
-                backgroundColor: '#f5f5f5',
-                borderRadius: '4px'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "This is a card-like content block"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    children: "Click me"
-                })
-            ]
-        }, "2")
-    ]
-};
-const AlternativeIcons = (args)=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        ...args,
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Alternative Icons"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Minus, {
-            size: 18
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {
-            size: 18
-        }),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-            children: "Content with alternative icons"
-        })
-    });
-};
-const MultipleAccordions = ()=>{
-    const [openStates, setOpenStates] = (0, _react.useState)([
-        false,
-        false,
-        false
-    ]);
-    const toggleAccordion = (index)=>{
-        setOpenStates((prev)=>prev.map((state, i)=>i === index ? !state : state));
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '8px'
-        },
-        children: [
-            'First',
-            'Second',
-            'Third'
-        ].map((title, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-                titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                    children: [
-                        title,
-                        ' ',
-                        "Accordion"
-                    ]
-                }),
-                icon: openStates[index] ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {}),
-                isOpen: openStates[index],
-                onClick: ()=>toggleAccordion(index),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
-                    children: [
-                        "Content for",
-                        title.toLowerCase(),
-                        ' ',
-                        "accordion"
-                    ]
-                })
-            }, index))
-    });
-};
-const NestedAccordions = ()=>{
-    const [parentOpen, setParentOpen] = (0, _react.useState)(false);
-    const [childOpen, setChildOpen] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Parent Accordion"
-        }),
-        icon: parentOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: parentOpen,
-        onClick: ()=>setParentOpen(!parentOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                padding: '10px 0'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "Parent content"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-                    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        children: "Child Accordion"
-                    }),
-                    icon: childOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-                    isOpen: childOpen,
-                    onClick: ()=>setChildOpen(!childOpen),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                        children: "Child content"
-                    })
-                })
-            ]
-        })
-    });
-};
-const Disabled = Template.bind({});
-Disabled.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Disabled Accordion"
-    }),
-    disabled: true,
-    children: [
-        'This content is not accessible'
-    ]
-};
-const CustomStyled = Template.bind({});
-CustomStyled.args = {
-    isIncludeOuterStyles: true,
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Custom Styled Accordion"
-    }),
-    children: [
-        'Content with custom styling'
-    ]
-};
-const FormContent = ()=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [formData, setFormData] = (0, _react.useState)({
-        name: '',
-        email: ''
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Form Example"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("form", {
-            style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '10px',
-                padding: '10px 0'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    type: "text",
-                    placeholder: "Name",
-                    value: formData.name,
-                    onChange: (e)=>setFormData((prev)=>({
-                                ...prev,
-                                name: e.target.value
-                            }))
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    type: "email",
-                    placeholder: "Email",
-                    value: formData.email,
-                    onChange: (e)=>setFormData((prev)=>({
-                                ...prev,
-                                email: e.target.value
-                            }))
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    children: "Submit"
-                })
-            ]
-        })
-    });
-};
-const TableContent = Template.bind({});
-TableContent.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Table Example"
-    }),
-    children: [
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("table", {
-            style: {
-                width: '100%',
-                borderCollapse: 'collapse'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("thead", {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                style: {
-                                    border: '1px solid #ddd',
-                                    padding: '8px'
-                                },
-                                children: "Header 1"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                style: {
-                                    border: '1px solid #ddd',
-                                    padding: '8px'
-                                },
-                                children: "Header 2"
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("tbody", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 1"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 2"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 3"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 4"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        }, "1")
-    ]
-};
-const LoadingState = ()=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [isLoading, setIsLoading] = (0, _react.useState)(false);
-    const [content, setContent] = (0, _react.useState)(null);
-    const handleClick = async ()=>{
-        if (!isOpen) {
-            setIsLoading(true);
-            // Имитация загрузки данных
-            await new Promise((resolve)=>setTimeout(resolve, 1000));
-            setContent('Loaded content');
-            setIsLoading(false);
-        }
-        setIsOpen(!isOpen);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Loading Example"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: handleClick,
-        children: isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            style: {
-                padding: '20px 0',
-                textAlign: 'center'
-            },
-            children: "Loading..."
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            children: content
-        })
-    });
-};