@expressms/smartapp-ui 2.9.2 → 2.9.3

package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Charts/colors.d.ts

@@ -0,0 +1,3 @@
+export declare const TEXT_COLOR = "#11111180";
+export declare const LINE_COLOR = "#D3D3D3";
+export declare const BORDER_COLOR = "#E5E5E5";

package/build/main//321/201omponents/Charts/colors.js

@@ -0,0 +1,4 @@
+export var TEXT_COLOR = '#11111180';
+export var LINE_COLOR = '#D3D3D3';
+export var BORDER_COLOR = '#E5E5E5';
+//# sourceMappingURL=colors.js.map

package/build/main//321/201omponents/Charts/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG,WAAW,CAAA;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,SAAS,CAAA;AACnC,MAAM,CAAC,IAAM,YAAY,GAAG,SAAS,CAAA"}

package/build/main//321/201omponents/Charts/constants.d.ts

@@ -0,0 +1,46 @@
+import { TooltipComponentOption } from 'echarts';
+import { YAXisOption } from 'echarts/types/dist/shared';
+import { FONT_FAMILY } from '../../constants';
+export declare enum OPTIONS {
+    center = "center",
+    axis = "axis",
+    shadow = "shadow",
+    category = "category",
+    transparent = "transparent",
+    value = "value",
+    series = "series",
+    pie = "pie",
+    bar = "bar",
+    line = "line"
+}
+export declare const INSIDE_RADIUS = "60%";
+export declare const OUTSIDE_RADIUS = "100%";
+export declare const CENTER_HORIZONTAL_POSITION = "50%";
+export declare const CENTER_VERTICAL_POSITION = "53%";
+export declare const NUMBER_FORMATTER: Intl.NumberFormat;
+export declare const LEGEND: {
+    show: boolean;
+};
+export declare const TEXT_STYLE: {
+    fontFamily: FONT_FAMILY;
+};
+export declare const TOOLTIP_CLASS_NAME = "smartapp-chart-tooltip";
+export declare const PIE_TOOLTIP_CLASS_NAME = "smartapp-pie-chart-tooltip";
+export declare const OPTION_TOOLTIP: TooltipComponentOption;
+export declare const OPTION_GRID: {
+    left: number;
+    bottom: number;
+    top: string;
+    containLabel: boolean;
+};
+export declare const OPTION_Y_AXIS: YAXisOption;
+export declare const DISPATCH_ACTION_TYPES: {
+    highlight: string;
+    downplay: string;
+    legendToggleSelect: string;
+};
+export declare const DEFAULT_CHART_HEIGHT: {
+    bar: number;
+    line: number;
+    pie: number;
+};

package/build/main//321/201omponents/Charts/constants.js

@@ -0,0 +1,43 @@
+import { COLORS, FONT_FAMILY } from '../../constants';
+import { BORDER_COLOR } from './colors';
+export var OPTIONS;
+(function (OPTIONS) {
+    OPTIONS["center"] = "center";
+    OPTIONS["axis"] = "axis";
+    OPTIONS["shadow"] = "shadow";
+    OPTIONS["category"] = "category";
+    OPTIONS["transparent"] = "transparent";
+    OPTIONS["value"] = "value";
+    OPTIONS["series"] = "series";
+    OPTIONS["pie"] = "pie";
+    OPTIONS["bar"] = "bar";
+    OPTIONS["line"] = "line";
+})(OPTIONS || (OPTIONS = {}));
+var axis = OPTIONS.axis, value = OPTIONS.value;
+var DE_NUMBER_FORMAT = 'de-DE';
+export var INSIDE_RADIUS = '60%';
+export var OUTSIDE_RADIUS = '100%';
+export var CENTER_HORIZONTAL_POSITION = '50%';
+export var CENTER_VERTICAL_POSITION = '53%';
+export var NUMBER_FORMATTER = new Intl.NumberFormat(DE_NUMBER_FORMAT);
+export var LEGEND = { show: false };
+export var TEXT_STYLE = { fontFamily: FONT_FAMILY.openSans };
+export var TOOLTIP_CLASS_NAME = 'smartapp-chart-tooltip';
+export var PIE_TOOLTIP_CLASS_NAME = 'smartapp-pie-chart-tooltip';
+export var OPTION_TOOLTIP = { trigger: axis, className: TOOLTIP_CLASS_NAME, borderColor: BORDER_COLOR };
+export var OPTION_GRID = { left: 0, bottom: 0, top: '5px', containLabel: true };
+export var OPTION_Y_AXIS = {
+    type: value,
+    axisLabel: { fontSize: '9px', fontWeight: 600, color: COLORS.darkerGray },
+};
+export var DISPATCH_ACTION_TYPES = {
+    highlight: 'highlight',
+    downplay: 'downplay',
+    legendToggleSelect: 'legendToggleSelect',
+};
+export var DEFAULT_CHART_HEIGHT = {
+    bar: 186,
+    line: 186,
+    pie: 340,
+};
+//# sourceMappingURL=constants.js.map

