intelicoreact 1.6.22 → 1.6.24

package/dist/Atomic/UI/Status/Status.js

@@ -1 +1,67 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return t}});var e,s=require("react/jsx-runtime"),a=(e=require("classnames"))&&e.__esModule?e:{default:e};function r(){}require("react"),require("./Status.scss");var t=function(e){var t=e.icon,l=e.value,i=e.label,n=e.status,u=e.disabled,c=e.type,d=e.active,o=void 0===d?0:d,v=e.pause,p=void 0===v?0:v,j=e.className,m=e.noBackground,f=e.children,x=e.testId,g=e.onClick;if(!n)return null;var h=f&&"string"==typeof f?f:l||i||n,b=(null==h?void 0:h[0].toUpperCase())+(null==h?void 0:h.slice(1));return(0,s.jsx)("div",{onClick:void 0===g?r:g,"data-testid":void 0===x?"status":x,className:(0,a.default)({disabled:u},j),children:"number"===c?(0,s.jsx)("div",{children:0===o&&0===p?(0,s.jsx)("div",{className:"status status--error",children:(0,s.jsx)("span",{children:o})}):(0,s.jsxs)("div",{className:"status status--warning",children:[(0,s.jsx)("span",{className:"status--number-active",children:o}),(0,s.jsx)("span",{className:"color--gray-gull",children:" / "}),(0,s.jsx)("span",{className:p>0?"color--froly":"color--gray-gull",children:p})]})}):(0,s.jsxs)("div",{className:(0,a.default)("status","status--".concat(n),{"status--no-bg":m&&"pause"===n,"color--gray-gull":m&&"pause"===n&&!j,j4:!!t},j),children:[t,b]})})};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./Status.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function defaultOnClick() {}
+const Status = ({ icon, value, label, status, disabled, type, active = 0, pause = 0, className, noBackground, children, testId = 'status', onClick = defaultOnClick })=>{
+    if (!status) return null;
+    const text = children && typeof children === 'string' ? children : value || label || status;
+    const formattedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        onClick: onClick,
+        "data-testid": testId,
+        className: (0, _classnames.default)({
+            disabled
+        }, className),
+        children: type === 'number' ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: active === 0 && pause === 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "status status--error",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    children: active
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "status status--warning",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "status--number-active",
+                        children: active
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "color--gray-gull",
+                        children: " / "
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: pause > 0 ? 'color--froly' : 'color--gray-gull',
+                        children: pause
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)('status', `status--${status}`, {
+                'status--no-bg': noBackground && status === 'pause',
+                'color--gray-gull': noBackground && status === 'pause' && !className,
+                'j4': !!icon
+            }, className),
+            children: [
+                icon,
+                formattedLabel
+            ]
+        })
+    });
+};
+const _default = Status;

package/dist/Atomic/UI/Table/Partials/TdCell.js

