intelicoreact 2.0.17 → 2.0.19

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

@@ -0,0 +1,187 @@
+.nav-line-wrapper {
+  --nav-line-bg: #f7fafc;
+  --nav-line-text: #1e1e2d;
+  --nav-line-active: #6b81dd;
+  --nav-line-border: #cfcfcf;
+  --nav-line-arrow: #424242;
+  --nav-line-arrow-shadow: #ddd;
+  --nav-line-white: #fff;
+  --nav-line-font-size: 13px;
+  --nav-line-icon-size: 17px;
+  --nav-line-arrow-size: 24px;
+  --nav-line-arrow-width: 36px;
+  --nav-line-arrow-height: 39px;
+  --nav-line-padding: 10px;
+  --nav-line-body-padding: 24px 32px;
+  --nav-line-margin: -32px;
+  --nav-line-transition-duration: 0.3s;
+  --nav-line-transition-timing: ease;
+}
+.nav-line-wrapper .nav-line__content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.nav-line-wrapper .nav-line__inner {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: var(--nav-line-bg, #f7fafc);
+  transition: transform var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line__item {
+  margin-bottom: -1px;
+  padding: var(--nav-line-padding, 10px);
+  font-size: var(--nav-line-font-size, 13px);
+  cursor: pointer;
+  user-select: none;
+  color: var(--nav-line-text, #1e1e2d);
+  border-top: 2px solid transparent;
+  border-right: 1px solid transparent;
+  border-left: 1px solid transparent;
+  transition: all var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line__item--label {
+  text-transform: uppercase;
+}
+.nav-line-wrapper .nav-line__item--icon {
+  display: flex;
+  align-items: center;
+  margin-right: 5px;
+}
+.nav-line-wrapper .nav-line__item--icon svg {
+  width: var(--nav-line-icon-size, 17px);
+  height: var(--nav-line-icon-size, 17px);
+}
+.nav-line-wrapper .nav-line__item.active {
+  font-weight: 500;
+  cursor: default;
+  text-decoration: none;
+  color: var(--nav-line-active, #6b81dd);
+  border-top: 2px solid var(--nav-line-active, #6b81dd);
+  border-right: 1px solid var(--nav-line-border, #cfcfcf);
+  border-left: 1px solid var(--nav-line-border, #cfcfcf);
+  background: var(--nav-line-white, #fff);
+  transition: all var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line__body {
+  position: relative;
+  bottom: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: var(--nav-line-margin, -32px);
+  margin-left: var(--nav-line-margin, -32px);
+  padding: var(--nav-line-body-padding, 24px 32px);
+  font-size: var(--nav-line-font-size, 13px);
+  border-top: 1px solid var(--nav-line-border, #cfcfcf);
+  background-color: var(--nav-line-bg, #f7fafc);
+}
+.nav-line-wrapper .nav-line__body:empty {
+  padding: 0 32px;
+}
+.nav-line-wrapper .nav-line--scroll-mode {
+  position: relative;
+}
+.nav-line-wrapper .nav-line--scroll-mode .nav-line--simple__inner {
+  overflow: hidden;
+  flex-wrap: nowrap;
+}
+.nav-line-wrapper .nav-line--scroll-mode .nav-line--simple__item {
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+.nav-line-wrapper .nav-line--simple__inner {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 8px;
+  transition: transform var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line--simple__item {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: -1px;
+  padding: var(--nav-line-padding, 10px) var(--nav-line-padding, 10px) 14px;
+  font-size: var(--nav-line-font-size, 13px);
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none !important;
+  color: var(--nav-line-text, #1e1e2d);
+  border-bottom: 1px solid var(--nav-line-border, #cfcfcf);
+  transition: all var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line--simple__item::after {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 0;
+  height: 2px;
+  content: "";
+  background-color: var(--nav-line-active, #6b81dd);
+  transition: all var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+  transform: translateX(-50%);
+}
+.nav-line-wrapper .nav-line--simple__item:hover::after {
+  width: 50%;
+  opacity: 0.6;
+}
+.nav-line-wrapper .nav-line--simple__item.active {
+  font-weight: 500;
+  cursor: default;
+  opacity: 1;
+}
+.nav-line-wrapper .nav-line--simple__item.active::after {
+  width: 100%;
+  opacity: 1;
+}
+.nav-line-wrapper .nav-line--simple__arrow {
+  position: absolute;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  width: var(--nav-line-arrow-width, 36px);
+  height: var(--nav-line-arrow-height, 39px);
+  color: var(--nav-line-arrow, #424242);
+  background: var(--nav-line-white, #fff);
+  transition: all var(--nav-line-transition-duration, 0.3s) var(--nav-line-transition-timing, ease);
+}
+.nav-line-wrapper .nav-line--simple__arrow:hover {
+  cursor: pointer;
+}
+.nav-line-wrapper .nav-line--simple__arrow--prev {
+  top: 0;
+  left: 0;
+  border-radius: 8px 0 0 8px;
+  box-shadow: 10px 0 10px -5px var(--nav-line-arrow-shadow, #ddd);
+  transform: translate(-100%, -2px);
+}
+.nav-line-wrapper .nav-line--simple__arrow--next {
+  top: 0;
+  right: 0;
+  border-radius: 0 8px 8px 0;
+  box-shadow: -10px 0 10px -5px var(--nav-line-arrow-shadow, #ddd);
+  transform: translate(100%, -2px);
+}
+.nav-line-wrapper .nav-line--simple__arrow svg {
+  width: var(--nav-line-arrow-size, 24px);
+  height: var(--nav-line-arrow-size, 24px);
+}
+.nav-line-wrapper .nav-line--simple__body {
+  padding: 15px 10px;
+  font-size: var(--nav-line-font-size, 13px);
+}
+.nav-line-wrapper .nav-line-count {
+  margin-left: 5px;
+}
+.nav-line-wrapper .post-log-tab__body {
+  background-color: var(--nav-line-bg, #f7fafc);
+}
+.nav-line-wrapper .nav-line__item--hidden {
+  display: none;
+}

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

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

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

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

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

@@ -0,0 +1,49 @@
+import '../../../styles/base.css';
+import './PageTitle.styles.css';/* empty css               */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Home } from "react-feather";
+//#region src/Atomic/UI/PageTitle/PageTitle.tsx
+var RC = "page-title";
+var PageTitle = ({ title, pages, children, testId = RC }) => /* @__PURE__ */ jsxs("div", {
+	"data-testid": testId,
+	className: RC,
+	role: "region",
+	"aria-label": title,
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: `${RC}__wrap`,
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: `${RC}__title`,
+			children: title
+		}), pages.length > 0 && /* @__PURE__ */ jsx("nav", {
+			className: `${RC}__pages`,
+			"aria-label": "Breadcrumb",
+			children: /* @__PURE__ */ jsxs("ol", {
+				className: `${RC}__list`,
+				children: [/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+					className: `${RC}__link`,
+					href: "/",
+					"aria-label": "Home page",
+					children: /* @__PURE__ */ jsx(Home, { "aria-hidden": "true" })
+				}) }), pages.map(({ name, path }, index) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("span", {
+					className: `${RC}__delimiter`,
+					"aria-hidden": "true",
+					children: "/"
+				}), pages.length - 1 === index ? /* @__PURE__ */ jsx("span", {
+					className: cn(`${RC}__link`, `${RC}__link_last`),
+					"aria-current": "page",
+					children: name
+				}) : /* @__PURE__ */ jsx("a", {
+					className: `${RC}__link`,
+					href: path,
+					children: name
+				})] }, path))]
+			})
+		})]
+	}), children]
+});
+//#endregion
+export { PageTitle as default };
+
+//# sourceMappingURL=PageTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.js","names":[],"sources":["../../../../../src/Atomic/UI/PageTitle/PageTitle.tsx"],"sourcesContent":["import type { IPageTitleProps } from './PageTitle.interface';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { Home } from 'react-feather';\n\nimport './PageTitle.scss';\n\nconst RC = 'page-title';\n\nconst PageTitle: React.FC<IPageTitleProps> = ({ title, pages, children, testId = RC }) => (\n  <div data-testid={testId} className={RC} role=\"region\" aria-label={title}>\n    <div className={`${RC}__wrap`}>\n      <h1 className={`${RC}__title`}>{title}</h1>\n      {pages.length > 0 && (\n        <nav className={`${RC}__pages`} aria-label=\"Breadcrumb\">\n          <ol className={`${RC}__list`}>\n            <li>\n              <a className={`${RC}__link`} href=\"/\" aria-label=\"Home page\">\n                <Home aria-hidden=\"true\" />\n              </a>\n            </li>\n\n            {pages.map(({ name, path }, index) => (\n              <li key={path}>\n                <span className={`${RC}__delimiter`} aria-hidden=\"true\">\n                  /\n                </span>\n                {pages.length - 1 === index\n                  ? (\n                      <span className={cn(`${RC}__link`, `${RC}__link_last`)} aria-current=\"page\">\n                        {name}\n                      </span>\n                    )\n                  : (\n                      <a className={`${RC}__link`} href={path}>\n                        {name}\n                      </a>\n                    )}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n    </div>\n    {children}\n  </div>\n);\n\nexport default PageTitle;\n"],"mappings":";;;;;;AAQA,IAAM,KAAK;AAEX,IAAM,aAAwC,EAAE,OAAO,OAAO,UAAU,SAAS,SAC/E,qBAAC,OAAD;CAAK,eAAa;CAAQ,WAAW;CAAI,MAAK;CAAS,cAAY;WAAnE,CACE,qBAAC,OAAD;EAAK,WAAW,GAAG,GAAG;YAAtB,CACE,oBAAC,MAAD;GAAI,WAAW,GAAG,GAAG;aAAW;EAAU,CAAA,GACzC,MAAM,SAAS,KACd,oBAAC,OAAD;GAAK,WAAW,GAAG,GAAG;GAAU,cAAW;aACzC,qBAAC,MAAD;IAAI,WAAW,GAAG,GAAG;cAArB,CACE,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;KAAG,WAAW,GAAG,GAAG;KAAS,MAAK;KAAI,cAAW;eAC/C,oBAAC,MAAD,EAAM,eAAY,OAAQ,CAAA;IACzB,CAAA,EACD,CAAA,GAEH,MAAM,KAAK,EAAE,MAAM,QAAQ,UAC1B,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,QAAD;KAAM,WAAW,GAAG,GAAG;KAAc,eAAY;eAAO;IAElD,CAAA,GACL,MAAM,SAAS,MAAM,QAEhB,oBAAC,QAAD;KAAM,WAAW,GAAG,GAAG,GAAG,SAAS,GAAG,GAAG,YAAY;KAAG,gBAAa;eAClE;IACG,CAAA,IAGN,oBAAC,KAAD;KAAG,WAAW,GAAG,GAAG;KAAS,MAAM;eAChC;IACA,CAAA,CAEP,EAAA,GAfK,IAeL,CACL,CACC;;EACD,CAAA,CAEJ;KACJ,QACE"}

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

@@ -0,0 +1,89 @@
+/* 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;
+}
+
+.page-title {
+  --pt-font-size-title: 16px;
+  --pt-font-size-text: 13px;
+  --pt-font-size-delimiter: 12px;
+  --pt-line-height: 20px;
+  --pt-spacing-small: 4px;
+  --pt-spacing-medium: 8px;
+  --pt-outline-width: 2px;
+  --pt-border-radius: 2px;
+  --pt-outline-offset: 2px;
+  --pt-color-text: #1e1e2d;
+  --pt-color-primary: #6b81dd;
+  --pt-color-gray: #9aa0b9;
+  --pt-color-hover: #0056b3;
+  --pt-color-focus: #0366d6;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.page-title__title {
+  display: block;
+  margin: 0;
+  padding: 0;
+  font-size: var(--pt-font-size-title, 16px);
+  font-weight: normal;
+  line-height: var(--pt-line-height, 20px);
+  color: var(--pt-color-text, #1e1e2d);
+}
+.page-title__pages {
+  display: flex;
+  align-items: center;
+  margin-top: var(--pt-spacing-small, 4px);
+}
+.page-title__list {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.page-title__delimiter {
+  margin: 0 var(--pt-spacing-medium, 8px);
+  font-size: var(--pt-font-size-delimiter, 12px);
+  font-weight: 500;
+  color: var(--pt-color-text, #1e1e2d);
+}
+.page-title__link {
+  font-size: var(--pt-font-size-text, 13px);
+  color: var(--pt-color-primary, #6b81dd);
+}
+.page-title__link_last {
+  cursor: default;
+  color: var(--pt-color-gray, #9aa0b9);
+}
+.page-title__link svg path {
+  stroke: var(--pt-color-primary, #6b81dd);
+}
+.page-title__link:hover:not(.page-title__link_last) {
+  color: var(--pt-color-hover, #0056b3);
+}
+.page-title__link:hover:not(.page-title__link_last) svg path {
+  stroke: var(--pt-color-hover, #0056b3);
+}
+.page-title__link:focus-visible {
+  border-radius: var(--pt-border-radius, 2px);
+  outline: var(--pt-outline-width, 2px) solid var(--pt-color-focus, #0366d6);
+  outline-offset: var(--pt-outline-offset, 2px);
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+import '../../../styles/base.css';
+import './PieChart.styles.css';/* empty css              */
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArcElement, Chart, Tooltip } from "chart.js";
+import { Pie } from "react-chartjs-2";
+//#region src/Atomic/UI/PieChart/PieChart.js
+Chart.register(ArcElement, Tooltip);
+var PieChart = ({ data, cutout = "80%", resultLabel, resultValue = 0, withLegend = false }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "pie-chart-box",
+		style: { maxWidth: `320px` },
+		children: [/* @__PURE__ */ jsx(Pie, {
+			data,
+			options: {
+				cutout,
+				plugins: { legend: { display: withLegend } }
+			}
+		}), Boolean(resultLabel) && /* @__PURE__ */ jsxs("div", {
+			className: "pie-chart__result",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "pie-chart__result-value",
+				children: [
+					resultValue,
+					/* @__PURE__ */ jsx("span", {
+						className: "pie-chart__result-percent",
+						children: "%"
+					}),
+					" "
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "pie-chart__result-label",
+				children: resultLabel
+			})]
+		})]
+	});
+};
+//#endregion
+export { PieChart as default };
+
+//# sourceMappingURL=PieChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","names":[],"sources":["../../../../../src/Atomic/UI/PieChart/PieChart.js"],"sourcesContent":["import React from \"react\";\n\nimport { ArcElement, Chart as ChartJS, Tooltip } from \"chart.js\";\nimport { Pie } from \"react-chartjs-2\";\n\nimport \"./PieChart.scss\";\n\nChartJS.register(ArcElement, Tooltip);\n\nconst PieChart = ({\n  data,\n  cutout = \"80%\",\n  resultLabel,\n  resultValue = 0,\n  withLegend = false,\n}) => {\n  const options = {\n    cutout,\n    plugins: {\n      legend: {\n        display: withLegend,\n      },\n    },\n  };\n\n  return (\n    <div className=\"pie-chart-box\" style={{ maxWidth: `320px` }}>\n      <Pie data={data} options={options} />\n      {Boolean(resultLabel) && (\n        <div className=\"pie-chart__result\">\n          <div className=\"pie-chart__result-value\">\n            {resultValue}\n            <span className=\"pie-chart__result-percent\">%</span>{\" \"}\n          </div>\n          <div className=\"pie-chart__result-label\">{resultLabel}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PieChart;\n"],"mappings":";;;;;;AAOA,MAAQ,SAAS,YAAY,OAAO;AAEpC,IAAM,YAAY,EAChB,MACA,SAAS,OACT,aACA,cAAc,GACd,aAAa,YACT;CAUJ,OACE,qBAAC,OAAA;EAAI,WAAU;EAAgB,OAAO,EAAE,UAAU,QAAQ;EACxD,UAAA,CAAA,oBAAC,KAAA;GAAI;GAAY,SAAA;IAVnB;IACA,SAAS,EACP,QAAQ,EACN,SAAS,WACX,EACF;GAKmB;EAAA,CAAkB,GAClC,QAAQ,WAAW,KAClB,qBAAC,OAAA;GAAI,WAAU;GACb,UAAA,CAAA,qBAAC,OAAA;IAAI,WAAU;IACZ,UAAA;KAAA;KACD,oBAAC,QAAA;MAAK,WAAU;MAA4B,UAAA;KAAA,CAAC;KAAQ;IAAA;GAAA,CACvD,GACA,oBAAC,OAAA;IAAI,WAAU;IAA2B,UAAA;GAAA,CAAY,CAAA;EAAA,CACxD,CAAA;CAAA,CAEJ;AAEJ"}

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

@@ -0,0 +1,44 @@
+.pie-chart-box {
+  position: relative;
+  width: 180px;
+  max-width: 100%;
+}
+
+.pie-chart__result {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+.pie-chart__result-value {
+  font-family: inherit;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 34px;
+  letter-spacing: 0;
+}
+
+.pie-chart__result-percent {
+  display: inline-block;
+  margin-right: -14px;
+  font-family: inherit;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25px;
+  letter-spacing: 0;
+  color: #7a8599;
+  transform: translateY(-5px) translateX(2px);
+}
+
+.pie-chart__result-label {
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 24px;
+  white-space: nowrap;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  color: #9aa0b9;
+}

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

@@ -0,0 +1,20 @@
+import { formatToPriceWithCurrency } from "../../../Functions/fieldValueFormatters.js";
+import cn from "classnames";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/UI/Price/Price.tsx
+var CN = "price";
+var Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN }) => {
+	if (value === void 0 || value === null) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn(CN, className),
+		role: "contentinfo",
+		"aria-label": `Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")}`,
+		children: formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")
+	});
+};
+//#endregion
+export { Price as default };
+
+//# sourceMappingURL=Price.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Price.js","names":[],"sources":["../../../../../src/Atomic/UI/Price/Price.tsx"],"sourcesContent":["import type { IPriceProps } from './Price.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { formatToPriceWithCurrency } from '../../../Functions/fieldValueFormatters';\n\nconst CN = 'price';\n\nconst Price: React.FC<IPriceProps> = ({ value, currencyCode, isSymbolAfter, className, testId = CN }) => {\n  if (value === undefined || value === null) return null;\n  return (\n    <div\n      data-testid={testId}\n      className={cn(CN, className)}\n      role=\"contentinfo\"\n      aria-label={`Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}`}\n    >\n      {formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? 'after' : 'before')}\n    </div>\n  );\n};\n\nexport default Price;\n"],"mappings":";;;;;AAOA,IAAM,KAAK;AAEX,IAAM,SAAgC,EAAE,OAAO,cAAc,eAAe,WAAW,SAAS,SAAS;CACvG,IAAI,UAAU,KAAA,KAAa,UAAU,MAAM,OAAO;CAClD,OACE,oBAAC,OAAD;EACE,eAAa;EACb,WAAW,GAAG,IAAI,SAAS;EAC3B,MAAK;EACL,cAAY,UAAU,0BAA0B,OAAO,cAAc,gBAAgB,UAAU,QAAQ;YAEtG,0BAA0B,OAAO,cAAc,gBAAgB,UAAU,QAAQ;CAC/E,CAAA;AAET"}

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { formatToPriceWithUSD } from "../../../Functions/fieldValueFormatters.js";
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/PriceRange/PriceRange.tsx
+var CN = "price-range";
+var PriceRange = ({ from, to, mode, testId = CN }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn(CN, "j4"),
+		role: "region",
+		"aria-label": "Price range",
+		children: mode === "simple" ? /* @__PURE__ */ jsxs("span", {
+			"aria-live": "polite",
+			children: [
+				from,
+				" - ",
+				to
+			]
+		}) : /* @__PURE__ */ jsxs("span", {
+			"aria-live": "polite",
+			children: [
+				formatToPriceWithUSD(from?.toString()),
+				" - ",
+				formatToPriceWithUSD(to?.toString())
+			]
+		})
+	});
+};
+//#endregion
+export { PriceRange as default };
+
+//# sourceMappingURL=PriceRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceRange.js","names":[],"sources":["../../../../../src/Atomic/UI/PriceRange/PriceRange.tsx"],"sourcesContent":["import type { IPriceRangeProps } from './PriceRange.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { formatToPriceWithUSD } from '../../../Functions/fieldValueFormatters';\n\nconst CN = 'price-range';\n\nconst PriceRange: React.FC<IPriceRangeProps> = ({ from, to, mode, testId = CN }) => {\n  return (\n    <div data-testid={testId} className={cn(CN, 'j4')} role=\"region\" aria-label=\"Price range\">\n      {mode === 'simple'\n        ? (\n            <span aria-live=\"polite\">\n              {from}\n              {' - '}\n              {to}\n            </span>\n          )\n        : (\n            <span aria-live=\"polite\">\n              {formatToPriceWithUSD(from?.toString())}\n              {' - '}\n              {formatToPriceWithUSD(to?.toString())}\n            </span>\n          )}\n    </div>\n  );\n};\n\nexport default PriceRange;\n"],"mappings":";;;;;AAOA,IAAM,KAAK;AAEX,IAAM,cAA0C,EAAE,MAAM,IAAI,MAAM,SAAS,SAAS;CAClF,OACE,oBAAC,OAAD;EAAK,eAAa;EAAQ,WAAW,GAAG,IAAI,IAAI;EAAG,MAAK;EAAS,cAAW;YACzE,SAAS,WAEJ,qBAAC,QAAD;GAAM,aAAU;aAAhB;IACG;IACA;IACA;GACG;OAGN,qBAAC,QAAD;GAAM,aAAU;aAAhB;IACG,qBAAqB,MAAM,SAAS,CAAC;IACrC;IACA,qBAAqB,IAAI,SAAS,CAAC;GAChC;;CAET,CAAA;AAET"}

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

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

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

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

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

