intelicoreact 1.6.7 → 1.6.10

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

@@ -1,124 +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 _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-require("./MonoAccordion.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 RC = "mono-accordion";
-const MonoAccordion = ({ titleJSX, icon, children, isOpen, onClick, className, disabled, testId = "mono-accordion", datasetProp = {} })=>{
-    const [maxHeight, setMaxHeight] = (0, _react.useState)();
-    const titleRef = (0, _react.useRef)();
-    const containerRef = (0, _react.useRef)();
-    const setHeight = (value)=>{
-        if (value !== undefined) setMaxHeight((state)=>`${value}px`);
-        else setMaxHeight((state)=>{
-            var _Array_from_reduce, _Array_from, _containerRef_current;
-            return `${(_Array_from = Array.from((_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.childNodes)) === null || _Array_from === void 0 ? void 0 : (_Array_from_reduce = _Array_from.reduce) === null || _Array_from_reduce === void 0 ? void 0 : _Array_from_reduce.call(_Array_from, (acc, el)=>acc + el.offsetHeight, 0)}px`;
-        });
-    };
-    const handleClick = (e)=>{
-        if (!Array.from(titleRef.current.childNodes).some((el)=>el.contains(e.target))) {
-            onClick(e);
-            e === null || e === void 0 ? void 0 : e.preventDefault();
-            e === null || e === void 0 ? void 0 : e.stopPropagation();
-        } else return e;
-    };
-    (0, _react.useEffect)(()=>{
-        if (!isOpen) setHeight(0);
-        else setHeight();
-    }, [
-        isOpen,
-        children
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        ...datasetProp,
-        "data-testid": testId,
-        className: (0, _classnames.default)(RC, className, {
-            [`${RC}_is-open`]: isOpen,
-            [`${RC}_disabled`]: disabled
-        }),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: `${RC}__head`,
-                onClick: handleClick,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        ref: titleRef,
-                        className: `${RC}__tile-container`,
-                        children: titleJSX
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: `${RC}__icon-container`,
-                        children: icon
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                ref: containerRef,
-                style: {
-                    maxHeight
-                },
-                className: (0, _classnames.default)(`${RC}__container`),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: `${RC}__content-wrapper`,
-                    children: children
-                })
-            })
-        ]
-    });
-};
-const _default = MonoAccordion;

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

@@ -1,512 +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, {
-    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/MonoAccordion',
-    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/index.js

@@ -1,17 +0,0 @@
-"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

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