@expressms/smartapp-ui 2.6.9 → 2.7.1

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

@@ -1,44 +1,18 @@
-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 { OPTIONS } from './constants';
-import { LINE_COLOR } from './colors';
+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;
+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(); };
-var generateSumText = function (itemName, value) {
-    var sumText = "{value|".concat(value, "}");
-    return "{Name|".concat(itemName, "}\n\n").concat(sumText);
-};
-export var generateLegendItemValue = function (itemName, data) {
-    var item = data.find(function (_a) {
-        var name = _a.name;
-        return name === itemName;
-    });
-    var value = calculateValue((item === null || item === void 0 ? void 0 : item.data) || []);
-    return generateSumText(itemName, value);
-};
-export var generatePieLegendItemValue = function (itemName, data) {
-    var item = data.find(function (_a) {
-        var name = _a.name;
-        return name === itemName;
-    });
-    var value = (item === null || item === void 0 ? void 0 : item.value) || 0;
-    return generateSumText(itemName, value);
-};
 export var generateLineItem = function (data) {
     return data.map(function (_a) {
         var name = _a.name, color = _a.color, data = _a.data;
@@ -60,48 +34,40 @@ export var generateBarItem = function (data) {
         return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
     });
 };
-export var generateLegend = function (_a) {
-    var data = _a.data, chartType = _a.chartType;
-    var isLineChart = chartType === OPTIONS.line;
-    var isBarChart = chartType === OPTIONS.bar;
-    var isPieChart = chartType === OPTIONS.pie;
-    var commonSettings = {
-        bottom: 5,
-        icon: OPTIONS.circle,
-        textStyle: {
-            rich: {
-                Name: { fontSize: 14, align: OPTIONS.center },
-                value: { fontSize: 24, align: OPTIONS.center },
-            },
-        },
-    };
-    if (isLineChart || isBarChart) {
-        var chartData_1 = data;
-        commonSettings = __assign(__assign({}, commonSettings), { data: chartData_1.map(function (_a) {
-                var name = _a.name;
-                return name;
-            }), formatter: function (name) { return generateLegendItemValue(name, chartData_1); } });
-    }
-    if (isLineChart)
-        return __assign(__assign({}, commonSettings), { itemGap: 70 });
-    if (isBarChart)
-        return __assign(__assign({}, commonSettings), { itemGap: 45 });
-    if (isPieChart) {
-        var chartPieData_1 = data;
-        return __assign(__assign({}, commonSettings), { bottom: 0, itemGap: 20, formatter: function (name) { return generatePieLegendItemValue(name, chartPieData_1); }, textStyle: {
-                rich: __assign(__assign({}, commonSettings.textStyle.rich), { Name: __assign(__assign({}, commonSettings.textStyle.rich.Name), { width: 100 }) }),
-            } });
-    }
-};
 export var generateXAxis = function (data) { return ({
     data: data,
     type: category,
     axisLine: {
         lineStyle: { color: LINE_COLOR },
     },
-    axisLabel: { color: darkerGray },
+    axisLabel: { fontSize: '9px', fontWeight: 600, color: darkerGray },
     axisPointer: {
-        label: { show: true, backgroundColor: transparent, color: black },
+        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

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

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

@@ -1,51 +1,88 @@
-import { OPTIONS } from './constants';
+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 interface IChartProps {
-    title?: string;
-    xAxis: string[];
-    data: TChartData[];
-}
 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 TLegendVisibility = {
-    [name: string]: boolean;
-};
 export type TLegendsChanged = {
     name: string;
     selected: TLegendVisibility;
 };
-export type TCommonChartSettings = {
-    bottom: number;
-    icon: OPTIONS.circle;
-    textStyle: {
-        rich: {
-            Name: {
-                fontSize: number;
-                align: OPTIONS.center;
-            };
-            value: {
-                fontSize: number;
-                align: OPTIONS.center;
-            };
-        };
-    };
-    data?: string[];
-    formatter?: (name: string) => string;
-    itemGap?: number;
-};
-export type TGenerateLegendProps = {
-    data: TChartData[] | TChartPieData[];
+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/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":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAG3C,IAAA,KAAK,GAAK,MAAM,MAAX,CAAW;AAExB,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC7C,IAAM,gBAAgB,GAAG,sBAAM,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,EAAE,CAAA,EAAA,CAAA;IACrE,IAAM,cAAc,GAAG,sBAAM,OAAA,MAAA,gBAAgB,EAAE,0CAAE,SAAS,EAAE,CAAA,EAAA,CAAA;IAC5D,IAAM,iBAAiB,GAAG,UAAC,KAA0B,IAAK,OAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAAA;IAE3G,IAAM,iBAAiB,GAAG;;QACxB,IAAM,KAAK,GAAG,MAAA,cAAc,EAAE,0CAAE,KAAK,CAAA;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/D,CAAC,CAAA;IAED,IAAM,SAAS,GAAG,UAAC,EAA0B;YAAxB,KAAK,WAAA;QACxB,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QACxC,IAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;QAE5C,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE;YACT,IAAA,WAAS,GAAK,KAAK,CAAC,CAAC,CAAC,UAAb,CAAa;YAE9B,IAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;gBAClD,IAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;gBACtC,OAAO,KAAK,KAAK,WAAS,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;YAC7E,CAAC,CAAC,CAAA;YAEF,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC;gBACvB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,SAAS;wBACf,SAAS,EAAE,UAAC,KAA0B,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB;qBACpE;iBACF;aACF,CAAC,CAAA;YAEF,WAAW,CAAC,SAAS,CAAC,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,CAAC,EAAE,IAAI,EAAE,qBAAqB,CAAC,SAAS,EAAE,SAAS,aAAA,EAAE,CAAC,CAAA,CAAA;SAC9G;IACH,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG;QACf,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QACxC,IAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;QAC5C,IAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,CAAC,CAAA;QAE3E,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,OAAO,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAA;AAChC,CAAC,CAAA"}

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.js

@@ -31,7 +31,8 @@ var CheckBox = function (_a) {
     }, []);
     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'); };
-    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 }), isChecked ? (_jsx(CheckIcon, { style: { color: generateColor(checkedColor, COLORS.blue) }, onMouseDown: handleMouseDown })) : (_jsx("span", { className: "checkmark", onMouseDown: handleMouseDown }))] })) })));
+    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

