intelicoreact 1.6.2 → 1.6.3

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

@@ -1,10 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import React, { createRef, useCallback, useEffect, useRef, useState } from 'react';
-import * as Icons from 'react-feather';
-import { NavLink } from 'react-router-dom';
-import { KEYBOARD_KEY_CODES } from '../../../Constants/index.constants';
-import './NavLine.scss';
+"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
@@ -15,14 +71,14 @@ const CN = 'nav-line';
     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] = useState([]);
-    const wrapperRef = useRef(null);
-    const wrapperInnerRef = useRef(null);
-    const [showScrollButtons, setShowScrollButtons] = useState(false);
-    const [canScrollLeft, setCanScrollLeft] = useState(false);
-    const [canScrollRight, setCanScrollRight] = useState(false);
-    const [isScrollBlocked, setIsScrollBlocked] = useState(false);
-    const checkScroll = useCallback(()=>{
+    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;
@@ -32,7 +88,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         setCanScrollLeft(canScrollLeft);
         setCanScrollRight(canScrollRight);
     }, []);
-    const scroll = useCallback((direction)=>{
+    const scroll = (0, _react.useCallback)((direction)=>{
         if (isScrollBlocked || !wrapperInnerRef.current) return;
         setIsScrollBlocked(true);
         const scrollAmount = 100;
@@ -57,7 +113,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         isScrollBlocked,
         checkScroll
     ]);
-    const handleWheel = useCallback((e)=>{
+    const handleWheel = (0, _react.useCallback)((e)=>{
         if (!scrollMode) return;
         e.preventDefault();
         if (e.deltaY > 0) {
@@ -69,7 +125,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         scroll,
         scrollMode
     ]);
-    const onTabChange = useCallback((item)=>{
+    const onTabChange = (0, _react.useCallback)((item)=>{
         if (!item.disabled && !(mode === 'create' && item.tabId !== 'general')) {
             onChange(item.tabId);
         }
@@ -77,15 +133,15 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         mode,
         onChange
     ]);
-    const navigateByKeys = useCallback((event)=>{
+    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 === KEYBOARD_KEY_CODES.ARROW_RIGHT && nextTabID) {
+        if (event.keyCode === _indexconstants.KEYBOARD_KEY_CODES.ARROW_RIGHT && nextTabID) {
             onChange(nextTabID);
-        } else if (event.keyCode === KEYBOARD_KEY_CODES.ARROW_LEFT && prevTabID) {
+        } else if (event.keyCode === _indexconstants.KEYBOARD_KEY_CODES.ARROW_LEFT && prevTabID) {
             onChange(prevTabID);
         }
     }, [
@@ -94,16 +150,16 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         onChange
     ]);
     // Инициализация табов с ref
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setNavLineItems(items.map((item)=>({
                 ...item,
-                ref: /*#__PURE__*/ createRef()
+                ref: /*#__PURE__*/ (0, _react.createRef)()
             })));
     }, [
         items
     ]);
     // Обработка клавиатурной навигации
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isNavigateByKeys && !isTabLoading) {
             document.addEventListener('keydown', navigateByKeys);
         }
@@ -114,7 +170,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         navigateByKeys
     ]);
     // Настройка скролла
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!scrollMode) return;
         const inner = wrapperInnerRef.current;
         if (!inner) return;
@@ -136,12 +192,12 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         handleWheel
     ]);
     const renderNavItem = (item)=>{
-        const Icon = item.icon ? Icons[item.icon] : null;
+        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': cn({
+            'className': (0, _classnames.default)({
                 'nav-line__item': !variant
             }, {
                 'nav-line--simple__item': variant === 'simple'
@@ -157,21 +213,21 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
             'aria-disabled': isDisabled,
             'tabIndex': isDisabled ? -1 : 0
         };
-        const content = /*#__PURE__*/ _jsxs("div", {
+        const content = /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             className: "nav-line__content",
             children: [
-                Icon && /*#__PURE__*/ _jsx("div", {
+                Icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "nav-line__item--icon",
                     "aria-hidden": "true",
-                    children: /*#__PURE__*/ _jsx(Icon, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {})
                 }),
-                /*#__PURE__*/ _jsx("span", {
-                    className: cn({
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: (0, _classnames.default)({
                         'nav-line__item--label': variant !== 'simple'
                     }),
                     children: item.label
                 }),
-                item.count !== undefined && /*#__PURE__*/ _jsxs("span", {
+                item.count !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                     className: "nav-line-count",
                     "aria-label": `${item.count} items`,
                     children: [
@@ -183,7 +239,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
             ]
         });
         if (isLocal) {
-            return /*#__PURE__*/ _jsx("span", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 ...commonProps,
                 ref: checkedRef(item.ref),
                 onClick: ()=>!isDisabled && onTabChange(item),
@@ -196,7 +252,7 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
                 children: content
             });
         }
-        return /*#__PURE__*/ _jsx(NavLink, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.NavLink, {
             ...commonProps,
             to: `${root}${(item === null || item === void 0 ? void 0 : item.linkChapter) || item.tabId}/`,
             onClick: (e)=>{
@@ -207,11 +263,11 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
             children: content
         });
     };
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         className: "nav-line-wrapper",
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
-            className: cn({
+            className: (0, _classnames.default)({
                 [CN]: !variant
             }, {
                 [`${CN}--simple`]: variant === 'simple'
@@ -220,18 +276,18 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
             }, className),
             ref: wrapperRef,
             children: [
-                scrollMode && showScrollButtons && /*#__PURE__*/ _jsx("button", {
+                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__*/ _jsx(Icons.ChevronLeft, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {})
                 }),
-                /*#__PURE__*/ _jsx("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     ref: wrapperInnerRef,
-                    className: cn({
+                    className: (0, _classnames.default)({
                         'nav-line__inner': !variant
                     }, {
                         'nav-line--simple__inner': variant === 'simple'
@@ -240,16 +296,16 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
                     "aria-orientation": "horizontal",
                     children: navLineItems.map(renderNavItem)
                 }),
-                scrollMode && showScrollButtons && /*#__PURE__*/ _jsx("button", {
+                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__*/ _jsx(Icons.ChevronRight, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {})
                 }),
-                children && /*#__PURE__*/ _jsx("div", {
+                children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "nav-line__body",
                     role: "tabpanel",
                     children: children
@@ -258,4 +314,4 @@ const NavLine = ({ root = '', activeTab, variant, onChange, className, items, ch
         })
     });
 };
-export default NavLine;
+const _default = NavLine;

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

@@ -1,10 +1,95 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { BrowserRouter } from 'react-router-dom';
-import NavLine from './NavLine';
+"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, {
+    CompactView: function() {
+        return CompactView;
+    },
+    DefaultWithIcons: function() {
+        return DefaultWithIcons;
+    },
+    SimpleDefault: function() {
+        return SimpleDefault;
+    },
+    SimpleWithCounts: function() {
+        return SimpleWithCounts;
+    },
+    SimpleWithDisabled: function() {
+        return SimpleWithDisabled;
+    },
+    SimpleWithScroll: function() {
+        return SimpleWithScroll;
+    },
+    WithHiddenTabs: function() {
+        return WithHiddenTabs;
+    },
+    WithLongLabels: function() {
+        return WithLongLabels;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactrouterdom = require("react-router-dom");
+const _NavLine = /*#__PURE__*/ _interop_require_default(require("./NavLine"));
+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 meta = {
     title: 'UI/NavLine',
-    component: NavLine,
+    component: _NavLine.default,
     parameters: {
         layout: 'centered'
     },
@@ -27,19 +112,19 @@ const meta = {
         }
     },
     decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(BrowserRouter, {
-                children: /*#__PURE__*/ _jsx("div", {
+        (Story)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     style: {
                         maxWidth: '1200px',
                         margin: '0 auto'
                     },
-                    children: /*#__PURE__*/ _jsx(Story, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
                 })
             })
     ]
 };
-export default meta;
-const CustomTabContent = ({ label })=>/*#__PURE__*/ _jsxs("div", {
+const _default = meta;
+const CustomTabContent = ({ label })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         style: {
             padding: '20px',
             background: '#f5f5f5',
@@ -48,13 +133,13 @@ const CustomTabContent = ({ label })=>/*#__PURE__*/ _jsxs("div", {
             width: '100%'
         },
         children: [
-            /*#__PURE__*/ _jsx("h3", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", {
                 style: {
                     margin: '0 0 10px'
                 },
                 children: label
             }),
-            /*#__PURE__*/ _jsxs("p", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
                 children: [
                     "Tab content for",
                     label
@@ -65,19 +150,18 @@ const CustomTabContent = ({ label })=>/*#__PURE__*/ _jsxs("div", {
 // Base Template
 const Template = (args)=>{
     var _args_items_find;
-    const [activeTab, setActiveTab] = useState(args.initialTab);
-    return /*#__PURE__*/ _jsx(NavLine, {
+    const [activeTab, setActiveTab] = (0, _react.useState)(args.initialTab);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_NavLine.default, {
         ...args,
         activeTab: activeTab,
         onChange: setActiveTab,
-        children: /*#__PURE__*/ _jsx(CustomTabContent, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomTabContent, {
             label: ((_args_items_find = args.items.find((item)=>item.tabId === activeTab)) === null || _args_items_find === void 0 ? void 0 : _args_items_find.label) || ''
         })
     });
 };
-// Simple Variant Stories
-export const SimpleDefault = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const SimpleDefault = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -118,8 +202,8 @@ export const SimpleDefault = {
         ]
     }
 };
-export const SimpleWithScroll = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const SimpleWithScroll = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -136,8 +220,8 @@ export const SimpleWithScroll = {
             }))
     }
 };
-export const SimpleWithCounts = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const SimpleWithCounts = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -175,8 +259,8 @@ export const SimpleWithCounts = {
         ]
     }
 };
-export const SimpleWithDisabled = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const SimpleWithDisabled = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -211,8 +295,8 @@ export const SimpleWithDisabled = {
         ]
     }
 };
-export const DefaultWithIcons = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const DefaultWithIcons = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -243,8 +327,8 @@ export const DefaultWithIcons = {
         ]
     }
 };
-export const WithHiddenTabs = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const WithHiddenTabs = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -277,8 +361,8 @@ export const WithHiddenTabs = {
         ]
     }
 };
-export const WithLongLabels = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const WithLongLabels = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {
@@ -310,8 +394,8 @@ export const WithLongLabels = {
         ]
     }
 };
-export const CompactView = {
-    render: (args)=>/*#__PURE__*/ _jsx(Template, {
+const CompactView = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
             ...args
         }),
     args: {