intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,513 @@
+// @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
+        })
+    });
+};

package/dist/src/Atomic/UI/MonoAccordion/MonoAccordion.test.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+describe('monoAccordion', ()=>{
+    const defaultProps = {
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: "Accordion Title"
+        }),
+        icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            children: "▼"
+        }),
+        isOpen: false,
+        onClick: jest.fn(),
+        testId: 'test-accordion'
+    };
+    it('renders correctly with default props', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        expect(_react.screen.getByTestId('test-accordion')).toBeInTheDocument();
+        expect(_react.screen.getByText('Accordion Title')).toBeInTheDocument();
+    });
+    it('handles click events correctly', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        _react.fireEvent.click(_react.screen.getByRole('button'));
+        expect(defaultProps.onClick).toHaveBeenCalled();
+    });
+    it('applies correct classes when open', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            isOpen: true,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        expect(_react.screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');
+    });
+    it('applies disabled state correctly', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            disabled: true,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        const button = _react.screen.getByRole('button');
+        expect(button).toBeDisabled();
+        expect(_react.screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');
+    });
+    it('handles aria attributes correctly', ()=>{
+        const { rerender } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        expect(_react.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
+        rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+            ...defaultProps,
+            isOpen: true,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: "Accordion Content"
+            })
+        }));
+        expect(_react.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
+    });
+});

package/dist/src/Atomic/UI/MonoAccordion/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _MonoAccordion.default;

package/dist/src/Atomic/UI/NavLine/NavLine.interface.js

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