intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,368 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+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)=>_object_spread_props(_object_spread({}, 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", _object_spread_props(_object_spread({}, 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, _object_spread_props(_object_spread({}, 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;
+
+//# sourceMappingURL=NavLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/NavLine/NavLine.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { HTMLElementOrAnchor, RefType } from '../../../types/base.types';\nimport type { INavLineItem, INavLineProps } from './NavLine.interface';\nimport cn from 'classnames';\nimport React, { createRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport * as Icons from 'react-feather';\n\nimport { NavLink } from 'react-router-dom';\n\nimport { KEYBOARD_KEY_CODES } from '../../../Constants/index.constants';\n\nimport './NavLine.scss';\n\nconst CN = 'nav-line';\n\n/**\n * Проверяет и нормализует ref\n * @param ref - React ref объект или функция обратного вызова\n * @returns Нормализованный ref или null\n */\nfunction checkedRef<T extends HTMLElementOrAnchor = HTMLElement>(ref: RefType<T>): RefType<T> {\n  if (!ref) return null;\n  return typeof ref === 'function' ? (node: T) => ref(node) : ref;\n}\n\nconst NavLine: React.FC<INavLineProps> = ({\n  root = '',\n  activeTab,\n  variant,\n  onChange,\n  className,\n  items,\n  children,\n  isLocal = false,\n  mode,\n  isNavigateByKeys,\n  isTabLoading,\n  scrollMode = false,\n  testId = CN,\n}) => {\n  const [navLineItems, setNavLineItems] = useState<\n    Array<INavLineItem & { ref: React.RefObject<HTMLElement> }>\n  >([]);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const wrapperInnerRef = useRef<HTMLDivElement>(null);\n  const [showScrollButtons, setShowScrollButtons] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n  const [isScrollBlocked, setIsScrollBlocked] = useState(false);\n\n  const checkScroll = useCallback(() => {\n    const inner = wrapperInnerRef.current;\n    if (!inner) return;\n\n    const hasOverflow = inner.scrollWidth > inner.clientWidth;\n    const canScrollLeft = inner.scrollLeft > 0;\n    const canScrollRight = inner.scrollLeft < inner.scrollWidth - inner.clientWidth;\n\n    setShowScrollButtons(hasOverflow);\n    setCanScrollLeft(canScrollLeft);\n    setCanScrollRight(canScrollRight);\n  }, []);\n\n  const scroll = useCallback(\n    (direction: 'left' | 'right') => {\n      if (isScrollBlocked || !wrapperInnerRef.current) return;\n\n      setIsScrollBlocked(true);\n      const scrollAmount = 100;\n      const offset = direction === 'left' ? -scrollAmount : scrollAmount;\n\n      try {\n        wrapperInnerRef.current.scrollBy({\n          left: offset,\n          behavior: 'smooth',\n        });\n      }\n      catch (error) {\n        console.error('scrollBy is not supported', error);\n        // Fallback для браузеров, не поддерживающих scrollBy\n        if (wrapperInnerRef.current) {\n          wrapperInnerRef.current.scrollLeft += offset;\n        }\n      }\n\n      setTimeout(() => {\n        setIsScrollBlocked(false);\n        checkScroll();\n      }, 300);\n    },\n    [isScrollBlocked, checkScroll],\n  );\n\n  const handleWheel = useCallback(\n    (e: WheelEvent) => {\n      if (!scrollMode) return;\n      e.preventDefault();\n\n      if (e.deltaY > 0) {\n        scroll('right');\n      }\n      else {\n        scroll('left');\n      }\n    },\n    [scroll, scrollMode],\n  );\n\n  const onTabChange = useCallback(\n    (item: INavLineItem) => {\n      if (!item.disabled && !(mode === 'create' && item.tabId !== 'general')) {\n        onChange(item.tabId);\n      }\n    },\n    [mode, onChange],\n  );\n\n  const navigateByKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.repeat) return;\n\n      const activeTabIndex = items.findIndex(tab => tab.tabId === activeTab);\n      const nextTabID = items[activeTabIndex + 1]?.tabId;\n      const prevTabID = items[activeTabIndex - 1]?.tabId;\n\n      if (event.keyCode === KEYBOARD_KEY_CODES.ARROW_RIGHT && nextTabID) {\n        onChange(nextTabID);\n      }\n      else if (event.keyCode === KEYBOARD_KEY_CODES.ARROW_LEFT && prevTabID) {\n        onChange(prevTabID);\n      }\n    },\n    [activeTab, items, onChange],\n  );\n\n  // Инициализация табов с ref\n  useEffect(() => {\n    setNavLineItems(\n      items.map(item => ({\n        ...item,\n        ref: createRef<HTMLElement>(),\n      })),\n    );\n  }, [items]);\n\n  // Обработка клавиатурной навигации\n  useEffect(() => {\n    if (isNavigateByKeys && !isTabLoading) {\n      document.addEventListener('keydown', navigateByKeys);\n    }\n\n    return () => document.removeEventListener('keydown', navigateByKeys);\n  }, [isNavigateByKeys, isTabLoading, navigateByKeys]);\n\n  // Настройка скролла\n  useEffect(() => {\n    if (!scrollMode) return;\n\n    const inner = wrapperInnerRef.current;\n    if (!inner) return;\n\n    const resizeObserver = new ResizeObserver(checkScroll);\n    resizeObserver.observe(inner);\n\n    inner.addEventListener('scroll', checkScroll);\n    inner.addEventListener('wheel', handleWheel, { passive: false });\n\n    checkScroll();\n\n    return () => {\n      resizeObserver.disconnect();\n      inner.removeEventListener('scroll', checkScroll);\n      inner.removeEventListener('wheel', handleWheel);\n    };\n  }, [scrollMode, checkScroll, handleWheel]);\n\n  const renderNavItem = (item: INavLineItem & { ref: React.RefObject<HTMLElement> }): ReactNode => {\n    const Icon = item.icon ? Icons[item.icon as keyof typeof Icons] : null;\n    const isDisabled = item.disabled || (mode === 'create' && item.tabId !== 'general');\n\n    const commonProps = {\n      'title': item.title,\n      'key': `tab__${item.tabId}`,\n      'className': cn(\n        { 'nav-line__item': !variant },\n        { 'nav-line--simple__item': variant === 'simple' },\n        { active: activeTab === item.tabId },\n        { disabled: isDisabled },\n        { 'nav-line__item--hidden': item.isHidden },\n      ),\n      'role': 'tab',\n      'aria-selected': activeTab === item.tabId,\n      'aria-disabled': isDisabled,\n      'tabIndex': isDisabled ? -1 : 0,\n    };\n\n    const content = (\n      <div className=\"nav-line__content\">\n        {Icon && (\n          <div className=\"nav-line__item--icon\" aria-hidden=\"true\">\n            <Icon />\n          </div>\n        )}\n        <span className={cn({ 'nav-line__item--label': variant !== 'simple' })}>{item.label}</span>\n        {item.count !== undefined && (\n          <span className=\"nav-line-count\" aria-label={`${item.count} items`}>\n            (\n            {item.count}\n            )\n          </span>\n        )}\n      </div>\n    );\n\n    if (isLocal) {\n      return (\n        <span\n          {...commonProps}\n          ref={checkedRef(item.ref)}\n          onClick={() => !isDisabled && onTabChange(item)}\n          onKeyPress={(e: React.KeyboardEvent) => {\n            if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {\n              e.preventDefault();\n              onTabChange(item);\n            }\n          }}\n        >\n          {content}\n        </span>\n      );\n    }\n\n    return (\n      <NavLink\n        {...commonProps}\n        to={`${root}${item?.linkChapter || item.tabId}/`}\n        onClick={(e) => {\n          if (isDisabled) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {content}\n      </NavLink>\n    );\n  };\n\n  return (\n    <div className=\"nav-line-wrapper\">\n      <div\n        data-testid={testId}\n        className={cn(\n          { [CN]: !variant },\n          { [`${CN}--simple`]: variant === 'simple' },\n          { [`${CN}--scroll-mode`]: scrollMode },\n          className,\n        )}\n        ref={wrapperRef}\n      >\n        {scrollMode && showScrollButtons && (\n          <button\n            type=\"button\"\n            data-testid=\"nav-line-scroll-prev\"\n            className=\"nav-line--simple__arrow nav-line--simple__arrow--prev\"\n            onClick={() => scroll('left')}\n            aria-label=\"Scroll previous\"\n            disabled={!canScrollLeft}\n          >\n            <Icons.ChevronLeft />\n          </button>\n        )}\n\n        <div\n          ref={wrapperInnerRef}\n          className={cn({ 'nav-line__inner': !variant }, { 'nav-line--simple__inner': variant === 'simple' })}\n          role=\"tablist\"\n          aria-orientation=\"horizontal\"\n        >\n          {navLineItems.map(renderNavItem)}\n        </div>\n\n        {scrollMode && showScrollButtons && (\n          <button\n            type=\"button\"\n            data-testid=\"nav-line-scroll-next\"\n            className=\"nav-line--simple__arrow nav-line--simple__arrow--next\"\n            onClick={() => scroll('right')}\n            aria-label=\"Scroll next\"\n            disabled={!canScrollRight}\n          >\n            <Icons.ChevronRight />\n          </button>\n        )}\n\n        {children && (\n          <div className=\"nav-line__body\" role=\"tabpanel\">\n            {children}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default NavLine;\n"],"names":["CN","checkedRef","ref","node","NavLine","root","activeTab","variant","onChange","className","items","children","isLocal","mode","isNavigateByKeys","isTabLoading","scrollMode","testId","navLineItems","setNavLineItems","useState","wrapperRef","useRef","wrapperInnerRef","showScrollButtons","setShowScrollButtons","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isScrollBlocked","setIsScrollBlocked","checkScroll","useCallback","inner","current","hasOverflow","scrollWidth","clientWidth","scrollLeft","scroll","direction","scrollAmount","offset","scrollBy","left","behavior","error","console","setTimeout","handleWheel","e","preventDefault","deltaY","onTabChange","item","disabled","tabId","navigateByKeys","event","repeat","activeTabIndex","findIndex","tab","nextTabID","prevTabID","keyCode","KEYBOARD_KEY_CODES","ARROW_RIGHT","ARROW_LEFT","useEffect","map","createRef","document","addEventListener","removeEventListener","resizeObserver","ResizeObserver","observe","passive","disconnect","renderNavItem","Icon","icon","Icons","isDisabled","commonProps","title","cn","active","isHidden","content","div","aria-hidden","span","label","count","undefined","aria-label","onClick","onKeyPress","key","NavLink","to","linkChapter","data-testid","button","type","ChevronLeft","role","aria-orientation","ChevronRight"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _NavLine = /*#__PURE__*/ _interop_require_default(require("./NavLine"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _NavLine.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/NavLine/index.ts"],"sourcesContent":["import NavLine from './NavLine';\n\nexport default NavLine;\nexport type { INavLineItem, INavLineProps } from './NavLine.interface';\n"],"names":["NavLine"],"mappings":";;;;+BAEA;;;eAAA;;;gEAFoB;;;;;;MAEpB,WAAeA,gBAAO"}

package/dist/Atomic/UI/PageTitle/PageTitle.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=PageTitle.interface.js.map

package/dist/Atomic/UI/PageTitle/PageTitle.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PageTitle/PageTitle.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/PageTitle/PageTitle.js

@@ -0,0 +1,79 @@
+"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_default(require("react"));
+const _reactfeather = require("react-feather");
+require("./PageTitle.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'page-title';
+const PageTitle = ({ title, pages, children, testId = RC })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: RC,
+        role: "region",
+        "aria-label": title,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `${RC}__wrap`,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h1", {
+                        className: `${RC}__title`,
+                        children: title
+                    }),
+                    pages.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)("nav", {
+                        className: `${RC}__pages`,
+                        "aria-label": "Breadcrumb",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("ol", {
+                            className: `${RC}__list`,
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                                        className: `${RC}__link`,
+                                        href: "/",
+                                        "aria-label": "Home page",
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {
+                                            "aria-hidden": "true"
+                                        })
+                                    })
+                                }),
+                                pages.map(({ name, path }, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                                className: `${RC}__delimiter`,
+                                                "aria-hidden": "true",
+                                                children: "/"
+                                            }),
+                                            pages.length - 1 === index ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                                className: (0, _classnames.default)(`${RC}__link`, `${RC}__link_last`),
+                                                "aria-current": "page",
+                                                children: name
+                                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                                                className: `${RC}__link`,
+                                                href: path,
+                                                children: name
+                                            })
+                                        ]
+                                    }, path))
+                            ]
+                        })
+                    })
+                ]
+            }),
+            children
+        ]
+    });
+const _default = PageTitle;
+
+//# sourceMappingURL=PageTitle.js.map