package/build/main//321/201omponents/Charts/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,CAAN,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAXW,OAAO,KAAP,OAAO,QAWlB;AAEO,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAC/B,IAAM,gBAAgB,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAA;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAA;AACpC,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAA;AAC/C,MAAM,CAAC,IAAM,wBAAwB,GAAG,KAAK,CAAA;AAC7C,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;AACvE,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,EAAE,UAAU,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAA;AAC9D,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACjI,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEjF,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE;CAC1E,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,kBAAkB,EAAE,oBAAoB;CACzC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA"}

package/build/main//321/201omponents/Charts/helpers.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import ReactEcharts from 'echarts-for-react';
+import { SeriesOption } from 'echarts';
+import { XAXisOption } from 'echarts/types/dist/shared';
+import { TChartData, TChartPieData, TRenderChartTooltip, TTooltipFormatterParam } from './types';
+export declare const isBarChart: (chartType: string) => boolean;
+export declare const isLineChart: (chartType: string) => boolean;
+export declare const isPieChart: (chartType: string) => boolean;
+export declare const calculatePieChartPadding: (chartSize: number) => number;
+export declare const calculateValue: (data: number[]) => number;
+export declare const calculatePieValue: (data: TChartPieData[]) => string;
+export declare const generateLineItem: (data: TChartData[]) => SeriesOption[];
+export declare const generateBarItem: (data: TChartData[]) => SeriesOption[];
+export declare const generateXAxis: (data: string[]) => XAXisOption;
+export declare const renderChartTooltip: ({ chartType, params, tooltipXAxis }: TRenderChartTooltip) => string;
+export declare const renderPieChartTooltip: ({ name, value }: TTooltipFormatterParam) => string;
+export declare const generateLegendItems: (chartType: string, chartRef: RefObject<ReactEcharts | null>) => any;

package/build/main//321/201omponents/Charts/helpers.js

