intelicoreact 1.6.22 → 1.6.24

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

@@ -1 +1,317 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(n){t(e,n,r[n])})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}function a(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],l=!0,o=!1;try{for(a=a.call(e);!(l=(n=a.next()).done)&&(i.push(n.value),!t||i.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==a.return||a.return()}finally{if(o)throw r}}return i}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return p}});var i,l=require("react/jsx-runtime"),o=(i=require("classnames"))&&i.__esModule?i:{default:i},c=v(require("react")),u=v(require("react-feather")),s=require("react-router-dom"),f=require("../../../Constants/index.constants");function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function v(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}require("./NavLine.scss");var b="nav-line",p=function(e){var i=e.root,d=void 0===i?"":i,v=e.activeTab,p=e.variant,y=e.onChange,m=e.className,h=e.items,_=e.children,j=e.isLocal,O=void 0!==j&&j,g=e.mode,w=e.isNavigateByKeys,x=e.isTabLoading,k=e.scrollMode,E=void 0!==k&&k,S=e.testId,C=void 0===S?b:S,P=a((0,c.useState)([]),2),I=P[0],L=P[1],N=(0,c.useRef)(null),D=(0,c.useRef)(null),R=a((0,c.useState)(!1),2),A=R[0],W=R[1],M=a((0,c.useState)(!1),2),q=M[0],K=M[1],T=a((0,c.useState)(!1),2),Y=T[0],B=T[1],z=a((0,c.useState)(!1),2),H=z[0],F=z[1],G=(0,c.useCallback)(function(){var e=D.current;if(e){var t=e.scrollWidth>e.clientWidth,n=e.scrollLeft>0,r=e.scrollLeft<e.scrollWidth-e.clientWidth;W(t),K(n),B(r)}},[]),U=(0,c.useCallback)(function(e){if(!H&&D.current){F(!0);var t="left"===e?-100:100;try{D.current.scrollBy({left:t,behavior:"smooth"})}catch(e){D.current&&(D.current.scrollLeft+=t)}setTimeout(function(){F(!1),G()},300)}},[H,G]),$=(0,c.useCallback)(function(e){E&&(e.preventDefault(),e.deltaY>0?U("right"):U("left"))},[U,E]),J=(0,c.useCallback)(function(e){e.disabled||"create"===g&&"general"!==e.tabId||y(e.tabId)},[g,y]),Q=(0,c.useCallback)(function(e){if(!e.repeat){var t,n,r=h.findIndex(function(e){return e.tabId===v}),a=null==(t=h[r+1])?void 0:t.tabId,i=null==(n=h[r-1])?void 0:n.tabId;e.keyCode===f.KEYBOARD_KEY_CODES.ARROW_RIGHT&&a?y(a):e.keyCode===f.KEYBOARD_KEY_CODES.ARROW_LEFT&&i&&y(i)}},[v,h,y]);return(0,c.useEffect)(function(){L(h.map(function(e){return r(n({},e),{ref:(0,c.createRef)()})}))},[h]),(0,c.useEffect)(function(){return w&&!x&&document.addEventListener("keydown",Q),function(){return document.removeEventListener("keydown",Q)}},[w,x,Q]),(0,c.useEffect)(function(){if(E){var e=D.current;if(e){var t=new ResizeObserver(G);return t.observe(e),e.addEventListener("scroll",G),e.addEventListener("wheel",$,{passive:!1}),G(),function(){t.disconnect(),e.removeEventListener("scroll",G),e.removeEventListener("wheel",$)}}}},[E,G,$]),(0,l.jsx)("div",{className:"nav-line-wrapper",children:(0,l.jsxs)("div",{"data-testid":C,className:(0,o.default)(t({},b,!p),t({},"".concat(b,"--simple"),"simple"===p),t({},"".concat(b,"--scroll-mode"),E),m),ref:N,children:[E&&A&&(0,l.jsx)("button",{type:"button","data-testid":"nav-line-scroll-prev",className:"nav-line--simple__arrow nav-line--simple__arrow--prev",onClick:function(){return U("left")},"aria-label":"Scroll previous",disabled:!q,children:(0,l.jsx)(u.ChevronLeft,{})}),(0,l.jsx)("div",{ref:D,className:(0,o.default)({"nav-line__inner":!p},{"nav-line--simple__inner":"simple"===p}),role:"tablist","aria-orientation":"horizontal",children:I.map(function(e){var t,a=e.icon?u[e.icon]:null,i=e.disabled||"create"===g&&"general"!==e.tabId,c={title:e.title,key:"tab__".concat(e.tabId),className:(0,o.default)({"nav-line__item":!p},{"nav-line--simple__item":"simple"===p},{active:v===e.tabId},{disabled:i},{"nav-line__item--hidden":e.isHidden}),role:"tab","aria-selected":v===e.tabId,"aria-disabled":i,tabIndex:i?-1:0},f=(0,l.jsxs)("div",{className:"nav-line__content",children:[a&&(0,l.jsx)("div",{className:"nav-line__item--icon","aria-hidden":"true",children:(0,l.jsx)(a,{})}),(0,l.jsx)("span",{className:(0,o.default)({"nav-line__item--label":"simple"!==p}),children:e.label}),void 0!==e.count&&(0,l.jsxs)("span",{className:"nav-line-count","aria-label":"".concat(e.count," items"),children:["(",e.count,")"]})]});return O?(0,l.jsx)("span",r(n({},c),{ref:(t=e.ref)?"function"==typeof t?function(e){return t(e)}:t:null,onClick:function(){return!i&&J(e)},onKeyPress:function(t){i||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),J(e))},children:f})):(0,l.jsx)(s.NavLink,r(n({},c),{to:"".concat(d).concat((null==e?void 0:e.linkChapter)||e.tabId,"/"),onClick:function(e){i&&e.preventDefault()},children:f}))})}),E&&A&&(0,l.jsx)("button",{type:"button","data-testid":"nav-line-scroll-next",className:"nav-line--simple__arrow nav-line--simple__arrow--next",onClick:function(){return U("right")},"aria-label":"Scroll next",disabled:!Y,children:(0,l.jsx)(u.ChevronRight,{})}),_&&(0,l.jsx)("div",{className:"nav-line__body",role:"tabpanel",children:_})]})})};
+"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;

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