package/dist/Atomic/UI/PageTitle/PageTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PageTitle/PageTitle.tsx"],"sourcesContent":["import type { IPageTitleProps } from './PageTitle.interface';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { Home } from 'react-feather';\n\nimport './PageTitle.scss';\n\nconst RC = 'page-title';\n\nconst PageTitle: React.FC<IPageTitleProps> = ({ title, pages, children, testId = RC }) => (\n  <div data-testid={testId} className={RC} role=\"region\" aria-label={title}>\n    <div className={`${RC}__wrap`}>\n      <h1 className={`${RC}__title`}>{title}</h1>\n      {pages.length > 0 && (\n        <nav className={`${RC}__pages`} aria-label=\"Breadcrumb\">\n          <ol className={`${RC}__list`}>\n            <li>\n              <a className={`${RC}__link`} href=\"/\" aria-label=\"Home page\">\n                <Home aria-hidden=\"true\" />\n              </a>\n            </li>\n\n            {pages.map(({ name, path }, index) => (\n              <li key={path}>\n                <span className={`${RC}__delimiter`} aria-hidden=\"true\">\n                  /\n                </span>\n                {pages.length - 1 === index\n                  ? (\n                      <span className={cn(`${RC}__link`, `${RC}__link_last`)} aria-current=\"page\">\n                        {name}\n                      </span>\n                    )\n                  : (\n                      <a className={`${RC}__link`} href={path}>\n                        {name}\n                      </a>\n                    )}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n    </div>\n    {children}\n  </div>\n);\n\nexport default PageTitle;\n"],"names":["RC","PageTitle","title","pages","children","testId","div","data-testid","className","role","aria-label","h1","length","nav","ol","li","a","href","Home","aria-hidden","map","name","path","index","span","cn","aria-current"],"mappings":";;;;+BAiDA;;;eAAA;;;;mEAhDe;8DACG;8BAEG;QAEd;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,YAAuC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAASL,EAAE,EAAE,iBACnF,sBAACM;QAAIC,eAAaF;QAAQG,WAAWR;QAAIS,MAAK;QAASC,cAAYR;;0BACjE,sBAACI;gBAAIE,WAAW,GAAGR,GAAG,MAAM,CAAC;;kCAC3B,qBAACW;wBAAGH,WAAW,GAAGR,GAAG,OAAO,CAAC;kCAAGE;;oBAC/BC,MAAMS,MAAM,GAAG,mBACd,qBAACC;wBAAIL,WAAW,GAAGR,GAAG,OAAO,CAAC;wBAAEU,cAAW;kCACzC,cAAA,sBAACI;4BAAGN,WAAW,GAAGR,GAAG,MAAM,CAAC;;8CAC1B,qBAACe;8CACC,cAAA,qBAACC;wCAAER,WAAW,GAAGR,GAAG,MAAM,CAAC;wCAAEiB,MAAK;wCAAIP,cAAW;kDAC/C,cAAA,qBAACQ,kBAAI;4CAACC,eAAY;;;;gCAIrBhB,MAAMiB,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAE,EAAEC,sBAC1B,sBAACR;;0DACC,qBAACS;gDAAKhB,WAAW,GAAGR,GAAG,WAAW,CAAC;gDAAEmB,eAAY;0DAAO;;4CAGvDhB,MAAMS,MAAM,GAAG,MAAMW,sBAEhB,qBAACC;gDAAKhB,WAAWiB,IAAAA,mBAAE,EAAC,GAAGzB,GAAG,MAAM,CAAC,EAAE,GAAGA,GAAG,WAAW,CAAC;gDAAG0B,gBAAa;0DAClEL;+DAIH,qBAACL;gDAAER,WAAW,GAAGR,GAAG,MAAM,CAAC;gDAAEiB,MAAMK;0DAChCD;;;uCAZFC;;;;;;YAqBlBlB;;;MAIL,WAAeH"}

