intelicoreact 2.0.18 → 2.0.19

package/dist/es/Atomic/UI/ProgressLine/ProgressLine.styles.css

@@ -0,0 +1,243 @@
+.progress-line {
+  --progress-line-font-family: "Sarabun, sans-serif";
+  --progress-line-font-size: 14px;
+  --progress-line-font-weight: 400;
+  --progress-line-font-style: normal;
+  --progress-line-line-height: 20px;
+  --progress-line-letter-spacing: 0.2px;
+  --progress-line-color-default: #171d33;
+  --progress-line-color-info: #46aaf2;
+  --progress-line-color-success: #54d3ad;
+  --progress-line-color-error: #fa2e69;
+  --progress-line-color-grey: #a6aab4;
+  --progress-line-color-warning: #ffdb7c;
+  --progress-line-color-primary-light: #a6c2ed;
+  --progress-line-color-de-york: #78c58d;
+  --progress-line-color-purple: #a193ef;
+  --progress-line-color-sea-buckthorn: #f59a2f;
+  --progress-line-color-pink: #ffcad6;
+  --progress-line-color-froly: #f06d8d;
+  --progress-line-color-brown: #b4a287;
+  --progress-line-background-default: #e6f0f7;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+}
+.progress-line__wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: 100%;
+}
+.progress-line__wrapper__label {
+  margin-bottom: 8px;
+  font-family: var(--progress-line-font-family, "Sarabun, sans-serif");
+  font-size: var(--progress-line-font-size, 14px);
+  font-weight: var(--progress-line-font-weight, 400);
+  font-style: var(--progress-line-font-style, normal);
+  line-height: var(--progress-line-line-height, 20px);
+  letter-spacing: var(--progress-line-letter-spacing, 0.2px);
+  color: var(--progress-line-color-default, #171d33);
+}
+.progress-line__wrapper__label.align-left {
+  text-align: left;
+}
+.progress-line__wrapper__label.align-center {
+  text-align: center;
+}
+.progress-line__wrapper__label.align-right {
+  text-align: right;
+}
+.progress-line__wrapper__value {
+  display: flex;
+  flex-wrap: nowrap;
+  font-family: var(--progress-line-font-family, "Sarabun, sans-serif");
+  font-size: var(--progress-line-font-size, 14px);
+  font-weight: var(--progress-line-font-weight, 400);
+  font-style: var(--progress-line-font-style, normal);
+  line-height: var(--progress-line-line-height, 20px);
+  white-space: nowrap;
+  letter-spacing: var(--progress-line-letter-spacing, 0.2px);
+  color: var(--progress-line-color-default, #171d33);
+}
+.progress-line__wrapper[class*=value-top-] {
+  flex-flow: column;
+}
+.progress-line__wrapper[class*=value-top-] [class*=__value] {
+  margin-bottom: 8px;
+}
+.progress-line__wrapper.value-top-center {
+  align-items: center;
+}
+.progress-line__wrapper.value-top-left {
+  align-items: flex-start;
+  text-align: left;
+}
+.progress-line__wrapper.value-top-right {
+  align-items: flex-end;
+  padding-right: 8px;
+  text-align: right;
+}
+.progress-line__wrapper[class*=value-center-] {
+  align-items: center;
+}
+.progress-line__wrapper.value-center-left {
+  flex-flow: row;
+}
+.progress-line__wrapper.value-center-left [class*=__value] {
+  margin-right: 8px;
+  text-align: center;
+}
+.progress-line__wrapper.value-center-right {
+  flex-flow: row-reverse;
+}
+.progress-line__wrapper.value-center-right [class*=__value] {
+  margin-left: 8px;
+  text-align: center;
+}
+.progress-line__wrapper[class*=value-bottom-] {
+  flex-flow: column-reverse;
+}
+.progress-line__wrapper[class*=value-bottom-] [class*=__value] {
+  margin-top: 8px;
+}
+.progress-line__wrapper.value-bottom-center {
+  align-items: center;
+}
+.progress-line__wrapper.value-bottom-left {
+  align-items: flex-start;
+}
+.progress-line__wrapper.value-bottom-right {
+  align-items: flex-end;
+}
+.progress-line__wrapper__line {
+  position: relative;
+  width: 100%;
+  height: 4px;
+  border-radius: 8px;
+  background: var(--progress-line-background-default, #e6f0f7);
+}
+.progress-line__wrapper__line--filled {
+  width: 0;
+  height: 100%;
+  border-radius: 8px;
+}
+.progress-line__wrapper.variant-info [class$=__line--filled] {
+  background: var(--progress-line-color-info, #46aaf2);
+}
+.progress-line__wrapper.variant-info .variant-label-color {
+  color: var(--progress-line-color-info, #46aaf2);
+}
+.progress-line__wrapper.variant-success [class$=__line--filled] {
+  background: var(--progress-line-color-success, #54d3ad);
+}
+.progress-line__wrapper.variant-success .variant-label-color {
+  color: var(--progress-line-color-success, #54d3ad);
+}
+.progress-line__wrapper.variant-error [class$=__line--filled] {
+  background: var(--progress-line-color-error, #fa2e69);
+}
+.progress-line__wrapper.variant-error .variant-label-color {
+  color: var(--progress-line-color-error, #fa2e69);
+}
+.progress-line__wrapper.variant-grey [class$=__line--filled] {
+  background: var(--progress-line-color-grey, #a6aab4);
+}
+.progress-line__wrapper.variant-grey .variant-label-color {
+  color: var(--progress-line-color-grey, #a6aab4);
+}
+.progress-line__wrapper.variant-warning [class$=__line--filled] {
+  background: var(--progress-line-color-warning, #ffdb7c);
+}
+.progress-line__wrapper.variant-warning .variant-label-color {
+  color: var(--progress-line-color-warning, #ffdb7c);
+}
+.progress-line__wrapper.variant-primary-light [class$=__line--filled] {
+  background: var(--progress-line-color-primary-light, #a6c2ed);
+}
+.progress-line__wrapper.variant-primary-light .variant-label-color {
+  color: var(--progress-line-color-primary-light, #a6c2ed);
+}
+.progress-line__wrapper.variant-de-york [class$=__line--filled] {
+  background: var(--progress-line-color-de-york, #78c58d);
+}
+.progress-line__wrapper.variant-de-york .variant-label-color {
+  color: var(--progress-line-color-de-york, #78c58d);
+}
+.progress-line__wrapper.variant-purple [class$=__line--filled] {
+  background: var(--progress-line-color-purple, #a193ef);
+}
+.progress-line__wrapper.variant-purple .variant-label-color {
+  color: var(--progress-line-color-purple, #a193ef);
+}
+.progress-line__wrapper.variant-sea-buckthorn [class$=__line--filled] {
+  background: var(--progress-line-color-sea-buckthorn, #f59a2f);
+}
+.progress-line__wrapper.variant-sea-buckthorn .variant-label-color {
+  color: var(--progress-line-color-sea-buckthorn, #f59a2f);
+}
+.progress-line__wrapper.variant-pink [class$=__line--filled] {
+  background: var(--progress-line-color-pink, #ffcad6);
+}
+.progress-line__wrapper.variant-pink .variant-label-color {
+  color: var(--progress-line-color-pink, #ffcad6);
+}
+.progress-line__wrapper.variant-froly [class$=__line--filled] {
+  background: var(--progress-line-color-froly, #f06d8d);
+}
+.progress-line__wrapper.variant-froly .variant-label-color {
+  color: var(--progress-line-color-froly, #f06d8d);
+}
+.progress-line__wrapper.variant-brown [class$=__line--filled] {
+  background: var(--progress-line-color-brown, #b4a287);
+}
+.progress-line__wrapper.variant-brown .variant-label-color {
+  color: var(--progress-line-color-brown, #b4a287);
+}
+.progress-line__wrapper__extremums {
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: 100%;
+  font-family: var(--progress-line-font-family, "Sarabun, sans-serif");
+  font-size: var(--progress-line-font-size, 14px);
+  font-weight: var(--progress-line-font-weight, 400);
+  font-style: var(--progress-line-font-style, normal);
+  line-height: 1;
+  letter-spacing: var(--progress-line-letter-spacing, 0.2px);
+  color: var(--progress-line-color-default, #171d33);
+}
+.progress-line__wrapper__extremums--min {
+  top: 0;
+  left: 0;
+}
+.progress-line__wrapper__extremums--max {
+  right: 0;
+}
+.progress-line__wrapper__extremums.position-top {
+  transform: translateY(calc(-100% - 8px));
+}
+.progress-line__wrapper__extremums.position-bottom {
+  transform: translateY(8px);
+}
+.progress-line__wrapper__extremums.position-top .progress-line__wrapper__extremums--min, .progress-line__wrapper__extremums.position-bottom .progress-line__wrapper__extremums--min {
+  transform: translateX(-50%);
+}
+.progress-line__wrapper__extremums.position-top .progress-line__wrapper__extremums--max, .progress-line__wrapper__extremums.position-bottom .progress-line__wrapper__extremums--max {
+  transform: translateX(50%);
+}
+.progress-line__wrapper__extremums.position-center {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.progress-line__wrapper__extremums.position-center .progress-line__wrapper__extremums--min {
+  transform: translateX(calc(-100% - 8px));
+}
+.progress-line__wrapper__extremums.position-center .progress-line__wrapper__extremums--max {
+  transform: translateX(calc(100% + 8px));
+}

package/dist/es/Atomic/UI/ProgressLine/index.js

@@ -0,0 +1,7 @@
+import ProgressLine from "./ProgressLine.js";
+//#region src/Atomic/UI/ProgressLine/index.ts
+var ProgressLine_default = ProgressLine;
+//#endregion
+export { ProgressLine_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/UI/ProgressLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/UI/ProgressLine/index.ts"],"sourcesContent":["import ProgressLine from './ProgressLine';\n\nexport default ProgressLine;\nexport type { IProgressLineProps } from './ProgressLine.interface';\n"],"mappings":";;AAEA,IAAA,uBAAe"}

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

@@ -0,0 +1,48 @@
+import '../../../styles/base.css';
+import './Status.styles.css';/* empty css            */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Status/Status.tsx
+function defaultOnClick() {}
+var 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?.[0].toUpperCase() + text?.slice(1);
+	return /* @__PURE__ */ jsx("div", {
+		onClick,
+		"data-testid": testId,
+		className: cn({ disabled }, className),
+		children: type === "number" ? /* @__PURE__ */ jsx("div", { children: active === 0 && pause === 0 ? /* @__PURE__ */ jsx("div", {
+			className: "status status--error",
+			children: /* @__PURE__ */ jsx("span", { children: active })
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "status status--warning",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "status--number-active",
+					children: active
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "color--gray-gull",
+					children: " / "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: pause > 0 ? "color--froly" : "color--gray-gull",
+					children: pause
+				})
+			]
+		}) }) : /* @__PURE__ */ jsxs("div", {
+			className: cn("status", `status--${status}`, {
+				"status--no-bg": noBackground && status === "pause",
+				"color--gray-gull": noBackground && status === "pause" && !className,
+				"j4": !!icon
+			}, className),
+			children: [icon, formattedLabel]
+		})
+	});
+};
+//#endregion
+export { Status as default };
+
+//# sourceMappingURL=Status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","names":[],"sources":["../../../../../src/Atomic/UI/Status/Status.tsx"],"sourcesContent":["import type { IStatusProps } from './Status.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './Status.scss';\n\nfunction defaultOnClick(): void {}\n\nconst Status: React.FC<IStatusProps> = ({\n  icon,\n  value,\n  label,\n  status,\n  disabled,\n  type,\n  active = 0,\n  pause = 0,\n  className,\n  noBackground,\n  children,\n  testId = 'status',\n  onClick = defaultOnClick,\n}) => {\n  if (!status) return null;\n\n  const text = children && typeof children === 'string' ? children : value || label || status;\n  const formattedLabel = text?.[0].toUpperCase() + text?.slice(1);\n\n  return (\n    <div onClick={onClick} data-testid={testId} className={cn({ disabled }, className)}>\n      {type === 'number'\n        ? (\n            <div>\n              {active === 0 && pause === 0\n                ? (\n                    <div className=\"status status--error\">\n                      <span>{active}</span>\n                    </div>\n                  )\n                : (\n                    <div className=\"status status--warning\">\n                      <span className=\"status--number-active\">{active}</span>\n                      <span className=\"color--gray-gull\"> / </span>\n                      <span className={pause > 0 ? 'color--froly' : 'color--gray-gull'}>{pause}</span>\n                    </div>\n                  )}\n            </div>\n          )\n        : (\n            <div\n              className={cn(\n                'status',\n                `status--${status}`,\n                {\n                  'status--no-bg': noBackground && status === 'pause',\n                  'color--gray-gull': noBackground && status === 'pause' && !className,\n                  'j4': !!icon,\n                },\n                className,\n              )}\n            >\n              {icon}\n              {formattedLabel}\n            </div>\n          )}\n    </div>\n  );\n};\n\nexport default Status;\n"],"mappings":";;;;;AAOA,SAAS,iBAAuB,CAAC;AAEjC,IAAM,UAAkC,EACtC,MACA,OACA,OACA,QACA,UACA,MACA,SAAS,GACT,QAAQ,GACR,WACA,cACA,UACA,SAAS,UACT,UAAU,qBACN;CACJ,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,OAAO,YAAY,OAAO,aAAa,WAAW,WAAW,SAAS,SAAS;CACrF,MAAM,iBAAiB,OAAO,EAAE,CAAC,YAAY,IAAI,MAAM,MAAM,CAAC;CAE9D,OACE,oBAAC,OAAD;EAAc;EAAS,eAAa;EAAQ,WAAW,GAAG,EAAE,SAAS,GAAG,SAAS;YAC9E,SAAS,WAEJ,oBAAC,OAAD,EAAA,UACG,WAAW,KAAK,UAAU,IAErB,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA;EACjB,CAAA,IAGL,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,QAAD;KAAM,WAAU;eAAyB;IAAa,CAAA;IACtD,oBAAC,QAAD;KAAM,WAAU;eAAmB;IAAS,CAAA;IAC5C,oBAAC,QAAD;KAAM,WAAW,QAAQ,IAAI,iBAAiB;eAAqB;IAAY,CAAA;GAC5E;KAER,CAAA,IAGL,qBAAC,OAAD;GACE,WAAW,GACT,UACA,WAAW,UACX;IACE,iBAAiB,gBAAgB,WAAW;IAC5C,oBAAoB,gBAAgB,WAAW,WAAW,CAAC;IAC3D,MAAM,CAAC,CAAC;GACV,GACA,SACF;aAVF,CAYG,MACA,cACE;;CAER,CAAA;AAET"}

package/dist/es/Atomic/UI/Status/Status.styles.css

@@ -0,0 +1,98 @@
+/* COLORS*/
+/*GRID*/
+/*FONTS*/
+/*Z-INDEX*/
+/*OTHER*/
+/* THEME COLORS */
+/* COLORS */
+/* GRID */
+/* FONTS */
+:export {
+  primaryColor: #3f51b5;
+  secondaryColor: #f50057;
+  successColor: #4caf50;
+  warningColor: #ff9800;
+  errorColor: #f44336;
+  infoColor: #2196f3;
+  backgroundColor: #ffffff;
+  textColor: #212121;
+  textSecondaryColor: #757575;
+}
+
+.status {
+  --status-height: 20px;
+  --status-padding: 0 8px;
+  --status-font-size: 11px;
+  --status-font-weight: 400;
+  --status-border-radius: 15px;
+  --status-number-font-size: 10px;
+  --status-no-bg-font-size: 13px;
+  --status-error-color: #ffff;
+  --status-error-bg-color: #9aa0b9;
+  --status-review-bg-color: #fce2e8;
+  --status-processing-bg-color: #e2e6f8;
+  --status-info-color: #1f7499;
+  --status-info-bg-color: #cde1ff;
+  --status-pending-color: #f59a2f;
+  --status-outline-border-color: #d6d9e4;
+  --status-disabled-color: #777;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  height: var(--status-height, 20px);
+  padding: var(--status-padding, 0 8px);
+  font-size: var(--status-font-size, 11px);
+  font-weight: var(--status-font-weight, 400);
+  border-radius: var(--status-border-radius, 15px);
+}
+.status--number {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: var(--status-height, 20px);
+  font-size: var(--status-number-font-size, 10px);
+  border-radius: var(--status-border-radius, 15px);
+}
+.status--active, .status--approved {
+  color: #00B031;
+  background-color: #E4F3E8;
+}
+.status--error {
+  color: var(--status-error-color, white);
+  background-color: var(--status-error-bg-color, #9aa0b9);
+}
+.status--review, .status--pause, .status--reject, .status--No, .status--declined, .status--blocked {
+  color: #F06D8D;
+  background-color: var(--status-review-bg-color, #fce2e8);
+}
+.status--processing {
+  color: var(--status-error-bg-color, #9aa0b9);
+  background-color: var(--status-processing-bg-color, #e2e6f8);
+}
+.status--new, .status--preApproved {
+  color: #6b81dd;
+  background-color: var(--status-processing-bg-color, #e2e6f8);
+}
+.status--pending, .status--primary, .status--warning {
+  color: var(--status-pending-color, #f59a2f);
+  background-color: #ffedc8;
+}
+.status--info {
+  color: var(--status-info-color, #1f7499);
+  background-color: var(--status-info-bg-color, #cde1ff);
+}
+.status--number-active, .status--Yes {
+  color: #00B031;
+}
+.status--no-bg {
+  font-size: var(--status-no-bg-font-size, 13px);
+  background: none;
+}
+.status--disabled {
+  color: var(--status-disabled-color, #777);
+  background-color: #E2E5EC;
+}
+.status--outline {
+  color: var(--status-info-color, #1f7499);
+  border: 1px solid var(--status-outline-border-color, #d6d9e4);
+}

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

@@ -0,0 +1,7 @@
+import Status from "./Status.js";
+//#region src/Atomic/UI/Status/index.ts
+var Status_default = Status;
+//#endregion
+export { Status_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/UI/Status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/UI/Status/index.ts"],"sourcesContent":["import Status from './Status';\n\nexport default Status;\nexport type { IStatusProps } from './Status.interface';\n"],"mappings":";;AAEA,IAAA,iBAAe"}

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

@@ -0,0 +1,67 @@
+import '../../../../styles/base.css';
+import Status from "../../Status/Status.js";
+import Tag from "../../Tag/Tag.js";
+import AdvancedTags from "../../AdvancedTag/AdvancedTags.js";
+import '../Table.styles.css';/* empty css            */
+import AccordionItem from "../../Accordion/AccordionItem.js";
+import { TdActions } from "../TdTypes/TdActions.js";
+import TdPriority from "../TdTypes/TdPriority.js";
+import TdWeight from "../TdTypes/TdWeight.js";
+import Table from "../Table.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/UI/Table/Partials/TdCell.js
+var 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 /* @__PURE__ */ jsx(AccordionItem, {
+			className: item.itemClassName,
+			item,
+			isOpen: isAccordionOpen,
+			onClick: (e) => setIsAccordionOpen(e),
+			children: /* @__PURE__ */ jsx(Table, {
+				rows: item.rows,
+				className: "accordion--table"
+			})
+		});
+		case "actions": return /* @__PURE__ */ jsx(TdActions, {
+			rowItem,
+			actions: item,
+			onChange,
+			onActionClick
+		});
+		case "advancedTags": return /* @__PURE__ */ jsx(AdvancedTags, { items: item });
+		case "link": return /* @__PURE__ */ jsx("a", {
+			href: item.link,
+			children: item.label
+		});
+		case "priority": return /* @__PURE__ */ jsx(TdPriority, {
+			rowIndex,
+			cardLength,
+			onClick: changePriority
+		});
+		case "status": return /* @__PURE__ */ jsx(Status, {
+			className: item.className,
+			label: item.label,
+			status: item.status
+		});
+		case "tags": return item.map((tag, index) => /* @__PURE__ */ jsx(Tag, { label: tag.label }, index));
+		case "weight": return /* @__PURE__ */ jsx(TdWeight, {
+			value: item.value,
+			percent,
+			onChange: (value) => onChange({
+				...item,
+				value
+			})
+		});
+		default: return /* @__PURE__ */ jsx("span", {
+			className: item.className,
+			children: item.value
+		});
+	}
+};
+//#endregion
+export { TdCell as default };
+
+//# sourceMappingURL=TdCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdCell.js","names":[],"sources":["../../../../../../src/Atomic/UI/Table/Partials/TdCell.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport AccordionItem from \"../../Accordion/AccordionItem\";\nimport AdvancedTags from \"../../AdvancedTag/AdvancedTags\";\nimport Status from \"../../Status/Status\";\nimport Tag from \"../../Tag/Tag\";\nimport Table from \"../Table\";\nimport { TdActions } from \"../TdTypes/TdActions\";\nimport TdPriority from \"../TdTypes/TdPriority\";\nimport TdWeight from \"../TdTypes/TdWeight\";\n\nimport \"../Table.scss\";\n\nconst TdCell = ({\n  type,\n  item,\n  rowIndex,\n  onChange,\n  cardLength,\n  changePriority,\n  getAdviceWeight,\n  onActionClick,\n  rowItem,\n  isDeleted,\n}) => {\n  const [isAccordionOpen, setIsAccordionOpen] = useState(item.isOpen);\n\n  const percent =\n    item.type === \"weight\" && getAdviceWeight(isDeleted ? 0 : item.value);\n\n  switch (type) {\n    case \"accordion\":\n      return (\n        <AccordionItem\n          className={item.itemClassName}\n          item={item}\n          isOpen={isAccordionOpen}\n          onClick={(e) => setIsAccordionOpen(e)}\n        >\n          <Table rows={item.rows} className=\"accordion--table\" />\n        </AccordionItem>\n      );\n    case \"actions\":\n      return (\n        <TdActions\n          rowItem={rowItem}\n          actions={item}\n          onChange={onChange}\n          onActionClick={onActionClick}\n        />\n      );\n    case \"advancedTags\":\n      return <AdvancedTags items={item} />;\n    case \"link\":\n      return <a href={item.link}>{item.label}</a>;\n    case \"priority\":\n      return (\n        <TdPriority\n          rowIndex={rowIndex}\n          cardLength={cardLength}\n          onClick={changePriority}\n        />\n      );\n    case \"status\":\n      return (\n        <Status\n          className={item.className}\n          label={item.label}\n          status={item.status}\n        />\n      );\n    case \"tags\":\n      return item.map((tag, index) => <Tag key={index} label={tag.label} />);\n    case \"weight\":\n      return (\n        <TdWeight\n          value={item.value}\n          percent={percent}\n          onChange={(value) => onChange({ ...item, value })}\n        />\n      );\n    default:\n      return <span className={item.className}>{item.value}</span>;\n  }\n};\n\nexport default TdCell;\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,UAAU,EACd,MACA,MACA,UACA,UACA,YACA,gBACA,iBACA,eACA,SACA,gBACI;CACJ,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK,MAAM;CAElE,MAAM,UACJ,KAAK,SAAS,YAAY,gBAAgB,YAAY,IAAI,KAAK,KAAK;CAEtE,QAAQ,MAAR;EACE,KAAK,aACH,OACE,oBAAC,eAAA;GACC,WAAW,KAAK;GAChB;GACA,QAAQ;GACR,UAAU,MAAM,mBAAmB,CAAC;GAEpC,UAAA,oBAAC,OAAA;IAAM,MAAM,KAAK;IAAM,WAAU;GAAA,CAAmB;EAAA,CACvD;EAEJ,KAAK,WACH,OACE,oBAAC,WAAA;GACC;GACA,SAAS;GACT;GACA;EAAA,CACF;EAEJ,KAAK,gBACH,OAAO,oBAAC,cAAA,EAAa,OAAO,KAAA,CAAM;EACpC,KAAK,QACH,OAAO,oBAAC,KAAA;GAAE,MAAM,KAAK;GAAO,UAAA,KAAK;EAAA,CAAM;EACzC,KAAK,YACH,OACE,oBAAC,YAAA;GACC;GACA;GACA,SAAS;EAAA,CACX;EAEJ,KAAK,UACH,OACE,oBAAC,QAAA;GACC,WAAW,KAAK;GAChB,OAAO,KAAK;GACZ,QAAQ,KAAK;EAAA,CACf;EAEJ,KAAK,QACH,OAAO,KAAK,KAAK,KAAK,UAAU,oBAAC,KAAA,EAAgB,OAAO,IAAI,MAAA,GAAlB,KAAyB,CAAE;EACvE,KAAK,UACH,OACE,oBAAC,UAAA;GACC,OAAO,KAAK;GACZ;GACA,WAAW,UAAU,SAAS;IAAE,GAAG;IAAM;GAAM,CAAC;EAAA,CAClD;EAEJ,SACE,OAAO,oBAAC,QAAA;GAAK,WAAW,KAAK;GAAY,UAAA,KAAK;EAAA,CAAM;CACxD;AACF"}

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

@@ -0,0 +1,43 @@
+import '../../../../styles/base.css';
+import Langs from "../../../../Langs.js";
+import '../Table.styles.css';/* empty css            */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Table/Partials/TdHeader.js
+var TdHeader = ({ item, testId = "td-header" }) => {
+	const txt = Langs[global.lng];
+	switch (item.type) {
+		case "double": return /* @__PURE__ */ jsx("th", {
+			"data-testid": testId,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "j46",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "",
+					children: txt.labels[item.left] || item.left
+				}), /* @__PURE__ */ jsx("div", {
+					className: "",
+					children: txt.labels[item.right] || item.right
+				})]
+			})
+		});
+		default: return /* @__PURE__ */ jsx("th", {
+			"data-testid": testId,
+			className: cn(item.className),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn({ df: item.button }),
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "mr5",
+					children: txt.labels[item.label] || item.label
+				}), item.button && /* @__PURE__ */ jsx("div", {
+					className: "cards-table__btn",
+					children: txt.buttons[item.button] || item.button
+				})]
+			})
+		});
+	}
+};
+//#endregion
+export { TdHeader as default };
+
+//# sourceMappingURL=TdHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdHeader.js","names":[],"sources":["../../../../../../src/Atomic/UI/Table/Partials/TdHeader.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport Langs from \"../../../../Langs\";\n\nimport \"../Table.scss\";\n\nconst TdHeader = ({ item, testId = \"td-header\" }) => {\n  const txt = Langs[global.lng];\n\n  switch (item.type) {\n    case \"double\":\n      return (\n        <th data-testid={testId}>\n          <div className=\"j46\">\n            <div className=\"\">{txt.labels[item.left] || item.left}</div>\n            <div className=\"\">{txt.labels[item.right] || item.right}</div>\n          </div>\n        </th>\n      );\n    default:\n      return (\n        <th data-testid={testId} className={cn(item.className)}>\n          <div className={cn({ df: item.button })}>\n            <div className=\"mr5\">{txt.labels[item.label] || item.label}</div>\n            {item.button && (\n              <div className=\"cards-table__btn\">\n                {txt.buttons[item.button] || item.button}\n              </div>\n            )}\n          </div>\n        </th>\n      );\n  }\n};\n\nexport default TdHeader;\n"],"mappings":";;;;;;AAQA,IAAM,YAAY,EAAE,MAAM,SAAS,kBAAkB;CACnD,MAAM,MAAM,MAAM,OAAO;CAEzB,QAAQ,KAAK,MAAb;EACE,KAAK,UACH,OACE,oBAAC,MAAA;GAAG,eAAa;GACf,UAAA,qBAAC,OAAA;IAAI,WAAU;IACb,UAAA,CAAA,oBAAC,OAAA;KAAI,WAAU;KAAI,UAAA,IAAI,OAAO,KAAK,SAAS,KAAK;IAAA,CAAK,GACtD,oBAAC,OAAA;KAAI,WAAU;KAAI,UAAA,IAAI,OAAO,KAAK,UAAU,KAAK;IAAA,CAAM,CAAA;GAAA,CAC1D;EAAA,CACF;EAEJ,SACE,OACE,oBAAC,MAAA;GAAG,eAAa;GAAQ,WAAW,GAAG,KAAK,SAAS;GACnD,UAAA,qBAAC,OAAA;IAAI,WAAW,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC;IACpC,UAAA,CAAA,oBAAC,OAAA;KAAI,WAAU;KAAO,UAAA,IAAI,OAAO,KAAK,UAAU,KAAK;IAAA,CAAM,GAC1D,KAAK,UACJ,oBAAC,OAAA;KAAI,WAAU;KACZ,UAAA,IAAI,QAAQ,KAAK,WAAW,KAAK;IAAA,CACpC,CAAA;GAAA,CAEJ;EAAA,CACF;CAEN;AACF"}

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

@@ -0,0 +1,56 @@
+import '../../../../styles/base.css';
+import { handleObjectChange } from "../../../../Functions/utils.js";
+import Modal from "../../Modal/Modal.js";
+import '../Table.styles.css';/* empty css            */
+import TdRange from "../TdTypes/TdRange.js";
+import TdCell from "./TdCell.js";
+import cn from "classnames";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Table/Partials/TdRow.js
+var 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 /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
+		"data-testid": testId,
+		children: [type && rowSpan && /* @__PURE__ */ jsx("td", {
+			className: "rel",
+			rowSpan: rowSpan + 1,
+			children: /* @__PURE__ */ jsx("span", {
+				className: cn(type && `cards-table__score cards-table__score-${cardStatus}`),
+				children: /* @__PURE__ */ jsx(TdRange, { item: range })
+			})
+		}), Object.entries(item).map(([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ jsx("td", {
+			className: cn("cards-table__body-item", { "cards-table__accordion": value.type === "accordion" }),
+			children: /* @__PURE__ */ jsx(TdCell, {
+				onActionClick,
+				changePriority,
+				cardLength,
+				rowIndex,
+				rowItem: item,
+				type: key,
+				item: value,
+				onChange: (newValue) => handleChange(newValue, key),
+				getAdviceWeight,
+				isDeleted
+			})
+		}, key))]
+	}), type && colSpan ? /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {}), /* @__PURE__ */ jsxs("td", {
+		colSpan,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "cards-table__title-select-lender-btn",
+			onClick: () => setIsOpen(true),
+			children: "Select Lender"
+		}), /* @__PURE__ */ jsx(Modal, {
+			closeModal: () => setIsOpen(false),
+			isOpen,
+			title: "Choose Lender",
+			size: "420",
+			children: "test"
+		})]
+	})] }) : null] });
+};
+//#endregion
+export { TdRow as default };
+
+//# sourceMappingURL=TdRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdRow.js","names":[],"sources":["../../../../../../src/Atomic/UI/Table/Partials/TdRow.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { handleObjectChange } from \"../../../../Functions/utils\";\nimport Modal from \"../../Modal/Modal\";\nimport TdRange from \"../TdTypes/TdRange\";\n\nimport TdCell from \"./TdCell\";\n\nimport \"../Table.scss\";\n\nconst TdRow = ({\n  item,\n  onChange,\n  rowIndex,\n  cardStatus,\n  range,\n  type,\n  rowSpan,\n  colSpan,\n  cardLength,\n  changePriority,\n  getAdviceWeight,\n  onActionClick,\n  isDeleted,\n  testId = \"td-row\",\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleChange = handleObjectChange(item, () => onChange({ ...item }));\n\n  return (\n    <>\n      <tr data-testid={testId}>\n        {type && rowSpan && (\n          <td className=\"rel\" rowSpan={rowSpan + 1}>\n            <span\n              className={cn(\n                type && `cards-table__score cards-table__score-${cardStatus}`,\n              )}\n            >\n              <TdRange item={range} />\n            </span>\n          </td>\n        )}\n\n        {Object.entries(item).map(([key, value]) =>\n          key === \"id\" || key === \"isDeleted\" ? null : (\n            <td\n              key={key}\n              className={cn(\"cards-table__body-item\", {\n                \"cards-table__accordion\": value.type === \"accordion\",\n              })}\n            >\n              <TdCell\n                onActionClick={onActionClick}\n                changePriority={changePriority}\n                cardLength={cardLength}\n                rowIndex={rowIndex}\n                rowItem={item}\n                type={key}\n                item={value}\n                onChange={(newValue) => handleChange(newValue, key)}\n                getAdviceWeight={getAdviceWeight}\n                isDeleted={isDeleted}\n              />\n            </td>\n          ),\n        )}\n      </tr>\n\n      {type && colSpan ? (\n        <tr>\n          <td />\n          <td colSpan={colSpan}>\n            <span\n              className=\"cards-table__title-select-lender-btn\"\n              onClick={() => setIsOpen(true)}\n            >\n              Select Lender\n            </span>\n\n            <Modal\n              closeModal={() => setIsOpen(false)}\n              isOpen={isOpen}\n              title=\"Choose Lender\"\n              size=\"420\"\n            >\n              test\n            </Modal>\n          </td>\n        </tr>\n      ) : null}\n    </>\n  );\n};\n\nexport default TdRow;\n"],"mappings":";;;;;;;;;AAYA,IAAM,SAAS,EACb,MACA,UACA,UACA,YACA,OACA,MACA,SACA,SACA,YACA,gBACA,iBACA,eACA,WACA,SAAS,eACL;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,eAAe,mBAAmB,YAAY,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC;CAEzE,OACE,qBAAA,UAAA,EACE,UAAA,CAAA,qBAAC,MAAA;EAAG,eAAa;EACd,UAAA,CAAA,QAAQ,WACP,oBAAC,MAAA;GAAG,WAAU;GAAM,SAAS,UAAU;GACrC,UAAA,oBAAC,QAAA;IACC,WAAW,GACT,QAAQ,yCAAyC,YACnD;IAEA,UAAA,oBAAC,SAAA,EAAQ,MAAM,MAAA,CAAO;GAAA,CACxB;EAAA,CACF,GAGD,OAAO,QAAQ,IAAI,CAAA,CAAE,KAAK,CAAC,KAAK,WAC/B,QAAQ,QAAQ,QAAQ,cAAc,OACpC,oBAAC,MAAA;GAEC,WAAW,GAAG,0BAA0B,EACtC,0BAA0B,MAAM,SAAS,YAC3C,CAAC;GAED,UAAA,oBAAC,QAAA;IACC;IACA;IACA;IACA;IACA,SAAS;IACT,MAAM;IACN,MAAM;IACN,WAAW,aAAa,aAAa,UAAU,GAAG;IAClD;IACA;GAAA,CACF;EAAA,GAhBK,GAiBP,CAEJ,CAAA;CAAA,CACF,GAEC,QAAQ,UACP,qBAAC,MAAA,EACC,UAAA,CAAA,oBAAC,MAAA,CAAA,CAAG,GACJ,qBAAC,MAAA;EAAG;EACF,UAAA,CAAA,oBAAC,QAAA;GACC,WAAU;GACV,eAAe,UAAU,IAAI;GAC9B,UAAA;EAAA,CAED,GAEA,oBAAC,OAAA;GACC,kBAAkB,UAAU,KAAK;GACjC;GACA,OAAM;GACN,MAAK;GACN,UAAA;EAAA,CAED,CAAA;CAAA,CACF,CAAA,EAAA,CACF,IACE,IAAA,EAAA,CACN;AAEJ"}

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

@@ -0,0 +1,36 @@
+import '../../../styles/base.css';
+import './Table.styles.css';/* empty css           */
+import TdHeader from "./Partials/TdHeader.js";
+import TdRow from "./Partials/TdRow.js";
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Table/Table.js
+var Table = ({ rows, onChange, className, header, onActionClick, testId = "table" }) => {
+	const handleArrayChange = (value, index) => {
+		rows[index] = value;
+		onChange({
+			header: [...header],
+			rows: [...rows]
+		});
+	};
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn("simple-table", { [`simple-table--${className}`]: className }),
+		children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: header?.map((item) => /* @__PURE__ */ jsx(TdHeader, { item }, item.key)) }) }), /* @__PURE__ */ jsx("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ jsx(TdRow, {
+			onActionClick,
+			rowIndex: index,
+			item: row,
+			header,
+			onChange: (value) => handleArrayChange(value, index)
+		}, typeof row.id === "object" ? row.id.value : row.id)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			className: "row--not-found",
+			colSpan: header?.length,
+			children: "Not set"
+		}) }) })] })
+	});
+};
+//#endregion
+export { Table as default };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":[],"sources":["../../../../../src/Atomic/UI/Table/Table.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport TdHeader from \"./Partials/TdHeader\";\nimport TdRow from \"./Partials/TdRow\";\n\nimport \"./Table.scss\";\n\nconst Table = ({\n  rows,\n  onChange,\n  className,\n  header,\n  onActionClick,\n  testId = \"table\",\n}) => {\n  const handleArrayChange = (value, index) => {\n    rows[index] = value;\n    onChange({ header: [...header], rows: [...rows] });\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"simple-table\", {\n        [`simple-table--${className}`]: className,\n      })}\n    >\n      <table>\n        <thead>\n          <tr>\n            {header?.map((item) => (\n              <TdHeader item={item} key={item.key} />\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows && rows?.length ? (\n            rows?.map((row, index) => (\n              <TdRow\n                onActionClick={onActionClick}\n                rowIndex={index}\n                key={typeof row.id === \"object\" ? row.id.value : row.id}\n                item={row}\n                header={header}\n                onChange={(value) => handleArrayChange(value, index)}\n              />\n            ))\n          ) : (\n            <tr>\n              <td className=\"row--not-found\" colSpan={header?.length}>\n                Not set\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;;;;AASA,IAAM,SAAS,EACb,MACA,UACA,WACA,QACA,eACA,SAAS,cACL;CACJ,MAAM,qBAAqB,OAAO,UAAU;EAC1C,KAAK,SAAS;EACd,SAAS;GAAE,QAAQ,CAAC,GAAG,MAAM;GAAG,MAAM,CAAC,GAAG,IAAI;EAAE,CAAC;CACnD;CAEA,OACE,oBAAC,OAAA;EACC,eAAa;EACb,WAAW,GAAG,gBAAgB,GAC3B,iBAAiB,cAAc,UAClC,CAAC;EAED,UAAA,qBAAC,SAAA,EACC,UAAA,CAAA,oBAAC,SAAA,EACC,UAAA,oBAAC,MAAA,EACE,UAAA,QAAQ,KAAK,SACZ,oBAAC,UAAA,EAAS,KAAA,GAAiB,KAAK,GAAK,CACtC,EAAA,CACH,EAAA,CACF,GACA,oBAAC,SAAA,EACE,UAAA,QAAQ,MAAM,SACb,MAAM,KAAK,KAAK,UACd,oBAAC,OAAA;GACC;GACA,UAAU;GAEV,MAAM;GACN;GACA,WAAW,UAAU,kBAAkB,OAAO,KAAK;EAAA,GAH9C,OAAO,IAAI,OAAO,WAAW,IAAI,GAAG,QAAQ,IAAI,EAIvD,CACD,IAED,oBAAC,MAAA,EACC,UAAA,oBAAC,MAAA;GAAG,WAAU;GAAiB,SAAS,QAAQ;GAAQ,UAAA;EAAA,CAExD,EAAA,CACF,EAAA,CAEJ,CAAA,EAAA,CACF;CAAA,CACF;AAEJ"}