intelicoreact 1.6.1 → 1.6.2

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

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

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

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