intelicoreact 2.0.18 → 2.0.20

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

@@ -0,0 +1,62 @@
+/* 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;
+}
+
+.box {
+  box-sizing: border-box;
+  height: fit-content;
+  border: 1px solid #e1e8f1;
+}
+.box--radii-none {
+  border-radius: 0;
+}
+.box--radii-xs {
+  border-radius: 4px;
+}
+.box--radii-s {
+  border-radius: 8px;
+}
+.box--radii-m {
+  border-radius: 16px;
+}
+.box--radii-l {
+  border-radius: 24px;
+}
+.box--radii-xl {
+  border-radius: 32px;
+}
+.box--padding-none {
+  padding: 0;
+}
+.box--padding-xs {
+  padding: 4px;
+}
+.box--padding-s {
+  padding: 8px;
+}
+.box--padding-m {
+  padding: 16px;
+}
+.box--padding-l {
+  padding: 24px;
+}
+.box--padding-xl {
+  padding: 32px;
+}

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

@@ -0,0 +1,35 @@
+import '../../../styles/base.css';
+import './Button.styles.css';/* empty css            */
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Button/Button.tsx
+var RC = "button";
+var Button = ({ label, onClick, disabled, icon, className, children, style, noIcon, isIconRight, testId = "button", tabIndex = 0, variant = "primary", isTextEllipsis = false, ...props }) => {
+	const noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
+	return /* @__PURE__ */ jsxs("button", {
+		"data-testid": testId,
+		tabIndex,
+		style,
+		className: cn(RC, {
+			[`${RC}_${variant}`]: variant,
+			"button_icon-left": icon && !isIconRight,
+			"button_icon-right": icon && isIconRight
+		}, className),
+		onClick,
+		disabled,
+		type: "button",
+		...props,
+		children: [
+			!noRenderIcon && icon,
+			label && /* @__PURE__ */ jsx("div", {
+				className: cn("button__text", { "text-ellipsis": isTextEllipsis }),
+				children: label
+			}),
+			!label && children ? children : null
+		]
+	});
+};
+//#endregion
+export { Button as default };
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../../../../src/Atomic/UI/Button/Button.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { IUniProps } from '../../../types/base.interface';\nimport cn from 'classnames';\n\nimport './Button.scss';\n\nconst RC = 'button';\n\nexport type TButtonVariant = 'primary' | 'ellipse-apply' | 'ellipse-cancel' | string;\n\ninterface IProps extends IUniProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled'> {\n  label?: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  icon?: ReactNode;\n  children?: ReactNode;\n  style?: CSSProperties;\n  noIcon?: boolean;\n  isIconRight?: boolean;\n  tabIndex?: number;\n  variant?: TButtonVariant;\n  isTextEllipsis?: boolean;\n}\n\nconst Button: React.FC<IProps> = ({\n  label,\n  onClick,\n  disabled,\n  icon,\n  className,\n  children,\n  style,\n  noIcon,\n  isIconRight,\n  testId = 'button',\n  tabIndex = 0,\n  variant = 'primary',\n  isTextEllipsis = false,\n  ...props\n}) => {\n  const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';\n\n  return (\n    <button\n      data-testid={testId}\n      tabIndex={tabIndex}\n      style={style}\n      className={cn(\n        RC,\n        {\n          [`${RC}_${variant}`]: variant,\n          'button_icon-left': icon && !isIconRight,\n          'button_icon-right': icon && isIconRight,\n        },\n        className,\n      )}\n      onClick={onClick}\n      disabled={disabled}\n      type=\"button\"\n      {...props}\n\n    >\n      {!noRenderIcon && icon}\n      {label && <div className={cn('button__text', { 'text-ellipsis': isTextEllipsis })}>{label}</div>}\n      {!label && children ? children : null}\n    </button>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;AAMA,IAAM,KAAK;AAkBX,IAAM,UAA4B,EAChC,OACA,SACA,UACA,MACA,WACA,UACA,OACA,QACA,aACA,SAAS,UACT,WAAW,GACX,UAAU,WACV,iBAAiB,OACjB,GAAG,YACC;CACJ,MAAM,eAAe,UAAU,YAAY,mBAAmB,YAAY;CAE1E,OACE,qBAAC,UAAD;EACE,eAAa;EACH;EACH;EACP,WAAW,GACT,IACA;IACG,GAAG,GAAG,GAAG,YAAY;GACtB,oBAAoB,QAAQ,CAAC;GAC7B,qBAAqB,QAAQ;EAC/B,GACA,SACF;EACS;EACC;EACV,MAAK;EACL,GAAI;YAhBN;GAmBG,CAAC,gBAAgB;GACjB,SAAS,oBAAC,OAAD;IAAK,WAAW,GAAG,gBAAgB,EAAE,iBAAiB,eAAe,CAAC;cAAI;GAAW,CAAA;GAC9F,CAAC,SAAS,WAAW,WAAW;EAC3B;;AAEZ"}

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

