@expressms/smartapp-ui 2.5.5 → 2.5.6
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/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +3 -0
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +39 -0
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +3 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +30 -0
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +3 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +64 -0
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -0
- package/build/main//321/201omponents/Charts/colors.d.ts +2 -0
- package/build/main//321/201omponents/Charts/colors.js +3 -0
- package/build/main//321/201omponents/Charts/colors.js.map +1 -0
- package/build/main//321/201omponents/Charts/constants.d.ts +50 -0
- package/build/main//321/201omponents/Charts/constants.js +36 -0
- package/build/main//321/201omponents/Charts/constants.js.map +1 -0
- package/build/main//321/201omponents/Charts/helpers.d.ts +68 -0
- package/build/main//321/201omponents/Charts/helpers.js +91 -0
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -0
- package/build/main//321/201omponents/Charts/index.d.ts +3 -0
- package/build/main//321/201omponents/Charts/index.js +4 -0
- package/build/main//321/201omponents/Charts/index.js.map +1 -0
- package/build/main//321/201omponents/Charts/types.d.ts +51 -0
- package/build/main//321/201omponents/Charts/types.js +2 -0
- package/build/main//321/201omponents/Charts/types.js.map +1 -0
- package/build/main//321/201omponents/Modal/Modal.js +1 -1
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +11 -3
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +1 -1
- package/build/main//321/201omponents/index.d.ts +1 -0
- package/build/main//321/201omponents/index.js +1 -0
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +3 -1
|
@@ -0,0 +1,39 @@
|
|
|
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 { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import ReactEcharts from 'echarts-for-react';
|
|
14
|
+
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP, OPTION_X_AXIS, OPTION_Y_AXIS, OPTIONS } from '../constants';
|
|
15
|
+
import { generateBarItem, generateLegend } from '../helpers';
|
|
16
|
+
import '../../../styles/styles.scss';
|
|
17
|
+
var series = OPTIONS.series, shadow = OPTIONS.shadow, bar = OPTIONS.bar;
|
|
18
|
+
var option = function (_a) {
|
|
19
|
+
var data = _a.data, title = _a.title, xAxis = _a.xAxis;
|
|
20
|
+
return ({
|
|
21
|
+
title: __assign({ text: title }, OPTION_TITLE),
|
|
22
|
+
legend: generateLegend({ data: data, chartType: bar }),
|
|
23
|
+
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { axisPointer: { type: shadow } }),
|
|
24
|
+
grid: OPTION_GRID,
|
|
25
|
+
xAxis: __assign({ data: xAxis }, OPTION_X_AXIS),
|
|
26
|
+
yAxis: OPTION_Y_AXIS,
|
|
27
|
+
series: generateBarItem(data),
|
|
28
|
+
emphasis: { focus: series },
|
|
29
|
+
barMaxWidth: 32,
|
|
30
|
+
barMinWidth: 15,
|
|
31
|
+
itemStyle: { borderRadius: [5, 5, 0, 0] },
|
|
32
|
+
barGap: '40%',
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
export var ChartBar = function (_a) {
|
|
36
|
+
var title = _a.title, xAxis = _a.xAxis, data = _a.data;
|
|
37
|
+
return _jsx(ReactEcharts, { option: option({ data: data, title: title, xAxis: xAxis }), style: { height: 420 } });
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=ChartBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/G,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AAEvC,IAAM,MAAM,GAAG,UAAC,EAAmC;QAAjC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAAoB,OAAA,CAAC;QACvD,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;QAChD,OAAO,wBACF,cAAc,KACjB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAC9B;QACD,IAAI,EAAE,WAAW;QACjB,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,aAAa,CAAE;QACxC,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QACzC,MAAM,EAAE,KAAK;KACd,CAAC;AAhBsD,CAgBtD,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAAoB,OAAA,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI;AAAhF,CAAgF,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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 { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import ReactEcharts from 'echarts-for-react';
|
|
14
|
+
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP, OPTION_X_AXIS, OPTION_Y_AXIS, OPTIONS } from '../constants';
|
|
15
|
+
import { generateLegend, generateLineItem } from '../helpers';
|
|
16
|
+
import '../../../styles/styles.scss';
|
|
17
|
+
export var ChartLine = function (_a) {
|
|
18
|
+
var title = _a.title, xAxis = _a.xAxis, data = _a.data;
|
|
19
|
+
var option = {
|
|
20
|
+
title: __assign({ text: title }, OPTION_TITLE),
|
|
21
|
+
legend: generateLegend({ data: data, chartType: OPTIONS.line }),
|
|
22
|
+
tooltip: OPTION_TOOLTIP,
|
|
23
|
+
grid: OPTION_GRID,
|
|
24
|
+
xAxis: __assign({ boundaryGap: false, data: xAxis }, OPTION_X_AXIS),
|
|
25
|
+
yAxis: OPTION_Y_AXIS,
|
|
26
|
+
series: generateLineItem(data),
|
|
27
|
+
};
|
|
28
|
+
return _jsx(ReactEcharts, { option: option, style: { height: 420 } });
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=ChartLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/G,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC5C,IAAM,MAAM,GAAG;QACb,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;QACzD,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,WAAW;QACjB,KAAK,aAAI,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,IAAK,aAAa,CAAE;QAC5D,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAA;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAAA;AACjE,CAAC,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useRef } from 'react';
|
|
14
|
+
import ReactEcharts from 'echarts-for-react';
|
|
15
|
+
import { OPTIONS } from '../constants';
|
|
16
|
+
import { COLORS } from '../../../constants';
|
|
17
|
+
import { TEXT_COLOR } from '../colors';
|
|
18
|
+
import { calculatePieValue, generateLegend } from '../helpers';
|
|
19
|
+
import '../../../styles/styles.scss';
|
|
20
|
+
var center = OPTIONS.center, pie = OPTIONS.pie;
|
|
21
|
+
var white = COLORS.white, black = COLORS.black;
|
|
22
|
+
var option = function (data, title) { return ({
|
|
23
|
+
legend: generateLegend({ data: data, chartType: pie }),
|
|
24
|
+
tooltip: {},
|
|
25
|
+
series: [
|
|
26
|
+
{
|
|
27
|
+
type: pie,
|
|
28
|
+
data: data,
|
|
29
|
+
radius: ['60%', '100%'],
|
|
30
|
+
itemStyle: { borderRadius: 8, borderColor: white, borderWidth: 6 },
|
|
31
|
+
label: { show: false },
|
|
32
|
+
labelLine: { show: false },
|
|
33
|
+
width: 320,
|
|
34
|
+
height: 320,
|
|
35
|
+
left: center,
|
|
36
|
+
},
|
|
37
|
+
],
|
|
38
|
+
title: {
|
|
39
|
+
text: title,
|
|
40
|
+
left: center,
|
|
41
|
+
top: '28%',
|
|
42
|
+
textStyle: { color: TEXT_COLOR, fontSize: 14, fontWeight: 400 },
|
|
43
|
+
subtext: calculatePieValue(data),
|
|
44
|
+
subtextStyle: { color: black, fontSize: 32, fontWeight: 700 },
|
|
45
|
+
itemGap: 10,
|
|
46
|
+
},
|
|
47
|
+
}); };
|
|
48
|
+
export var ChartPie = function (_a) {
|
|
49
|
+
var data = _a.data, title = _a.title, subtitle = _a.subtitle;
|
|
50
|
+
var chartRef = useRef(null);
|
|
51
|
+
var handleLegendSelectChanged = function (_a) {
|
|
52
|
+
var _b;
|
|
53
|
+
var selected = _a.selected;
|
|
54
|
+
var filteredData = data.filter(function (_a) {
|
|
55
|
+
var name = _a.name;
|
|
56
|
+
return selected[name];
|
|
57
|
+
});
|
|
58
|
+
var subtext = calculatePieValue(filteredData);
|
|
59
|
+
(_b = chartRef.current) === null || _b === void 0 ? void 0 : _b.getEchartsInstance().setOption({ title: { subtext: subtext } });
|
|
60
|
+
};
|
|
61
|
+
var onEvents = { legendselectchanged: handleLegendSelectChanged };
|
|
62
|
+
return (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: "smartapp-chart__title" }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option(data, subtitle), style: { height: 490 }, onEvents: onEvents })] }));
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=ChartPie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE9D,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AACvB,IAAA,KAAK,GAAY,MAAM,MAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AAE/B,IAAM,MAAM,GAAG,UAAC,IAAqB,EAAE,KAAa,IAAK,OAAA,CAAC;IACxD,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAChD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE;QACN;YACE,IAAI,EAAE,GAAG;YACT,IAAI,MAAA;YACJ,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;YACvB,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE;YAClE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,MAAM;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC/D,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;QAChC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC7D,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,EAzBuD,CAyBvD,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAElD,IAAM,yBAAyB,GAAG,UAAC,EAA6B;;YAA3B,QAAQ,cAAA;QAC3C,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,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAE,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAEnE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAC,uBAAuB,gBAAE,KAAK,IAAK,EAChD,KAAC,YAAY,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1G,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { COLORS } from '../../constants';
|
|
2
|
+
export declare enum OPTIONS {
|
|
3
|
+
center = "center",
|
|
4
|
+
axis = "axis",
|
|
5
|
+
shadow = "shadow",
|
|
6
|
+
circle = "circle",
|
|
7
|
+
category = "category",
|
|
8
|
+
transparent = "transparent",
|
|
9
|
+
value = "value",
|
|
10
|
+
series = "series",
|
|
11
|
+
pie = "pie",
|
|
12
|
+
bar = "bar",
|
|
13
|
+
line = "line"
|
|
14
|
+
}
|
|
15
|
+
export declare const OPTION_TITLE: {
|
|
16
|
+
left: OPTIONS;
|
|
17
|
+
textStyle: {
|
|
18
|
+
color: COLORS;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export declare const OPTION_TOOLTIP: {
|
|
22
|
+
trigger: OPTIONS;
|
|
23
|
+
};
|
|
24
|
+
export declare const OPTION_GRID: {
|
|
25
|
+
left: string;
|
|
26
|
+
right: string;
|
|
27
|
+
bottom: string;
|
|
28
|
+
containLabel: boolean;
|
|
29
|
+
};
|
|
30
|
+
export declare const OPTION_X_AXIS: {
|
|
31
|
+
type: OPTIONS;
|
|
32
|
+
axisLine: {
|
|
33
|
+
lineStyle: {
|
|
34
|
+
color: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
axisLabel: {
|
|
38
|
+
color: COLORS;
|
|
39
|
+
};
|
|
40
|
+
axisPointer: {
|
|
41
|
+
label: {
|
|
42
|
+
show: boolean;
|
|
43
|
+
backgroundColor: OPTIONS;
|
|
44
|
+
color: COLORS;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
export declare const OPTION_Y_AXIS: {
|
|
49
|
+
type: OPTIONS;
|
|
50
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { COLORS } from '../../constants';
|
|
2
|
+
import { LINE_COLOR } from './colors';
|
|
3
|
+
var darkerGray = COLORS.darkerGray, black = COLORS.black;
|
|
4
|
+
export var OPTIONS;
|
|
5
|
+
(function (OPTIONS) {
|
|
6
|
+
OPTIONS["center"] = "center";
|
|
7
|
+
OPTIONS["axis"] = "axis";
|
|
8
|
+
OPTIONS["shadow"] = "shadow";
|
|
9
|
+
OPTIONS["circle"] = "circle";
|
|
10
|
+
OPTIONS["category"] = "category";
|
|
11
|
+
OPTIONS["transparent"] = "transparent";
|
|
12
|
+
OPTIONS["value"] = "value";
|
|
13
|
+
OPTIONS["series"] = "series";
|
|
14
|
+
OPTIONS["pie"] = "pie";
|
|
15
|
+
OPTIONS["bar"] = "bar";
|
|
16
|
+
OPTIONS["line"] = "line";
|
|
17
|
+
})(OPTIONS || (OPTIONS = {}));
|
|
18
|
+
var center = OPTIONS.center, axis = OPTIONS.axis, category = OPTIONS.category, transparent = OPTIONS.transparent, value = OPTIONS.value;
|
|
19
|
+
export var OPTION_TITLE = {
|
|
20
|
+
left: center,
|
|
21
|
+
textStyle: { color: black },
|
|
22
|
+
};
|
|
23
|
+
export var OPTION_TOOLTIP = { trigger: axis };
|
|
24
|
+
export var OPTION_GRID = { left: '3%', right: '4%', bottom: '30%', containLabel: true };
|
|
25
|
+
export var OPTION_X_AXIS = {
|
|
26
|
+
type: category,
|
|
27
|
+
axisLine: {
|
|
28
|
+
lineStyle: { color: LINE_COLOR },
|
|
29
|
+
},
|
|
30
|
+
axisLabel: { color: darkerGray },
|
|
31
|
+
axisPointer: {
|
|
32
|
+
label: { show: true, backgroundColor: transparent, color: black },
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export var OPTION_Y_AXIS = { type: value };
|
|
36
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE7B,IAAA,UAAU,GAAY,MAAM,WAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AACpC,MAAM,CAAN,IAAY,OAYX;AAZD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,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,EAZW,OAAO,KAAP,OAAO,QAYlB;AAEO,IAAA,MAAM,GAAyC,OAAO,OAAhD,EAAE,IAAI,GAAmC,OAAO,KAA1C,EAAE,QAAQ,GAAyB,OAAO,SAAhC,EAAE,WAAW,GAAY,OAAO,YAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAE9D,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AAE/C,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEzF,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KACjC;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;IAChC,WAAW,EAAE;QACX,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;KAClE;CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { OPTIONS } from './constants';
|
|
2
|
+
import { TChartData, TChartPieData, TGenerateLegendProps } from './types';
|
|
3
|
+
export declare const calculateValue: (data: number[]) => number;
|
|
4
|
+
export declare const calculatePieValue: (data: TChartPieData[]) => number;
|
|
5
|
+
export declare const generateLegendItemValue: (itemName: string, data: TChartData[]) => string;
|
|
6
|
+
export declare const generatePieLegendItemValue: (itemName: string, data: TChartPieData[]) => string;
|
|
7
|
+
export declare const generateLineItem: (data: TChartData[]) => {
|
|
8
|
+
name: string;
|
|
9
|
+
data: number[];
|
|
10
|
+
type: OPTIONS;
|
|
11
|
+
itemStyle: {
|
|
12
|
+
color: string;
|
|
13
|
+
};
|
|
14
|
+
lineStyle: {
|
|
15
|
+
width: number;
|
|
16
|
+
};
|
|
17
|
+
smooth: boolean;
|
|
18
|
+
showSymbol: boolean;
|
|
19
|
+
emphasis: {
|
|
20
|
+
focus: OPTIONS;
|
|
21
|
+
};
|
|
22
|
+
}[];
|
|
23
|
+
export declare const generateBarItem: (data: TChartData[]) => {
|
|
24
|
+
name: string;
|
|
25
|
+
data: number[];
|
|
26
|
+
type: OPTIONS;
|
|
27
|
+
itemStyle: {
|
|
28
|
+
color: string;
|
|
29
|
+
};
|
|
30
|
+
}[];
|
|
31
|
+
export declare const generateLegend: ({ data, chartType }: TGenerateLegendProps) => {
|
|
32
|
+
itemGap: number;
|
|
33
|
+
bottom: number;
|
|
34
|
+
icon: OPTIONS.circle;
|
|
35
|
+
textStyle: {
|
|
36
|
+
rich: {
|
|
37
|
+
Name: {
|
|
38
|
+
fontSize: number;
|
|
39
|
+
align: OPTIONS.center;
|
|
40
|
+
};
|
|
41
|
+
value: {
|
|
42
|
+
fontSize: number;
|
|
43
|
+
align: OPTIONS.center;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
data?: string[] | undefined;
|
|
48
|
+
formatter?: ((name: string) => string) | undefined;
|
|
49
|
+
} | {
|
|
50
|
+
bottom: number;
|
|
51
|
+
itemGap: number;
|
|
52
|
+
formatter: (name: string) => string;
|
|
53
|
+
textStyle: {
|
|
54
|
+
rich: {
|
|
55
|
+
Name: {
|
|
56
|
+
width: number;
|
|
57
|
+
fontSize: number;
|
|
58
|
+
align: OPTIONS.center;
|
|
59
|
+
};
|
|
60
|
+
value: {
|
|
61
|
+
fontSize: number;
|
|
62
|
+
align: OPTIONS.center;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
icon: OPTIONS.circle;
|
|
67
|
+
data?: string[] | undefined;
|
|
68
|
+
} | undefined;
|
|
@@ -0,0 +1,91 @@
|
|
|
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 { OPTIONS } from './constants';
|
|
13
|
+
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar;
|
|
14
|
+
export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
|
|
15
|
+
export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
|
|
16
|
+
var value = _a.value;
|
|
17
|
+
return acc + value;
|
|
18
|
+
}, 0); };
|
|
19
|
+
var generateSumText = function (itemName, value) {
|
|
20
|
+
var sumText = "{value|".concat(value, "}");
|
|
21
|
+
return "{Name|".concat(itemName, "}\n\n").concat(sumText);
|
|
22
|
+
};
|
|
23
|
+
export var generateLegendItemValue = function (itemName, data) {
|
|
24
|
+
var item = data.find(function (_a) {
|
|
25
|
+
var name = _a.name;
|
|
26
|
+
return name === itemName;
|
|
27
|
+
});
|
|
28
|
+
var value = calculateValue((item === null || item === void 0 ? void 0 : item.data) || []);
|
|
29
|
+
return generateSumText(itemName, value);
|
|
30
|
+
};
|
|
31
|
+
export var generatePieLegendItemValue = function (itemName, data) {
|
|
32
|
+
var item = data.find(function (_a) {
|
|
33
|
+
var name = _a.name;
|
|
34
|
+
return name === itemName;
|
|
35
|
+
});
|
|
36
|
+
var value = (item === null || item === void 0 ? void 0 : item.value) || 0;
|
|
37
|
+
return generateSumText(itemName, value);
|
|
38
|
+
};
|
|
39
|
+
export var generateLineItem = function (data) {
|
|
40
|
+
return data.map(function (_a) {
|
|
41
|
+
var name = _a.name, color = _a.color, data = _a.data;
|
|
42
|
+
return ({
|
|
43
|
+
name: name,
|
|
44
|
+
data: data,
|
|
45
|
+
type: line,
|
|
46
|
+
itemStyle: { color: color },
|
|
47
|
+
lineStyle: { width: 1 },
|
|
48
|
+
smooth: true,
|
|
49
|
+
showSymbol: false,
|
|
50
|
+
emphasis: { focus: series },
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
export var generateBarItem = function (data) { return data.map(function (_a) {
|
|
55
|
+
var name = _a.name, color = _a.color, data = _a.data;
|
|
56
|
+
return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
|
|
57
|
+
}); };
|
|
58
|
+
export var generateLegend = function (_a) {
|
|
59
|
+
var data = _a.data, chartType = _a.chartType;
|
|
60
|
+
var isLineChart = chartType === OPTIONS.line;
|
|
61
|
+
var isBarChart = chartType === OPTIONS.bar;
|
|
62
|
+
var isPieChart = chartType === OPTIONS.pie;
|
|
63
|
+
var commonSettings = {
|
|
64
|
+
bottom: 5,
|
|
65
|
+
icon: OPTIONS.circle,
|
|
66
|
+
textStyle: {
|
|
67
|
+
rich: {
|
|
68
|
+
Name: { fontSize: 14, align: OPTIONS.center },
|
|
69
|
+
value: { fontSize: 24, align: OPTIONS.center },
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
if (isLineChart || isBarChart) {
|
|
74
|
+
var chartData_1 = data;
|
|
75
|
+
commonSettings = __assign(__assign({}, commonSettings), { data: chartData_1.map(function (_a) {
|
|
76
|
+
var name = _a.name;
|
|
77
|
+
return name;
|
|
78
|
+
}), formatter: function (name) { return generateLegendItemValue(name, chartData_1); } });
|
|
79
|
+
}
|
|
80
|
+
if (isLineChart)
|
|
81
|
+
return __assign(__assign({}, commonSettings), { itemGap: 70 });
|
|
82
|
+
if (isBarChart)
|
|
83
|
+
return __assign(__assign({}, commonSettings), { itemGap: 45 });
|
|
84
|
+
if (isPieChart) {
|
|
85
|
+
var chartPieData_1 = data;
|
|
86
|
+
return __assign(__assign({}, commonSettings), { bottom: 0, itemGap: 20, formatter: function (name) { return generatePieLegendItemValue(name, chartPieData_1); }, textStyle: {
|
|
87
|
+
rich: __assign(__assign({}, commonSettings.textStyle.rich), { Name: __assign(__assign({}, commonSettings.textStyle.rich.Name), { width: 100 }) }),
|
|
88
|
+
} });
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { OPTIONS } from './constants';
|
|
2
|
+
export type TChartData = {
|
|
3
|
+
name: string;
|
|
4
|
+
color: string;
|
|
5
|
+
data: number[];
|
|
6
|
+
};
|
|
7
|
+
export interface IChartProps {
|
|
8
|
+
title?: string;
|
|
9
|
+
xAxis: string[];
|
|
10
|
+
data: TChartData[];
|
|
11
|
+
}
|
|
12
|
+
export type TChartPieData = {
|
|
13
|
+
name: string;
|
|
14
|
+
color: string;
|
|
15
|
+
value: number;
|
|
16
|
+
};
|
|
17
|
+
export interface IChartPieProps {
|
|
18
|
+
title?: string;
|
|
19
|
+
subtitle: string;
|
|
20
|
+
data: TChartPieData[];
|
|
21
|
+
}
|
|
22
|
+
export type TLegendVisibility = {
|
|
23
|
+
[name: string]: boolean;
|
|
24
|
+
};
|
|
25
|
+
export type TLegendsChanged = {
|
|
26
|
+
name: string;
|
|
27
|
+
selected: TLegendVisibility;
|
|
28
|
+
};
|
|
29
|
+
export type TCommonChartSettings = {
|
|
30
|
+
bottom: number;
|
|
31
|
+
icon: OPTIONS.circle;
|
|
32
|
+
textStyle: {
|
|
33
|
+
rich: {
|
|
34
|
+
Name: {
|
|
35
|
+
fontSize: number;
|
|
36
|
+
align: OPTIONS.center;
|
|
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[];
|
|
50
|
+
chartType: string;
|
|
51
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/types.ts"],"names":[],"mappings":""}
|
|
@@ -47,7 +47,7 @@ var Modal = function (_a) {
|
|
|
47
47
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
48
48
|
};
|
|
49
49
|
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
50
|
-
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'modal', delimiter: '-', additionalClassName: popupAdditionalClassName }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-modal', delimiter: '__', additionalClassName: additionalClassName }), onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: platform }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx(ScrollBar, { content: _jsx("div", __assign({ ref: handleSetContainerHeight, className: classNames({ 'smartapp-modal__content--pb': !bottomContent }) }, { children: content })), containerHeight: containerHeight }), _jsx("div", __assign({ className: classNames(
|
|
50
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'modal', delimiter: '-', additionalClassName: popupAdditionalClassName }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-modal', delimiter: '__', additionalClassName: additionalClassName }), onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: platform }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx(ScrollBar, { content: _jsx("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: content })), containerHeight: containerHeight }), bottomContent && (_jsx("div", __assign({ className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })) })));
|
|
51
51
|
};
|
|
52
52
|
export default Modal;
|
|
53
53
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { useCallback, useEffect, useState } from 'react';
|
|
13
|
+
import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import Scrollbar from 'react-scrollbars-custom';
|
|
16
|
+
import { v4 as uuidv4 } from 'uuid';
|
|
16
17
|
import { DEFAULT_SCROLL_BAR_HIDE_DURATION, DEFAULT_SCROLL_BAR_WIDTH } from '../../constants';
|
|
17
18
|
import '../../styles/styles.scss';
|
|
18
19
|
var DEFAULT_SCROLL_BAR_HEIGHT = '100%';
|
|
@@ -20,7 +21,8 @@ var HIDE_THUMB_CLASSNAME = 'smartapp-scroll__thumb';
|
|
|
20
21
|
var SHOW_THUMB_CLASSNAME = "".concat(HIDE_THUMB_CLASSNAME, "--show ").concat(HIDE_THUMB_CLASSNAME);
|
|
21
22
|
var ScrollBar = function (_a) {
|
|
22
23
|
var content = _a.content, handleScroll = _a.handleScroll, _b = _a.width, width = _b === void 0 ? DEFAULT_SCROLL_BAR_WIDTH : _b, _c = _a.hideDuration, hideDuration = _c === void 0 ? DEFAULT_SCROLL_BAR_HIDE_DURATION : _c, _d = _a.containerHeight, containerHeight = _d === void 0 ? DEFAULT_SCROLL_BAR_HEIGHT : _d;
|
|
23
|
-
var _e = useState(
|
|
24
|
+
var _e = useState(uuidv4()), contentKey = _e[0], setContentKey = _e[1];
|
|
25
|
+
var _f = useState(false), scrolling = _f[0], setScrolling = _f[1];
|
|
24
26
|
var generateThumbClassName = useCallback(function () { return (scrolling ? SHOW_THUMB_CLASSNAME : HIDE_THUMB_CLASSNAME); }, [scrolling]);
|
|
25
27
|
var generateScrollerClassNames = function () { return ({
|
|
26
28
|
'smartapp-scroll__scroller--width-6': width === 6,
|
|
@@ -32,11 +34,17 @@ var ScrollBar = function (_a) {
|
|
|
32
34
|
return function () { return clearTimeout(debounceTimeout); };
|
|
33
35
|
/* eslint-disable-next-line */
|
|
34
36
|
}, [scrolling]);
|
|
37
|
+
useLayoutEffect(function () {
|
|
38
|
+
return function () {
|
|
39
|
+
setScrolling(false);
|
|
40
|
+
setContentKey(uuidv4());
|
|
41
|
+
};
|
|
42
|
+
}, [content]);
|
|
35
43
|
var onScroll = function () {
|
|
36
44
|
handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
|
|
37
45
|
setScrolling(true);
|
|
38
46
|
};
|
|
39
|
-
return (_jsx("div", __assign({ style: { height: containerHeight }, className: "smartapp-scroll" }, { children: _jsx(Scrollbar, __assign({ native: false, mobileNative: false, removeTracksWhenNotUsed: true, onScroll: onScroll, wrapperProps: { className: 'smartapp-scroll__wrapper' }, thumbYProps: { className: generateThumbClassName() }, trackYProps: { className: classNames('smartapp-scroll__scroller', generateScrollerClassNames()) } }, { children: content })) })));
|
|
47
|
+
return (_jsx("div", __assign({ style: { height: containerHeight }, className: "smartapp-scroll" }, { children: _jsx(Scrollbar, __assign({ native: false, mobileNative: false, removeTracksWhenNotUsed: true, onScroll: onScroll, wrapperProps: { className: 'smartapp-scroll__wrapper' }, thumbYProps: { className: generateThumbClassName() }, trackYProps: { className: classNames('smartapp-scroll__scroller', generateScrollerClassNames()) } }, { children: content }), contentKey) })));
|
|
40
48
|
};
|
|
41
49
|
export default ScrollBar;
|
|
42
50
|
//# sourceMappingURL=ScrollBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/ScrollBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/ScrollBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,gCAAgC,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAC5F,OAAO,0BAA0B,CAAA;AAEjC,IAAM,yBAAyB,GAAG,MAAM,CAAA;AACxC,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AACrD,IAAM,oBAAoB,GAAG,UAAG,oBAAoB,oBAAU,oBAAoB,CAAE,CAAA;AAEpF,IAAM,SAAS,GAAG,UAAC,EAMD;QALhB,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,aAAgC,EAAhC,KAAK,mBAAG,wBAAwB,KAAA,EAChC,oBAA+C,EAA/C,YAAY,mBAAG,gCAAgC,KAAA,EAC/C,uBAA2C,EAA3C,eAAe,mBAAG,yBAAyB,KAAA;IAErC,IAAA,KAA8B,QAAQ,CAAC,MAAM,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAA;IAChD,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAM,sBAAsB,GAAG,WAAW,CAAC,cAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAzD,CAAyD,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAExH,IAAM,0BAA0B,GAAG,cAAM,OAAA,CAAC;QACxC,oCAAoC,EAAE,KAAK,KAAK,CAAC;QACjD,oCAAoC,EAAE,KAAK,KAAK,CAAC;QACjD,oCAAoC,EAAE,KAAK,KAAK,CAAC;KAClD,CAAC,EAJuC,CAIvC,CAAA;IAEF,SAAS,CAAC;QACR,IAAM,eAAe,GAAG,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,YAAY,CAAC,CAAA;QAC3E,OAAO,cAAM,OAAA,YAAY,CAAC,eAAe,CAAC,EAA7B,CAA6B,CAAA;QAC1C,8BAA8B;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,eAAe,CAAC;QACd,OAAO;YACL,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,aAAa,CAAC,MAAM,EAAE,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,QAAQ,GAAG;QACf,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAA;QAChB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACL,uBAAK,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,SAAS,EAAC,iBAAiB,gBAClE,KAAC,SAAS,aAER,MAAM,EAAE,KAAK,EACb,YAAY,EAAE,KAAK,EACnB,uBAAuB,QACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,EAAE,SAAS,EAAE,0BAA0B,EAAE,EACvD,WAAW,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,EAAE,EACpD,WAAW,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,0BAA0B,EAAE,CAAC,EAAE,gBAEhG,OAAO,KATH,UAAU,CAUL,IACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -29,4 +29,5 @@ export { Skeleton } from './Skeleton';
|
|
|
29
29
|
export { default as ListItem } from './ListItem';
|
|
30
30
|
export { default as CachedImage } from './CachedImage';
|
|
31
31
|
export { default as ProgressBar } from './ProgressBar';
|
|
32
|
+
export { ChartBar, ChartLine, ChartPie } from './Charts';
|
|
32
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA"}
|