package/dist/Atomic/UI/PageTitle/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _PageTitle = /*#__PURE__*/ _interop_require_default(require("./PageTitle"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _PageTitle.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/PageTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PageTitle/index.ts"],"sourcesContent":["import PageTitle from './PageTitle';\n\nexport default PageTitle;\nexport type { IPageTitleProps, PageItem } from './PageTitle.interface';\n"],"names":["PageTitle"],"mappings":";;;;+BAEA;;;eAAA;;;kEAFsB;;;;;;MAEtB,WAAeA,kBAAS"}

package/dist/Atomic/UI/PieChart/PieChart.js

@@ -0,0 +1,66 @@
+"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_default(require("react"));
+const _chart = require("chart.js");
+const _reactchartjs2 = require("react-chartjs-2");
+require("./PieChart.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+_chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
+const PieChart = ({ data, cutout = "80%", resultLabel, resultValue = 0, withLegend = false })=>{
+    const options = {
+        cutout,
+        plugins: {
+            legend: {
+                display: withLegend
+            }
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "pie-chart-box",
+        style: {
+            maxWidth: `320px`
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactchartjs2.Pie, {
+                data: data,
+                options: options
+            }),
+            Boolean(resultLabel) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "pie-chart__result",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "pie-chart__result-value",
+                        children: [
+                            resultValue,
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: "pie-chart__result-percent",
+                                children: "%"
+                            }),
+                            " "
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "pie-chart__result-label",
+                        children: resultLabel
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = PieChart;
+
+//# sourceMappingURL=PieChart.js.map

package/dist/Atomic/UI/PieChart/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/PieChart/PieChart.js"],"sourcesContent":["import React from \"react\";\n\nimport { ArcElement, Chart as ChartJS, Tooltip } from \"chart.js\";\nimport { Pie } from \"react-chartjs-2\";\n\nimport \"./PieChart.scss\";\n\nChartJS.register(ArcElement, Tooltip);\n\nconst PieChart = ({\n  data,\n  cutout = \"80%\",\n  resultLabel,\n  resultValue = 0,\n  withLegend = false,\n}) => {\n  const options = {\n    cutout,\n    plugins: {\n      legend: {\n        display: withLegend,\n      },\n    },\n  };\n\n  return (\n    <div className=\"pie-chart-box\" style={{ maxWidth: `320px` }}>\n      <Pie data={data} options={options} />\n      {Boolean(resultLabel) && (\n        <div className=\"pie-chart__result\">\n          <div className=\"pie-chart__result-value\">\n            {resultValue}\n            <span className=\"pie-chart__result-percent\">%</span>{\" \"}\n          </div>\n          <div className=\"pie-chart__result-label\">{resultLabel}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PieChart;\n"],"names":["ChartJS","register","ArcElement","Tooltip","PieChart","data","cutout","resultLabel","resultValue","withLegend","options","plugins","legend","display","div","className","style","maxWidth","Pie","Boolean","span"],"mappings":";;;;+BAyCA;;;eAAA;;;;8DAzCkB;uBAEoC;+BAClC;QAEb;;;;;;AAEPA,YAAO,CAACC,QAAQ,CAACC,iBAAU,EAAEC,cAAO;AAEpC,MAAMC,WAAW,CAAC,EAChBC,IAAI,EACJC,SAAS,KAAK,EACdC,WAAW,EACXC,cAAc,CAAC,EACfC,aAAa,KAAK,EACnB;IACC,MAAMC,UAAU;QACdJ;QACAK,SAAS;YACPC,QAAQ;gBACNC,SAASJ;YACX;QACF;IACF;IAEA,qBACE,sBAACK;QAAIC,WAAU;QAAgBC,OAAO;YAAEC,UAAU,CAAC,KAAK,CAAC;QAAC;;0BACxD,qBAACC,kBAAG;gBAACb,MAAMA;gBAAMK,SAASA;;YACzBS,QAAQZ,8BACP,sBAACO;gBAAIC,WAAU;;kCACb,sBAACD;wBAAIC,WAAU;;4BACZP;0CACD,qBAACY;gCAAKL,WAAU;0CAA4B;;4BAAS;;;kCAEvD,qBAACD;wBAAIC,WAAU;kCAA2BR;;;;;;AAKpD;MAEA,WAAeH"}