@@ -0,0 +1,124 @@
+.button {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  height: 28px;
+  padding: 3px 10px;
+  font-size: 13px;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-align: center;
+  white-space: nowrap;
+  border-radius: 3px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+.button:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.button_warning {
+  color: #fff;
+  border: 1px solid #f06d8d;
+  background-color: #f06d8d;
+}
+.button_warning:hover {
+  filter: brightness(1.1);
+}
+.button_dark-outline {
+  color: #1e1e2d;
+  border: 1px solid #bac2c9;
+}
+.button_dark-outline:hover {
+  background-color: #f2f2f8;
+}
+.button_primary {
+  color: #fff;
+  border: 1px solid #6b81dd;
+  background-color: #6b81dd;
+}
+.button_primary:hover {
+  filter: brightness(1.1);
+}
+.button_secondary {
+  color: #fff;
+  border: 1px solid #bac2c9;
+  background-color: #bac2c9;
+}
+.button_secondary:hover {
+  filter: brightness(1.1);
+}
+.button_ellipse-apply {
+  padding: 8px 16px;
+  font-family: Sarabun, sans-serif;
+  font-size: 16px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 24px;
+  letter-spacing: 0.1px;
+  color: #fff;
+  border-radius: 40px;
+  background: #1f7499;
+}
+.button_ellipse-cancel {
+  padding: 8px 18px;
+  font-family: Sarabun, sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 20px;
+  letter-spacing: 0.2px;
+  color: #1f7499;
+  border-radius: 32px;
+}
+.button_link {
+  color: #6b81dd;
+  box-shadow: none;
+}
+.button_link svg {
+  display: none;
+}
+.button_success {
+  color: #fff;
+  border: 1px solid #7ac48c;
+  background-color: #7ac48c;
+}
+.button_success:hover {
+  filter: brightness(1.1);
+}
+.button__text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  box-shadow: none;
+}
+.button:active {
+  filter: brightness(1.1);
+}
+.button__icon {
+  width: auto;
+  min-width: 15px;
+  height: 25px;
+}
+.button_icon-left .button__text {
+  margin-left: 5px;
+}
+.button_icon-right .button__text {
+  order: 1;
+  margin-right: 5px;
+  margin-left: 0;
+}
+.button_icon-right svg {
+  order: 2;
+}
+
+.text-ellipsis {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

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

@@ -0,0 +1,49 @@
+import '../../../styles/base.css';
+import Button from "../Button/Button.js";
+import './ButtonsBar.styles.css';/* empty css                */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+//#region src/Atomic/UI/ButtonsBar/ButtonsBar.tsx
+var ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconRight, rejectBtnVariant, rejectBtnClass, isRejectBtnDisabled, rejectLink, onReject, confirmBtnLabel, confirmBtnIcon, isConfirmBtnIconRight, confirmBtnVariant, confirmBtnClass, isConfirmBtnDisabled, onConfirm, testIdFirstBtn = "button-bar-first-item", testIdSecondBtn = "button-bar-second-item" }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("button-bar", className),
+		children: [rejectLink ? /* @__PURE__ */ jsx(Link, {
+			className: "text-decoration-none",
+			to: rejectLink,
+			children: /* @__PURE__ */ jsx(Button, {
+				testId: testIdFirstBtn,
+				label: rejectBtnLabel,
+				variant: rejectBtnVariant,
+				onClick: onReject,
+				disabled: isRejectBtnDisabled,
+				icon: rejectBtnIcon,
+				isIconRight: isRejectBtnIconRight,
+				className: cn(rejectBtnClass, { mr5: confirmBtnLabel })
+			})
+		}) : /* @__PURE__ */ jsx(Button, {
+			testId: testIdFirstBtn,
+			label: rejectBtnLabel,
+			variant: rejectBtnVariant,
+			onClick: onReject,
+			disabled: isRejectBtnDisabled,
+			icon: rejectBtnIcon,
+			isIconRight: isRejectBtnIconRight,
+			className: cn(rejectBtnClass, { mr5: confirmBtnLabel })
+		}), /* @__PURE__ */ jsx(Button, {
+			testId: testIdSecondBtn,
+			label: confirmBtnLabel,
+			variant: confirmBtnVariant,
+			onClick: onConfirm,
+			disabled: isConfirmBtnDisabled,
+			icon: confirmBtnIcon,
+			isIconRight: isConfirmBtnIconRight,
+			className: confirmBtnClass
+		})]
+	});
+};
+//#endregion
+export { ButtonsBar as default };
+
+//# sourceMappingURL=ButtonsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsBar.js","names":[],"sources":["../../../../../src/Atomic/UI/ButtonsBar/ButtonsBar.tsx"],"sourcesContent":["import type { IButtonsBarProps } from './ButtonsBar.interface';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport { Link } from 'react-router-dom';\n\nimport Button from '../Button/Button';\n\nimport './ButtonsBar.scss';\n\nconst ButtonsBar: React.FC<IButtonsBarProps> = ({\n  className,\n  rejectBtnLabel,\n  rejectBtnIcon,\n  isRejectBtnIconRight,\n  rejectBtnVariant,\n  rejectBtnClass,\n  isRejectBtnDisabled,\n  rejectLink,\n  onReject,\n  confirmBtnLabel,\n  confirmBtnIcon,\n  isConfirmBtnIconRight,\n  confirmBtnVariant,\n  confirmBtnClass,\n  isConfirmBtnDisabled,\n  onConfirm,\n  testIdFirstBtn = 'button-bar-first-item',\n  testIdSecondBtn = 'button-bar-second-item',\n}) => {\n  return (\n    <div className={cn('button-bar', className)}>\n      {rejectLink\n        ? (\n            <Link className=\"text-decoration-none\" to={rejectLink}>\n              <Button\n                testId={testIdFirstBtn}\n                label={rejectBtnLabel}\n                variant={rejectBtnVariant}\n                onClick={onReject}\n                disabled={isRejectBtnDisabled}\n                icon={rejectBtnIcon}\n                isIconRight={isRejectBtnIconRight}\n                className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n              />\n            </Link>\n          )\n        : (\n            <Button\n              testId={testIdFirstBtn}\n              label={rejectBtnLabel}\n              variant={rejectBtnVariant}\n              onClick={onReject}\n              disabled={isRejectBtnDisabled}\n              icon={rejectBtnIcon}\n              isIconRight={isRejectBtnIconRight}\n              className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n            />\n          )}\n\n      <Button\n        testId={testIdSecondBtn}\n        label={confirmBtnLabel}\n        variant={confirmBtnVariant}\n        onClick={onConfirm}\n        disabled={isConfirmBtnDisabled}\n        icon={confirmBtnIcon}\n        isIconRight={isConfirmBtnIconRight}\n        className={confirmBtnClass}\n      />\n    </div>\n  );\n};\n\nexport default ButtonsBar;\n"],"mappings":";;;;;;;AAUA,IAAM,cAA0C,EAC9C,WACA,gBACA,eACA,sBACA,kBACA,gBACA,qBACA,YACA,UACA,iBACA,gBACA,uBACA,mBACA,iBACA,sBACA,WACA,iBAAiB,yBACjB,kBAAkB,+BACd;CACJ,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,SAAS;YAA1C,CACG,aAEK,oBAAC,MAAD;GAAM,WAAU;GAAuB,IAAI;aACzC,oBAAC,QAAD;IACE,QAAQ;IACR,OAAO;IACP,SAAS;IACT,SAAS;IACT,UAAU;IACV,MAAM;IACN,aAAa;IACb,WAAW,GAAG,gBAAgB,EAAE,KAAK,gBAAgB,CAAC;GACvD,CAAA;EACG,CAAA,IAGN,oBAAC,QAAD;GACE,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACT,UAAU;GACV,MAAM;GACN,aAAa;GACb,WAAW,GAAG,gBAAgB,EAAE,KAAK,gBAAgB,CAAC;EACvD,CAAA,GAGP,oBAAC,QAAD;GACE,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACT,UAAU;GACV,MAAM;GACN,aAAa;GACb,WAAW;EACZ,CAAA,CACE;;AAET"}

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

