intelicoreact 1.6.7 → 1.6.10

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

@@ -1,317 +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 _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
-const _reactrouterdom = require("react-router-dom");
-const _indexconstants = require("../../../Constants/index.constants");
-require("./NavLine.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 CN = 'nav-line';
-/**
- * Проверяет и нормализует ref
- * @param ref - React ref объект или функция обратного вызова
- * @returns Нормализованный ref или null
- */ function checkedRef(ref) {
-    if (!ref) return null;
-    return typeof ref === 'function' ? (node)=>ref(node) : ref;
-}
-const NavLine = ({ root = '', activeTab, variant, onChange, className, items, children, isLocal = false, mode, isNavigateByKeys, isTabLoading, scrollMode = false, testId = CN })=>{
-    const [navLineItems, setNavLineItems] = (0, _react.useState)([]);
-    const wrapperRef = (0, _react.useRef)(null);
-    const wrapperInnerRef = (0, _react.useRef)(null);
-    const [showScrollButtons, setShowScrollButtons] = (0, _react.useState)(false);
-    const [canScrollLeft, setCanScrollLeft] = (0, _react.useState)(false);
-    const [canScrollRight, setCanScrollRight] = (0, _react.useState)(false);
-    const [isScrollBlocked, setIsScrollBlocked] = (0, _react.useState)(false);
-    const checkScroll = (0, _react.useCallback)(()=>{
-        const inner = wrapperInnerRef.current;
-        if (!inner) return;
-        const hasOverflow = inner.scrollWidth > inner.clientWidth;
-        const canScrollLeft = inner.scrollLeft > 0;
-        const canScrollRight = inner.scrollLeft < inner.scrollWidth - inner.clientWidth;
-        setShowScrollButtons(hasOverflow);
-        setCanScrollLeft(canScrollLeft);
-        setCanScrollRight(canScrollRight);
-    }, []);
-    const scroll = (0, _react.useCallback)((direction)=>{
-        if (isScrollBlocked || !wrapperInnerRef.current) return;
-        setIsScrollBlocked(true);
-        const scrollAmount = 100;
-        const offset = direction === 'left' ? -scrollAmount : scrollAmount;
-        try {
-            wrapperInnerRef.current.scrollBy({
-                left: offset,
-                behavior: 'smooth'
-            });
-        } catch (error) {
-            console.error('scrollBy is not supported', error);
-            // Fallback для браузеров, не поддерживающих scrollBy
-            if (wrapperInnerRef.current) {
-                wrapperInnerRef.current.scrollLeft += offset;
-            }
-        }
-        setTimeout(()=>{
-            setIsScrollBlocked(false);
-            checkScroll();
-        }, 300);
-    }, [
-        isScrollBlocked,
-        checkScroll
-    ]);
-    const handleWheel = (0, _react.useCallback)((e)=>{
-        if (!scrollMode) return;
-        e.preventDefault();
-        if (e.deltaY > 0) {
-            scroll('right');
-        } else {
-            scroll('left');
-        }
-    }, [
-        scroll,
-        scrollMode
-    ]);
-    const onTabChange = (0, _react.useCallback)((item)=>{
-        if (!item.disabled && !(mode === 'create' && item.tabId !== 'general')) {
-            onChange(item.tabId);
-        }
-    }, [
-        mode,
-        onChange
-    ]);
-    const navigateByKeys = (0, _react.useCallback)((event)=>{
-        var _items_, _items_1;
-        if (event.repeat) return;
-        const activeTabIndex = items.findIndex((tab)=>tab.tabId === activeTab);
-        const nextTabID = (_items_ = items[activeTabIndex + 1]) === null || _items_ === void 0 ? void 0 : _items_.tabId;
-        const prevTabID = (_items_1 = items[activeTabIndex - 1]) === null || _items_1 === void 0 ? void 0 : _items_1.tabId;
-        if (event.keyCode === _indexconstants.KEYBOARD_KEY_CODES.ARROW_RIGHT && nextTabID) {
-            onChange(nextTabID);
-        } else if (event.keyCode === _indexconstants.KEYBOARD_KEY_CODES.ARROW_LEFT && prevTabID) {
-            onChange(prevTabID);
-        }
-    }, [
-        activeTab,
-        items,
-        onChange
-    ]);
-    // Инициализация табов с ref
-    (0, _react.useEffect)(()=>{
-        setNavLineItems(items.map((item)=>({
-                ...item,
-                ref: /*#__PURE__*/ (0, _react.createRef)()
-            })));
-    }, [
-        items
-    ]);
-    // Обработка клавиатурной навигации
-    (0, _react.useEffect)(()=>{
-        if (isNavigateByKeys && !isTabLoading) {
-            document.addEventListener('keydown', navigateByKeys);
-        }
-        return ()=>document.removeEventListener('keydown', navigateByKeys);
-    }, [
-        isNavigateByKeys,
-        isTabLoading,
-        navigateByKeys
-    ]);
-    // Настройка скролла
-    (0, _react.useEffect)(()=>{
-        if (!scrollMode) return;
-        const inner = wrapperInnerRef.current;
-        if (!inner) return;
-        const resizeObserver = new ResizeObserver(checkScroll);
-        resizeObserver.observe(inner);
-        inner.addEventListener('scroll', checkScroll);
-        inner.addEventListener('wheel', handleWheel, {
-            passive: false
-        });
-        checkScroll();
-        return ()=>{
-            resizeObserver.disconnect();
-            inner.removeEventListener('scroll', checkScroll);
-            inner.removeEventListener('wheel', handleWheel);
-        };
-    }, [
-        scrollMode,
-        checkScroll,
-        handleWheel
-    ]);
-    const renderNavItem = (item)=>{
-        const Icon = item.icon ? _reactfeather[item.icon] : null;
-        const isDisabled = item.disabled || mode === 'create' && item.tabId !== 'general';
-        const commonProps = {
-            'title': item.title,
-            'key': `tab__${item.tabId}`,
-            'className': (0, _classnames.default)({
-                'nav-line__item': !variant
-            }, {
-                'nav-line--simple__item': variant === 'simple'
-            }, {
-                active: activeTab === item.tabId
-            }, {
-                disabled: isDisabled
-            }, {
-                'nav-line__item--hidden': item.isHidden
-            }),
-            'role': 'tab',
-            'aria-selected': activeTab === item.tabId,
-            'aria-disabled': isDisabled,
-            'tabIndex': isDisabled ? -1 : 0
-        };
-        const content = /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: "nav-line__content",
-            children: [
-                Icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "nav-line__item--icon",
-                    "aria-hidden": "true",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {})
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: (0, _classnames.default)({
-                        'nav-line__item--label': variant !== 'simple'
-                    }),
-                    children: item.label
-                }),
-                item.count !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                    className: "nav-line-count",
-                    "aria-label": `${item.count} items`,
-                    children: [
-                        "(",
-                        item.count,
-                        ")"
-                    ]
-                })
-            ]
-        });
-        if (isLocal) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                ...commonProps,
-                ref: checkedRef(item.ref),
-                onClick: ()=>!isDisabled && onTabChange(item),
-                onKeyPress: (e)=>{
-                    if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {
-                        e.preventDefault();
-                        onTabChange(item);
-                    }
-                },
-                children: content
-            });
-        }
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.NavLink, {
-            ...commonProps,
-            to: `${root}${(item === null || item === void 0 ? void 0 : item.linkChapter) || item.tabId}/`,
-            onClick: (e)=>{
-                if (isDisabled) {
-                    e.preventDefault();
-                }
-            },
-            children: content
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: "nav-line-wrapper",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            "data-testid": testId,
-            className: (0, _classnames.default)({
-                [CN]: !variant
-            }, {
-                [`${CN}--simple`]: variant === 'simple'
-            }, {
-                [`${CN}--scroll-mode`]: scrollMode
-            }, className),
-            ref: wrapperRef,
-            children: [
-                scrollMode && showScrollButtons && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    "data-testid": "nav-line-scroll-prev",
-                    className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
-                    onClick: ()=>scroll('left'),
-                    "aria-label": "Scroll previous",
-                    disabled: !canScrollLeft,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {})
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    ref: wrapperInnerRef,
-                    className: (0, _classnames.default)({
-                        'nav-line__inner': !variant
-                    }, {
-                        'nav-line--simple__inner': variant === 'simple'
-                    }),
-                    role: "tablist",
-                    "aria-orientation": "horizontal",
-                    children: navLineItems.map(renderNavItem)
-                }),
-                scrollMode && showScrollButtons && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    "data-testid": "nav-line-scroll-next",
-                    className: "nav-line--simple__arrow nav-line--simple__arrow--next",
-                    onClick: ()=>scroll('right'),
-                    "aria-label": "Scroll next",
-                    disabled: !canScrollRight,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {})
-                }),
-                children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "nav-line__body",
-                    role: "tabpanel",
-                    children: children
-                })
-            ]
-        })
-    });
-};
-const _default = NavLine;