@@ -1 +1,77 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});var e,a=require("react/jsx-runtime"),r=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var s=require("react-feather");require("./PageTitle.scss");var l="page-title",c=function(e){var c=e.title,t=e.pages,i=e.children,n=e.testId,d=void 0===n?l:n;return(0,a.jsxs)("div",{"data-testid":d,className:l,role:"region","aria-label":c,children:[(0,a.jsxs)("div",{className:"".concat(l,"__wrap"),children:[(0,a.jsx)("h1",{className:"".concat(l,"__title"),children:c}),t.length>0&&(0,a.jsx)("nav",{className:"".concat(l,"__pages"),"aria-label":"Breadcrumb",children:(0,a.jsxs)("ol",{className:"".concat(l,"__list"),children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{className:"".concat(l,"__link"),href:"/","aria-label":"Home page",children:(0,a.jsx)(s.Home,{"aria-hidden":"true"})})}),t.map(function(e,s){var c=e.name,i=e.path;return(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"".concat(l,"__delimiter"),"aria-hidden":"true",children:"/"}),t.length-1===s?(0,a.jsx)("span",{className:(0,r.default)("".concat(l,"__link"),"".concat(l,"__link_last")),"aria-current":"page",children:c}):(0,a.jsx)("a",{className:"".concat(l,"__link"),href:i,children:c})]},i)})]})})]}),i]})};
+"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;

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