@@ -0,0 +1,7 @@
+.button-bar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin: 15px;
+}

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

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

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

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

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

@@ -0,0 +1,96 @@
+import '../../../styles/base.css';
+import { clone } from "../../../Functions/utils.js";
+import { COMPONENT_OPTIONS, DEFAULT_CHART_MODEL, ICON_MODELS } from "./partial/Chart.constants.js";
+import ChartTypeSwitcherIcon from "./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js";
+import { correctModelKey, getChartTypeKey, getNotLibraryOptionsOptions, getOptions, prepareData } from "./partial/utils.js";
+import './Chart.styles.css';/* empty css           */
+import cn from "classnames";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BarElement, CategoryScale, Chart, Filler, LineElement, LinearScale, PointElement, Tooltip } from "chart.js";
+import * as ChartComponents from "react-chartjs-2";
+//#region src/Atomic/UI/Chart/Chart.tsx
+var RC = "chart";
+Chart.register(CategoryScale, LinearScale, BarElement, PointElement, LineElement, Filler, Tooltip);
+var Chart$1 = ({ className, initialModel, modelsForSwitch, setModelExternalValue, description, customOptions, data, addToDatasets, modifyOptions }) => {
+	const { label, value } = description || {};
+	const [model, setModel] = useState(DEFAULT_CHART_MODEL);
+	const [localData, setLocalData] = useState();
+	const chartRef = useRef(null);
+	const charContainertRef = useRef(null);
+	const options = useMemo(() => customOptions || (modifyOptions ? modifyOptions(getOptions(model)) : getOptions(model)), [
+		customOptions,
+		model,
+		modifyOptions?.toString?.(),
+		data
+	]);
+	const notLibraryOptionsOptions = useMemo(() => customOptions ? customOptions?.notLibraryOptions : getNotLibraryOptionsOptions(model), [
+		customOptions,
+		model,
+		data
+	]);
+	const ChartComponent = useCallback((props) => {
+		const Component = ChartComponents[getChartTypeKey(model)];
+		return React.createElement(Component, {
+			...props,
+			ref: chartRef
+		});
+	}, [model]);
+	const isExcludeDescription = COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+	const isExcludeChartTypeSwitcher = COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+	useLayoutEffect(() => {
+		if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
+	}, [model]);
+	useLayoutEffect(() => {
+		const { setCanvasDimensions } = notLibraryOptionsOptions || {};
+		if (charContainertRef.current) {
+			charContainertRef.current.style.width = setCanvasDimensions?.width ?? "";
+			charContainertRef.current.style.height = setCanvasDimensions?.height ?? "";
+		}
+	}, [notLibraryOptionsOptions]);
+	useEffect(() => {
+		setModel(correctModelKey(initialModel));
+	}, [initialModel]);
+	useEffect(() => {
+		if (data) setLocalData(prepareData(model, clone(data), chartRef.current, addToDatasets));
+	}, [model, data]);
+	if (!data || !localData) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, { [`${RC}_icon-mode`]: ICON_MODELS.includes(model) }, className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__header`, { [`${RC}__header_only-switcher`]: !description }),
+			children: [description && !isExcludeDescription ? /* @__PURE__ */ jsxs("div", {
+				className: cn(`${RC}__description`),
+				children: [label ? /* @__PURE__ */ jsx("span", {
+					className: cn(`${RC}__description-title`),
+					children: label
+				}) : null, value ? /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__description-value`),
+					children: value
+				}) : null]
+			}) : null, !isExcludeChartTypeSwitcher ? /* @__PURE__ */ jsxs("div", {
+				className: cn(`${RC}__type-switcher`),
+				children: [/* @__PURE__ */ jsx(ChartTypeSwitcherIcon, {
+					iconType: "Bar",
+					isActive: getChartTypeKey(model) === "Bar",
+					onClick: () => setModel(modelsForSwitch?.[0] || "barLayout")
+				}), /* @__PURE__ */ jsx(ChartTypeSwitcherIcon, {
+					iconType: "Line",
+					isActive: getChartTypeKey(model) === "Line",
+					onClick: () => setModel(modelsForSwitch?.[1] || "lineLayout")
+				})]
+			}) : null]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: charContainertRef,
+			className: cn(`${RC}__chart-wrapper`),
+			children: /* @__PURE__ */ jsx(ChartComponent, {
+				...options,
+				data: localData
+			})
+		})]
+	});
+};
+//#endregion
+export { Chart$1 as default };
+
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":[],"sources":["../../../../../src/Atomic/UI/Chart/Chart.tsx"],"sourcesContent":["import type { IChartProps, INotLibraryOptions } from './Chart.interface';\n\nimport {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Tooltip,\n} from 'chart.js';\n\nimport cn from 'classnames';\nimport React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport * as ChartComponents from 'react-chartjs-2';\n\nimport { clone } from '../../../Functions/utils';\nimport {\n  COMPONENT_OPTIONS,\n  DEFAULT_CHART_MODEL,\n  ICON_MODELS,\n} from './partial/Chart.constants';\nimport ChartTypeSwitcherIcon from './partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon';\n\nimport {\n  correctModelKey,\n  getChartTypeKey,\n  getNotLibraryOptionsOptions,\n  getOptions,\n  prepareData,\n} from './partial/utils';\n\nimport './Chart.scss';\n\ntype ChartComponentType = React.ComponentType<any>;\n\nconst RC = 'chart';\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  PointElement,\n  LineElement,\n  Filler,\n  Tooltip,\n);\n\nconst Chart: React.FC<IChartProps> = ({\n  className,\n  initialModel,\n  modelsForSwitch,\n  setModelExternalValue,\n  description,\n  customOptions,\n  data,\n  addToDatasets,\n  modifyOptions,\n}) => {\n  const { label, value } = description || {};\n\n  const [model, setModel] = useState<string>(DEFAULT_CHART_MODEL);\n  const [localData, setLocalData] = useState<any>();\n  const chartRef = useRef<ChartJS | null>(null);\n  const charContainertRef = useRef<HTMLDivElement>(null);\n\n  const options = useMemo(\n    () =>\n      customOptions\n      || (modifyOptions ? modifyOptions(getOptions(model)) : getOptions(model)),\n    [customOptions, model, modifyOptions?.toString?.(), data],\n  );\n\n  const notLibraryOptionsOptions = useMemo(\n    () =>\n      customOptions\n        ? customOptions?.notLibraryOptions\n        : getNotLibraryOptionsOptions(model),\n    [customOptions, model, data],\n  );\n\n  const ChartComponent = useCallback(\n    (props: any) => {\n      const chartType = getChartTypeKey(model);\n      const Component = ChartComponents[chartType as keyof typeof ChartComponents] as ChartComponentType;\n\n      return React.createElement(Component, { ...props, ref: chartRef });\n    },\n    [model],\n  );\n\n  const isExcludeDescription\n    = COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);\n  const isExcludeChartTypeSwitcher\n    = COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);\n\n  useLayoutEffect(() => {\n    if (setModelExternalValue && model !== 'emptyLayout')\n      setModelExternalValue(model);\n  }, [model]);\n\n  useLayoutEffect(() => {\n    const { setCanvasDimensions } = notLibraryOptionsOptions as INotLibraryOptions || {};\n    if (charContainertRef.current) {\n      charContainertRef.current.style.width = setCanvasDimensions?.width ?? '';\n      charContainertRef.current.style.height\n        = setCanvasDimensions?.height ?? '';\n    }\n  }, [notLibraryOptionsOptions]);\n\n  useEffect(() => {\n    setModel(correctModelKey(initialModel));\n  }, [initialModel]);\n\n  useEffect(() => {\n    if (data) {\n      setLocalData(\n        prepareData(model, clone(data), chartRef.current, addToDatasets),\n      );\n    }\n  }, [model, data]);\n\n  if (!data || !localData) return null;\n\n  return (\n    <div\n      className={cn(\n        RC,\n        { [`${RC}_icon-mode`]: ICON_MODELS.includes(model) },\n        className,\n      )}\n    >\n      <div\n        className={cn(`${RC}__header`, {\n          [`${RC}__header_only-switcher`]: !description,\n        })}\n      >\n        {description && !isExcludeDescription\n          ? (\n              <div className={cn(`${RC}__description`)}>\n                {label\n                  ? (\n                      <span className={cn(`${RC}__description-title`)}>{label}</span>\n                    )\n                  : null}\n\n                {value\n                  ? (\n                      <div className={cn(`${RC}__description-value`)}>{value}</div>\n                    )\n                  : null}\n              </div>\n            )\n          : null}\n\n        {!isExcludeChartTypeSwitcher\n          ? (\n              <div className={cn(`${RC}__type-switcher`)}>\n                <ChartTypeSwitcherIcon\n                  iconType=\"Bar\"\n                  isActive={getChartTypeKey(model) === 'Bar'}\n                  onClick={() => setModel(modelsForSwitch?.[0] || 'barLayout')}\n                />\n                <ChartTypeSwitcherIcon\n                  iconType=\"Line\"\n                  isActive={getChartTypeKey(model) === 'Line'}\n                  onClick={() => setModel(modelsForSwitch?.[1] || 'lineLayout')}\n                />\n              </div>\n            )\n          : null}\n      </div>\n\n      <div ref={charContainertRef} className={cn(`${RC}__chart-wrapper`)}>\n        <ChartComponent {...options} data={localData} />\n      </div>\n    </div>\n  );\n};\n\nexport default Chart;\n"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+.chart {
+  position: relative;
+  box-sizing: border-box;
+  height: fit-content;
+  padding: 24px;
+}
+.chart__header {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 24px;
+}
+.chart__header_only-switcher {
+  justify-content: flex-end;
+}
+.chart__description {
+  display: flex;
+  flex-grow: 1;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 24px;
+}
+.chart__type-switcher {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  width: fit-content;
+  height: fit-content;
+}
+.chart__type-switcher-icon {
+  margin-right: 8px;
+}
+.chart__type-switcher-icon:last-child {
+  margin-right: 0;
+}
+.chart_icon-mode {
+  width: fit-content;
+  padding: 0;
+}
+.chart_icon-mode .chart__header {
+  margin-bottom: 0;
+}

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

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

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

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

package/dist/es/Atomic/UI/Chart/partial/Chart.constants.js

@@ -0,0 +1,89 @@
+//#region src/Atomic/UI/Chart/partial/Chart.constants.js
+var CHART_TYPES = ["Bar", "Line"];
+var DEFAULT_CHART_MODEL = "emptyLayout";
+var FINTURF_ADD_GRADIENT_COLORS_POSITIVE = ["#53D1AD", "#389AA3"];
+var FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = ["#FDB4DB", "#FA2E69"];
+var GRADIENTS_OBJECTS = { finturf: {
+	bar: [{
+		gradientTargetPropertyName: "backgroundColor",
+		colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+		direction: "toBottom",
+		typeDistributionOfGradientPoints: "personalBase",
+		collorStopPoints: [.2, 1]
+	}],
+	line: [{
+		gradientTargetPropertyName: "borderColor",
+		colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+		direction: "toRight"
+	}, {
+		gradientTargetPropertyName: "backgroundColor",
+		colors: [
+			"rgba(84, 210, 173, 0.2)",
+			"rgba(84, 210, 173, 0.1)",
+			"rgba(84, 210, 173, 0)"
+		],
+		direction: "toBottom",
+		collorStopPoints: [
+			.31,
+			.72,
+			1
+		],
+		isAddFill: true
+	}],
+	positiveLineIcon: [{
+		gradientTargetPropertyName: "borderColor",
+		colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
+		direction: "toRight"
+	}],
+	negativeLineIcon: [{
+		gradientTargetPropertyName: "borderColor",
+		colors: FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,
+		direction: "toRight"
+	}]
+} };
+var FINTURF_TOOLTIP_OPTIONS = {
+	enabled: true,
+	mode: "index",
+	intersect: false,
+	padding: 8,
+	backgroundColor: "#FFFFFF",
+	titleColor: "#757F8C",
+	borderColor: "#D6D9E4",
+	titleFont: {
+		family: "Sarabun",
+		style: "normal",
+		weight: 500,
+		size: 12
+	},
+	titleAlign: "center",
+	bodyColor: "#1E1E2D",
+	bodyFont: {
+		family: "Sarabun",
+		style: "normal",
+		weight: 400,
+		size: 14
+	},
+	bodyAlign: "center",
+	caretSize: 0,
+	displayColors: false,
+	borderWidth: 1,
+	borderRadius: 6,
+	callbacks: { label: (context) => context.raw || "0" }
+};
+var ICON_MODELS = [
+	"lineIconLayout",
+	"finturfPositiveLineIcon",
+	"finturfNegativeLineIcon"
+];
+var COMPONENT_OPTIONS = {
+	disableDescriptionsFor: [...ICON_MODELS],
+	disableChartTypeSwitcherFor: [
+		...ICON_MODELS,
+		"barLayout",
+		"lineLayout"
+	]
+};
+//#endregion
+export { CHART_TYPES, COMPONENT_OPTIONS, DEFAULT_CHART_MODEL, FINTURF_ADD_GRADIENT_COLORS_NEGATIVE, FINTURF_ADD_GRADIENT_COLORS_POSITIVE, FINTURF_TOOLTIP_OPTIONS, GRADIENTS_OBJECTS, ICON_MODELS };
+
+//# sourceMappingURL=Chart.constants.js.map

package/dist/es/Atomic/UI/Chart/partial/Chart.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.constants.js","names":[],"sources":["../../../../../../src/Atomic/UI/Chart/partial/Chart.constants.js"],"sourcesContent":["export const CHART_TYPES = [\"Bar\", \"Line\"];\nexport const DEFAULT_CHART_MODEL = \"emptyLayout\";\n\nexport const FINTURF_ADD_GRADIENT_COLORS_POSITIVE = [\"#53D1AD\", \"#389AA3\"];\nexport const FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = [\"#FDB4DB\", \"#FA2E69\"];\n\nexport const GRADIENTS_OBJECTS = {\n  finturf: {\n    bar: [\n      {\n        gradientTargetPropertyName: \"backgroundColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toBottom\",\n        typeDistributionOfGradientPoints: \"personalBase\",\n        collorStopPoints: [0.2, 1],\n      },\n    ],\n    line: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toRight\",\n      },\n      {\n        gradientTargetPropertyName: \"backgroundColor\",\n        colors: [\n          \"rgba(84, 210, 173, 0.2)\",\n          \"rgba(84, 210, 173, 0.1)\",\n          \"rgba(84, 210, 173, 0)\",\n        ],\n        direction: \"toBottom\",\n        collorStopPoints: [0.31, 0.72, 1],\n        isAddFill: true,\n      },\n    ],\n    positiveLineIcon: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,\n        direction: \"toRight\",\n      },\n    ],\n    negativeLineIcon: [\n      {\n        gradientTargetPropertyName: \"borderColor\",\n        colors: FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,\n        direction: \"toRight\",\n      },\n    ],\n  },\n};\n\nexport const FINTURF_TOOLTIP_OPTIONS = {\n  enabled: true,\n  mode: \"index\",\n  intersect: false,\n  padding: 8,\n  backgroundColor: \"#FFFFFF\",\n  titleColor: \"#757F8C\",\n  borderColor: \"#D6D9E4\",\n  titleFont: {\n    family: \"Sarabun\",\n    style: \"normal\",\n    weight: 500,\n    size: 12,\n    // line-height: 18px;\n  },\n  titleAlign: \"center\",\n  bodyColor: \"#1E1E2D\",\n  bodyFont: {\n    family: \"Sarabun\",\n    style: \"normal\",\n    weight: 400,\n    size: 14,\n  },\n  bodyAlign: \"center\",\n  caretSize: 0,\n  displayColors: false,\n  borderWidth: 1,\n  borderRadius: 6,\n  callbacks: {\n    label: (context) => context.raw || \"0\",\n  },\n};\n\nexport const ICON_MODELS = [\n  \"lineIconLayout\",\n  \"finturfPositiveLineIcon\",\n  \"finturfNegativeLineIcon\",\n];\n\nexport const COMPONENT_OPTIONS = {\n  disableDescriptionsFor: [...ICON_MODELS],\n  disableChartTypeSwitcherFor: [...ICON_MODELS, \"barLayout\", \"lineLayout\"],\n};\n"],"mappings":";AAAO,IAAM,cAAc,CAAC,OAAO,MAAM;AAClC,IAAM,sBAAsB;AAE5B,IAAM,uCAAuC,CAAC,WAAW,SAAS;AAClE,IAAM,uCAAuC,CAAC,WAAW,SAAS;AAElE,IAAM,oBAAoB,EAC/B,SAAS;CACP,KAAK,CACH;EACE,4BAA4B;EAC5B,QAAQ;EACR,WAAW;EACX,kCAAkC;EAClC,kBAAkB,CAAC,IAAK,CAAC;CAC3B,CACF;CACA,MAAM,CACJ;EACE,4BAA4B;EAC5B,QAAQ;EACR,WAAW;CACb,GACA;EACE,4BAA4B;EAC5B,QAAQ;GACN;GACA;GACA;EACF;EACA,WAAW;EACX,kBAAkB;GAAC;GAAM;GAAM;EAAC;EAChC,WAAW;CACb,CACF;CACA,kBAAkB,CAChB;EACE,4BAA4B;EAC5B,QAAQ;EACR,WAAW;CACb,CACF;CACA,kBAAkB,CAChB;EACE,4BAA4B;EAC5B,QAAQ;EACR,WAAW;CACb,CACF;AACF,EACF;AAEO,IAAM,0BAA0B;CACrC,SAAS;CACT,MAAM;CACN,WAAW;CACX,SAAS;CACT,iBAAiB;CACjB,YAAY;CACZ,aAAa;CACb,WAAW;EACT,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAM;CAER;CACA,YAAY;CACZ,WAAW;CACX,UAAU;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAM;CACR;CACA,WAAW;CACX,WAAW;CACX,eAAe;CACf,aAAa;CACb,cAAc;CACd,WAAW,EACT,QAAQ,YAAY,QAAQ,OAAO,IACrC;AACF;AAEO,IAAM,cAAc;CACzB;CACA;CACA;AACF;AAEO,IAAM,oBAAoB;CAC/B,wBAAwB,CAAC,GAAG,WAAW;CACvC,6BAA6B;EAAC,GAAG;EAAa;EAAa;CAAY;AACzE"}

package/dist/es/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js

@@ -0,0 +1,80 @@
+import '../../../../../styles/base.css';
+import './ChartTypeSwitcherIcon.styles.css';/* empty css                           */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.tsx
+var RC = "chart__type-switcher-icon";
+function getIcon(type) {
+	switch (type) {
+		case "Bar": return /* @__PURE__ */ jsxs("svg", {
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 25",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ jsx("rect", {
+					y: "0.5",
+					width: "24",
+					height: "24",
+					rx: "4",
+					fill: "#EAF2FF"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M18 18V11",
+					stroke: "#1F7499",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M12 18V6",
+					stroke: "#1F7499",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M6 18V13",
+					stroke: "#1F7499",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			]
+		});
+		case "Line": return /* @__PURE__ */ jsxs("svg", {
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 25",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ jsx("rect", {
+				y: "0.5",
+				width: "24",
+				height: "24",
+				rx: "4",
+				fill: "#EAF2FF"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M21 8L15.2544 13.2668C14.1075 14.3181 12.3288 14.3014 11.1818\n            13.25V13.25C10.0349 12.1986 8.25615 12.1819 7.10919 13.2332L3 17",
+				stroke: "#1F7499",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})]
+		});
+		default: return null;
+	}
+}
+var ChartTypeSwitcherIcon = ({ iconType, isActive, className, onClick }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(RC, { [`${RC}_active`]: isActive }, className),
+		onClick,
+		children: getIcon(iconType)
+	});
+};
+//#endregion
+export { ChartTypeSwitcherIcon as default };
+
+//# sourceMappingURL=ChartTypeSwitcherIcon.js.map