@@ -0,0 +1,74 @@
+import '../../../styles/base.css';
+import { addBitDepthPoints } from "../../../Functions/utils.js";
+import './ProgressLine.styles.css';/* empty css                  */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/ProgressLine/ProgressLine.tsx
+var CN = "progress-line";
+var ProgressLine = ({ label = "", labelAlign = "left", renderValue = false, renderValueInPercents = false, valueMeasurement = "", valueHorizontalPosition = "right", valueVerticalPosition = "center", symbolsAfterComma = 0, minValue = 0, maxValue = 100, value = 0, showExtremums = false, extremumsPosition = "top", variant = "info", useVariantLabelColor = true, isShowLine = true, className, testId = CN }) => {
+	const getFilledLineWidth = () => {
+		if (value > maxValue) value = maxValue;
+		return `${((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;
+	};
+	const renderLabel = () => {
+		if (!label) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: `progress-line__wrapper__label align-${labelAlign}`,
+			children: label
+		});
+	};
+	const renderProgressValue = () => {
+		if (!renderValue) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: "progress-line__wrapper__value",
+			"aria-live": "polite",
+			children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}`
+		});
+	};
+	const renderExtremums = () => {
+		if (!showExtremums) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			"aria-hidden": "true",
+			className: `progress-line__wrapper__extremums position-${extremumsPosition}`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "progress-line__wrapper__extremums--min",
+				children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}`
+			}), /* @__PURE__ */ jsx("div", {
+				className: "progress-line__wrapper__extremums--max",
+				children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}`
+			})]
+		});
+	};
+	const renderFilledLine = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: "progress-line__wrapper__line--filled",
+			role: "progressbar",
+			"aria-label": `Progress: ${value} out of ${maxValue}`,
+			"aria-valuenow": value,
+			"aria-valuemin": minValue,
+			"aria-valuemax": maxValue,
+			style: { width: getFilledLineWidth() }
+		});
+	};
+	const renderLine = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "progress-line__wrapper__line",
+			children: [renderExtremums(), renderFilledLine()]
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(CN, className),
+		"data-testid": testId,
+		role: "region",
+		"aria-label": "Progress line",
+		children: [renderLabel(), /* @__PURE__ */ jsxs("div", {
+			className: `progress-line__wrapper variant-${useVariantLabelColor && variant} value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`,
+			children: [renderProgressValue(), isShowLine && renderLine()]
+		})]
+	});
+};
+//#endregion
+export { ProgressLine as default };
+
+//# sourceMappingURL=ProgressLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLine.js","names":[],"sources":["../../../../../src/Atomic/UI/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import type { IProgressLineProps } from './ProgressLine.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport { addBitDepthPoints } from '../../../Functions/utils';\n\nimport './ProgressLine.scss';\n\nconst CN = 'progress-line';\nconst ProgressLine: React.FC<IProgressLineProps> = ({\n  label = '',\n  labelAlign = 'left',\n  renderValue = false,\n  renderValueInPercents = false,\n  valueMeasurement = '',\n  valueHorizontalPosition = 'right',\n  valueVerticalPosition = 'center',\n  symbolsAfterComma = 0,\n  minValue = 0,\n  maxValue = 100,\n  value = 0,\n  showExtremums = false,\n  extremumsPosition = 'top',\n  variant = 'info',\n  useVariantLabelColor = true,\n  isShowLine = true,\n  className,\n  testId = CN,\n}) => {\n  const getFilledLineWidth = (): string => {\n    if (value > maxValue) value = maxValue;\n    return `${(((value - minValue) * 100) / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;\n  };\n\n  const renderLabel = (): JSX.Element | null => {\n    if (!label) return null;\n    return <div className={`progress-line__wrapper__label align-${labelAlign}`}>{label}</div>;\n  };\n\n  const renderProgressValue = (): JSX.Element | null => {\n    if (!renderValue) return null;\n    return (\n      <div className=\"progress-line__wrapper__value\" aria-live=\"polite\">\n        {renderValueInPercents\n          ? getFilledLineWidth()\n          : `${addBitDepthPoints(String(value))} ${valueMeasurement}`}\n      </div>\n    );\n  };\n\n  const renderExtremums = (): JSX.Element | null => {\n    if (!showExtremums) return null;\n    return (\n      <div aria-hidden=\"true\" className={`progress-line__wrapper__extremums position-${extremumsPosition}`}>\n        <div className=\"progress-line__wrapper__extremums--min\">\n          {renderValueInPercents ? '0 %' : `${minValue} ${valueMeasurement}`}\n        </div>\n        <div className=\"progress-line__wrapper__extremums--max\">\n          {renderValueInPercents ? '100 %' : `${maxValue} ${valueMeasurement}`}\n        </div>\n      </div>\n    );\n  };\n\n  const renderFilledLine = (): JSX.Element => {\n    return (\n      <div\n        className=\"progress-line__wrapper__line--filled\"\n        role=\"progressbar\"\n        aria-label={`Progress: ${value} out of ${maxValue}`}\n        aria-valuenow={value}\n        aria-valuemin={minValue}\n        aria-valuemax={maxValue}\n        style={{ width: getFilledLineWidth() }}\n      >\n      </div>\n    );\n  };\n\n  const renderLine = (): JSX.Element => {\n    return (\n      <div className=\"progress-line__wrapper__line\">\n        {renderExtremums()}\n        {renderFilledLine()}\n      </div>\n    );\n  };\n\n  return (\n    <div className={cn(CN, className)} data-testid={testId} role=\"region\" aria-label=\"Progress line\">\n      {renderLabel()}\n      <div\n        className={`progress-line__wrapper variant-${\n          useVariantLabelColor && variant\n        } value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`}\n      >\n        {renderProgressValue()}\n        {isShowLine && renderLine()}\n      </div>\n    </div>\n  );\n};\n\nexport default ProgressLine;\n"],"mappings":";;;;;;AASA,IAAM,KAAK;AACX,IAAM,gBAA8C,EAClD,QAAQ,IACR,aAAa,QACb,cAAc,OACd,wBAAwB,OACxB,mBAAmB,IACnB,0BAA0B,SAC1B,wBAAwB,UACxB,oBAAoB,GACpB,WAAW,GACX,WAAW,KACX,QAAQ,GACR,gBAAgB,OAChB,oBAAoB,OACpB,UAAU,QACV,uBAAuB,MACvB,aAAa,MACb,WACA,SAAS,SACL;CACJ,MAAM,2BAAmC;EACvC,IAAI,QAAQ,UAAU,QAAQ;EAC9B,OAAO,KAAM,QAAQ,YAAY,OAAQ,WAAW,UAAA,CAAW,QAAQ,iBAAiB,EAAE;CAC5F;CAEA,MAAM,oBAAwC;EAC5C,IAAI,CAAC,OAAO,OAAO;EACnB,OAAO,oBAAC,OAAD;GAAK,WAAW,uCAAuC;aAAe;EAAW,CAAA;CAC1F;CAEA,MAAM,4BAAgD;EACpD,IAAI,CAAC,aAAa,OAAO;EACzB,OACE,oBAAC,OAAD;GAAK,WAAU;GAAgC,aAAU;aACtD,wBACG,mBAAmB,IACnB,GAAG,kBAAkB,OAAO,KAAK,CAAC,EAAE,GAAG;EACxC,CAAA;CAET;CAEA,MAAM,wBAA4C;EAChD,IAAI,CAAC,eAAe,OAAO;EAC3B,OACE,qBAAC,OAAD;GAAK,eAAY;GAAO,WAAW,8CAA8C;aAAjF,CACE,oBAAC,OAAD;IAAK,WAAU;cACZ,wBAAwB,QAAQ,GAAG,SAAS,GAAG;GAC7C,CAAA,GACL,oBAAC,OAAD;IAAK,WAAU;cACZ,wBAAwB,UAAU,GAAG,SAAS,GAAG;GAC/C,CAAA,CACF;;CAET;CAEA,MAAM,yBAAsC;EAC1C,OACE,oBAAC,OAAD;GACE,WAAU;GACV,MAAK;GACL,cAAY,aAAa,MAAM,UAAU;GACzC,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,OAAO,EAAE,OAAO,mBAAmB,EAAE;EAElC,CAAA;CAET;CAEA,MAAM,mBAAgC;EACpC,OACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,gBAAgB,GAChB,iBAAiB,CACf;;CAET;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,IAAI,SAAS;EAAG,eAAa;EAAQ,MAAK;EAAS,cAAW;YAAjF,CACG,YAAY,GACb,qBAAC,OAAD;GACE,WAAW,kCACT,wBAAwB,QACzB,SAAS,sBAAsB,GAAG,wBAAwB,GAAG;aAHhE,CAKG,oBAAoB,GACpB,cAAc,WAAW,CACvB;IACF;;AAET"}