intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,178 @@
+"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;
+
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { IAccordionItemProps } from './Accordion.interface';\nimport cn from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport * as Icons from 'react-feather';\n\nimport { NavLink } from 'react-router-dom';\n\nimport Status from '../Status';\n\nimport './Accordion.scss';\n\nconst AccordionItem: React.FC<IAccordionItemProps> = ({\n  item,\n  onClick,\n  isOpen,\n  className,\n  children,\n  noChevron,\n  testId = 'accordion-item',\n}) => {\n  const Icon = Icons[item.icon as keyof typeof Icons];\n  const [maxHeight, setMaxHeight] = useState<number>(0);\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemsHeight = (): number => {\n    let itemHeight = 0;\n    ref.current?.childNodes.forEach((el) => {\n      itemHeight += (el as HTMLElement).offsetHeight;\n    });\n\n    return itemHeight + 20;\n  };\n\n  useEffect(() => {\n    setMaxHeight(isOpen ? getItemsHeight() : 0);\n  }, [isOpen]);\n\n  const calculateStatusCount = (): {\n    active: number;\n    pause: number;\n  } | undefined => {\n    return item?.rows?.reduce(\n      (acc, row) => {\n        const result = row.cols.reduce(\n          (accum, col) => ({\n            active: accum.active + (col.status === 'active' ? 1 : 0),\n            pause: accum.pause + (col.status === 'pause' ? 1 : 0),\n          }),\n          { active: 0, pause: 0 },\n        );\n\n        return {\n          active: acc.active + result.active,\n          pause: acc.pause + result.pause,\n        };\n      },\n      { active: 0, pause: 0 },\n    );\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('accordion--item', className)}\n      role=\"region\"\n      aria-labelledby={`accordion-title-${item.title}`}\n    >\n      <div\n        className={cn('accordion--title-box', {\n          'accordion--title-open': isOpen,\n        })}\n        onClick={() => onClick(!isOpen)}\n        id={`accordion-title-${item.title}`}\n        role=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={`accordion-content-${item.title}`}\n        tabIndex={0}\n      >\n        <div className=\"j4 no-wrap\">\n          {item?.icon && <Icon className={cn('mr5', item?.className)} aria-hidden=\"true\" />}\n          <span className=\"accordion--title\">{item.title || 'Menu Chapter'}</span>\n        </div>\n\n        <div className=\"j6 accordion-title__right-box\">\n          {item.status && (\n            <div className=\"mr5\">\n              <Status\n                type={item?.status.type}\n                value={item?.status.value}\n                status={item?.status.status}\n                active={calculateStatusCount()?.active}\n                pause={calculateStatusCount()?.pause}\n              />\n            </div>\n          )}\n\n          {!noChevron && (\n            <Icons.ChevronRight\n              aria-hidden=\"true\"\n              className={cn('accordion--title-chevron', {\n                'accordion--title-chevron-open': isOpen,\n              })}\n            />\n          )}\n        </div>\n      </div>\n\n      <div\n        ref={ref}\n        style={{ maxHeight }}\n        className={cn('accordion--content', {\n          'accordion--content-is-open': isOpen,\n        })}\n        id={`accordion-content-${item.title}`}\n        role=\"region\"\n        aria-labelledby={`accordion-title-${item.title}`}\n      >\n        {item.children\n          ? item.children.map((el) => {\n              return (\n                <NavLink to={el.link} key={el.id} className=\"accordion--content-item accordion--menu-link\">\n                  {el?.title || 'Menu item'}\n                </NavLink>\n              );\n            })\n          : children}\n      </div>\n    </div>\n  );\n};\n\nexport default AccordionItem;\n"],"names":["AccordionItem","item","onClick","isOpen","className","children","noChevron","testId","calculateStatusCount","Icon","Icons","icon","maxHeight","setMaxHeight","useState","ref","useRef","getItemsHeight","itemHeight","current","childNodes","forEach","el","offsetHeight","useEffect","rows","reduce","acc","row","result","cols","accum","col","active","status","pause","div","data-testid","cn","role","aria-labelledby","title","id","aria-expanded","aria-controls","tabIndex","aria-hidden","span","Status","type","value","ChevronRight","style","map","NavLink","to","link"],"mappings":"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"}

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

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

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

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

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -0,0 +1,313 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("../MonoAccordion/MonoAccordion"));
+require("./AccordionTable.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const AccordionTable = ({ className, header, items, onChange, testId, onSort = ()=>{}, sortParams })=>{
+    const [accordions, setAccordions] = (0, _react.useState)(items);
+    const sortedColClassName = (item)=>(0, _classnames.default)("accordion-table__header-item", item.className, {
+            "accordion-table--sorted-col": sortParams && sortParams.key === item.key
+        }, {
+            "accordion-table__header-item-sortable": !item.noSort
+        });
+    const handle = {
+        accordionChange: (key, e)=>{
+            var _e_target, _e_target_className_includes, _e_target_className;
+            const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map((item)=>{
+                if (item.key === key) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        isOpen: !item.isOpen
+                    });
+                }
+                return item;
+            });
+            const isArrowSvg = (e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.tagName) === "svg";
+            const isAccordionElement = (_e_target_className = e.target.className) === null || _e_target_className === void 0 ? void 0 : (_e_target_className_includes = _e_target_className.includes) === null || _e_target_className_includes === void 0 ? void 0 : _e_target_className_includes.call(_e_target_className, "accordion-table");
+            if (isAccordionElement || isArrowSvg) {
+                onChange(newArr);
+                setAccordions(newArr);
+            }
+        },
+        setSort: (key)=>{
+            let newSorting;
+            if (key !== sortParams.key) newSorting = {
+                key: key,
+                direction: "DESC"
+            };
+            else {
+                newSorting = {
+                    key,
+                    direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
+                };
+            }
+            onSort(newSorting);
+        }
+    };
+    const getHeaderItem = (key)=>{
+        return header === null || header === void 0 ? void 0 : header.find((item)=>item.key === key);
+    };
+    const renderTd = (tr)=>{
+        var _Object_entries;
+        return (_Object_entries = Object.entries(tr)) === null || _Object_entries === void 0 ? void 0 : _Object_entries.map(([key, value])=>{
+            var _getHeaderItem, _getHeaderItem1;
+            return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    flexBasis: `${(_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width}%`
+                },
+                className: (0, _classnames.default)("accordion-table__td", `accordion-table__td--${key}`, (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: "accordion-table__statistics-td-value",
+                    title: typeof value !== "object" ? value : value.value,
+                    children: typeof value !== "object" ? value : value.value
+                })
+            }, key);
+        });
+    };
+    const renderTr = (rows)=>{
+        return rows === null || rows === void 0 ? void 0 : rows.map((row, index)=>{
+            var _row_cols, _row_cols1, _row_cols2, _row_cols3, _row_cols4;
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("accordion-table__tr", {
+                    "accordion-table__tr-with-promo": row.promoDetails || ((_row_cols = row.cols) === null || _row_cols === void 0 ? void 0 : _row_cols.promoDetails)
+                }, row.className),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "df w100",
+                        children: renderTd(row.cols || row)
+                    }),
+                    row.promoDetails || ((_row_cols1 = row.cols) === null || _row_cols1 === void 0 ? void 0 : _row_cols1.promoDetails) ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "accordion-table__tr-promo-wrapper",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: "accordion-table__tr-promo",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Tag, {
+                                    className: "tr-promo-icon",
+                                    width: 16,
+                                    height: 16
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                    className: "tr-promo-label",
+                                    children: "PROMOTION"
+                                }),
+                                row.promoDetails || ((_row_cols2 = row.cols) === null || _row_cols2 === void 0 ? void 0 : _row_cols2.promoDetails)
+                            ]
+                        })
+                    }) : null,
+                    row.disclosure || ((_row_cols3 = row.cols) === null || _row_cols3 === void 0 ? void 0 : _row_cols3.disclosure) ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "accordion-table__tr-promo-wrapper",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure",
+                            children: row.disclosure || ((_row_cols4 = row.cols) === null || _row_cols4 === void 0 ? void 0 : _row_cols4.disclosure)
+                        })
+                    }) : null
+                ]
+            }, index);
+        });
+    };
+    const defineAccordionTitle = (row)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            onClick: (e)=>handle.accordionChange(row.key, e),
+            className: "accordion-table__accordion-label-box",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "accordion-table__accordion-label-wrapper j4",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                            width: 8,
+                            height: 4,
+                            className: (0, _classnames.default)("accordion-label-box__icon", {
+                                "accordion-label-box__icon--open": row.isOpen
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "accordion-label-box__label",
+                            children: row.label
+                        }),
+                        row.statistics && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)("accordion-table__tr", row.className),
+                            children: Object.entries(row.statistics).map(([key, value])=>{
+                                var _getHeaderItem, _getHeaderItem1;
+                                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    style: {
+                                        width: `${(_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width}%`
+                                    },
+                                    className: (0, _classnames.default)("accordion-table__statistics-td", (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        className: "accordion-table__statistics-td-value-wrapper",
+                                        children: key === "status" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: "accordion-table__statistics-td-value",
+                                            children: value
+                                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                            className: "accordion-table__statistics-td-value",
+                                            title: value,
+                                            children: value
+                                        })
+                                    })
+                                }, key);
+                            })
+                        })
+                    ]
+                }),
+                row.titleContent
+            ]
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setAccordions(items);
+    }, [
+        items
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("accordion-table", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "accordion-table__header",
+                children: header === null || header === void 0 ? void 0 : header.map((item)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        style: {
+                            flexBasis: `${item.width}%`
+                        },
+                        className: sortedColClassName(item),
+                        onClick: ()=>!item.noSort && handle.setSort(item.key),
+                        children: [
+                            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {
+                                size: 16
+                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {
+                                size: 16
+                            })),
+                            item.label
+                        ]
+                    }, item.key);
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "accordion-table__body",
+                children: accordions === null || accordions === void 0 ? void 0 : accordions.map((accordion)=>{
+                    var _accordion_children;
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+                        testId: testId,
+                        onClick: (e)=>handle.accordionChange(accordion.key, e),
+                        isOpen: accordion.isOpen,
+                        className: (0, _classnames.default)("accordion-table__body-accordion", {
+                            "accordion-table__body-accordion--closed": !accordion.isOpen
+                        }, accordion.className),
+                        titleJSX: defineAccordionTitle(accordion),
+                        children: (_accordion_children = accordion.children) !== null && _accordion_children !== void 0 ? _accordion_children : renderTr(accordion.rows)
+                    }, accordion.key);
+                })
+            })
+        ]
+    });
+};
+const _default = AccordionTable;
+
+//# sourceMappingURL=AccordionTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AccordionTable/AccordionTable.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { ArrowDown, ArrowUp, ChevronDown, Tag } from \"react-feather\";\n\nimport MonoAccordion from \"../MonoAccordion/MonoAccordion\";\n\nimport \"./AccordionTable.scss\";\n\nconst AccordionTable = ({\n  className,\n  header,\n  items,\n  onChange,\n  testId,\n  onSort = () => {},\n  sortParams,\n}) => {\n  const [accordions, setAccordions] = useState(items);\n\n  const sortedColClassName = (item) =>\n    cn(\n      \"accordion-table__header-item\",\n      item.className,\n      {\n        \"accordion-table--sorted-col\":\n          sortParams && sortParams.key === item.key,\n      },\n      { \"accordion-table__header-item-sortable\": !item.noSort },\n    );\n\n  const handle = {\n    accordionChange: (key, e) => {\n      const newArr = accordions?.map((item) => {\n        if (item.key === key) {\n          return {\n            ...item,\n            isOpen: !item.isOpen,\n          };\n        }\n        return item;\n      });\n      const isArrowSvg = e?.target?.tagName === \"svg\";\n      const isAccordionElement =\n        e.target.className?.includes?.(\"accordion-table\");\n      if (isAccordionElement || isArrowSvg) {\n        onChange(newArr);\n        setAccordions(newArr);\n      }\n    },\n\n    setSort: (key) => {\n      let newSorting;\n      if (key !== sortParams.key) newSorting = { key: key, direction: \"DESC\" };\n      else {\n        newSorting = {\n          key,\n          direction: sortParams.direction === \"ASC\" ? \"DESC\" : \"ASC\",\n        };\n      }\n      onSort(newSorting);\n    },\n  };\n\n  const getHeaderItem = (key) => {\n    return header?.find((item) => item.key === key);\n  };\n\n  const renderTd = (tr) => {\n    return Object.entries(tr)?.map(([key, value]) => {\n      return key === \"promoDetails\" || key === \"disclosure\" ? null : (\n        <div\n          key={key}\n          style={{ flexBasis: `${getHeaderItem(key)?.width}%` }}\n          className={cn(\n            \"accordion-table__td\",\n            `accordion-table__td--${key}`,\n            getHeaderItem(key)?.className,\n          )}\n        >\n          <p\n            className=\"accordion-table__statistics-td-value\"\n            title={typeof value !== \"object\" ? value : value.value}\n          >\n            {typeof value !== \"object\" ? value : value.value}\n          </p>\n        </div>\n      );\n    });\n  };\n\n  const renderTr = (rows) => {\n    return rows?.map((row, index) => {\n      return (\n        <div\n          key={index}\n          className={cn(\n            \"accordion-table__tr\",\n            {\n              \"accordion-table__tr-with-promo\":\n                row.promoDetails || row.cols?.promoDetails,\n            },\n            row.className,\n          )}\n        >\n          <div className=\"df w100\">{renderTd(row.cols || row)}</div>\n          {row.promoDetails || row.cols?.promoDetails ? (\n            <div className=\"accordion-table__tr-promo-wrapper\">\n              <div className=\"accordion-table__tr-promo\">\n                <Tag className=\"tr-promo-icon\" width={16} height={16} />\n                <span className=\"tr-promo-label\">PROMOTION</span>\n                {row.promoDetails || row.cols?.promoDetails}\n              </div>\n            </div>\n          ) : null}\n\n          {row.disclosure || row.cols?.disclosure ? (\n            <div className=\"accordion-table__tr-promo-wrapper\">\n              <div className=\"accordion-table__tr-promo accordion-table__tr-promo-disclosure\">\n                {row.disclosure || row.cols?.disclosure}\n              </div>\n            </div>\n          ) : null}\n        </div>\n      );\n    });\n  };\n\n  const defineAccordionTitle = (row) => {\n    return (\n      <div\n        onClick={(e) => handle.accordionChange(row.key, e)}\n        className=\"accordion-table__accordion-label-box\"\n      >\n        <div className=\"accordion-table__accordion-label-wrapper j4\">\n          <ChevronDown\n            width={8}\n            height={4}\n            className={cn(\"accordion-label-box__icon\", {\n              \"accordion-label-box__icon--open\": row.isOpen,\n            })}\n          />\n          <span className=\"accordion-label-box__label\">{row.label}</span>\n          {row.statistics && (\n            <div className={cn(\"accordion-table__tr\", row.className)}>\n              {Object.entries(row.statistics).map(([key, value]) => {\n                return (\n                  <div\n                    key={key}\n                    style={{ width: `${getHeaderItem(key)?.width}%` }}\n                    className={cn(\n                      \"accordion-table__statistics-td\",\n                      getHeaderItem(key)?.className,\n                    )}\n                  >\n                    <div className=\"accordion-table__statistics-td-value-wrapper\">\n                      {key === \"status\" ? (\n                        <div className=\"accordion-table__statistics-td-value\">\n                          {value}\n                        </div>\n                      ) : (\n                        <p\n                          className=\"accordion-table__statistics-td-value\"\n                          title={value}\n                        >\n                          {value}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n\n        {row.titleContent}\n      </div>\n    );\n  };\n\n  useEffect(() => {\n    setAccordions(items);\n  }, [items]);\n\n  return (\n    <div className={cn(\"accordion-table\", className)}>\n      <div className=\"accordion-table__header\">\n        {header?.map((item) => {\n          return (\n            <div\n              style={{ flexBasis: `${item.width}%` }}\n              key={item.key}\n              className={sortedColClassName(item)}\n              onClick={() => !item.noSort && handle.setSort(item.key)}\n            >\n              {sortParams &&\n                item.key === sortParams.key &&\n                sortParams.key !== \"actions\" &&\n                (sortParams.direction === \"DESC\" ? (\n                  <ArrowDown size={16} />\n                ) : (\n                  <ArrowUp size={16} />\n                ))}\n\n              {item.label}\n            </div>\n          );\n        })}\n      </div>\n\n      <div className=\"accordion-table__body\">\n        {accordions?.map((accordion) => {\n          return (\n            <MonoAccordion\n              testId={testId}\n              key={accordion.key}\n              onClick={(e) => handle.accordionChange(accordion.key, e)}\n              isOpen={accordion.isOpen}\n              className={cn(\n                \"accordion-table__body-accordion\",\n                {\n                  \"accordion-table__body-accordion--closed\": !accordion.isOpen,\n                },\n                accordion.className,\n              )}\n              titleJSX={defineAccordionTitle(accordion)}\n            >\n              {accordion.children ?? renderTr(accordion.rows)}\n            </MonoAccordion>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default AccordionTable;\n"],"names":["AccordionTable","className","header","items","onChange","testId","onSort","sortParams","accordions","setAccordions","useState","sortedColClassName","item","cn","key","noSort","handle","accordionChange","e","newArr","map","isOpen","isArrowSvg","target","tagName","isAccordionElement","includes","setSort","newSorting","direction","getHeaderItem","find","renderTd","tr","Object","entries","value","div","style","flexBasis","width","p","title","renderTr","rows","row","index","promoDetails","cols","Tag","height","span","disclosure","defineAccordionTitle","onClick","ChevronDown","label","statistics","titleContent","useEffect","ArrowDown","size","ArrowUp","accordion","MonoAccordion","titleJSX","children"],"mappings":"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"}