@@ -1 +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,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,GAClB,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"}
+{"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/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,4 @@
 import { IContextMenuProps } from './types';
 import '../../styles/styles.scss';
-declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, isCloseOnItemClick, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ContextMenu;

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

@@ -11,14 +11,17 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 import classNames from 'classnames';
+import Checkbox from '../Checkbox';
 import { CONTEXT_MENU_SAFE_SPACE, CONTEXT_MENU_WIDTH, THEME } from '../../constants';
 import '../../styles/styles.scss';
+var generateCheckBoxId = function () { return uuidv4(); };
 var ContextMenu = function (_a) {
     var _b;
-    var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu;
+    var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu, _j = _a.isCloseOnItemClick, isCloseOnItemClick = _j === void 0 ? true : _j;
     var elementRef = useRef(null);
-    var _j = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _j[0], setContextMenuHeight = _j[1];
+    var _k = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _k[0], setContextMenuHeight = _k[1];
     var clientHeight = document.documentElement.clientHeight;
     var clientWidth = document.documentElement.clientWidth;
     var handleContextMenu = function (event) {
@@ -30,25 +33,31 @@ var ContextMenu = function (_a) {
         setContextMenuHeight(((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
     }, [isMenuOpen]);
     var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
-    var handleMenuClose = function (event) {
-        if (!isClickForbidden) {
-            event.stopPropagation();
+    var handleMenuClose = function (_a) {
+        var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b;
+        event.stopPropagation();
+        if (isItemClick && !isCloseOnItemClick)
+            return;
+        if (!isClickForbidden)
             closeMenu();
-        }
     };
     var contextMenuItems = items.map(function (_a) {
-        var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, title = _a.title, icon = _a.icon, action = _a.action;
+        var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, title = _a.title, icon = _a.icon, action = _a.action, _e = _a.isWithCheckbox, isWithCheckbox = _e === void 0 ? false : _e, _f = _a.isChecked, isChecked = _f === void 0 ? false : _f;
         return (_jsxs("button", __assign({ className: classNames({
+                'smartapp-context-menu__items--checkbox': isWithCheckbox,
                 'smartapp-context-menu__items--negative': isNegativeAction,
                 'smartapp-context-menu__items--selected': isSelected,
                 'smartapp-context-menu__items--disabled': isDisabled,
-            }, itemClassName), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon && _jsx("div", { children: icon }), _jsx("span", { children: title })] }), title));
+            }, itemClassName), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-context-menu__items--content', {
+                        'smartapp-context-menu__items--checkbox__content': isWithCheckbox,
+                        'smartapp-context-menu__items--disabled__content': isDisabled,
+                    }) }, { children: [icon && _jsx("div", __assign({ className: "smartapp-context-menu__items--content__icon" }, { children: icon })), _jsx("span", { children: title })] })), isWithCheckbox && _jsx(Checkbox, { id: generateCheckBoxId(), isChecked: isChecked, isDisabled: isDisabled })] }), title));
     });
     var contextMenuStyles = __assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + menuWidth > clientWidth ? clientWidth - menuWidth - CONTEXT_MENU_SAFE_SPACE : x, width: menuWidth }, menuStyles);
     if (!isMenuOpen) {
         return null;
     }
-    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', "smartapp-context-menu__items--".concat(theme), menuClassName), style: contextMenuStyles }, { children: contextMenuItems })) })));
+    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', "smartapp-context-menu__items--".concat(theme), menuClassName), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: contextMenuItems })) })));
 };
 export default ContextMenu;
 //# sourceMappingURL=ContextMenu.js.map

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

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

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

@@ -1,15 +1,18 @@
 import { ReactElement } from 'react';
 import { IThemeProps, TStyles } from '../../constants';
-type MenuItem = {
+export type MenuItem = {
     isNegativeAction?: boolean;
     isSelected?: boolean;
     isDisabled?: boolean;
     title: string;
     action: () => void;
     icon?: ReactElement;
+    isWithCheckbox?: boolean;
+    isChecked?: boolean;
 };
 export interface IContextMenuProps extends IThemeProps {
     isMenuOpen: boolean;
+    isCloseOnItemClick?: boolean;
     isClickForbidden?: boolean;
     position: {
         x: number;
@@ -25,4 +28,3 @@ export interface IContextMenuProps extends IThemeProps {
     items: MenuItem[];
     closeMenu: () => void;
 }
-export {};

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

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

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

@@ -383,6 +383,13 @@ var UserDropdown = function (_a) {
         }
         // eslint-disable-next-line
     }, [selectedEntries]);
+    useEffect(function () {
+        var handleVisibilityChange = function () { var _a; return document.hidden && ((_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur()); };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return function () {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, []);
     var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
     var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, appTheme: theme, selectRef: selectRef, scrollFromTop: menuScrollFromTop, hasNextPage: hasNextPage, isLoading: isLoading, isUserTyping: isUserTyping, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [hasNextPage, isLoading, isNextPageLoading, isUserTyping, onLoadNextPage, theme]);
     return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, value: selectedUsers, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur, onFocus: handleFocus, components: {