@@ -0,0 +1,73 @@
+import { isArray, isEmpty } from 'lodash';
+import { COLORS } from '../../constants';
+import { NUMBER_FORMATTER, OPTIONS } from './constants';
+import { LINE_COLOR } from './colors';
+var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
+var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category, pie = OPTIONS.pie;
+export var isBarChart = function (chartType) { return chartType === bar; };
+export var isLineChart = function (chartType) { return chartType === line; };
+export var isPieChart = function (chartType) { return chartType === pie; };
+export var calculatePieChartPadding = function (chartSize) { return ((chartSize * 3) / 100) * 2; };
+export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
+export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
+    var value = _a.value;
+    return acc + value;
+}, 0).toString(); };
+export var generateLineItem = function (data) {
+    return data.map(function (_a) {
+        var name = _a.name, color = _a.color, data = _a.data;
+        return ({
+            name: name,
+            data: data,
+            type: line,
+            itemStyle: { color: color },
+            lineStyle: { width: 1 },
+            smooth: true,
+            showSymbol: false,
+            emphasis: { focus: series },
+        });
+    });
+};
+export var generateBarItem = function (data) {
+    return data.map(function (_a) {
+        var name = _a.name, color = _a.color, data = _a.data;
+        return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
+    });
+};
+export var generateXAxis = function (data) { return ({
+    data: data,
+    type: category,
+    axisLine: {
+        lineStyle: { color: LINE_COLOR },
+    },
+    axisLabel: { fontSize: '9px', fontWeight: 600, color: darkerGray },
+    axisPointer: {
+        label: { show: false, backgroundColor: transparent, color: black },
+    },
+}); };
+export var renderChartTooltip = function (_a) {
+    var chartType = _a.chartType, params = _a.params, tooltipXAxis = _a.tooltipXAxis;
+    var _b = params[0], dataIndex = _b.dataIndex, name = _b.name;
+    var axisName = (tooltipXAxis === null || tooltipXAxis === void 0 ? void 0 : tooltipXAxis[dataIndex]) || name;
+    var tooltipContent = '';
+    params.forEach(function (_a) {
+        var color = _a.color, value = _a.value;
+        var formattedValue = isLineChart(chartType) ? NUMBER_FORMATTER.format(value) : value;
+        tooltipContent += "\n      <div class='smartapp-chart-tooltip-content__data--item'>\n        <div class='smartapp-chart-tooltip-content__data--item__indicator' style='background: ".concat(color, "'></div>\n        <div class='smartapp-chart-tooltip-content__data--item__value'>").concat(formattedValue, "</div>\n      </div>\n    ");
+    });
+    return "\n    <div class='smartapp-chart-tooltip-content'>\n      <div class='smartapp-chart-tooltip-content__axis-name'>".concat(axisName, "</div>\n      <div class='smartapp-chart-tooltip-content__data'>").concat(tooltipContent, "</div>\n    </div>\n  ");
+};
+export var renderPieChartTooltip = function (_a) {
+    var name = _a.name, value = _a.value;
+    return "\n  <div class='smartapp-pie-chart-tooltip-content'>\n    <div class='smartapp-pie-chart-tooltip-content__axis-name'>".concat(name, "</div>\n    <div class='smartapp-pie-chart-tooltip-content__value'>").concat(value, "</div>\n  </div>\n");
+};
+export var generateLegendItems = function (chartType, chartRef) {
+    var _a;
+    var chartInstance = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();
+    var chartOption = chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.getOption();
+    var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
+    if (isArray(series) && !isEmpty(series))
+        return isPieChart(chartType) ? series[0].data : series;
+    return [];
+};
+//# sourceMappingURL=helpers.js.map

package/build/main//321/201omponents/Charts/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Charts/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ChartBar } from './ChartBar/ChartBar';
+export { default as ChartLine } from './ChartLine/ChartLine';
+export { default as ChartPie } from './ChartPie/ChartPie';

package/build/main//321/201omponents/Charts/index.js

@@ -0,0 +1,4 @@
+export { default as ChartBar } from './ChartBar/ChartBar';
+export { default as ChartLine } from './ChartLine/ChartLine';
+export { default as ChartPie } from './ChartPie/ChartPie';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA"}

package/build/main//321/201omponents/Charts/types.d.ts

@@ -0,0 +1,88 @@
+import { RefObject } from 'react';
+import ReactEcharts from 'echarts-for-react';
+type TLegendVisibility = {
+    [name: string]: boolean;
+};
+type TBatchItem = {
+    dataIndex: number;
+};
+type TItemStyle = {
+    color: string;
+};
+type TLegendItems = {
+    name: string;
+    value?: number;
+    data?: number[];
+    itemStyle: TItemStyle;
+};
+export type TMouseover = {
+    name: string;
+};
+export type TDataItem = {
+    name: string;
+    color: string;
+};
+export type TChartData = {
+    name: string;
+    color: string;
+    data: number[];
+};
+export type TChartPieData = {
+    name: string;
+    color: string;
+    value: number;
+};
+export type TTooltipFormatterParam = {
+    name: string;
+    value: number;
+    color: string;
+    dataIndex: number;
+};
+export type TAxisLabel = {
+    value: string;
+    textStyle: {
+        color: string;
+    };
+};
+export type THighlightChart = {
+    batch?: TBatchItem[];
+};
+export type TRenderChartTooltip = {
+    chartType: string;
+    params: TTooltipFormatterParam[];
+    tooltipXAxis?: string[];
+};
+export interface IChartProps {
+    chartHeight?: number;
+    title?: string;
+    xAxis: string[];
+    tooltipXAxis?: string[];
+    data: TChartData[];
+    legendUnits?: string;
+}
+export interface IChartPieProps {
+    chartSize?: number;
+    title?: string;
+    subtitle: string;
+    data: TChartPieData[];
+    legendUnits?: string;
+}
+export type TLegendsChanged = {
+    name: string;
+    selected: TLegendVisibility;
+};
+export interface IChartLegendProps {
+    chartRef: RefObject<ReactEcharts | null>;
+    chartType: string;
+    legendItems: TLegendItems[];
+    legendUnits?: string;
+}
+export type TUseEvents = {
+    chartRef: RefObject<ReactEcharts | null>;
+    chartType: string;
+};
+export type TUsePieEvents = {
+    chartRef: RefObject<ReactEcharts | null>;
+    data: TChartPieData[];
+};
+export {};