package/dist/es/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTypeSwitcherIcon.js","names":[],"sources":["../../../../../../../src/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.tsx"],"sourcesContent":["import type { IChartTypeSwitcherIconProps } from '../../Chart.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './ChartTypeSwitcherIcon.scss';\n\nconst RC = 'chart__type-switcher-icon';\n\nfunction getIcon(type: string): React.ReactElement | null {\n  switch (type) {\n    case 'Bar':\n      return (\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 25\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <rect y=\"0.5\" width=\"24\" height=\"24\" rx=\"4\" fill=\"#EAF2FF\" />\n          <path\n            d=\"M18 18V11\"\n            stroke=\"#1F7499\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n          <path\n            d=\"M12 18V6\"\n            stroke=\"#1F7499\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n          <path\n            d=\"M6 18V13\"\n            stroke=\"#1F7499\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    case 'Line':\n      return (\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 25\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <rect y=\"0.5\" width=\"24\" height=\"24\" rx=\"4\" fill=\"#EAF2FF\" />\n          <path\n            d=\"M21 8L15.2544 13.2668C14.1075 14.3181 12.3288 14.3014 11.1818\n            13.25V13.25C10.0349 12.1986 8.25615 12.1819 7.10919 13.2332L3 17\"\n            stroke=\"#1F7499\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    default:\n      return null;\n  }\n}\n\nconst ChartTypeSwitcherIcon: React.FC<IChartTypeSwitcherIconProps> = ({\n  iconType,\n  isActive,\n  className,\n  onClick,\n}) => {\n  return (\n    <div\n      className={cn(RC, { [`${RC}_active`]: isActive }, className)}\n      onClick={onClick}\n    >\n      {getIcon(iconType)}\n    </div>\n  );\n};\n\nexport default ChartTypeSwitcherIcon;\n"],"mappings":";;;;;AAOA,IAAM,KAAK;AAEX,SAAS,QAAQ,MAAyC;CACxD,QAAQ,MAAR;EACE,KAAK,OACH,OACE,qBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aALR;IAOE,oBAAC,QAAD;KAAM,GAAE;KAAM,OAAM;KAAK,QAAO;KAAK,IAAG;KAAI,MAAK;IAAW,CAAA;IAC5D,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;IACD,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;IACD,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE;;EAET,KAAK,QACH,OACE,qBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aALR,CAOE,oBAAC,QAAD;IAAM,GAAE;IAAM,OAAM;IAAK,QAAO;IAAK,IAAG;IAAI,MAAK;GAAW,CAAA,GAC5D,oBAAC,QAAD;IACE,GAAE;IAEF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA,CACE;;EAET,SACE,OAAO;CACX;AACF;AAEA,IAAM,yBAAgE,EACpE,UACA,UACA,WACA,cACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,WAAW,SAAS,GAAG,SAAS;EAClD;YAER,QAAQ,QAAQ;CACd,CAAA;AAET"}