intelicoreact 1.6.22 → 1.6.24

package/dist/Atomic/Layout/Header/Header.js

@@ -1 +1,85 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as a}from"react";import i from"classnames";import{Bell as o,ChevronRight as l,Power as s}from"react-feather";import c from"../../UI/Hint/Hint";import"./Header.scss";export default function(u){var m,d=u.className,f=u.name,h=u.surname,v=u.status,p=u.img,g=u.hintLabel,y=u.hintText,N=(m=a(!1),function(e){if(Array.isArray(e))return e}(m)||function(e,r){var t,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,l=!1;try{for(a=a.call(e);!(o=(t=a.next()).done)&&(i.push(t.value),i.length!==r);o=!0);}catch(e){l=!0,n=e}finally{try{o||null==a.return||a.return()}finally{if(l)throw n}}return i}}(m,2)||function(r,t){if(r){if("string"==typeof r)return e(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 e(r,t)}}(m,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.")}()),b=N[0],j=N[1],x=n(null),A={toggleMenu:function(){b||j(!b)},closeMenu:function(){setTimeout(function(){return j(!1)},50)},logout:function(){A.toggleMenu()}};return t("header",{className:i("header",d),children:[r("div",{className:"df",children:r(c,{side:"bottom",hint:void 0===y?"Hint text":y,className:"header__hint",label:void 0===g?"Help":g,iconOutline:!0})}),t("div",{className:"j6 user-menu",children:[t("div",{onClick:function(){},className:"header--bell",children:[r(o,{className:"header--bell-icon"}),r("div",{className:"header--bell-notification-icon"})]}),r("div",{className:"header--user-ava",children:r("img",{src:void 0===p?"":p,alt:""})}),t("div",{className:"dfc mr10",children:[t("span",{className:"header--user-name",children:[void 0===f?"John":f," ",void 0===h?"Silver":h]}),r("span",{className:"header--user-status",children:void 0===v?"admin":v})]}),r(l,{onClick:A.toggleMenu,className:i("accordion--title-chevron",{"accordion--title-chevron-open":b})}),b&&r("div",{className:"user-menu__dropdown",ref:x,children:t("div",{className:"user-menu__item",onClick:A.logout,children:[r(s,{className:"mr10"})," Logout"]})})]})]})}
+import React, { useRef, useState } from "react";
+
+import cn from "classnames";
+import { Bell, ChevronRight, Power } from "react-feather";
+
+import Hint from "../../UI/Hint/Hint";
+
+
+import "./Header.scss";
+
+
+const Header = ({
+  className,
+  name = "John",
+  surname = "Silver",
+  status = "admin",
+  img = "",
+  hintLabel = "Help",
+  hintText = "Hint text",
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const userMenu = useRef(null);
+
+  const handle = {
+    toggleMenu: () => {
+      if (!isOpen) setIsOpen(!isOpen);
+    },
+    closeMenu: () => {
+      setTimeout(() => setIsOpen(false), 50);
+    },
+    logout: () => {
+      handle.toggleMenu();
+    },
+  };
+
+
+  return (
+    <header className={cn("header", className)}>
+      <div className="df">
+        <Hint
+          side="bottom"
+          hint={hintText}
+          className="header__hint"
+          label={hintLabel}
+          iconOutline
+        />
+      </div>
+
+      <div className="j6 user-menu">
+        <div onClick={() => {}} className="header--bell">
+          <Bell className="header--bell-icon" />
+          <div className="header--bell-notification-icon" />
+        </div>
+
+        <div className="header--user-ava">
+          <img src={img} alt="" />
+        </div>
+
+        <div className="dfc mr10">
+          <span className="header--user-name">
+            {name} {surname}
+          </span>
+          <span className="header--user-status">{status}</span>
+        </div>
+
+        <ChevronRight
+          onClick={handle.toggleMenu}
+          className={cn("accordion--title-chevron", {
+            "accordion--title-chevron-open": isOpen,
+          })}
+        />
+        {isOpen && (
+          <div className="user-menu__dropdown" ref={userMenu}>
+            <div className="user-menu__item" onClick={handle.logout}>
+              <Power className="mr10" /> Logout
+            </div>
+          </div>
+        )}
+      </div>
+    </header>
+  );
+};
+
+export default Header;

package/dist/Atomic/Layout/Spinner/Spinner.js

@@ -1 +1,44 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return i}});var e,r=require("react/jsx-runtime"),a=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react"),require("./Spinner.scss");var s="loader-box",i=function(e){var i,t,l=e.size,d=void 0===l?null:l,u=e.className,n=e.testId,c=void 0===n?s:n;return(0,r.jsx)("div",{role:"status","aria-live":"polite","aria-busy":"true","data-testid":c,className:(0,a.default)(s,{j5:"small"!==d,j8:"small"===d},u),children:(0,r.jsxs)("div",{className:(0,a.default)("lds-ring",(i={},t="lds-ring_".concat(d),t in i?Object.defineProperty(i,t,{value:d,enumerable:!0,configurable:!0,writable:!0}):i[t]=d,i)),children:[(0,r.jsx)("div",{}),(0,r.jsx)("div",{}),(0,r.jsx)("div",{}),(0,r.jsx)("div",{})]})})};
+"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"));
+require("./Spinner.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'loader-box';
+const Spinner = ({ size = null, className, testId = CN })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        role: "status",
+        "aria-live": "polite",
+        "aria-busy": "true",
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, {
+            j5: size !== 'small',
+            j8: size === 'small'
+        }, className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)('lds-ring', {
+                [`lds-ring_${size}`]: size
+            }),
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
+            ]
+        })
+    });
+};
+const _default = Spinner;