@@ -1 +1,42 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{ArcElement as r,Chart as a,Tooltip as s}from"chart.js";import{Pie as i}from"react-chartjs-2";import"./PieChart.scss";a.register(r,s);export default function(r){var a=r.data,s=r.cutout,l=r.resultLabel,c=r.resultValue,d=r.withLegend;return t("div",{className:"pie-chart-box",style:{maxWidth:"320px"},children:[e(i,{data:a,options:{cutout:void 0===s?"80%":s,plugins:{legend:{display:void 0!==d&&d}}}}),!!l&&t("div",{className:"pie-chart__result",children:[t("div",{className:"pie-chart__result-value",children:[void 0===c?0:c,e("span",{className:"pie-chart__result-percent",children:"%"})," "]}),e("div",{className:"pie-chart__result-label",children:l})]})]})}
+import React from "react";
+
+import { ArcElement, Chart as ChartJS, Tooltip } from "chart.js";
+import { Pie } from "react-chartjs-2";
+
+import "./PieChart.scss";
+
+ChartJS.register(ArcElement, Tooltip);
+
+const PieChart = ({
+  data,
+  cutout = "80%",
+  resultLabel,
+  resultValue = 0,
+  withLegend = false,
+}) => {
+  const options = {
+    cutout,
+    plugins: {
+      legend: {
+        display: withLegend,
+      },
+    },
+  };
+
+  return (
+    <div className="pie-chart-box" style={{ maxWidth: `320px` }}>
+      <Pie data={data} options={options} />
+      {Boolean(resultLabel) && (
+        <div className="pie-chart__result">
+          <div className="pie-chart__result-value">
+            {resultValue}
+            <span className="pie-chart__result-percent">%</span>{" "}
+          </div>
+          <div className="pie-chart__result-label">{resultLabel}</div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default PieChart;

package/dist/Atomic/UI/Price/Price.js

@@ -1 +1,31 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});var e,r=require("react/jsx-runtime"),t=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var a=require("../../../Functions/fieldValueFormatters"),i="price",u=function(e){var u=e.value,n=e.currencyCode,o=e.isSymbolAfter,c=e.className,l=e.testId,s=void 0===l?i:l;return null==u?null:(0,r.jsx)("div",{"data-testid":s,className:(0,t.default)(i,c),role:"contentinfo","aria-label":"Price: ".concat((0,a.formatToPriceWithCurrency)(u,n,o?"after":"before")),children:(0,a.formatToPriceWithCurrency)(u,n,o?"after":"before")})};
+"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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'price';
+const Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN })=>{
+    if (value === undefined || value === null) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, className),
+        role: "contentinfo",
+        "aria-label": `Price: ${(0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`,
+        children: (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before')
+    });
+};
+const _default = Price;

package/dist/Atomic/UI/PriceRange/PriceRange.js

@@ -1 +1,44 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return l}});var e,r=require("react/jsx-runtime"),i=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var t=require("../../../Functions/fieldValueFormatters"),a="price-range",l=function(e){var l=e.from,o=e.to,n=e.mode,s=e.testId,u=void 0===s?a:s;return(0,r.jsx)("div",{"data-testid":u,className:(0,i.default)(a,"j4"),role:"region","aria-label":"Price range",children:"simple"===n?(0,r.jsxs)("span",{"aria-live":"polite",children:[l," - ",o]}):(0,r.jsxs)("span",{"aria-live":"polite",children:[(0,t.formatToPriceWithUSD)(null==l?void 0:l.toString())," - ",(0,t.formatToPriceWithUSD)(null==o?void 0:o.toString())]})})};
+"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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'price-range';
+const PriceRange = ({ from, to, mode, testId = CN })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, 'j4'),
+        role: "region",
+        "aria-label": "Price range",
+        children: mode === 'simple' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+            "aria-live": "polite",
+            children: [
+                from,
+                ' - ',
+                to
+            ]
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+            "aria-live": "polite",
+            children: [
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()),
+                ' - ',
+                (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())
+            ]
+        })
+    });
+};
+const _default = PriceRange;

package/dist/Atomic/UI/ProgressLine/ProgressLine.js

