@expressms/smartapp-ui 2.6.8 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/hooks/useModal.js +6 -1
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +16 -10
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.d.ts +4 -0
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js +71 -0
- package/build/main//321/201omponents/Charts/ChartLegend/ChartLegend.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +23 -13
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +38 -40
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -1
- package/build/main//321/201omponents/Charts/colors.d.ts +1 -0
- package/build/main//321/201omponents/Charts/colors.js +1 -0
- package/build/main//321/201omponents/Charts/colors.js.map +1 -1
- package/build/main//321/201omponents/Charts/constants.d.ts +25 -10
- package/build/main//321/201omponents/Charts/constants.js +28 -10
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Charts/helpers.d.ts +10 -42
- package/build/main//321/201omponents/Charts/helpers.js +35 -69
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -1
- package/build/main//321/201omponents/Charts/types.d.ts +67 -30
- package/build/main//321/201omponents/Charts/useEvents.d.ts +5 -0
- package/build/main//321/201omponents/Charts/useEvents.js +45 -0
- package/build/main//321/201omponents/Charts/useEvents.js.map +1 -0
- package/build/main//321/201omponents/Charts/usePieEvents.d.ts +6 -0
- package/build/main//321/201omponents/Charts/usePieEvents.js +57 -0
- package/build/main//321/201omponents/Charts/usePieEvents.js.map +1 -0
- package/build/main//321/201omponents/Checkbox/Checkbox.js +2 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +9 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +3 -2
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +10 -10
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +1 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.d.ts +1 -1
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +15 -4
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +1 -1
- package/build/main//321/201omponents/ScrollBar/types.d.ts +10 -3
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +7 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/package.json +2 -1
|
@@ -1,44 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { OPTIONS } from './constants';
|
|
13
|
-
import { LINE_COLOR } from './colors';
|
|
1
|
+
import { isArray, isEmpty } from 'lodash';
|
|
14
2
|
import { COLORS } from '../../constants';
|
|
3
|
+
import { NUMBER_FORMATTER, OPTIONS } from './constants';
|
|
4
|
+
import { LINE_COLOR } from './colors';
|
|
15
5
|
var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
|
|
16
|
-
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category;
|
|
6
|
+
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category, pie = OPTIONS.pie;
|
|
7
|
+
export var isBarChart = function (chartType) { return chartType === bar; };
|
|
8
|
+
export var isLineChart = function (chartType) { return chartType === line; };
|
|
9
|
+
export var isPieChart = function (chartType) { return chartType === pie; };
|
|
10
|
+
export var calculatePieChartPadding = function (chartSize) { return ((chartSize * 3) / 100) * 2; };
|
|
17
11
|
export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
|
|
18
12
|
export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
|
|
19
13
|
var value = _a.value;
|
|
20
14
|
return acc + value;
|
|
21
15
|
}, 0).toString(); };
|
|
22
|
-
var generateSumText = function (itemName, value) {
|
|
23
|
-
var sumText = "{value|".concat(value, "}");
|
|
24
|
-
return "{Name|".concat(itemName, "}\n\n").concat(sumText);
|
|
25
|
-
};
|
|
26
|
-
export var generateLegendItemValue = function (itemName, data) {
|
|
27
|
-
var item = data.find(function (_a) {
|
|
28
|
-
var name = _a.name;
|
|
29
|
-
return name === itemName;
|
|
30
|
-
});
|
|
31
|
-
var value = calculateValue((item === null || item === void 0 ? void 0 : item.data) || []);
|
|
32
|
-
return generateSumText(itemName, value);
|
|
33
|
-
};
|
|
34
|
-
export var generatePieLegendItemValue = function (itemName, data) {
|
|
35
|
-
var item = data.find(function (_a) {
|
|
36
|
-
var name = _a.name;
|
|
37
|
-
return name === itemName;
|
|
38
|
-
});
|
|
39
|
-
var value = (item === null || item === void 0 ? void 0 : item.value) || 0;
|
|
40
|
-
return generateSumText(itemName, value);
|
|
41
|
-
};
|
|
42
16
|
export var generateLineItem = function (data) {
|
|
43
17
|
return data.map(function (_a) {
|
|
44
18
|
var name = _a.name, color = _a.color, data = _a.data;
|
|
@@ -60,48 +34,40 @@ export var generateBarItem = function (data) {
|
|
|
60
34
|
return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
|
|
61
35
|
});
|
|
62
36
|
};
|
|
63
|
-
export var generateLegend = function (_a) {
|
|
64
|
-
var data = _a.data, chartType = _a.chartType;
|
|
65
|
-
var isLineChart = chartType === OPTIONS.line;
|
|
66
|
-
var isBarChart = chartType === OPTIONS.bar;
|
|
67
|
-
var isPieChart = chartType === OPTIONS.pie;
|
|
68
|
-
var commonSettings = {
|
|
69
|
-
bottom: 5,
|
|
70
|
-
icon: OPTIONS.circle,
|
|
71
|
-
textStyle: {
|
|
72
|
-
rich: {
|
|
73
|
-
Name: { fontSize: 14, align: OPTIONS.center },
|
|
74
|
-
value: { fontSize: 24, align: OPTIONS.center },
|
|
75
|
-
},
|
|
76
|
-
},
|
|
77
|
-
};
|
|
78
|
-
if (isLineChart || isBarChart) {
|
|
79
|
-
var chartData_1 = data;
|
|
80
|
-
commonSettings = __assign(__assign({}, commonSettings), { data: chartData_1.map(function (_a) {
|
|
81
|
-
var name = _a.name;
|
|
82
|
-
return name;
|
|
83
|
-
}), formatter: function (name) { return generateLegendItemValue(name, chartData_1); } });
|
|
84
|
-
}
|
|
85
|
-
if (isLineChart)
|
|
86
|
-
return __assign(__assign({}, commonSettings), { itemGap: 70 });
|
|
87
|
-
if (isBarChart)
|
|
88
|
-
return __assign(__assign({}, commonSettings), { itemGap: 45 });
|
|
89
|
-
if (isPieChart) {
|
|
90
|
-
var chartPieData_1 = data;
|
|
91
|
-
return __assign(__assign({}, commonSettings), { bottom: 0, itemGap: 20, formatter: function (name) { return generatePieLegendItemValue(name, chartPieData_1); }, textStyle: {
|
|
92
|
-
rich: __assign(__assign({}, commonSettings.textStyle.rich), { Name: __assign(__assign({}, commonSettings.textStyle.rich.Name), { width: 100 }) }),
|
|
93
|
-
} });
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
37
|
export var generateXAxis = function (data) { return ({
|
|
97
38
|
data: data,
|
|
98
39
|
type: category,
|
|
99
40
|
axisLine: {
|
|
100
41
|
lineStyle: { color: LINE_COLOR },
|
|
101
42
|
},
|
|
102
|
-
axisLabel: { color: darkerGray },
|
|
43
|
+
axisLabel: { fontSize: '9px', fontWeight: 600, color: darkerGray },
|
|
103
44
|
axisPointer: {
|
|
104
|
-
label: { show:
|
|
45
|
+
label: { show: false, backgroundColor: transparent, color: black },
|
|
105
46
|
},
|
|
106
47
|
}); };
|
|
48
|
+
export var renderChartTooltip = function (_a) {
|
|
49
|
+
var chartType = _a.chartType, params = _a.params, tooltipXAxis = _a.tooltipXAxis;
|
|
50
|
+
var _b = params[0], dataIndex = _b.dataIndex, name = _b.name;
|
|
51
|
+
var axisName = (tooltipXAxis === null || tooltipXAxis === void 0 ? void 0 : tooltipXAxis[dataIndex]) || name;
|
|
52
|
+
var tooltipContent = '';
|
|
53
|
+
params.forEach(function (_a) {
|
|
54
|
+
var color = _a.color, value = _a.value;
|
|
55
|
+
var formattedValue = isLineChart(chartType) ? NUMBER_FORMATTER.format(value) : value;
|
|
56
|
+
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 ");
|
|
57
|
+
});
|
|
58
|
+
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 ");
|
|
59
|
+
};
|
|
60
|
+
export var renderPieChartTooltip = function (_a) {
|
|
61
|
+
var name = _a.name, value = _a.value;
|
|
62
|
+
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");
|
|
63
|
+
};
|
|
64
|
+
export var generateLegendItems = function (chartType, chartRef) {
|
|
65
|
+
var _a;
|
|
66
|
+
var chartInstance = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();
|
|
67
|
+
var chartOption = chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.getOption();
|
|
68
|
+
var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
|
|
69
|
+
if (isArray(series) && !isEmpty(series))
|
|
70
|
+
return isPieChart(chartType) ? series[0].data : series;
|
|
71
|
+
return [];
|
|
72
|
+
};
|
|
107
73
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,51 +1,88 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import ReactEcharts from 'echarts-for-react';
|
|
3
|
+
type TLegendVisibility = {
|
|
4
|
+
[name: string]: boolean;
|
|
5
|
+
};
|
|
6
|
+
type TBatchItem = {
|
|
7
|
+
dataIndex: number;
|
|
8
|
+
};
|
|
9
|
+
type TItemStyle = {
|
|
10
|
+
color: string;
|
|
11
|
+
};
|
|
12
|
+
type TLegendItems = {
|
|
13
|
+
name: string;
|
|
14
|
+
value?: number;
|
|
15
|
+
data?: number[];
|
|
16
|
+
itemStyle: TItemStyle;
|
|
17
|
+
};
|
|
18
|
+
export type TMouseover = {
|
|
19
|
+
name: string;
|
|
20
|
+
};
|
|
21
|
+
export type TDataItem = {
|
|
22
|
+
name: string;
|
|
23
|
+
color: string;
|
|
24
|
+
};
|
|
2
25
|
export type TChartData = {
|
|
3
26
|
name: string;
|
|
4
27
|
color: string;
|
|
5
28
|
data: number[];
|
|
6
29
|
};
|
|
7
|
-
export interface IChartProps {
|
|
8
|
-
title?: string;
|
|
9
|
-
xAxis: string[];
|
|
10
|
-
data: TChartData[];
|
|
11
|
-
}
|
|
12
30
|
export type TChartPieData = {
|
|
13
31
|
name: string;
|
|
14
32
|
color: string;
|
|
15
33
|
value: number;
|
|
16
34
|
};
|
|
35
|
+
export type TTooltipFormatterParam = {
|
|
36
|
+
name: string;
|
|
37
|
+
value: number;
|
|
38
|
+
color: string;
|
|
39
|
+
dataIndex: number;
|
|
40
|
+
};
|
|
41
|
+
export type TAxisLabel = {
|
|
42
|
+
value: string;
|
|
43
|
+
textStyle: {
|
|
44
|
+
color: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
export type THighlightChart = {
|
|
48
|
+
batch?: TBatchItem[];
|
|
49
|
+
};
|
|
50
|
+
export type TRenderChartTooltip = {
|
|
51
|
+
chartType: string;
|
|
52
|
+
params: TTooltipFormatterParam[];
|
|
53
|
+
tooltipXAxis?: string[];
|
|
54
|
+
};
|
|
55
|
+
export interface IChartProps {
|
|
56
|
+
chartHeight?: number;
|
|
57
|
+
title?: string;
|
|
58
|
+
xAxis: string[];
|
|
59
|
+
tooltipXAxis?: string[];
|
|
60
|
+
data: TChartData[];
|
|
61
|
+
legendUnits?: string;
|
|
62
|
+
}
|
|
17
63
|
export interface IChartPieProps {
|
|
64
|
+
chartSize?: number;
|
|
18
65
|
title?: string;
|
|
19
66
|
subtitle: string;
|
|
20
67
|
data: TChartPieData[];
|
|
68
|
+
legendUnits?: string;
|
|
21
69
|
}
|
|
22
|
-
export type TLegendVisibility = {
|
|
23
|
-
[name: string]: boolean;
|
|
24
|
-
};
|
|
25
70
|
export type TLegendsChanged = {
|
|
26
71
|
name: string;
|
|
27
72
|
selected: TLegendVisibility;
|
|
28
73
|
};
|
|
29
|
-
export
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
};
|
|
38
|
-
value: {
|
|
39
|
-
fontSize: number;
|
|
40
|
-
align: OPTIONS.center;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
data?: string[];
|
|
45
|
-
formatter?: (name: string) => string;
|
|
46
|
-
itemGap?: number;
|
|
47
|
-
};
|
|
48
|
-
export type TGenerateLegendProps = {
|
|
49
|
-
data: TChartData[] | TChartPieData[];
|
|
74
|
+
export interface IChartLegendProps {
|
|
75
|
+
chartRef: RefObject<ReactEcharts | null>;
|
|
76
|
+
chartType: string;
|
|
77
|
+
legendItems: TLegendItems[];
|
|
78
|
+
legendUnits?: string;
|
|
79
|
+
}
|
|
80
|
+
export type TUseEvents = {
|
|
81
|
+
chartRef: RefObject<ReactEcharts | null>;
|
|
50
82
|
chartType: string;
|
|
51
83
|
};
|
|
84
|
+
export type TUsePieEvents = {
|
|
85
|
+
chartRef: RefObject<ReactEcharts | null>;
|
|
86
|
+
data: TChartPieData[];
|
|
87
|
+
};
|
|
88
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { isArray, isEmpty } from 'lodash';
|
|
2
|
+
import { isLineChart } from './helpers';
|
|
3
|
+
import { COLORS } from '../../constants';
|
|
4
|
+
import { DISPATCH_ACTION_TYPES } from './constants';
|
|
5
|
+
var black = COLORS.black;
|
|
6
|
+
export var useEvents = function (_a) {
|
|
7
|
+
var chartRef = _a.chartRef, chartType = _a.chartType;
|
|
8
|
+
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
9
|
+
var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
|
|
10
|
+
var generateAxisLabel = function (label) { return (typeof label === 'object' ? label.value : label); };
|
|
11
|
+
var generateXAxisData = function () {
|
|
12
|
+
var _a;
|
|
13
|
+
var xAxis = (_a = getChartOption()) === null || _a === void 0 ? void 0 : _a.xAxis;
|
|
14
|
+
return isArray(xAxis) && !isEmpty(xAxis) ? xAxis[0].data : [];
|
|
15
|
+
};
|
|
16
|
+
var highlight = function (_a) {
|
|
17
|
+
var batch = _a.batch;
|
|
18
|
+
var chartInstance = getChartInstance();
|
|
19
|
+
var initialXAxisData = generateXAxisData();
|
|
20
|
+
if (batch === null || batch === void 0 ? void 0 : batch.length) {
|
|
21
|
+
var dataIndex_1 = batch[0].dataIndex;
|
|
22
|
+
var xAxisData = initialXAxisData.map(function (label, index) {
|
|
23
|
+
var value = generateAxisLabel(label);
|
|
24
|
+
return index === dataIndex_1 ? { value: value, textStyle: { color: black } } : value;
|
|
25
|
+
});
|
|
26
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({
|
|
27
|
+
xAxis: [
|
|
28
|
+
{
|
|
29
|
+
data: xAxisData,
|
|
30
|
+
formatter: function (label) { return generateAxisLabel(label); },
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
});
|
|
34
|
+
isLineChart(chartType) && (chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.highlight, dataIndex: dataIndex_1 }));
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
var downplay = function () {
|
|
38
|
+
var chartInstance = getChartInstance();
|
|
39
|
+
var initialXAxisData = generateXAxisData();
|
|
40
|
+
var xAxisData = initialXAxisData.map(function (label) { return generateAxisLabel(label); });
|
|
41
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ xAxis: [{ data: xAxisData }] });
|
|
42
|
+
};
|
|
43
|
+
return { highlight: highlight, downplay: downplay };
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=useEvents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/useEvents.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { TLegendsChanged, TMouseover, TUsePieEvents } from './types';
|
|
2
|
+
export declare const usePieEvents: ({ chartRef, data }: TUsePieEvents) => {
|
|
3
|
+
legendselectchanged: ({ selected }: TLegendsChanged) => void;
|
|
4
|
+
mouseover: ({ name }: TMouseover) => void;
|
|
5
|
+
mouseout: () => void;
|
|
6
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { isArray, isEmpty } from 'lodash';
|
|
13
|
+
import Color from 'color';
|
|
14
|
+
import { calculatePieValue } from './helpers';
|
|
15
|
+
export var usePieEvents = function (_a) {
|
|
16
|
+
var chartRef = _a.chartRef, data = _a.data;
|
|
17
|
+
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
18
|
+
var getChartOption = function () { var _a; return (_a = getChartInstance()) === null || _a === void 0 ? void 0 : _a.getOption(); };
|
|
19
|
+
var getSeriesData = function () {
|
|
20
|
+
var chartOption = getChartOption();
|
|
21
|
+
var series = chartOption === null || chartOption === void 0 ? void 0 : chartOption.series;
|
|
22
|
+
return isArray(series) && !isEmpty(series) ? series[0].data : [];
|
|
23
|
+
};
|
|
24
|
+
var legendselectchanged = function (_a) {
|
|
25
|
+
var selected = _a.selected;
|
|
26
|
+
var chartInstance = getChartInstance();
|
|
27
|
+
var filteredData = data.filter(function (_a) {
|
|
28
|
+
var name = _a.name;
|
|
29
|
+
return selected[name];
|
|
30
|
+
});
|
|
31
|
+
var subtext = calculatePieValue(filteredData);
|
|
32
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ title: { subtext: subtext } });
|
|
33
|
+
};
|
|
34
|
+
var mouseover = function (_a) {
|
|
35
|
+
var name = _a.name;
|
|
36
|
+
var chartInstance = getChartInstance();
|
|
37
|
+
var series = getSeriesData();
|
|
38
|
+
var data = series.map(function (dataItem) {
|
|
39
|
+
var dataItemName = dataItem.name, color = dataItem.color;
|
|
40
|
+
var _a = Color(color).rgb().object(), r = _a.r, g = _a.g, b = _a.b;
|
|
41
|
+
var itemStyle = dataItemName === name ? { color: color } : { color: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(0.65, ")") };
|
|
42
|
+
return __assign(__assign({}, dataItem), { itemStyle: itemStyle });
|
|
43
|
+
});
|
|
44
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
|
|
45
|
+
};
|
|
46
|
+
var mouseout = function () {
|
|
47
|
+
var chartInstance = getChartInstance();
|
|
48
|
+
var series = getSeriesData();
|
|
49
|
+
var data = series.map(function (dataItem) {
|
|
50
|
+
var color = dataItem.color;
|
|
51
|
+
return __assign(__assign({}, dataItem), { itemStyle: { color: color } });
|
|
52
|
+
});
|
|
53
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.setOption({ series: [{ data: data }] });
|
|
54
|
+
};
|
|
55
|
+
return { legendselectchanged: legendselectchanged, mouseover: mouseover, mouseout: mouseout };
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=usePieEvents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePieEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/usePieEvents.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC3C,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;IAE5D,IAAM,aAAa,GAAG;QACpB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAA;QACpC,IAAM,MAAM,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA;QAClC,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAClE,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,EAA6B;YAA3B,QAAQ,cAAA;QACrC,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QACxC,IAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,QAAQ,CAAC,IAAI,CAAC;QAAd,CAAc,CAAC,CAAA;QAC9D,IAAM,OAAO,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAA;QAE/C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAE,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,IAAM,SAAS,GAAG,UAAC,EAAoB;YAAlB,IAAI,UAAA;QACvB,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QACxC,IAAM,MAAM,GAAG,aAAa,EAAE,CAAA;QAE9B,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,QAAmB;YAClC,IAAM,YAAY,GAAY,QAAQ,KAApB,EAAE,KAAK,GAAK,QAAQ,MAAb,CAAa;YACxC,IAAA,KAAc,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAvC,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,CAAC,OAAgC,CAAA;YAC/C,IAAM,SAAS,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,eAAQ,CAAC,eAAK,CAAC,eAAK,CAAC,eAAK,IAAI,MAAG,EAAE,CAAA;YAElG,6BAAY,QAAQ,KAAE,SAAS,WAAA,IAAE;QACnC,CAAC,CAAC,CAAA;QAEF,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG;QACf,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QACxC,IAAM,MAAM,GAAG,aAAa,EAAE,CAAA;QAE9B,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,QAAmB;YAClC,IAAA,KAAK,GAAK,QAAQ,MAAb,CAAa;YAC1B,6BAAY,QAAQ,KAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,IAAE;QAC9C,CAAC,CAAC,CAAA;QAEF,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,OAAO,EAAE,mBAAmB,qBAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAA;AACrD,CAAC,CAAA"}
|
|
@@ -31,7 +31,8 @@ var CheckBox = function (_a) {
|
|
|
31
31
|
}, []);
|
|
32
32
|
var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-check-box__pressed'); };
|
|
33
33
|
var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-check-box__pressed'); };
|
|
34
|
-
|
|
34
|
+
var handleClick = function (event) { return event.stopPropagation(); };
|
|
35
|
+
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 }))] })) })));
|
|
35
36
|
};
|
|
36
37
|
export default CheckBox;
|
|
37
38
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -11,9 +11,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useLayoutEffect, useRef, useState } from 'react';
|
|
14
|
+
import { v4 as uuidv4 } from 'uuid';
|
|
14
15
|
import classNames from 'classnames';
|
|
16
|
+
import Checkbox from '../Checkbox';
|
|
15
17
|
import { CONTEXT_MENU_SAFE_SPACE, CONTEXT_MENU_WIDTH, THEME } from '../../constants';
|
|
16
18
|
import '../../styles/styles.scss';
|
|
19
|
+
var generateCheckBoxId = function () { return uuidv4(); };
|
|
17
20
|
var ContextMenu = function (_a) {
|
|
18
21
|
var _b;
|
|
19
22
|
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;
|
|
@@ -37,12 +40,16 @@ var ContextMenu = function (_a) {
|
|
|
37
40
|
}
|
|
38
41
|
};
|
|
39
42
|
var contextMenuItems = items.map(function (_a) {
|
|
40
|
-
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;
|
|
43
|
+
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;
|
|
41
44
|
return (_jsxs("button", __assign({ className: classNames({
|
|
45
|
+
'smartapp-context-menu__items--checkbox': isWithCheckbox,
|
|
42
46
|
'smartapp-context-menu__items--negative': isNegativeAction,
|
|
43
47
|
'smartapp-context-menu__items--selected': isSelected,
|
|
44
48
|
'smartapp-context-menu__items--disabled': isDisabled,
|
|
45
|
-
}, itemClassName), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [
|
|
49
|
+
}, itemClassName), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-context-menu__items--content', {
|
|
50
|
+
'smartapp-context-menu__items--checkbox__content': isWithCheckbox,
|
|
51
|
+
'smartapp-context-menu__items--disabled__content': isDisabled,
|
|
52
|
+
}) }, { 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));
|
|
46
53
|
});
|
|
47
54
|
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);
|
|
48
55
|
if (!isMenuOpen) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAcD;;QAblB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAkB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAChB,iBAA8B,EAA9B,SAAS,mBAAG,kBAAkB,KAAA,EAC9B,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACL,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAA4C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EAA3F,iBAAiB,QAAA,EAAE,oBAAoB,QAAoD,CAAA;IAElG,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC1D,IAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAmD;QAC5E,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,CAAC,gBAAgB,IAAI,SAAS,EAAE,CAAA;IAClC,CAAC,CAAA;IAED,eAAe,CAAC;;QACd,oBAAoB,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAM,mBAAmB,GAAG,UAAC,MAAkB,IAAK,OAAA,CAAC,gBAAgB,IAAI,MAAM,EAAE,EAA7B,CAA6B,CAAA;IAEjF,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC9D,IAAI,CAAC,gBAAgB,EAAE;YACrB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,SAAS,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IThemeProps, TStyles } from '../../constants';
|
|
3
|
-
type MenuItem = {
|
|
3
|
+
export type MenuItem = {
|
|
4
4
|
isNegativeAction?: boolean;
|
|
5
5
|
isSelected?: boolean;
|
|
6
6
|
isDisabled?: boolean;
|
|
7
7
|
title: string;
|
|
8
8
|
action: () => void;
|
|
9
9
|
icon?: ReactElement;
|
|
10
|
+
isWithCheckbox?: boolean;
|
|
11
|
+
isChecked?: boolean;
|
|
10
12
|
};
|
|
11
13
|
export interface IContextMenuProps extends IThemeProps {
|
|
12
14
|
isMenuOpen: boolean;
|
|
@@ -25,4 +27,3 @@ export interface IContextMenuProps extends IThemeProps {
|
|
|
25
27
|
items: MenuItem[];
|
|
26
28
|
closeMenu: () => void;
|
|
27
29
|
}
|
|
28
|
-
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IInputProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Input: ({ isPassword, isClearable, isSearchable, disabled, title, mask, maxCharacters, hint, error, type, fieldType, fillType, counterType, width, iconColor, containerClassName, className, containerStyles, style, onChange, onFocus, onBlur, onEnterPress, onClearClick, outerRef, additionalInputParams, ...props }: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Input: ({ isPassword, isClearable, isSearchable, disabled, title, mask, maxCharacters, hint, error, type, fieldType, fillType, counterType, width, iconColor, containerClassName, className, containerStyles, style, onChange, onFocus, onBlur, onEnterPress, onClearClick, outerRef, additionalInputParams, disableErrorBorder, ...props }: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Input;
|
|
@@ -32,21 +32,21 @@ import { ReactComponent as ClearIcon } from '../../assets/icons/clear.svg';
|
|
|
32
32
|
import { ReactComponent as MagnifyingGlassIcon } from '../../assets/icons/magnifying-glass.svg';
|
|
33
33
|
import '../../styles/styles.scss';
|
|
34
34
|
var Input = function (_a) {
|
|
35
|
-
var _b = _a.isPassword, isPassword = _b === void 0 ? false : _b, _c = _a.isClearable, isClearable = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, title = _a.title, mask = _a.mask, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, type = _a.type, _f = _a.fieldType, fieldType = _f === void 0 ? INPUT_FIELD_TYPE.text : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.counterType, counterType = _h === void 0 ? INPUT_COUNTER_TYPE.text : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, iconColor = _a.iconColor, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, style = _a.style, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick, outerRef = _a.outerRef, additionalInputParams = _a.additionalInputParams, props = __rest(_a, ["isPassword", "isClearable", "isSearchable", "disabled", "title", "mask", "maxCharacters", "hint", "error", "type", "fieldType", "fillType", "counterType", "width", "iconColor", "containerClassName", "className", "containerStyles", "style", "onChange", "onFocus", "onBlur", "onEnterPress", "onClearClick", "outerRef", "additionalInputParams"]);
|
|
35
|
+
var _b = _a.isPassword, isPassword = _b === void 0 ? false : _b, _c = _a.isClearable, isClearable = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, title = _a.title, mask = _a.mask, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, type = _a.type, _f = _a.fieldType, fieldType = _f === void 0 ? INPUT_FIELD_TYPE.text : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.counterType, counterType = _h === void 0 ? INPUT_COUNTER_TYPE.text : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, iconColor = _a.iconColor, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, style = _a.style, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick, outerRef = _a.outerRef, additionalInputParams = _a.additionalInputParams, _k = _a.disableErrorBorder, disableErrorBorder = _k === void 0 ? false : _k, props = __rest(_a, ["isPassword", "isClearable", "isSearchable", "disabled", "title", "mask", "maxCharacters", "hint", "error", "type", "fieldType", "fillType", "counterType", "width", "iconColor", "containerClassName", "className", "containerStyles", "style", "onChange", "onFocus", "onBlur", "onEnterPress", "onClearClick", "outerRef", "additionalInputParams", "disableErrorBorder"]);
|
|
36
36
|
var localRef = useRef(null);
|
|
37
37
|
var maskRef = useRef(null);
|
|
38
38
|
var additionalInputRef = useRef(null);
|
|
39
39
|
var hiddenSpanRef = useRef(null);
|
|
40
40
|
var inputRef = outerRef || localRef;
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
41
|
+
var _l = useState(0), inputLength = _l[0], setInputLength = _l[1];
|
|
42
|
+
var _m = useState(maxCharacters || 0), remainingCharacters = _m[0], setRemainingCharacters = _m[1];
|
|
43
|
+
var _o = useState(null), timeoutId = _o[0], setTimeoutId = _o[1];
|
|
44
|
+
var _p = useState(false), isPasswordShown = _p[0], setIsPasswordShown = _p[1];
|
|
45
|
+
var _q = useState(0), additionalWidth = _q[0], setAdditionalWidth = _q[1];
|
|
46
|
+
var _r = useState(0), minAdditionalWidth = _r[0], setMinAdditionalWidth = _r[1];
|
|
47
|
+
var _s = useState(false), isClearableIconVisible = _s[0], setIsClearableIconVisible = _s[1];
|
|
48
48
|
var iconStyles = { color: generateColor(iconColor) };
|
|
49
|
-
var
|
|
49
|
+
var _t = additionalInputParams || {}, additionalClassName = _t.className, additionalPlaceholder = _t.placeholder, additionalDefaultValue = _t.defaultValue, onAdditionalChange = _t.onChange, additionalInputProps = __rest(_t, ["className", "placeholder", "defaultValue", "onChange"]);
|
|
50
50
|
useEffect(function () {
|
|
51
51
|
var inputElement = inputRef.current;
|
|
52
52
|
var setScrollLeftAsLeftByUser = function (event) {
|
|
@@ -199,7 +199,7 @@ var Input = function (_a) {
|
|
|
199
199
|
return (_jsxs("div", __assign({ style: __assign({ width: "".concat(width, "%") }, containerStyles), className: classNames('smartapp-input', containerClassName) }, { children: [renderInputTitle(), _jsxs("div", __assign({ className: "smartapp-input__container" }, { children: [renderMask(), _jsx("input", __assign({ ref: inputRef, className: classNames('smartapp-input__container--field', {
|
|
200
200
|
'smartapp-input__container--field__with-button': isPassword || isClearable || isSearchable,
|
|
201
201
|
'smartapp-input__container--field__disabled': disabled,
|
|
202
|
-
'smartapp-input__container--field__error': error,
|
|
202
|
+
'smartapp-input__container--field__error': error && !disableErrorBorder,
|
|
203
203
|
'smartapp-input__container--field__secondary-fill-type': isSecondaryFillType(fillType),
|
|
204
204
|
}, className), style: __assign({ paddingLeft: calculateInputPaddingLeft(), paddingRight: calculateInputPaddingRight() }, style), type: generateInputType(), disabled: disabled, maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }, props)), onAdditionalChange && (_jsxs("div", __assign({ className: "smartapp-input__container--additional-field", style: { width: "".concat(additionalWidth, "px") } }, { children: [_jsx("input", __assign({ ref: additionalInputRef, className: classNames('smartapp-input__container--additional-field__input', { 'smartapp-input__container--additional-field__input--disabled': disabled }, additionalClassName), defaultValue: additionalDefaultValue, disabled: disabled, maxLength: ADDITIONAL_MAX_CHARACTERS, placeholder: additionalPlaceholder, onChange: handleAdditionalChange }, additionalInputProps)), _jsx("span", { ref: hiddenSpanRef, className: "smartapp-input__container--additional-field__hidden-span" })] }))), renderEyeIcon(), renderMagnifyingGlass(), renderClearIcon(), renderTextCounter(), renderError()] })), renderHint()] })));
|
|
205
205
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AACtE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,aAAa,GACd,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAC/F,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":"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"}
|