package/dist/Atomic/UI/Accordion/Accordion.js

@@ -1 +1,108 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return m}});var r=require("react/jsx-runtime"),n=c(require("classnames")),o=f(require("react")),i=f(require("react-feather")),a=require("react-router-dom"),u=require("../../../Functions/utils"),l=c(require("./AccordionItem"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}function f(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 r=s(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}require("./Accordion.scss");var d="accordion",m=function(c){var s,f=c.items,m=c.className,y=c.itemClassName,p=c.isMenuHovered,b=c.isOpen,v=c.testId,h=void 0===v?d:v,j=(s=(0,o.useState)(f),function(e){if(Array.isArray(e))return e}(s)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,u=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){u=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(u)throw n}}return i}}(s,2)||t(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.")}()),O=j[0],g=j[1],A=(0,u.handleObjectChange)(g,function(){return g(function(t){if(Array.isArray(t))return e(t)}(O)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(O)||t(O)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}),S=function(e,t,r){O[t][r]=e,A(O)};return(0,r.jsx)("div",{className:(0,n.default)(d,m),"data-testid":h,role:"list","aria-label":"Accordion list",children:null==f?void 0:f.map(function(e,t){var o=i[e.icon];return e.link?(0,r.jsxs)(a.NavLink,{"data-testid":"".concat(h,"-link-").concat(t),to:e.link,className:(0,n.default)("main-menu--item main-menu--items-box-title"),children:[(null==e?void 0:e.icon)&&(0,r.jsx)(o,{className:(0,n.default)("mr5",null==e?void 0:e.className)}),(0,r.jsx)("span",{className:(0,n.default)({hidden:!b&&!p}),children:(null==e?void 0:e.title)||"Link"})]},t):(0,r.jsx)(l.default,{testId:"".concat(h,"-item-").concat(t),className:y,item:e,isOpen:!!e.isOpen,onClick:function(e){return S(e,t,"isOpen")}},t)})})};
+"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 _utils = require("../../../Functions/utils");
+const _AccordionItem = /*#__PURE__*/ _interop_require_default(require("./AccordionItem"));
+require("./Accordion.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 = 'accordion';
+const Accordion = ({ items, className, itemClassName, isMenuHovered, isOpen, testId = CN })=>{
+    const [data, setData] = (0, _react.useState)(items);
+    const onChange = (0, _utils.handleObjectChange)(setData, ()=>setData([
+            ...data
+        ]));
+    const handleArrayChange = (e, index, prop)=>{
+        // @ts-ignore
+        data[index][prop] = e;
+        onChange(data);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(CN, className),
+        "data-testid": testId,
+        role: "list",
+        "aria-label": "Accordion list",
+        children: items === null || items === void 0 ? void 0 : items.map((item, index)=>{
+            const Icon = _reactfeather[item.icon];
+            return item.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactrouterdom.NavLink, {
+                "data-testid": `${testId}-link-${index}`,
+                to: item.link,
+                className: (0, _classnames.default)('main-menu--item main-menu--items-box-title'),
+                children: [
+                    (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+                        className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)({
+                            hidden: !isOpen && !isMenuHovered
+                        }),
+                        children: (item === null || item === void 0 ? void 0 : item.title) || 'Link'
+                    })
+                ]
+            }, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionItem.default, {
+                testId: `${testId}-item-${index}`,
+                className: itemClassName,
+                item: item,
+                isOpen: !!item.isOpen,
+                onClick: (value)=>handleArrayChange(value, index, 'isOpen')
+            }, index);
+        })
+    });
+};
+const _default = Accordion;

