intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/UI/Table/Partials/TdTitle.js

@@ -0,0 +1,118 @@
+"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 _Langs = /*#__PURE__*/ _interop_require_default(require("../../../../../Langs"));
+const _Modal = /*#__PURE__*/ _interop_require_default(require("../../Modal/Modal"));
+const _Tag = /*#__PURE__*/ _interop_require_default(require("../../Tag/Tag"));
+require("../Table.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 TdTitle = ({ locations, title })=>{
+    const txt = _Langs.default[global.lng];
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "cards-table__title-box",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "cards-table__title-box--left",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "cards-table__title-box--title",
+                        children: txt.titles[title] || title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "cards-table__title-box--tags",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                                className: "mr5",
+                                children: [
+                                    txt.labels.locations.toUpperCase(),
+                                    ":"
+                                ]
+                            }),
+                            locations === null || locations === void 0 ? void 0 : locations.map((tag, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, {
+                                    label: tag.label
+                                }, index))
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "cards-table__title-box--right",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        onClick: ()=>setIsOpen(true),
+                        className: "cards-table__title-edit-btn mr5",
+                        children: txt.buttons.edit
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.default, {
+                        mode: "edit",
+                        closeModal: ()=>setIsOpen(false),
+                        isOpen: isOpen,
+                        title: txt.titles.pingTree,
+                        size: "420",
+                        children: "test"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "cards-table__title-delete-btn",
+                        children: txt.buttons.deletePingTree
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = TdTitle;

package/dist/src/Atomic/UI/Table/Table.js

@@ -0,0 +1,67 @@
+"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_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _TdHeader = /*#__PURE__*/ _interop_require_default(require("./Partials/TdHeader"));
+const _TdRow = /*#__PURE__*/ _interop_require_default(require("./Partials/TdRow"));
+require("./Table.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Table = ({ rows, onChange, className, header, onActionClick, testId = "table" })=>{
+    const handleArrayChange = (value, index)=>{
+        rows[index] = value;
+        onChange({
+            header: [
+                ...header
+            ],
+            rows: [
+                ...rows
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)("simple-table", {
+            [`simple-table--${className}`]: className
+        }),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("table", {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("thead", {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                        children: header === null || header === void 0 ? void 0 : header.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TdHeader.default, {
+                                item: item
+                            }, item.key))
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", {
+                    children: rows && (rows === null || rows === void 0 ? void 0 : rows.length) ? rows === null || rows === void 0 ? void 0 : rows.map((row, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TdRow.default, {
+                            onActionClick: onActionClick,
+                            rowIndex: index,
+                            item: row,
+                            header: header,
+                            onChange: (value)=>handleArrayChange(value, index)
+                        }, typeof row.id === "object" ? row.id.value : row.id)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                            className: "row--not-found",
+                            colSpan: header === null || header === void 0 ? void 0 : header.length,
+                            children: "Not set"
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+const _default = Table;

package/dist/src/Atomic/UI/Table/Table.scss

@@ -0,0 +1,85 @@
+.table-header {
+  &--weight-actions {
+    width: 3%;
+  }
+}
+
+.table--icon {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 5px;
+
+  cursor: pointer;
+
+  color: #9aa0b9;
+  border-radius: 5px;
+
+  &:hover {
+    background-color: #f3f3f3;
+  }
+}
+
+.simple-table {
+  overflow-x: auto;
+
+  width: 100%;
+
+  color: #1e1e2d;
+
+  table {
+    width: 100%;
+
+    border-spacing: 0;
+    border-collapse: collapse;
+
+    thead {
+      font-size: 10px;
+      white-space: nowrap;
+      text-transform: uppercase;
+
+      color: #9aa0b9;
+      background-color: #ebeff2;
+
+      th {
+        padding: 10px 15px;
+
+        font-weight: 400;
+
+        &:last-child {
+          text-align: right;
+        }
+      }
+    }
+
+    tbody {
+      font-size: 13px;
+
+      tr {
+        border-bottom: 1px solid #f1f1f1;
+      }
+
+      td {
+        padding: 7.5px 15px;
+
+        background-color: #ffff;
+      }
+    }
+  }
+}
+
+.accordion--table {
+  overflow: visible;
+
+  tr {
+    border: none !important;
+  }
+
+  td {
+    padding: 3px 15px !important;
+
+    font-size: 10px;
+
+    border: none !important;
+    background-color: #f7fafc !important;
+  }
+}

package/dist/src/Atomic/UI/Table/Table.stories.js

@@ -0,0 +1,250 @@
+"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, {
+    TableTemplate: function() {
+        return TableTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Table = /*#__PURE__*/ _interop_require_default(require("./Table"));
+require("../../../../../scss/main.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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/Table',
+    component: _Table.default
+};
+const Template = ({ data })=>{
+    var _state_rows;
+    const [state, setState] = (0, _react.useState)(data);
+    const rowsWithActions = state === null || state === void 0 ? void 0 : (_state_rows = state.rows) === null || _state_rows === void 0 ? void 0 : _state_rows.map((row)=>({
+            ...row,
+            actions: row.isDeleted ? [
+                {
+                    type: 'undo'
+                }
+            ] : [
+                {
+                    type: 'download'
+                },
+                {
+                    type: 'edit'
+                },
+                {
+                    type: 'delete'
+                }
+            ]
+        }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Table.default, {
+        header: state.header,
+        rows: rowsWithActions,
+        onChange: setState
+    });
+};
+const TableTemplate = Template.bind({});
+TableTemplate.args = {
+    data: {
+        header: [
+            {
+                id: 1,
+                label: 'state'
+            },
+            {
+                id: 2,
+                label: 'Tags'
+            },
+            {
+                id: 3,
+                label: 'status'
+            },
+            {
+                id: 4,
+                label: 'loanAmountApproved'
+            },
+            {
+                id: 5,
+                label: 'loanAmountRejected'
+            },
+            {
+                id: 6,
+                label: 'approveRate'
+            },
+            {
+                id: 7,
+                label: 'actions',
+                type: 'actions'
+            }
+        ],
+        rows: [
+            {
+                id: 1,
+                link: {
+                    label: 'CA',
+                    link: '#s'
+                },
+                tags: [
+                    {
+                        label: 'Label 1'
+                    }
+                ],
+                status: {
+                    value: '90',
+                    status: 'active'
+                },
+                loanAmountApproved: {
+                    value: '$70,000'
+                },
+                loanAmountRejected: {
+                    value: '$30,000'
+                },
+                approveRate: {
+                    value: '70%'
+                }
+            },
+            {
+                id: 2,
+                link: {
+                    label: 'NY',
+                    link: '#s'
+                },
+                advancedTags: [
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'hoods',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelRight: 'jewelry',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'improvement',
+                        active: 0,
+                        pause: 0,
+                        warnLeft: true,
+                        warnLeftMsg: 'landerNotIncluded',
+                        warnRightMsg: 'noMerchants'
+                    },
+                    {
+                        labelLeft: 'home',
+                        labelRight: 'hoods',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    },
+                    {
+                        labelRight: 'jewelry',
+                        active: 3,
+                        pause: 1,
+                        merchants: 5
+                    }
+                ],
+                status: {
+                    label: 'Active',
+                    className: 'color--green-haze'
+                },
+                loanAmountApproved: {
+                    value: '$3,000'
+                },
+                loanAmountRejected: {
+                    value: '$7,000'
+                },
+                approveRate: {
+                    value: '30%'
+                }
+            },
+            {
+                id: 3,
+                link: {
+                    label: 'NH',
+                    link: '#s'
+                },
+                tags: [
+                    {
+                        label: 'Label 1'
+                    },
+                    {
+                        label: 'Label 2'
+                    },
+                    {
+                        label: 'Label 3'
+                    }
+                ],
+                status: {
+                    status: 'error'
+                },
+                loanAmountApproved: {
+                    value: '$70,000'
+                },
+                loanAmountRejected: {
+                    value: '$30,000'
+                },
+                approveRate: {
+                    value: '70%'
+                }
+            }
+        ]
+    }
+};

package/dist/src/Atomic/UI/Table/TdTypes/TdActions.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TdActions", {
+    enumerable: true,
+    get: function() {
+        return TdActions;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../../../FormElements/Switcher/Switcher"));
+require("./TdTypes.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 TdActions = ({ actions, onChange, onActionClick, rowItem })=>{
+    if (!actions) return false;
+    const [state, setState] = (0, _react.useState)(actions);
+    const handleArrayChange = (value, index, prop)=>{
+        state[index][prop] = value;
+        setState([
+            ...state
+        ]);
+        onChange(state);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: "j6",
+        children: actions === null || actions === void 0 ? void 0 : actions.map((action, index)=>{
+            switch(action.type){
+                case "download":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--download",
+                        onClick: ()=>{},
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {})
+                    }, index);
+                case "edit":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--edit",
+                        onClick: ()=>{},
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Edit3, {})
+                    }, index);
+                case "delete":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--delete",
+                        onClick: ()=>onActionClick("delete", rowItem),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+                    }, index);
+                case "undo":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "td-actions--item td-actions--undo",
+                        onClick: ()=>onActionClick("undo", rowItem),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.RotateCcw, {})
+                    }, index);
+                case "switcher":
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "df",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                            label: action.label || null,
+                            isActive: action === null || action === void 0 ? void 0 : action.value,
+                            onChange: (e)=>handleArrayChange(e, index, "value")
+                        })
+                    }, index);
+                default:
+                    return null;
+            }
+        })
+    });
+};

package/dist/src/Atomic/UI/Table/TdTypes/TdPriority.js

@@ -0,0 +1,49 @@
+"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_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+require("../Table.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TdPriority = ({ onClick, rowIndex, cardLength })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "cards-table__priority",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mr5",
+                children: rowIndex + 1
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "df",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {
+                        onClick: ()=>onClick(rowIndex),
+                        className: (0, _classnames.default)("table--icon", {
+                            disabled: rowIndex + 1 === cardLength
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {
+                        onClick: ()=>onClick(rowIndex, true),
+                        className: (0, _classnames.default)("table--icon", {
+                            disabled: rowIndex === 0
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = TdPriority;