package/build/main//321/201omponents/Charts/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Charts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Charts/useEvents.d.ts

@@ -0,0 +1,5 @@
+import { THighlightChart, TUseEvents } from './types';
+export declare const useEvents: ({ chartRef, chartType }: TUseEvents) => {
+    highlight: ({ batch }: THighlightChart) => void;
+    downplay: () => void;
+};

package/build/main//321/201omponents/Charts/useEvents.js

@@ -0,0 +1,45 @@
+import { isArray, isEmpty } from 'lodash';
+import { isLineChart } from './helpers';
+import { COLORS } from '../../constants';
+import { DISPATCH_ACTION_TYPES } from './constants';
+var black = COLORS.black;
+export var useEvents = function (_a) {
+    var chartRef = _a.chartRef, chartType = _a.chartType;
+    var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
+    var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
+    var generateAxisLabel = function (label) { return (typeof label === 'object' ? label.value : label); };
+    var generateXAxisData = function () {
+        var _a;
+        var xAxis = (_a = getChartOption()) === null || _a === void 0 ? void 0 : _a.xAxis;
+        return isArray(xAxis) && !isEmpty(xAxis) ? xAxis[0].data : [];
+    };
+    var highlight = function (_a) {
+        var batch = _a.batch;
+        var chartInstance = getChartInstance();
+        var initialXAxisData = generateXAxisData();
+        if (batch === null || batch === void 0 ? void 0 : batch.length) {
+            var dataIndex_1 = batch[0].dataIndex;
+            var xAxisData = initialXAxisData.map(function (label, index) {
+                var value = generateAxisLabel(label);
+                return index === dataIndex_1 ? { value: value, textStyle: { color: black } } : value;
+            });
+            chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({
+                xAxis: [
+                    {
+                        data: xAxisData,
+                        formatter: function (label) { return generateAxisLabel(label); },
+                    },
+                ],
+            });
+            isLineChart(chartType) && (chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.highlight, dataIndex: dataIndex_1 }));
+        }
+    };
+    var downplay = function () {
+        var chartInstance = getChartInstance();
+        var initialXAxisData = generateXAxisData();
+        var xAxisData = initialXAxisData.map(function (label) { return generateAxisLabel(label); });
+        chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ xAxis: [{ data: xAxisData }] });
+    };
+    return { highlight: highlight, downplay: downplay };
+};
+//# sourceMappingURL=useEvents.js.map

package/build/main//321/201omponents/Charts/useEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/useEvents.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Charts/usePieEvents.d.ts

@@ -0,0 +1,6 @@
+import { TLegendsChanged, TMouseover, TUsePieEvents } from './types';
+export declare const usePieEvents: ({ chartRef, data }: TUsePieEvents) => {
+    legendselectchanged: ({ selected }: TLegendsChanged) => void;
+    mouseover: ({ name }: TMouseover) => void;
+    mouseout: () => void;
+};