package/dist/Atomic/UI/Accordion/AccordionItem.js

@@ -1 +1,176 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return s}});var t=require("react/jsx-runtime"),r=c(require("classnames")),n=u(require("react")),a=u(require("react-feather")),i=require("react-router-dom"),o=c(require("../Status"));function c(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}function u(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 r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}require("./Accordion.scss");var s=function(c){var l,u,s,d=c.item,f=c.onClick,v=c.isOpen,p=c.className,m=c.children,y=c.noChevron,h=c.testId,b=a[d.icon],j=(l=(0,n.useState)(0),function(e){if(Array.isArray(e))return e}(l)||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,c=!1;try{for(a=a.call(e);!(o=(r=a.next()).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){c=!0,n=e}finally{try{o||null==a.return||a.return()}finally{if(c)throw n}}return i}}(l,2)||function(t,r){if(t){if("string"==typeof t)return e(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(l,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.")}()),x=j[0],g=j[1],N=(0,n.useRef)(null),O=function(){var e,t=0;return null==(e=N.current)||e.childNodes.forEach(function(e){t+=e.offsetHeight}),t+20};(0,n.useEffect)(function(){g(v?O():0)},[v]);var _=function(){var e;return null==d||null==(e=d.rows)?void 0:e.reduce(function(e,t){var r=t.cols.reduce(function(e,t){return{active:e.active+ +("active"===t.status),pause:e.pause+ +("pause"===t.status)}},{active:0,pause:0});return{active:e.active+r.active,pause:e.pause+r.pause}},{active:0,pause:0})};return(0,t.jsxs)("div",{"data-testid":void 0===h?"accordion-item":h,className:(0,r.default)("accordion--item",p),role:"region","aria-labelledby":"accordion-title-".concat(d.title),children:[(0,t.jsxs)("div",{className:(0,r.default)("accordion--title-box",{"accordion--title-open":v}),onClick:function(){return f(!v)},id:"accordion-title-".concat(d.title),role:"button","aria-expanded":v,"aria-controls":"accordion-content-".concat(d.title),tabIndex:0,children:[(0,t.jsxs)("div",{className:"j4 no-wrap",children:[(null==d?void 0:d.icon)&&(0,t.jsx)(b,{className:(0,r.default)("mr5",null==d?void 0:d.className),"aria-hidden":"true"}),(0,t.jsx)("span",{className:"accordion--title",children:d.title||"Menu Chapter"})]}),(0,t.jsxs)("div",{className:"j6 accordion-title__right-box",children:[d.status&&(0,t.jsx)("div",{className:"mr5",children:(0,t.jsx)(o.default,{type:null==d?void 0:d.status.type,value:null==d?void 0:d.status.value,status:null==d?void 0:d.status.status,active:null==(u=_())?void 0:u.active,pause:null==(s=_())?void 0:s.pause})}),!y&&(0,t.jsx)(a.ChevronRight,{"aria-hidden":"true",className:(0,r.default)("accordion--title-chevron",{"accordion--title-chevron-open":v})})]})]}),(0,t.jsx)("div",{ref:N,style:{maxHeight:x},className:(0,r.default)("accordion--content",{"accordion--content-is-open":v}),id:"accordion-content-".concat(d.title),role:"region","aria-labelledby":"accordion-title-".concat(d.title),children:d.children?d.children.map(function(e){return(0,t.jsx)(i.NavLink,{to:e.link,className:"accordion--content-item accordion--menu-link",children:(null==e?void 0:e.title)||"Menu item"},e.id)}):m})]})};
+"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 _Status = /*#__PURE__*/ _interop_require_default(require("../Status"));
+require("./Accordion.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 AccordionItem = ({ item, onClick, isOpen, className, children, noChevron, testId = 'accordion-item' })=>{
+    var _calculateStatusCount, _calculateStatusCount1;
+    const Icon = _reactfeather[item.icon];
+    const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
+    const ref = (0, _react.useRef)(null);
+    const getItemsHeight = ()=>{
+        var _ref_current;
+        let itemHeight = 0;
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.childNodes.forEach((el)=>{
+            itemHeight += el.offsetHeight;
+        });
+        return itemHeight + 20;
+    };
+    (0, _react.useEffect)(()=>{
+        setMaxHeight(isOpen ? getItemsHeight() : 0);
+    }, [
+        isOpen
+    ]);
+    const calculateStatusCount = ()=>{
+        var _item_rows;
+        return item === null || item === void 0 ? void 0 : (_item_rows = item.rows) === null || _item_rows === void 0 ? void 0 : _item_rows.reduce((acc, row)=>{
+            const result = row.cols.reduce((accum, col)=>({
+                    active: accum.active + (col.status === 'active' ? 1 : 0),
+                    pause: accum.pause + (col.status === 'pause' ? 1 : 0)
+                }), {
+                active: 0,
+                pause: 0
+            });
+            return {
+                active: acc.active + result.active,
+                pause: acc.pause + result.pause
+            };
+        }, {
+            active: 0,
+            pause: 0
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)('accordion--item', className),
+        role: "region",
+        "aria-labelledby": `accordion-title-${item.title}`,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)('accordion--title-box', {
+                    'accordion--title-open': isOpen
+                }),
+                onClick: ()=>onClick(!isOpen),
+                id: `accordion-title-${item.title}`,
+                role: "button",
+                "aria-expanded": isOpen,
+                "aria-controls": `accordion-content-${item.title}`,
+                tabIndex: 0,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "j4 no-wrap",
+                        children: [
+                            (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+                                className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className),
+                                "aria-hidden": "true"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: "accordion--title",
+                                children: item.title || 'Menu Chapter'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "j6 accordion-title__right-box",
+                        children: [
+                            item.status && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: "mr5",
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+                                    type: item === null || item === void 0 ? void 0 : item.status.type,
+                                    value: item === null || item === void 0 ? void 0 : item.status.value,
+                                    status: item === null || item === void 0 ? void 0 : item.status.status,
+                                    active: (_calculateStatusCount = calculateStatusCount()) === null || _calculateStatusCount === void 0 ? void 0 : _calculateStatusCount.active,
+                                    pause: (_calculateStatusCount1 = calculateStatusCount()) === null || _calculateStatusCount1 === void 0 ? void 0 : _calculateStatusCount1.pause
+                                })
+                            }),
+                            !noChevron && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {
+                                "aria-hidden": "true",
+                                className: (0, _classnames.default)('accordion--title-chevron', {
+                                    'accordion--title-chevron-open': isOpen
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: ref,
+                style: {
+                    maxHeight
+                },
+                className: (0, _classnames.default)('accordion--content', {
+                    'accordion--content-is-open': isOpen
+                }),
+                id: `accordion-content-${item.title}`,
+                role: "region",
+                "aria-labelledby": `accordion-title-${item.title}`,
+                children: item.children ? item.children.map((el)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.NavLink, {
+                        to: el.link,
+                        className: "accordion--content-item accordion--menu-link",
+                        children: (el === null || el === void 0 ? void 0 : el.title) || 'Menu item'
+                    }, el.id);
+                }) : children
+            })
+        ]
+    });
+};
+const _default = AccordionItem;