@@ -1 +1,98 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return l}});var e,r=require("react/jsx-runtime"),a=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var i=require("../../../Functions/utils");require("./ProgressLine.scss");var s="progress-line",l=function(e){var l=e.label,o=void 0===l?"":l,n=e.labelAlign,t=e.renderValue,c=e.renderValueInPercents,d=void 0!==c&&c,u=e.valueMeasurement,v=void 0===u?"":u,p=e.valueHorizontalPosition,_=e.valueVerticalPosition,m=e.symbolsAfterComma,x=void 0===m?0:m,g=e.minValue,h=void 0===g?0:g,f=e.maxValue,j=void 0===f?100:f,w=e.value,b=void 0===w?0:w,N=e.showExtremums,P=e.extremumsPosition,V=e.variant,q=e.useVariantLabelColor,y=e.isShowLine,L=e.className,M=e.testId,A=void 0===M?s:M,C=function(){return b>j&&(b=j),"".concat(((b-h)*100/(j-h)).toFixed(x),"%")};return(0,r.jsxs)("div",{className:(0,a.default)(s,L),"data-testid":A,role:"region","aria-label":"Progress line",children:[o?(0,r.jsx)("div",{className:"progress-line__wrapper__label align-".concat(void 0===n?"left":n),children:o}):null,(0,r.jsxs)("div",{className:"progress-line__wrapper variant-".concat((void 0===q||q)&&(void 0===V?"info":V)," value-").concat(void 0===_?"center":_,"-").concat(void 0===p?"right":p," ").concat(L),children:[void 0!==t&&t?(0,r.jsx)("div",{className:"progress-line__wrapper__value","aria-live":"polite",children:d?C():"".concat((0,i.addBitDepthPoints)(String(b))," ").concat(v)}):null,(void 0===y||y)&&(0,r.jsxs)("div",{className:"progress-line__wrapper__line",children:[void 0!==N&&N?(0,r.jsxs)("div",{"aria-hidden":"true",className:"progress-line__wrapper__extremums position-".concat(void 0===P?"top":P),children:[(0,r.jsx)("div",{className:"progress-line__wrapper__extremums--min",children:d?"0 %":"".concat(h," ").concat(v)}),(0,r.jsx)("div",{className:"progress-line__wrapper__extremums--max",children:d?"100 %":"".concat(j," ").concat(v)})]}):null,(0,r.jsx)("div",{className:"progress-line__wrapper__line--filled",role:"progressbar","aria-label":"Progress: ".concat(b," out of ").concat(j),"aria-valuenow":b,"aria-valuemin":h,"aria-valuemax":j,style:{width:C()}})]})]})]})};
+"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 _utils = require("../../../Functions/utils");
+require("./ProgressLine.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'progress-line';
+const ProgressLine = ({ label = '', labelAlign = 'left', renderValue = false, renderValueInPercents = false, valueMeasurement = '', valueHorizontalPosition = 'right', valueVerticalPosition = 'center', symbolsAfterComma = 0, minValue = 0, maxValue = 100, value = 0, showExtremums = false, extremumsPosition = 'top', variant = 'info', useVariantLabelColor = true, isShowLine = true, className, testId = CN })=>{
+    const getFilledLineWidth = ()=>{
+        if (value > maxValue) value = maxValue;
+        return `${((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;
+    };
+    const renderLabel = ()=>{
+        if (!label) return null;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: `progress-line__wrapper__label align-${labelAlign}`,
+            children: label
+        });
+    };
+    const renderProgressValue = ()=>{
+        if (!renderValue) return null;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "progress-line__wrapper__value",
+            "aria-live": "polite",
+            children: renderValueInPercents ? getFilledLineWidth() : `${(0, _utils.addBitDepthPoints)(String(value))} ${valueMeasurement}`
+        });
+    };
+    const renderExtremums = ()=>{
+        if (!showExtremums) return null;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            "aria-hidden": "true",
+            className: `progress-line__wrapper__extremums position-${extremumsPosition}`,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "progress-line__wrapper__extremums--min",
+                    children: renderValueInPercents ? '0 %' : `${minValue} ${valueMeasurement}`
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "progress-line__wrapper__extremums--max",
+                    children: renderValueInPercents ? '100 %' : `${maxValue} ${valueMeasurement}`
+                })
+            ]
+        });
+    };
+    const renderFilledLine = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "progress-line__wrapper__line--filled",
+            role: "progressbar",
+            "aria-label": `Progress: ${value} out of ${maxValue}`,
+            "aria-valuenow": value,
+            "aria-valuemin": minValue,
+            "aria-valuemax": maxValue,
+            style: {
+                width: getFilledLineWidth()
+            }
+        });
+    };
+    const renderLine = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "progress-line__wrapper__line",
+            children: [
+                renderExtremums(),
+                renderFilledLine()
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(CN, className),
+        "data-testid": testId,
+        role: "region",
+        "aria-label": "Progress line",
+        children: [
+            renderLabel(),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `progress-line__wrapper variant-${useVariantLabelColor && variant} value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`,
+                children: [
+                    renderProgressValue(),
+                    isShowLine && renderLine()
+                ]
+            })
+        ]
+    });
+};
+const _default = ProgressLine;