intelicoreact 1.5.38 → 1.5.41

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

@@ -1,109 +1,59 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _utils = require("../../../Functions/utils");
-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 _AccordionItem = /*#__PURE__*/ _interop_require_default(require("./AccordionItem"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var Icons = _interopRequireWildcard(require("react-feather"));
+var _reactRouterDom = require("react-router-dom");
+var _utils = require("../../../Functions/utils");
+var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
 require("./Accordion.scss");
 require("../../Layout/MainMenu/MainMenu.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);
-        })
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Accordion = _ref => {
+  let {
+    items,
+    className,
+    itemClassName,
+    isMenuHovered,
+    isOpen,
+    testId = "accordion"
+  } = _ref;
+  const [data, setData] = (0, _react.useState)(items);
+  const onChange = (0, _utils.handleObjectChange)(setData, () => setData([...data]));
+  const handleArrayChange = (e, index, prop) => {
+    data[index][prop] = e;
+    onChange(data);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("accordion", className),
+    "data-testid": testId
+  }, items?.map((item, index) => {
+    const Icon = Icons[item.icon];
+    return item.link ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+      "data-testid": `${testId}-link-${index}`,
+      key: index,
+      to: item.link,
+      className: (0, _classnames.default)("main-menu--item main-menu--items-box-title")
+    }, item?.icon && /*#__PURE__*/_react.default.createElement(Icon, {
+      className: (0, _classnames.default)("mr5", item?.className)
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)({
+        hidden: !isOpen && !isMenuHovered
+      })
+    }, item?.title || "Link")) : /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
+      testId: `${testId}-item-${index}`,
+      key: index,
+      className: itemClassName,
+      item: item,
+      isOpen: item.isOpen,
+      onClick: e => handleArrayChange(e, index, "isOpen")
     });
+  }));
 };
-const _default = Accordion;
+var _default = exports.default = Accordion;

package/dist/Atomic/UI/Accordion/Accordion.scss

@@ -1,20 +1,9 @@
-@use '../../../scss/vars';
-@use '../../../scss/mixins';
+@import "../../../scss/vars";
+@import "../../../scss/mixins";
 
 .accordion {
-  --color-border: #{vars.$color--border};
-  --color-gray-gentel: #{vars.$color--gray--gentle};
-  --color-text: #{vars.$color--text};
-  --accordion-title-font-size: 13px;
-  --accordion-title-box-height: 20px;
-  --accordion-title-box-padding: 10px 15px;
-  --accordion-content-font-size: 13px;
-  --accordion-content-padding: 10px 15px;
-  --accordion-content-item-padding: 7.5px 20px;
-  --accordion-content-item-color: #1e1e2d;
-
   &--item {
-    border: 1px solid var(--color-border);
+    border: 1px solid $color--border;
 
     &:not(:first-child) {
       border-top: none;
@@ -26,21 +15,21 @@
     justify-content: space-between;
     align-items: center;
 
-    height: var(--accordion-title-box-height);
-    padding: var(--accordion-title-box-padding);
+    height: 20px;
+    padding: 10px 15px;
 
     cursor: pointer;
 
     &:hover {
-      background-color: var(--color-gray-gentel);
+      background-color: $color--gray-gentel;
     }
   }
 
   &--title {
-    font-size: var(--accordion-title-font-size);
+    font-size: 13px;
     user-select: none;
 
-    color: var(--color-text);
+    color: $color--text;
 
     &-chevron {
       min-width: 16px;
@@ -66,17 +55,17 @@
 
     max-height: 1000px;
 
-    font-size: var(--accordion-content-font-size);
+    font-size: 13px;
 
     opacity: 0;
     background: #fff;
 
     transition: all 0.25s ease-out;
 
-    @include mixins.custom-scroll;
+    @include custom-scroll;
 
     &-is-open {
-      padding: var(--accordion-content-padding);
+      padding: 10px 15px;
 
       opacity: 1;
 
@@ -85,13 +74,13 @@
 
     &-item {
       width: calc(100% - 40px);
-      padding: var(--accordion-content-item-padding);
+      padding: 7.5px 20px;
 
       a {
-        font-size: var(--accordion-content-font-size);
+        font-size: 13px;
         font-weight: 300;
 
-        color: var(--accordion-content-item-color);
+        color: #1e1e2d;
       }
     }
   }

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

@@ -1,176 +1,108 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _Status = /*#__PURE__*/ _interop_require_default(require("../../../Atomic/UI/Status"));
-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");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var Icons = _interopRequireWildcard(require("react-feather"));
+var _reactRouterDom = require("react-router-dom");
+var _Status = _interopRequireDefault(require("../Status/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
-            })
-        ]
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AccordionItem = _ref => {
+  let {
+    item,
+    onClick,
+    isOpen,
+    className,
+    children,
+    noChevron,
+    testId = "accordion-item"
+  } = _ref;
+  const Icon = Icons[item.icon];
+  const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
+  const ref = (0, _react.useRef)(null);
+  const getItemsHeight = () => {
+    let itemHeight = 0;
+    ref.current.childNodes.forEach(el => {
+      itemHeight += el.offsetHeight;
+    });
+    return itemHeight + 20;
+  };
+  (0, _react.useEffect)(() => {
+    setMaxHeight(isOpen ? getItemsHeight() : 0);
+  }, [isOpen]);
+
+  // https://i.imgur.com/TaScp0h.png
+  const calculateStatusCount = () => {
+    return item?.rows?.reduce(
+    // sum rows
+    (acc, row) => {
+      const result = row.cols.reduce(
+      // sum cols
+      (accum, col) => ({
+        active: accum.active + (col.status === "active" ? 1 : 0),
+        pause: accum.pause + (col.status === "pause" ? 1 : 0)
+      }), {
+        active: 0,
+        pause: 0
+      });
+      return {
+        // rows result + cols result
+        active: acc.active + result.active,
+        pause: acc.pause + result.pause
+      };
+    }, {
+      active: 0,
+      pause: 0
     });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)("accordion--item", className)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("accordion--title-box", {
+      "accordion--title-open": isOpen
+    }),
+    onClick: () => onClick(!isOpen)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "j4 no-wrap"
+  }, item?.icon && /*#__PURE__*/_react.default.createElement(Icon, {
+    className: (0, _classnames.default)("mr5", item?.className)
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "accordion--title"
+  }, item.title || "Menu Chapter")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "j6 accordion-title__right-box"
+  }, item.status && /*#__PURE__*/_react.default.createElement("div", {
+    className: "mr5"
+  }, /*#__PURE__*/_react.default.createElement(_Status.default, {
+    type: item?.status.type,
+    value: item?.status.value,
+    status: item?.status.status,
+    active: calculateStatusCount()?.active,
+    pause: calculateStatusCount()?.pause
+  })), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, {
+    className: (0, _classnames.default)("accordion--title-chevron", {
+      "accordion--title-chevron-open": isOpen
+    })
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      maxHeight
+    },
+    className: (0, _classnames.default)("accordion--content", {
+      "accordion--content-is-open": isOpen
+    })
+  }, item.children ? item.children.map(el => {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+      to: el.link,
+      key: el.id,
+      className: "accordion--content-item accordion--menu-link"
+    }, el?.title || "Menu item");
+  }) : children));
 };
-const _default = AccordionItem;
+var _default = exports.default = AccordionItem;