@@ -1 +1,87 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}import{jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import n from"../../Accordion/AccordionItem";import o from"../../AdvancedTag/AdvancedTags";import a from"../../Status/Status";import i from"../../Tag/Tag";import c from"../Table";import{TdActions as l}from"../TdTypes/TdActions";import s from"../TdTypes/TdPriority";import u from"../TdTypes/TdWeight";import"../Table.scss";export default function(f){var m,p=f.type,y=f.item,b=f.rowIndex,d=f.onChange,g=f.cardLength,h=f.changePriority,O=f.getAdviceWeight,v=f.onActionClick,w=f.rowItem,j=f.isDeleted,T=(m=t(y.isOpen),function(e){if(Array.isArray(e))return e}(m)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,c=!1;try{for(o=o.call(e);!(i=(t=o.next()).done)&&(a.push(t.value),a.length!==r);i=!0);}catch(e){c=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(c)throw n}}return a}}(m,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(m,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),A=T[0],P=T[1],S="weight"===y.type&&O(j?0:y.value);switch(p){case"accordion":return r(n,{className:y.itemClassName,item:y,isOpen:A,onClick:function(e){return P(e)},children:r(c,{rows:y.rows,className:"accordion--table"})});case"actions":return r(l,{rowItem:w,actions:y,onChange:d,onActionClick:v});case"advancedTags":return r(o,{items:y});case"link":return r("a",{href:y.link,children:y.label});case"priority":return r(s,{rowIndex:b,cardLength:g,onClick:h});case"status":return r(a,{className:y.className,label:y.label,status:y.status});case"tags":return y.map(function(e,t){return r(i,{label:e.label},t)});case"weight":return r(u,{value:y.value,percent:S,onChange:function(e){var r,t;return d((r=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({},y),t=t={value:e},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}),r))}});default:return r("span",{className:y.className,children:y.value})}}
+import React, { useState } from "react";
+
+import AccordionItem from "../../Accordion/AccordionItem";
+import AdvancedTags from "../../AdvancedTag/AdvancedTags";
+import Status from "../../Status/Status";
+import Tag from "../../Tag/Tag";
+import Table from "../Table";
+import { TdActions } from "../TdTypes/TdActions";
+import TdPriority from "../TdTypes/TdPriority";
+import TdWeight from "../TdTypes/TdWeight";
+
+import "../Table.scss";
+
+const TdCell = ({
+  type,
+  item,
+  rowIndex,
+  onChange,
+  cardLength,
+  changePriority,
+  getAdviceWeight,
+  onActionClick,
+  rowItem,
+  isDeleted,
+}) => {
+  const [isAccordionOpen, setIsAccordionOpen] = useState(item.isOpen);
+
+  const percent =
+    item.type === "weight" && getAdviceWeight(isDeleted ? 0 : item.value);
+
+  switch (type) {
+    case "accordion":
+      return (
+        <AccordionItem
+          className={item.itemClassName}
+          item={item}
+          isOpen={isAccordionOpen}
+          onClick={(e) => setIsAccordionOpen(e)}
+        >
+          <Table rows={item.rows} className="accordion--table" />
+        </AccordionItem>
+      );
+    case "actions":
+      return (
+        <TdActions
+          rowItem={rowItem}
+          actions={item}
+          onChange={onChange}
+          onActionClick={onActionClick}
+        />
+      );
+    case "advancedTags":
+      return <AdvancedTags items={item} />;
+    case "link":
+      return <a href={item.link}>{item.label}</a>;
+    case "priority":
+      return (
+        <TdPriority
+          rowIndex={rowIndex}
+          cardLength={cardLength}
+          onClick={changePriority}
+        />
+      );
+    case "status":
+      return (
+        <Status
+          className={item.className}
+          label={item.label}
+          status={item.status}
+        />
+      );
+    case "tags":
+      return item.map((tag, index) => <Tag key={index} label={tag.label} />);
+    case "weight":
+      return (
+        <TdWeight
+          value={item.value}
+          percent={percent}
+          onChange={(value) => onChange({ ...item, value })}
+        />
+      );
+    default:
+      return <span className={item.className}>{item.value}</span>;
+  }
+};
+
+export default TdCell;

package/dist/Atomic/UI/Table/Partials/TdHeader.js

@@ -1 +1,38 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import a from"classnames";import s from"../../../../Langs";import"../Table.scss";export default function(l){var r=l.item,i=l.testId,d=void 0===i?"td-header":i,c=s[global.lng];return"double"===r.type?t("th",{"data-testid":d,children:e("div",{className:"j46",children:[t("div",{className:"",children:c.labels[r.left]||r.left}),t("div",{className:"",children:c.labels[r.right]||r.right})]})}):t("th",{"data-testid":d,className:a(r.className),children:e("div",{className:a({df:r.button}),children:[t("div",{className:"mr5",children:c.labels[r.label]||r.label}),r.button&&t("div",{className:"cards-table__btn",children:c.buttons[r.button]||r.button})]})})}
+import React from "react";
+
+import cn from "classnames";
+
+import Langs from "../../../../Langs";
+
+import "../Table.scss";
+
+const TdHeader = ({ item, testId = "td-header" }) => {
+  const txt = Langs[global.lng];
+
+  switch (item.type) {
+    case "double":
+      return (
+        <th data-testid={testId}>
+          <div className="j46">
+            <div className="">{txt.labels[item.left] || item.left}</div>
+            <div className="">{txt.labels[item.right] || item.right}</div>
+          </div>
+        </th>
+      );
+    default:
+      return (
+        <th data-testid={testId} className={cn(item.className)}>
+          <div className={cn({ df: item.button })}>
+            <div className="mr5">{txt.labels[item.label] || item.label}</div>
+            {item.button && (
+              <div className="cards-table__btn">
+                {txt.buttons[item.button] || item.button}
+              </div>
+            )}
+          </div>
+        </th>
+      );
+  }
+};
+
+export default TdHeader;

package/dist/Atomic/UI/Table/Partials/TdRow.js

