intelicoreact 1.6.19 → 1.6.20

package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js

@@ -1 +1,75 @@
-function e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){var o;o=n[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}function t(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 o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as n}from"react/jsx-runtime";import{fireEvent as o,render as r,screen as c}from"@testing-library/react";import i from"./MonoAccordion";describe("monoAccordion",function(){var d={titleJSX:n("div",{children:"Accordion Title"}),icon:n("span",{children:"▼"}),isOpen:!1,onClick:jest.fn(),testId:"test-accordion"};it("renders correctly with default props",function(){r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))),expect(c.getByTestId("test-accordion")).toBeInTheDocument(),expect(c.getByText("Accordion Title")).toBeInTheDocument()}),it("handles click events correctly",function(){r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))),o.click(c.getByRole("button")),expect(d.onClick).toHaveBeenCalled()}),it("applies correct classes when open",function(){r(n(i,t(e({},d),{isOpen:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByTestId("test-accordion")).toHaveClass("mono-accordion--is-open")}),it("applies disabled state correctly",function(){r(n(i,t(e({},d),{disabled:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByRole("button")).toBeDisabled(),expect(c.getByTestId("test-accordion")).toHaveClass("mono-accordion--disabled")}),it("handles aria attributes correctly",function(){var o=r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))).rerender;expect(c.getByRole("button")).toHaveAttribute("aria-expanded","false"),o(n(i,t(e({},d),{isOpen:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByRole("button")).toHaveAttribute("aria-expanded","true")})});
+import { fireEvent, render, screen } from '@testing-library/react';
+
+import MonoAccordion from './MonoAccordion';
+
+describe('monoAccordion', () => {
+  const defaultProps = {
+    titleJSX: <div>Accordion Title</div>,
+    icon: <span>▼</span>,
+    isOpen: false,
+    onClick: jest.fn(),
+    testId: 'test-accordion',
+  };
+
+  it('renders correctly with default props', () => {
+    render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByTestId('test-accordion')).toBeInTheDocument();
+    expect(screen.getByText('Accordion Title')).toBeInTheDocument();
+  });
+
+  it('handles click events correctly', () => {
+    render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    fireEvent.click(screen.getByRole('button'));
+    expect(defaultProps.onClick).toHaveBeenCalled();
+  });
+
+  it('applies correct classes when open', () => {
+    render(
+      <MonoAccordion {...defaultProps} isOpen={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');
+  });
+
+  it('applies disabled state correctly', () => {
+    render(
+      <MonoAccordion {...defaultProps} disabled={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    const button = screen.getByRole('button');
+    expect(button).toBeDisabled();
+    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');
+  });
+
+  it('handles aria attributes correctly', () => {
+    const { rerender } = render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
+
+    rerender(
+      <MonoAccordion {...defaultProps} isOpen={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
+  });
+});

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -1 +1,80 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useRef as c,useState as i}from"react";import a from"classnames";import"./MonoAccordion.scss";var l="mono-accordion";export default function(u){var s,f,d,p,m=u.titleJSX,y=u.icon,b=u.children,v=u.isOpen,h=u.onClick,O=u.className,g=u.disabled,j=u.testId,P=u.datasetProp,w=(s=i(),function(t){if(Array.isArray(t))return t}(s)||function(t,r){var e,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var c=[],i=!0,a=!1;try{for(o=o.call(t);!(i=(e=o.next()).done)&&(c.push(e.value),c.length!==r);i=!0);}catch(t){a=!0,n=t}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return c}}(s,2)||function(r,e){if(r){if("string"==typeof r)return t(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,e)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),_=w[0],S=w[1],A=c(),N=c(),x=function(t){void 0!==t?S(function(r){return"".concat(t,"px")}):S(function(t){var r,e,n;return"".concat(null==(e=Array.from(null==(n=N.current)?void 0:n.childNodes))||null==(r=e.reduce)?void 0:r.call(e,function(t,r){return t+r.offsetHeight},0),"px")})};return o(function(){v?x():x(0)},[v,b]),n("div",(f=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.forEach(function(e){r(t,e,n[e])})}return t}({},void 0===P?{}:P),d=d={"data-testid":void 0===j?"mono-accordion":j,className:a(l,O,(r(p={},"".concat(l,"_is-open"),v),r(p,"".concat(l,"_disabled"),g),p)),children:[n("div",{className:"".concat(l,"__head"),onClick:function(t){if(Array.from(A.current.childNodes).some(function(r){return r.contains(t.target)}))return t;h(t),null==t||t.preventDefault(),null==t||t.stopPropagation()},children:[e("div",{ref:A,className:"".concat(l,"__tile-container"),children:m}),e("span",{className:"".concat(l,"__icon-container"),children:y})]}),e("div",{ref:N,style:{maxHeight:_},className:a("".concat(l,"__container")),children:e("div",{className:"".concat(l,"__content-wrapper"),children:b})})]},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(d)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e})(Object(d)).forEach(function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(d,t))}),f))}
+import React, { useEffect, useRef, useState } from "react";
+
+import cn from "classnames";
+
+import "./MonoAccordion.scss";
+
+const RC = "mono-accordion";
+
+const MonoAccordion = ({
+  titleJSX,
+  icon,
+  children,
+  isOpen,
+  onClick,
+  className,
+  disabled,
+  testId = "mono-accordion",
+  datasetProp = {},
+}) => {
+  const [maxHeight, setMaxHeight] = useState();
+  const titleRef = useRef();
+  const containerRef = useRef();
+
+  const setHeight = (value) => {
+    if (value !== undefined) setMaxHeight((state) => `${value}px`);
+    else
+      setMaxHeight(
+        (state) =>
+          `${Array.from(containerRef.current?.childNodes)?.reduce?.((acc, el) => acc + el.offsetHeight, 0)}px`,
+      );
+  };
+
+  const handleClick = (e) => {
+    if (
+      !Array.from(titleRef.current.childNodes).some((el) =>
+        el.contains(e.target),
+      )
+    ) {
+      onClick(e);
+      e?.preventDefault();
+      e?.stopPropagation();
+    } else return e;
+  };
+
+  useEffect(() => {
+    if (!isOpen) setHeight(0);
+    else setHeight();
+  }, [isOpen, children]);
+
+  return (
+    <div
+      {...datasetProp}
+      data-testid={testId}
+      className={cn(RC, className, {
+        [`${RC}_is-open`]: isOpen,
+        [`${RC}_disabled`]: disabled,
+      })}
+    >
+      <div
+        className={`${RC}__head`}
+        onClick={handleClick}
+      >
+        <div ref={titleRef} className={`${RC}__tile-container`}>
+          {titleJSX}
+        </div>
+        <span className={`${RC}__icon-container`}>{icon}</span>
+      </div>
+
+      <div
+        ref={containerRef}
+        style={{ maxHeight }}
+        className={cn(`${RC}__container`)}
+      >
+        <div className={`${RC}__content-wrapper`}>{children}</div>
+      </div>
+    </div>
+  );
+};
+
+export default MonoAccordion;

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

@@ -1 +1,293 @@
-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:_})]})})};
+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: _
+                })
+            ]
+        })
+    });
+};

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

@@ -1 +1,75 @@
-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]})};
+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
+        ]
+    });
+};

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,22 @@
-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")})};
+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')
+    });
+};

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

@@ -1 +1,36 @@
-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())]})})};
+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())
+            ]
+        })
+    });
+};