intelicoreact 1.6.1 → 1.6.2

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

@@ -1,68 +1,12 @@
-"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 _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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import cn from "classnames";
+import { ArrowDown, ArrowUp, ChevronDown, Tag } from "react-feather";
+import MonoAccordion from "../MonoAccordion/MonoAccordion";
+import "./AccordionTable.scss";
 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, {
+    const [accordions, setAccordions] = useState(items);
+    const sortedColClassName = (item)=>cn("accordion-table__header-item", item.className, {
             "accordion-table--sorted-col": sortParams && sortParams.key === item.key
         }, {
             "accordion-table__header-item-sortable": !item.noSort
@@ -108,12 +52,12 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
         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", {
+            return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/ _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: cn("accordion-table__td", `accordion-table__td--${key}`, (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                children: /*#__PURE__*/ _jsx("p", {
                     className: "accordion-table__statistics-td-value",
                     title: typeof value !== "object" ? value : value.value,
                     children: typeof value !== "object" ? value : value.value
@@ -124,26 +68,26 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
     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", {
+            return /*#__PURE__*/ _jsxs("div", {
+                className: cn("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", {
+                    /*#__PURE__*/ _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", {
+                    row.promoDetails || ((_row_cols1 = row.cols) === null || _row_cols1 === void 0 ? void 0 : _row_cols1.promoDetails) ? /*#__PURE__*/ _jsx("div", {
                         className: "accordion-table__tr-promo-wrapper",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        children: /*#__PURE__*/ _jsxs("div", {
                             className: "accordion-table__tr-promo",
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Tag, {
+                                /*#__PURE__*/ _jsx(Tag, {
                                     className: "tr-promo-icon",
                                     width: 16,
                                     height: 16
                                 }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                /*#__PURE__*/ _jsx("span", {
                                     className: "tr-promo-label",
                                     children: "PROMOTION"
                                 }),
@@ -151,9 +95,9 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
                             ]
                         })
                     }) : null,
-                    row.disclosure || ((_row_cols3 = row.cols) === null || _row_cols3 === void 0 ? void 0 : _row_cols3.disclosure) ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    row.disclosure || ((_row_cols3 = row.cols) === null || _row_cols3 === void 0 ? void 0 : _row_cols3.disclosure) ? /*#__PURE__*/ _jsx("div", {
                         className: "accordion-table__tr-promo-wrapper",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        children: /*#__PURE__*/ _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)
                         })
@@ -163,39 +107,39 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
         });
     };
     const defineAccordionTitle = (row)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             onClick: (e)=>handle.accordionChange(row.key, e),
             className: "accordion-table__accordion-label-box",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: "accordion-table__accordion-label-wrapper j4",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                        /*#__PURE__*/ _jsx(ChevronDown, {
                             width: 8,
                             height: 4,
-                            className: (0, _classnames.default)("accordion-label-box__icon", {
+                            className: cn("accordion-label-box__icon", {
                                 "accordion-label-box__icon--open": row.isOpen
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        /*#__PURE__*/ _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),
+                        row.statistics && /*#__PURE__*/ _jsx("div", {
+                            className: cn("accordion-table__tr", row.className),
                             children: Object.entries(row.statistics).map(([key, value])=>{
                                 var _getHeaderItem, _getHeaderItem1;
-                                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                return /*#__PURE__*/ _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: cn("accordion-table__statistics-td", (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                                    children: /*#__PURE__*/ _jsx("div", {
                                         className: "accordion-table__statistics-td-value-wrapper",
-                                        children: key === "status" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        children: key === "status" ? /*#__PURE__*/ _jsx("div", {
                                             className: "accordion-table__statistics-td-value",
                                             children: value
-                                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                        }) : /*#__PURE__*/ _jsx("p", {
                                             className: "accordion-table__statistics-td-value",
                                             title: value,
                                             children: value
@@ -210,27 +154,27 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
             ]
         });
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setAccordions(items);
     }, [
         items
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("accordion-table", className),
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn("accordion-table", className),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "accordion-table__header",
                 children: header === null || header === void 0 ? void 0 : header.map((item)=>{
-                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    return /*#__PURE__*/ _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, {
+                            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/ _jsx(ArrowDown, {
                                 size: 16
-                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {
+                            }) : /*#__PURE__*/ _jsx(ArrowUp, {
                                 size: 16
                             })),
                             item.label
@@ -238,15 +182,15 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
                     }, item.key);
                 })
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _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, {
+                    return /*#__PURE__*/ _jsx(MonoAccordion, {
                         testId: testId,
                         onClick: (e)=>handle.accordionChange(accordion.key, e),
                         isOpen: accordion.isOpen,
-                        className: (0, _classnames.default)("accordion-table__body-accordion", {
+                        className: cn("accordion-table__body-accordion", {
                             "accordion-table__body-accordion--closed": !accordion.isOpen
                         }, accordion.className),
                         titleJSX: defineAccordionTitle(accordion),
@@ -257,4 +201,4 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
         ]
     });
 };
-const _default = AccordionTable;
+export default AccordionTable;

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

@@ -1,92 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AccordionTableTemplate: function() {
-        return AccordionTableTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _AccordionTable = /*#__PURE__*/ _interop_require_default(require("./AccordionTable"));
-const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
-require("../../../../../scss/main.scss");
-require("./AccordionTable.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;
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import AccordionTable from './AccordionTable';
+import Status from '../Status/Status';
+import '../../../../../scss/main.scss';
+import './AccordionTable.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'UI/AccordionTable',
-    component: _AccordionTable.default,
+    component: AccordionTable,
     argTypes: {}
 };
 const Template = (args)=>{
     const onChange = (e)=>console.log(e);
-    const [sortParams, setSortParams] = (0, _react.useState)({
+    const [sortParams, setSortParams] = useState({
         key: 'apr',
         direction: 'DESC'
     });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: {
             backgroundColor: '#f7f8fa',
             overflowX: 'auto'
         },
         className: "p15",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionTable.default, {
+        children: /*#__PURE__*/ _jsx(AccordionTable, {
             ...args,
             onChange: onChange,
             sortParams: sortParams,
@@ -94,7 +30,7 @@ const Template = (args)=>{
         })
     });
 };
-const AccordionTableTemplate = Template.bind({});
+export const AccordionTableTemplate = Template.bind({});
 AccordionTableTemplate.args = {
     className: '',
     header: [
@@ -196,8 +132,8 @@ AccordionTableTemplate.args = {
             label: 'Lending USA',
             offers: 3,
             className: '',
-            titleContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+            titleContent: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Status, {
                     className: "accordion-label-box__status",
                     status: "info",
                     label: "3 OFFERS"
@@ -229,8 +165,8 @@ AccordionTableTemplate.args = {
             offers: 3,
             className: '',
             status: 'Active',
-            titleContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+            titleContent: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Status, {
                     className: "accordion-label-box__status",
                     onClick: ()=>console.log('clicked'),
                     status: "info",

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -1,75 +1,20 @@
-"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");
-require("./AccordionText.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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import React from "react";
+import cn from "classnames";
+import { ChevronDown, ChevronUp } from "react-feather";
+import "./AccordionText.scss";
 const defaultText = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`;
 const AccordionText = ({ isDefaultOpen = false, isOuterOpen = false, className, text = defaultText, shortText = null })=>{
-    const bodyRef = (0, _react.useRef)(null);
-    const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
-    const [isNeedTrimText, setIsNeedTrimText] = (0, _react.useState)(false);
-    (0, _react.useEffect)(()=>{
+    const bodyRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(isDefaultOpen);
+    const [isNeedTrimText, setIsNeedTrimText] = useState(false);
+    useEffect(()=>{
         setIsOpen(isOuterOpen);
     }, [
         isOuterOpen
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const checkEllipsis = ()=>{
             if (bodyRef.current) {
                 setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
@@ -90,24 +35,24 @@ const AccordionText = ({ isDefaultOpen = false, isOuterOpen = false, className,
     }, [
         text
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("accordion-text", className, {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn("accordion-text", className, {
             "accordion-text--open": isOpen
         }),
         onClick: ()=>setIsOpen((prevIsOpen)=>!prevIsOpen),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)("accordion-text__body", {
+            /*#__PURE__*/ _jsx("div", {
+                className: cn("accordion-text__body", {
                     "accordion-text__body--trim-text": isNeedTrimText && !isOpen
                 }),
                 ref: bodyRef,
                 children: shortText ? isOpen ? text : shortText : text
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "accordion-text__toggle",
-                children: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {})
+                children: isOpen ? /*#__PURE__*/ _jsx(ChevronUp, {}) : /*#__PURE__*/ _jsx(ChevronDown, {})
             })
         ]
     });
 };
-const _default = AccordionText;
+export default AccordionText;