@@ -1 +1,99 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,c=!1;try{for(o=o.call(e);!(i=(r=o.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(c)throw n}}return a}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as r,jsxs as n,Fragment as o}from"react/jsx-runtime";import{useState as a}from"react";import i from"classnames";import{handleObjectChange as c}from"../../../../Functions/utils";import l from"../../Modal/Modal";import s from"../TdTypes/TdRange";import u from"./TdCell";import"../Table.scss";export default function(e){var d=e.item,f=e.onChange,m=e.rowIndex,p=e.cardStatus,y=e.range,b=e.type,h=e.rowSpan,g=e.colSpan,v=e.cardLength,S=e.changePriority,j=e.getAdviceWeight,w=e.onActionClick,O=e.isDeleted,A=e.testId,_=t(a(!1),2),C=_[0],x=_[1],I=c(d,function(){return f(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},d))});return n(o,{children:[n("tr",{"data-testid":void 0===A?"td-row":A,children:[b&&h&&r("td",{className:"rel",rowSpan:h+1,children:r("span",{className:i(b&&"cards-table__score cards-table__score-".concat(p)),children:r(s,{item:y})})}),Object.entries(d).map(function(e){var n=t(e,2),o=n[0],a=n[1];return"id"===o||"isDeleted"===o?null:r("td",{className:i("cards-table__body-item",{"cards-table__accordion":"accordion"===a.type}),children:r(u,{onActionClick:w,changePriority:S,cardLength:v,rowIndex:m,rowItem:d,type:o,item:a,onChange:function(e){return I(e,o)},getAdviceWeight:j,isDeleted:O})},o)})]}),b&&g?n("tr",{children:[r("td",{}),n("td",{colSpan:g,children:[r("span",{className:"cards-table__title-select-lender-btn",onClick:function(){return x(!0)},children:"Select Lender"}),r(l,{closeModal:function(){return x(!1)},isOpen:C,title:"Choose Lender",size:"420",children:"test"})]})]}):null]})}
+import React, { useState } from "react";
+
+import cn from "classnames";
+
+import { handleObjectChange } from "../../../../Functions/utils";
+import Modal from "../../Modal/Modal";
+import TdRange from "../TdTypes/TdRange";
+
+import TdCell from "./TdCell";
+
+import "../Table.scss";
+
+const TdRow = ({
+  item,
+  onChange,
+  rowIndex,
+  cardStatus,
+  range,
+  type,
+  rowSpan,
+  colSpan,
+  cardLength,
+  changePriority,
+  getAdviceWeight,
+  onActionClick,
+  isDeleted,
+  testId = "td-row",
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleChange = handleObjectChange(item, () => onChange({ ...item }));
+
+  return (
+    <>
+      <tr data-testid={testId}>
+        {type && rowSpan && (
+          <td className="rel" rowSpan={rowSpan + 1}>
+            <span
+              className={cn(
+                type && `cards-table__score cards-table__score-${cardStatus}`,
+              )}
+            >
+              <TdRange item={range} />
+            </span>
+          </td>
+        )}
+
+        {Object.entries(item).map(([key, value]) =>
+          key === "id" || key === "isDeleted" ? null : (
+            <td
+              key={key}
+              className={cn("cards-table__body-item", {
+                "cards-table__accordion": value.type === "accordion",
+              })}
+            >
+              <TdCell
+                onActionClick={onActionClick}
+                changePriority={changePriority}
+                cardLength={cardLength}
+                rowIndex={rowIndex}
+                rowItem={item}
+                type={key}
+                item={value}
+                onChange={(newValue) => handleChange(newValue, key)}
+                getAdviceWeight={getAdviceWeight}
+                isDeleted={isDeleted}
+              />
+            </td>
+          ),
+        )}
+      </tr>
+
+      {type && colSpan ? (
+        <tr>
+          <td />
+          <td colSpan={colSpan}>
+            <span
+              className="cards-table__title-select-lender-btn"
+              onClick={() => setIsOpen(true)}
+            >
+              Select Lender
+            </span>
+
+            <Modal
+              closeModal={() => setIsOpen(false)}
+              isOpen={isOpen}
+              title="Choose Lender"
+              size="420"
+            >
+              test
+            </Modal>
+          </td>
+        </tr>
+      ) : null}
+    </>
+  );
+};
+
+export default TdRow;

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

@@ -1 +1,52 @@
-function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,l=Array(e);r<e;r++)l[r]=t[r];return l}import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as l}from"react";import n from"../../../../../Langs";import a from"../../Modal/Modal";import i from"../../Tag/Tag";import"../Table.scss";export default function(o){var s,c=o.locations,d=o.title,u=n[global.lng],m=(s=l(!1),function(t){if(Array.isArray(t))return t}(s)||function(t,e){var r,l,n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var a=[],i=!0,o=!1;try{for(n=n.call(t);!(i=(r=n.next()).done)&&(a.push(r.value),a.length!==e);i=!0);}catch(t){o=!0,l=t}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}(s,2)||function(e,r){if(e){if("string"==typeof e)return t(e,2);var l=Object.prototype.toString.call(e).slice(8,-1);if("Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l)return Array.from(l);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return t(e,r)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=m[0],b=m[1];return r("div",{className:"cards-table__title-box",children:[r("div",{className:"cards-table__title-box--left",children:[e("div",{className:"cards-table__title-box--title",children:u.titles[d]||d}),r("div",{className:"cards-table__title-box--tags",children:[r("span",{className:"mr5",children:[u.labels.locations.toUpperCase(),":"]}),null==c?void 0:c.map(function(t,r){return e(i,{label:t.label},r)})]})]}),r("div",{className:"cards-table__title-box--right",children:[e("span",{onClick:function(){return b(!0)},className:"cards-table__title-edit-btn mr5",children:u.buttons.edit}),e(a,{mode:"edit",closeModal:function(){return b(!1)},isOpen:f,title:u.titles.pingTree,size:"420",children:"test"}),e("span",{className:"cards-table__title-delete-btn",children:u.buttons.deletePingTree})]})]})}
+import React, { useState } from "react";
+
+import Langs from "../../../../../Langs";
+import Modal from "../../Modal/Modal";
+import Tag from "../../Tag/Tag";
+
+import "../Table.scss";
+
+const TdTitle = ({ locations, title }) => {
+  const txt = Langs[global.lng];
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div className="cards-table__title-box">
+      <div className="cards-table__title-box--left">
+        <div className="cards-table__title-box--title">
+          {txt.titles[title] || title}
+        </div>
+        <div className="cards-table__title-box--tags">
+          <span className="mr5">{txt.labels.locations.toUpperCase()}:</span>
+          {locations?.map((tag, index) => (
+            <Tag key={index} label={tag.label} />
+          ))}
+        </div>
+      </div>
+
+      <div className="cards-table__title-box--right">
+        <span
+          onClick={() => setIsOpen(true)}
+          className="cards-table__title-edit-btn mr5"
+        >
+          {txt.buttons.edit}
+        </span>
+
+        <Modal
+          mode="edit"
+          closeModal={() => setIsOpen(false)}
+          isOpen={isOpen}
+          title={txt.titles.pingTree}
+          size="420"
+        >
+          test
+        </Modal>
+        <span className="cards-table__title-delete-btn">
+          {txt.buttons.deletePingTree}
+        </span>
+      </div>
+    </div>
+  );
+};
+
+export default TdTitle;

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

@@ -1 +1,63 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(t)||function(t,e){if(t){if("string"==typeof t)return r(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as e,jsxs as n}from"react/jsx-runtime";import"react";import o from"classnames";import i from"./Partials/TdHeader";import a from"./Partials/TdRow";import"./Table.scss";export default function(r){var l,c,u=r.rows,d=r.onChange,s=r.className,m=r.header,f=r.onActionClick,p=r.testId,b=function(r,e){u[e]=r,d({header:t(m),rows:t(u)})};return e("div",{"data-testid":void 0===p?"table":p,className:o("simple-table",(l={},c="simple-table--".concat(s),c in l?Object.defineProperty(l,c,{value:s,enumerable:!0,configurable:!0,writable:!0}):l[c]=s,l)),children:n("table",{children:[e("thead",{children:e("tr",{children:null==m?void 0:m.map(function(r){return e(i,{item:r},r.key)})})}),e("tbody",{children:u&&(null==u?void 0:u.length)?null==u?void 0:u.map(function(r,t){var n;return e(a,{onActionClick:f,rowIndex:t,item:r,header:m,onChange:function(r){return b(r,t)}},"object"==((n=r.id)&&"undefined"!=typeof Symbol&&n.constructor===Symbol?"symbol":typeof n)?r.id.value:r.id)}):e("tr",{children:e("td",{className:"row--not-found",colSpan:null==m?void 0:m.length,children:"Not set"})})})]})})}
+import React from "react";
+
+import cn from "classnames";
+
+import TdHeader from "./Partials/TdHeader";
+import TdRow from "./Partials/TdRow";
+
+import "./Table.scss";
+
+const Table = ({
+  rows,
+  onChange,
+  className,
+  header,
+  onActionClick,
+  testId = "table",
+}) => {
+  const handleArrayChange = (value, index) => {
+    rows[index] = value;
+    onChange({ header: [...header], rows: [...rows] });
+  };
+
+  return (
+    <div
+      data-testid={testId}
+      className={cn("simple-table", {
+        [`simple-table--${className}`]: className,
+      })}
+    >
+      <table>
+        <thead>
+          <tr>
+            {header?.map((item) => (
+              <TdHeader item={item} key={item.key} />
+            ))}
+          </tr>
+        </thead>
+        <tbody>
+          {rows && rows?.length ? (
+            rows?.map((row, index) => (
+              <TdRow
+                onActionClick={onActionClick}
+                rowIndex={index}
+                key={typeof row.id === "object" ? row.id.value : row.id}
+                item={row}
+                header={header}
+                onChange={(value) => handleArrayChange(value, index)}
+              />
+            ))
+          ) : (
+            <tr>
+              <td className="row--not-found" colSpan={header?.length}>
+                Not set
+              </td>
+            </tr>
+          )}
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default Table;

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

@@ -1 +1,80 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=Array(r);n<r;n++)e[n]=t[n];return e}function r(r,n){if(r){if("string"==typeof r)return t(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);if("Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(r,n)}}import{jsx as n}from"react/jsx-runtime";import{useState as e}from"react";import*as o from"react-feather";import i from"../../../FormElements/Switcher/Switcher";import"./TdTypes.scss";export var TdActions=function(a){var l,c=a.actions,u=a.onChange,s=a.onActionClick,d=a.rowItem;if(!c)return!1;var f=(l=e(c),function(t){if(Array.isArray(t))return t}(l)||function(t,r){var n,e,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),i.length!==r);a=!0);}catch(t){l=!0,e=t}finally{try{a||null==o.return||o.return()}finally{if(l)throw e}}return i}}(l,2)||r(l,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=f[0],y=f[1],h=function(n,e,o){m[e][o]=n,y(function(r){if(Array.isArray(r))return t(r)}(m)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(m)||r(m)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u(m)};return n("div",{className:"j6",children:null==c?void 0:c.map(function(t,r){switch(t.type){case"download":return n("div",{className:"td-actions--item td-actions--download",onClick:function(){},children:n(o.Download,{})},r);case"edit":return n("div",{className:"td-actions--item td-actions--edit",onClick:function(){},children:n(o.Edit3,{})},r);case"delete":return n("div",{className:"td-actions--item td-actions--delete",onClick:function(){return s("delete",d)},children:n(o.Trash2,{})},r);case"undo":return n("div",{className:"td-actions--item td-actions--undo",onClick:function(){return s("undo",d)},children:n(o.RotateCcw,{})},r);case"switcher":return n("div",{className:"df",children:n(i,{label:t.label||null,isActive:null==t?void 0:t.value,onChange:function(t){return h(t,r,"value")}})},r);default:return null}})})};
+import React, { useState } from "react";
+
+import * as Icons from "react-feather";
+
+import Switcher from "../../../FormElements/Switcher/Switcher";
+
+import "./TdTypes.scss";
+
+export const TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
+  if (!actions) return false;
+
+  const [state, setState] = useState(actions);
+
+  const handleArrayChange = (value, index, prop) => {
+    state[index][prop] = value;
+    setState([...state]);
+    onChange(state);
+  };
+
+  return (
+    <div className="j6">
+      {actions?.map((action, index) => {
+        switch (action.type) {
+          case "download":
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--download"
+                onClick={() => {}}
+              >
+                <Icons.Download />
+              </div>
+            );
+          case "edit":
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--edit"
+                onClick={() => {}}
+              >
+                <Icons.Edit3 />
+              </div>
+            );
+          case "delete":
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--delete"
+                onClick={() => onActionClick("delete", rowItem)}
+              >
+                <Icons.Trash2 />
+              </div>
+            );
+          case "undo":
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--undo"
+                onClick={() => onActionClick("undo", rowItem)}
+              >
+                <Icons.RotateCcw />
+              </div>
+            );
+          case "switcher":
+            return (
+              <div key={index} className="df">
+                <Switcher
+                  label={action.label || null}
+                  isActive={action?.value}
+                  onChange={(e) => handleArrayChange(e, index, "value")}
+                />
+              </div>
+            );
+          default:
+            return null;
+        }
+      })}
+    </div>
+  );
+};

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

@@ -1 +1,28 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import"react";import e from"classnames";import{ArrowDown as s,ArrowUp as c}from"react-feather";import"../Table.scss";export default function(i){var t=i.onClick,n=i.rowIndex,l=i.cardLength;return a("div",{className:"cards-table__priority",children:[r("span",{className:"mr5",children:n+1}),a("div",{className:"df",children:[r(s,{onClick:function(){return t(n)},className:e("table--icon",{disabled:n+1===l})}),r(c,{onClick:function(){return t(n,!0)},className:e("table--icon",{disabled:0===n})})]})]})}
+import React from "react";
+
+import cn from "classnames";
+import { ArrowDown, ArrowUp } from "react-feather";
+
+import "../Table.scss";
+
+const TdPriority = ({ onClick, rowIndex, cardLength }) => {
+  return (
+    <div className="cards-table__priority">
+      <span className="mr5">{rowIndex + 1}</span>
+      <div className="df">
+        <ArrowDown
+          onClick={() => onClick(rowIndex)}
+          className={cn("table--icon", {
+            disabled: rowIndex + 1 === cardLength,
+          })}
+        />
+        <ArrowUp
+          onClick={() => onClick(rowIndex, true)}
+          className={cn("table--icon", { disabled: rowIndex === 0 })}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default TdPriority;

package/dist/Atomic/UI/Table/TdTypes/TdRange.js

@@ -1 +1,13 @@
-import{jsx as r,jsxs as n}from"react/jsx-runtime";export default function(e){var i=e.item;return!!i&&n("div",{children:[r("span",{children:i.from}),r("span",{children:" - "}),r("span",{children:i.to})]})}
+const TdRange = ({ item }) => {
+  if (!item) return false;
+
+  return (
+    <div>
+      <span>{item.from}</span>
+      <span> - </span>
+      <span>{item.to}</span>
+    </div>
+  );
+};
+
+export default TdRange;

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -1 +1,53 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useEffect as o,useState as a}from"react";import l from"classnames";import{useOutsideToggle as i}from"../../../../Functions/utils";import{KEY_CODE as u}from"../../Modal/Modal";import"../Table.scss";export default function(c){var s,f=c.value,m=c.percent,p=c.onChange,y=c.className,d=(s=a(f),function(r){if(Array.isArray(r))return r}(s)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],l=!0,i=!1;try{for(o=o.call(r);!(l=(n=o.next()).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(r){i=!0,e=r}finally{try{l||null==o.return||o.return()}finally{if(i)throw e}}return a}}(s,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=d[0],h=d[1],v=i(!1),b=v.isToggled,j=v.toggleOff,A=v.toggleOn;return o(function(){h(f)},[f,b]),t(e,{children:b?t(Input,{value:g,onChange:function(r){return h(r)},onBlur:j,onKeyUp:function(r){var t=r.keyCode,n=r.target;t===u.ENTER&&(p(Number(n.value)||1),j())},autoFocus:!0}):n("div",{className:l("td-weight",y),onClick:A,children:[t("span",{children:f}),n("span",{className:"ml2 color--grey-gull",children:["(",m,"%)"]})]})})}
+import { useEffect, useState } from "react";
+
+import cn from "classnames";
+
+import { useOutsideToggle } from "../../../../Functions/utils";
+import { KEY_CODE } from "../../Modal/Modal";
+
+import "../Table.scss";
+
+const TdWeight = ({ value, percent, onChange, className }) => {
+  const [state, setState] = useState(value);
+  const {
+    isToggled: isEdited,
+    toggleOff: unsetIsEdited,
+    toggleOn: setIsEdited,
+  } = useOutsideToggle(false);
+
+  useEffect(() => {
+    setState(value);
+  }, [value, isEdited]);
+
+  const handleKeyUp = ({ keyCode, target }) => {
+    if (keyCode === KEY_CODE.ENTER) {
+      const newValue = Number(target.value) || 1;
+      onChange(newValue);
+      unsetIsEdited();
+    }
+  };
+
+  return (
+    <>
+      {isEdited ? (
+        <Input
+          value={state}
+          onChange={(e) => setState(e)}
+          onBlur={unsetIsEdited}
+          onKeyUp={handleKeyUp}
+          autoFocus
+        />
+      ) : (
+        <div className={cn("td-weight", className)} onClick={setIsEdited}>
+          <span>{value}</span>
+          <span className="ml2 color--grey-gull">
+            ({percent}
+            %)
+          </span>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default TdWeight;