package/build/main//321/201omponents/Charts/usePieEvents.js

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { isArray, isEmpty } from 'lodash';
+import Color from 'color';
+import { calculatePieValue } from './helpers';
+export var usePieEvents = function (_a) {
+    var chartRef = _a.chartRef, data = _a.data;
+    var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
+    var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
+    var getSeriesData = function () {
+        var chartOption = getChartOption();
+        var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
+        return isArray(series) && !isEmpty(series) ? series[0].data : [];
+    };
+    var legendselectchanged = function (_a) {
+        var selected = _a.selected;
+        var chartInstance = getChartInstance();
+        var filteredData = data.filter(function (_a) {
+            var name = _a.name;
+            return selected[name];
+        });
+        var subtext = calculatePieValue(filteredData);
+        chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ title: { subtext: subtext } });
+    };
+    var mouseover = function (_a) {
+        var name = _a.name;
+        var chartInstance = getChartInstance();
+        var series = getSeriesData();
+        var data = series.map(function (dataItem) {
+            var dataItemName = dataItem.name, color = dataItem.color;
+            var _a = Color(color).rgb().object(), r = _a.r, g = _a.g, b = _a.b;
+            var itemStyle = dataItemName === name ? { color: color } : { color: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(0.65, ")") };
+            return __assign(__assign({}, dataItem), { itemStyle: itemStyle });
+        });
+        chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
+    };
+    var mouseout = function () {
+        var chartInstance = getChartInstance();
+        var series = getSeriesData();
+        var data = series.map(function (dataItem) {
+            var color = dataItem.color;
+            return __assign(__assign({}, dataItem), { itemStyle: { color: color } });
+        });
+        chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
+    };
+    return { legendselectchanged: legendselectchanged, mouseover: mouseover, mouseout: mouseout };
+};
+//# sourceMappingURL=usePieEvents.js.map

package/build/main//321/201omponents/Charts/usePieEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePieEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/usePieEvents.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { ICheckBoxProps } from './types';
+import '../../styles/styles.scss';
+declare const CheckBox: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: ICheckBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckBox;

package/build/main//321/201omponents/Checkbox/Checkbox.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { ReactComponent as CheckIcon } from '../../assets/icons/check-mark.svg';
+import { generateColor } from '../../helpers';
+import { COLORS } from '../../constants';
+import '../../styles/styles.scss';
+var CheckBox = function (_a) {
+    var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d;
+    var checkBoxRef = useRef(null);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--checkbox-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
+        document.documentElement.style.setProperty('--checkbox-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
+    }, [checkedHoverColor, checkedPressedColor]);
+    useEffect(function () {
+        window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, []);
+    var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-check-box__pressed'); };
+    var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-check-box__pressed'); };
+    var handleClick = function (event) { return event.stopPropagation(); };
+    return (_jsx("div", __assign({ ref: checkBoxRef, className: classNames('smartapp-check-box', className), style: styles }, { children: _jsxs("label", __assign({ htmlFor: "cb-".concat(id) }, { children: [_jsx("input", { id: "cb-".concat(id), type: "checkbox", className: "smartapp-check-box__custom-check-box", disabled: isDisabled, checked: isChecked, onChange: onChange, onClick: handleClick }), isChecked ? (_jsx(CheckIcon, { style: { color: generateColor(checkedColor, COLORS.blue) }, onMouseDown: handleMouseDown })) : (_jsx("span", { className: "checkmark", onMouseDown: handleMouseDown }))] })) })));
+};
+export default CheckBox;
+//# sourceMappingURL=Checkbox.js.map

package/build/main//321/201omponents/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAUD;QATf,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,gBAAgC,EAAhC,QAAQ,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAEhC,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC/H,CAAC,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAC/F,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAEhG,IAAM,WAAW,GAAG,UAAC,KAAyC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE1F,OAAO,CACL,uBAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAC1F,0BAAO,OAAO,EAAE,aAAM,EAAE,CAAE,iBACxB,gBACE,EAAE,EAAE,aAAM,EAAE,CAAE,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sCAAsC,EAChD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,EACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,eAAe,GAAI,CACxG,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,eAAe,GAAI,CAC7D,KACK,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/build/main//321/201omponents/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Checkbox';

package/build/main//321/201omponents/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/build/main//321/201omponents/Checkbox/types.d.ts

@@ -0,0 +1,12 @@
+import { TStyles } from '../../constants';
+export interface ICheckBoxProps {
+    id: string;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    className?: string;
+    styles?: TStyles;
+    checkedColor?: string;
+    checkedHoverColor?: string;
+    checkedPressedColor?: string;
+    onChange?: () => void;
+}

package/build/main//321/201omponents/Checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Chip/Chip.d.ts

@@ -0,0 +1,4 @@
+import { IChipProps } from './types';
+import '../../styles/styles.scss';
+declare const Chip: ({ name, email, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, userType, isEye, isMyContacts, contextMenuItems, className, styles, iconColor, platform, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/build/main//321/201omponents/Chip/Chip.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import Avatar from '../Avatar';
+import ContextMenu from '../ContextMenu';
+import Loader from '../Loader';
+import { useLongTap } from '../../hooks/useLongTap';
+import { generateAvatarIcon, generateColor, isWebPlatform, renderUserIcon } from '../../helpers';
+import { COLOR_CHIP, COLORS, FIT_CONTENT, PLATFORM } from '../../constants';
+import { USER_TYPES } from '../UserDropdown/constants';
+import { AVATAR_SIZES } from '../Avatar/types';
+import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
+import '../../styles/styles.scss';
+var CHIP_HEIGHT = 32;
+var CONTEXT_MENU_INDENT_TOP = 4;
+var CONTEXT_MENU_INDENT = CHIP_HEIGHT + CONTEXT_MENU_INDENT_TOP;
+var generateLoaderStyles = function () { return ({ background: 'none', width: '24px', height: '24px' }); };
+var Chip = function (_a) {
+    var name = _a.name, email = _a.email, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isWarning, isWarning = _f === void 0 ? false : _f, _g = _a.userType, userType = _g === void 0 ? USER_TYPES.user : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, onDelete = _a.onDelete;
+    var _k = useState(false), isOpenContextMenu = _k[0], setIsOpenContextMenu = _k[1];
+    var isChipDisabled = isError ? false : isDisabled;
+    var chipRef = useRef(null);
+    useEffect(function () {
+        window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, []);
+    var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
+    var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
+    var handleDeleteClick = function (e) {
+        e.stopPropagation();
+        e.preventDefault();
+        !isLoading && (onDelete === null || onDelete === void 0 ? void 0 : onDelete(name));
+    };
+    var handleOpenContextMenu = useCallback(function () { return setIsOpenContextMenu(true); }, []);
+    var handleCloseContextMenu = function () { return setIsOpenContextMenu(false); };
+    var setContextMenuPosition = useCallback(function () {
+        var _a;
+        var _b = ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}, _c = _b.left, left = _c === void 0 ? 0 : _c, _d = _b.top, top = _d === void 0 ? 0 : _d;
+        return { x: left, y: top + CONTEXT_MENU_INDENT };
+    }, [chipRef]);
+    var _l = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _l.cancelPressTimer, startPressTimer = _l.startPressTimer;
+    var handleContextMenu = function (event) {
+        if (!isWebPlatform(platform))
+            return;
+        event.preventDefault();
+        handleOpenContextMenu();
+    };
+    var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content--name" }, { children: [_jsx("div", { children: renderUserIcon(isMyContacts) }), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-chip__context-menu-header__content--email" }, { children: email }))] }))] })));
+    return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__error': isError, 'smartapp-chip__disabled': isChipDisabled, 'smartapp-chip__loading': isLoading }, className), style: styles, onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { isLoader: true, iconSize: AVATAR_SIZES.size_24, containerStyles: generateLoaderStyles(), isFullScreen: false })) : (_jsx(Avatar, { icon: generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: avatar, size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLOR_CHIP })) }))), _jsx("p", __assign({ className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }) }, { children: name }))] })), !isChipDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: handleDeleteClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: generateColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: isOpenContextMenu, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: email || name, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
+};
+export default Chip;
+//# sourceMappingURL=Chip.js.map