@j2inn/fin5-ui-utils 5.2.2-beta.12 → 5.2.2-beta.2
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/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/dist/react/components/charts/QRCode.d.ts +2 -2
- package/dist/react/components/charts/QRCode.js +1 -2
- package/dist/react/components/charts/QRCode.js.map +1 -1
- package/dist/react/components/charts/line-bar/Chart.d.ts +9 -12
- package/dist/react/components/charts/line-bar/Chart.js +86 -43
- package/dist/react/components/charts/line-bar/Chart.js.map +1 -1
- package/dist/react/components/charts/line-bar/HGridChart.d.ts +9 -9
- package/dist/react/components/charts/line-bar/HGridChart.js +31 -41
- package/dist/react/components/charts/line-bar/HGridChart.js.map +1 -1
- package/dist/react/components/makeCustomElement.d.ts +2 -6
- package/dist/react/components/makeCustomElement.js +12 -24
- package/dist/react/components/makeCustomElement.js.map +1 -1
- package/dist_es/index.d.ts +0 -1
- package/dist_es/index.js +0 -1
- package/dist_es/index.js.map +1 -1
- package/dist_es/react/components/charts/QRCode.d.ts +2 -2
- package/dist_es/react/components/charts/QRCode.js +2 -1
- package/dist_es/react/components/charts/QRCode.js.map +1 -1
- package/dist_es/react/components/charts/line-bar/Chart.d.ts +9 -12
- package/dist_es/react/components/charts/line-bar/Chart.js +86 -43
- package/dist_es/react/components/charts/line-bar/Chart.js.map +1 -1
- package/dist_es/react/components/charts/line-bar/HGridChart.d.ts +9 -9
- package/dist_es/react/components/charts/line-bar/HGridChart.js +28 -38
- package/dist_es/react/components/charts/line-bar/HGridChart.js.map +1 -1
- package/dist_es/react/components/makeCustomElement.d.ts +2 -6
- package/dist_es/react/components/makeCustomElement.js +12 -26
- package/dist_es/react/components/makeCustomElement.js.map +1 -1
- package/package.json +1 -1
- package/dist/react/components/charts/line-bar/ZincGridChart.d.ts +0 -12
- package/dist/react/components/charts/line-bar/ZincGridChart.js +0 -24
- package/dist/react/components/charts/line-bar/ZincGridChart.js.map +0 -1
- package/dist_es/react/components/charts/line-bar/ZincGridChart.d.ts +0 -12
- package/dist_es/react/components/charts/line-bar/ZincGridChart.js +0 -17
- package/dist_es/react/components/charts/line-bar/ZincGridChart.js.map +0 -1
|
@@ -29,10 +29,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
29
29
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
30
|
};
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.
|
|
32
|
+
exports.calculateDefaultTimeInterval = exports.addLineSeriesRowData = exports.getBarSeriesRowData = exports.splitBarAndLineSeriesCols = exports.colNameToDisProvider = exports.isStepLineSeries = exports.isBarSeries = exports.isStackedBarSeries = exports.isLineSeries = void 0;
|
|
33
33
|
const am5 = __importStar(require("@amcharts/amcharts5"));
|
|
34
34
|
const haystack_core_1 = require("haystack-core");
|
|
35
|
-
const dist_1 = require("haystack-units/dist");
|
|
36
35
|
const react_1 = __importStar(require("react"));
|
|
37
36
|
const react_jss_1 = require("react-jss");
|
|
38
37
|
const useScreenSize_1 = __importDefault(require("../../../hooks/useScreenSize"));
|
|
@@ -42,39 +41,20 @@ var SeriesType;
|
|
|
42
41
|
SeriesType["line"] = "line";
|
|
43
42
|
SeriesType["bar"] = "bar";
|
|
44
43
|
SeriesType["stackedBar"] = "stackedBar";
|
|
44
|
+
SeriesType["stepLine"] = "stepLine";
|
|
45
45
|
})(SeriesType || (SeriesType = {}));
|
|
46
46
|
var SeriesVariant;
|
|
47
47
|
(function (SeriesVariant) {
|
|
48
48
|
SeriesVariant["dashed"] = "dashed";
|
|
49
49
|
})(SeriesVariant || (SeriesVariant = {}));
|
|
50
|
-
const rollupDurationToTimeInterval = (value) => {
|
|
51
|
-
let unit;
|
|
52
|
-
switch (value?.unit) {
|
|
53
|
-
case dist_1.hour:
|
|
54
|
-
unit = 'hour';
|
|
55
|
-
break;
|
|
56
|
-
case dist_1.day:
|
|
57
|
-
unit = 'day';
|
|
58
|
-
break;
|
|
59
|
-
case dist_1.week:
|
|
60
|
-
unit = 'week';
|
|
61
|
-
break;
|
|
62
|
-
case dist_1.julianMonth:
|
|
63
|
-
unit = 'month';
|
|
64
|
-
break;
|
|
65
|
-
case dist_1.year:
|
|
66
|
-
unit = 'year';
|
|
67
|
-
break;
|
|
68
|
-
}
|
|
69
|
-
return { count: value?.value ?? 1, timeUnit: unit ?? 'hour' };
|
|
70
|
-
};
|
|
71
|
-
exports.rollupDurationToTimeInterval = rollupDurationToTimeInterval;
|
|
72
50
|
const isLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.line;
|
|
73
51
|
exports.isLineSeries = isLineSeries;
|
|
74
52
|
const isStackedBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stackedBar;
|
|
75
53
|
exports.isStackedBarSeries = isStackedBarSeries;
|
|
76
54
|
const isBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.bar;
|
|
77
55
|
exports.isBarSeries = isBarSeries;
|
|
56
|
+
const isStepLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stepLine;
|
|
57
|
+
exports.isStepLineSeries = isStepLineSeries;
|
|
78
58
|
const isDottedSeriesVariant = (colMetadata) => SeriesVariant.dashed === colMetadata?.variant?.value;
|
|
79
59
|
const getSeriesColor = (colMetadata) => colMetadata?.color ? am5.color(colMetadata.color.value) : undefined;
|
|
80
60
|
const getSeriesDis = (colMetadata) => colMetadata?.dis?.value;
|
|
@@ -101,7 +81,7 @@ const splitBarAndLineSeriesCols = (grid) => {
|
|
|
101
81
|
const lineSeries = new Set();
|
|
102
82
|
grid.getColumns().forEach((column) => {
|
|
103
83
|
const colMetadata = column.meta;
|
|
104
|
-
if ((0, exports.isLineSeries)(colMetadata)) {
|
|
84
|
+
if ((0, exports.isLineSeries)(colMetadata) || (0, exports.isStepLineSeries)(colMetadata)) {
|
|
105
85
|
lineSeries.add(column.name);
|
|
106
86
|
}
|
|
107
87
|
else if ((0, exports.isBarSeries)(colMetadata)) {
|
|
@@ -148,6 +128,7 @@ const addLineSeriesRowData = (row, metadata, colName, lineSeriesData) => {
|
|
|
148
128
|
unit: getSeriesUnit(metadata),
|
|
149
129
|
hideAxis: getHideAxis(metadata),
|
|
150
130
|
axisPlacement: getAxisPlacement(metadata),
|
|
131
|
+
stepLine: (0, exports.isStepLineSeries)(metadata),
|
|
151
132
|
data: [],
|
|
152
133
|
strokeSettings: {
|
|
153
134
|
strokeWidth: 2,
|
|
@@ -197,18 +178,19 @@ const getHValValueNumber = (val) => {
|
|
|
197
178
|
throw new Error(`getHValValue: ${val.getKind()} not supported`);
|
|
198
179
|
};
|
|
199
180
|
const calculateDefaultTimeInterval = (timeRange) => {
|
|
200
|
-
const diffTime =
|
|
181
|
+
const diffTime = timeRange
|
|
182
|
+
? Math.abs(timeRange[1].getTime() - timeRange[0].getTime())
|
|
183
|
+
: 0;
|
|
201
184
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
|
202
185
|
return { count: diffDays ? diffDays : 1, timeUnit: 'hour' };
|
|
203
186
|
};
|
|
204
187
|
exports.calculateDefaultTimeInterval = calculateDefaultTimeInterval;
|
|
205
188
|
/**
|
|
206
|
-
*
|
|
207
|
-
* of different kinds, taking all the data and configuration from an HGrid.
|
|
189
|
+
* Builds a chart containing multiple series (lines, bars, stacked bars, ranges) from grid data and metadata.
|
|
208
190
|
*/
|
|
209
|
-
|
|
191
|
+
const HGridChart = (0, react_1.memo)(function HGridChartComponent({ DOMtargetId, className, data, timeRange, timeInterval = (0, exports.calculateDefaultTimeInterval)(timeRange), unitPlacement = Chart_1.UnitPlacement.axis, legendPlacement = Chart_1.LegendPlacement.right, combineTooltipValues = true, translateLabel = undefined, }) {
|
|
210
192
|
const theme = (0, react_jss_1.useTheme)();
|
|
211
|
-
const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData } = (0, react_1.useMemo)(() => {
|
|
193
|
+
const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData, timezone, } = (0, react_1.useMemo)(() => {
|
|
212
194
|
if (data === undefined) {
|
|
213
195
|
return {
|
|
214
196
|
barSeriesData: [],
|
|
@@ -235,8 +217,7 @@ exports.HGridChart = (0, react_1.memo)(function HGridChartComponent({ className,
|
|
|
235
217
|
}
|
|
236
218
|
if (lineSeries.size > 0) {
|
|
237
219
|
lineSeries.forEach((lineSeriesColName) => {
|
|
238
|
-
(0, exports.addLineSeriesRowData)(row, data.getColumn(lineSeriesColName)?.meta ??
|
|
239
|
-
haystack_core_1.HDict.make(), lineSeriesColName, lineSeriesData);
|
|
220
|
+
(0, exports.addLineSeriesRowData)(row, data.getColumn(lineSeriesColName)?.meta ?? haystack_core_1.HDict.make(), lineSeriesColName, lineSeriesData);
|
|
240
221
|
});
|
|
241
222
|
}
|
|
242
223
|
});
|
|
@@ -255,6 +236,7 @@ exports.HGridChart = (0, react_1.memo)(function HGridChartComponent({ className,
|
|
|
255
236
|
stackedBarSeriesData: Array.from(stackedBarSeriesData.values()),
|
|
256
237
|
lineSeriesData: Array.from(lineSeriesData.values()),
|
|
257
238
|
rangesData,
|
|
239
|
+
timezone: gridMetadata.timezone?.value,
|
|
258
240
|
};
|
|
259
241
|
}, [data]);
|
|
260
242
|
const screenSize = (0, useScreenSize_1.default)();
|
|
@@ -274,16 +256,24 @@ exports.HGridChart = (0, react_1.memo)(function HGridChartComponent({ className,
|
|
|
274
256
|
return (react_1.default.createElement("div", { className: className },
|
|
275
257
|
react_1.default.createElement(Chart_1.Chart, { DOMtargetId: DOMtargetId, cursor: true, legendPlacement: effectiveLegendPlacement, unitPlacement: unitPlacement, numberFormat: { maximumFractionDigits: 0 }, barSeriesData: barSeriesData, rangesData: rangesData, translateLabel: (0, exports.colNameToDisProvider)(data ?? haystack_core_1.HGrid.make(), translateLabel), stackedBarSeriesData: stackedBarSeriesData, lineSeriesData: lineSeriesData, gridSettings: {
|
|
276
258
|
stroke: am5.color(theme.borderColor),
|
|
259
|
+
}, dateAxisSettings: {
|
|
260
|
+
dateFormats: {
|
|
261
|
+
hour: 'HH',
|
|
262
|
+
day: 'd MMM',
|
|
263
|
+
week: 'MM-dd',
|
|
264
|
+
month: 'YY-MM',
|
|
265
|
+
year: 'YYYY',
|
|
266
|
+
},
|
|
267
|
+
periodChangeDateFormats: {
|
|
268
|
+
hour: 'd MMM',
|
|
269
|
+
day: 'd MMM',
|
|
270
|
+
week: 'MM-dd',
|
|
271
|
+
month: 'YY-MM',
|
|
272
|
+
year: 'YY-MM',
|
|
273
|
+
},
|
|
277
274
|
}, dateField: 'ts', baseInterval: timeInterval, tooltipSettings: {
|
|
278
275
|
fontSize: '0.9rem',
|
|
279
|
-
},
|
|
280
|
-
fill: am5.color(theme.textColor),
|
|
281
|
-
fontSize: '0.9rem',
|
|
282
|
-
}, legendMarkersSettings: {
|
|
283
|
-
width: 8,
|
|
284
|
-
height: 8,
|
|
285
|
-
rounded: true,
|
|
286
|
-
} })));
|
|
276
|
+
}, combineTooltipValues: combineTooltipValues, timezone: timezone, useSafeResolution: false })));
|
|
287
277
|
});
|
|
288
|
-
exports.default =
|
|
278
|
+
exports.default = HGridChart;
|
|
289
279
|
//# sourceMappingURL=HGridChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/HGridChart.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,yDAA0C;
|
|
1
|
+
{"version":3,"file":"HGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/HGridChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
interface CustomElementOptions {
|
|
3
|
-
useShadowDom?: boolean;
|
|
4
|
-
}
|
|
5
2
|
/**
|
|
6
3
|
* Generate a custom element constructor that wraps the given react component.
|
|
7
4
|
*/
|
|
8
|
-
export declare const makeCustomElement: <T extends object>(Component: React.FC<T
|
|
5
|
+
export declare const makeCustomElement: <T extends object>(Component: React.FC<T>) => CustomElementConstructor;
|
|
9
6
|
/**
|
|
10
7
|
* Create a custom element wrapping a React component and register it.
|
|
11
8
|
* @param webComponentName the name of the Web component (tag name)
|
|
12
9
|
* @param ReactComponent the React component to wrap
|
|
13
10
|
* @returns
|
|
14
11
|
*/
|
|
15
|
-
export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T
|
|
16
|
-
export {};
|
|
12
|
+
export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T>) => void;
|
|
@@ -19,7 +19,7 @@ const defaultTheme = (0, ui_1.GenerateTheme)().light;
|
|
|
19
19
|
/**
|
|
20
20
|
* Generate a custom element constructor that wraps the given react component.
|
|
21
21
|
*/
|
|
22
|
-
const makeCustomElement = (Component
|
|
22
|
+
const makeCustomElement = (Component) => {
|
|
23
23
|
return class extends HTMLElement {
|
|
24
24
|
static get observedAttributes() {
|
|
25
25
|
return ['props'];
|
|
@@ -82,25 +82,15 @@ const makeCustomElement = (Component, options) => {
|
|
|
82
82
|
}
|
|
83
83
|
root;
|
|
84
84
|
jss;
|
|
85
|
-
base;
|
|
86
|
-
initialized = false;
|
|
87
85
|
constructor() {
|
|
88
86
|
super();
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
mountPoint.setAttribute('style', 'display: contents;');
|
|
97
|
-
this.base.appendChild(mountPoint);
|
|
98
|
-
this.root = (0, client_1.createRoot)(mountPoint);
|
|
99
|
-
this.jss = (0, jss_1.create)({
|
|
100
|
-
insertionPoint: mountPoint,
|
|
101
|
-
});
|
|
102
|
-
this.initialized = true;
|
|
103
|
-
}
|
|
87
|
+
const mountPoint = document.createElement('div');
|
|
88
|
+
mountPoint.setAttribute('style', 'display: contents;');
|
|
89
|
+
this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
|
|
90
|
+
this.root = (0, client_1.createRoot)(mountPoint);
|
|
91
|
+
this.jss = (0, jss_1.create)({
|
|
92
|
+
insertionPoint: mountPoint,
|
|
93
|
+
});
|
|
104
94
|
}
|
|
105
95
|
connectedCallback() {
|
|
106
96
|
this.render();
|
|
@@ -109,16 +99,14 @@ const makeCustomElement = (Component, options) => {
|
|
|
109
99
|
this.render();
|
|
110
100
|
}
|
|
111
101
|
disconnectedCallback() {
|
|
112
|
-
this.root
|
|
113
|
-
this.initialized = false;
|
|
102
|
+
this.root.unmount();
|
|
114
103
|
}
|
|
115
104
|
render() {
|
|
116
|
-
this.initialize();
|
|
117
105
|
const ThemedComponent = (react_1.default.createElement(react_jss_1.ThemeProvider, { theme: this.theme },
|
|
118
106
|
react_1.default.createElement(utils_1.I18NContext.Provider, { value: this.i18n },
|
|
119
107
|
react_1.default.createElement(react_jss_1.JssProvider, { jss: this.jss },
|
|
120
108
|
react_1.default.createElement(Component, { ...this.props })))));
|
|
121
|
-
this.root
|
|
109
|
+
this.root.render(react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: this.appRootStore ?? null },
|
|
122
110
|
react_1.default.createElement(app_react_1.AppStoreContext.Provider, { value: this.appStore }, this.client ? (react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: this.client }, ThemedComponent)) : (ThemedComponent))));
|
|
123
111
|
}
|
|
124
112
|
};
|
|
@@ -130,13 +118,13 @@ exports.makeCustomElement = makeCustomElement;
|
|
|
130
118
|
* @param ReactComponent the React component to wrap
|
|
131
119
|
* @returns
|
|
132
120
|
*/
|
|
133
|
-
const registerReactWebComponent = (webComponentName, ReactComponent
|
|
121
|
+
const registerReactWebComponent = (webComponentName, ReactComponent) => {
|
|
134
122
|
// Bail if web component is already defined
|
|
135
123
|
if (customElements.get(webComponentName)) {
|
|
136
124
|
return;
|
|
137
125
|
}
|
|
138
126
|
// Make web component that wraps the react component
|
|
139
|
-
const Element = (0, exports.makeCustomElement)(ReactComponent
|
|
127
|
+
const Element = (0, exports.makeCustomElement)(ReactComponent);
|
|
140
128
|
try {
|
|
141
129
|
// Define web component
|
|
142
130
|
customElements.define(webComponentName, Element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAGH,gDAAuE;AAEvE,kCAAmD;AACnD,wCAA0C;AAE1C,mDAA8C;AAC9C,6BAAiC;AACjC,kDAAyB;AACzB,6CAAmD;AACnD,yCAAsD;AAEtD,MAAM,YAAY,GAAG,IAAA,kBAAa,GAAE,CAAC,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"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"}
|
package/dist_es/index.d.ts
CHANGED
|
@@ -25,7 +25,6 @@ export * from './react/components/RecordImage';
|
|
|
25
25
|
export * from './react/components/charts/QRCode';
|
|
26
26
|
export * from './react/components/charts/line-bar/Chart';
|
|
27
27
|
export * from './react/components/charts/line-bar/HGridChart';
|
|
28
|
-
export * from './react/components/charts/line-bar/ZincGridChart';
|
|
29
28
|
export * from './react/components/charts/pie/PieChart';
|
|
30
29
|
export * from './react/components/charts/pie/SimplePieChart';
|
|
31
30
|
export * from './react/components/makeCustomElement';
|
package/dist_es/index.js
CHANGED
|
@@ -37,7 +37,6 @@ export * from './react/components/RecordImage';
|
|
|
37
37
|
export * from './react/components/charts/QRCode';
|
|
38
38
|
export * from './react/components/charts/line-bar/Chart';
|
|
39
39
|
export * from './react/components/charts/line-bar/HGridChart';
|
|
40
|
-
export * from './react/components/charts/line-bar/ZincGridChart';
|
|
41
40
|
export * from './react/components/charts/pie/PieChart';
|
|
42
41
|
export * from './react/components/charts/pie/SimplePieChart';
|
|
43
42
|
export * from './react/components/makeCustomElement';
|
package/dist_es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,gCAAgC;AAChC,0EAA0E;AAE1E,cAAc,iBAAiB,CAAA;AAE/B,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,kCAAkC,CAAA;AAChD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,4DAA4D,CAAA;AAC1E,cAAc,0DAA0D,CAAA;AACxE,cAAc,oDAAoD,CAAA;AAClE,cAAc,mEAAmE,CAAA;AACjF,cAAc,wEAAwE,CAAA;AACtF,cAAc,mEAAmE,CAAA;AACjF,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,gCAAgC;AAChC,0EAA0E;AAE1E,cAAc,iBAAiB,CAAA;AAE/B,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,kCAAkC,CAAA;AAChD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,4DAA4D,CAAA;AAC1E,cAAc,0DAA0D,CAAA;AACxE,cAAc,oDAAoD,CAAA;AAClE,cAAc,mEAAmE,CAAA;AACjF,cAAc,wEAAwE,CAAA;AACtF,cAAc,mEAAmE,CAAA;AACjF,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,wCAAwC,CAAA;AACtD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,cAAc;AACd,0EAA0E;AAE1E,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAE3C,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA"}
|
|
@@ -13,7 +13,7 @@ const useStyles = createUseStyles({
|
|
|
13
13
|
},
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
|
-
|
|
16
|
+
const QRCode = ({ value, size = 350, copyable = true, copyText = 'Copy QR code to clipboard', className, }) => {
|
|
17
17
|
const classes = useStyles();
|
|
18
18
|
const canvasRef = useRef(null);
|
|
19
19
|
const [qrCode, setQrCode] = useState();
|
|
@@ -50,4 +50,5 @@ export const QRCode = ({ value, size = 350, copyable = true, copyText = 'Copy QR
|
|
|
50
50
|
} }, copyText)),
|
|
51
51
|
React.createElement("canvas", { ref: canvasRef })));
|
|
52
52
|
};
|
|
53
|
+
export default QRCode;
|
|
53
54
|
//# sourceMappingURL=QRCode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/react/components/charts/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,MAAM,MAAM,QAAQ,CAAA;AAC3B,OAAO,KAAK,EAAE,EACb,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,CAAC,MAAM,UAAU,aAAa,CAAC,EAAE;YAChC,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,OAAO;SACtB;KACD;CACD,CAAC,CAAA;AAyBF,MAAM,
|
|
1
|
+
{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/react/components/charts/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,MAAM,MAAM,QAAQ,CAAA;AAC3B,OAAO,KAAK,EAAE,EACb,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,CAAC,MAAM,UAAU,aAAa,CAAC,EAAE;YAChC,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,OAAO;SACtB;KACD;CACD,CAAC,CAAA;AAyBF,MAAM,MAAM,GAA0B,CAAC,EACtC,KAAK,EACL,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,2BAA2B,EACtC,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiB,CAAA;IAErD,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,SAAS,CACR,IAAI,MAAM,CAAC;gBACV,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,KAAK;gBACL,IAAI;aACJ,CAAC,CACF,CAAA;SACD;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,EAAE;YACnC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;SAClB;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpD,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,MAAM,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACvC,IAAI,IAAI,EAAE;oBACT,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;wBACzB,IAAI,aAAa,CAAC;4BACjB,WAAW,EAAE,IAAI;yBACjB,CAAC;qBACF,CAAC,CAAA;iBACF;YACF,CAAC,CAAC,CAAA;SACF;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC;QAC3C,QAAQ,IAAI,CACZ,oBAAC,UAAU,CAAC,IAAI,IACf,QAAQ,EAAE;gBACT,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE;aACrC,IACA,QAAQ,CACQ,CAClB;QACD,gCAAQ,GAAG,EAAE,SAAS,GAAW,CAC5B,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -22,8 +22,7 @@ export declare enum LegendPlacement {
|
|
|
22
22
|
top = "top",
|
|
23
23
|
bottom = "bottom",
|
|
24
24
|
left = "left",
|
|
25
|
-
right = "right"
|
|
26
|
-
hidden = "hidden"
|
|
25
|
+
right = "right"
|
|
27
26
|
}
|
|
28
27
|
interface BaseChartSeriesProps {
|
|
29
28
|
seriesName: string;
|
|
@@ -46,6 +45,7 @@ export interface LineChartSeriesData extends BaseChartSeriesProps {
|
|
|
46
45
|
strokeDasharray?: number[];
|
|
47
46
|
strokeWidth?: number;
|
|
48
47
|
};
|
|
48
|
+
stepLine: boolean;
|
|
49
49
|
data: LineChartSeriesPoint[];
|
|
50
50
|
}
|
|
51
51
|
export interface ChartAxisRangeData {
|
|
@@ -59,6 +59,7 @@ export interface ChartAxisRangeData {
|
|
|
59
59
|
tooltip?: string;
|
|
60
60
|
showText?: boolean;
|
|
61
61
|
placeBelow?: boolean;
|
|
62
|
+
combined?: number;
|
|
62
63
|
}
|
|
63
64
|
export interface ChartProps {
|
|
64
65
|
/**
|
|
@@ -106,16 +107,6 @@ export interface ChartProps {
|
|
|
106
107
|
* Settings for legend customization @see https://www.amcharts.com/docs/v5/reference/legend/#Settings
|
|
107
108
|
*/
|
|
108
109
|
legendSettings?: am5.ILegendSettings;
|
|
109
|
-
/**
|
|
110
|
-
* Settings for legend labels customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
|
|
111
|
-
*/
|
|
112
|
-
legendLabelsSettings?: am5.ILabelSettings;
|
|
113
|
-
/**
|
|
114
|
-
* Settings for legend markers customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
|
|
115
|
-
*/
|
|
116
|
-
legendMarkersSettings?: am5.ILabelSettings & {
|
|
117
|
-
rounded?: boolean;
|
|
118
|
-
};
|
|
119
110
|
/**
|
|
120
111
|
* Settings for date axis @see https://www.amcharts.com/docs/v5/reference/dateaxis/#Settings
|
|
121
112
|
*/
|
|
@@ -151,6 +142,12 @@ export interface ChartProps {
|
|
|
151
142
|
unitPlacement?: UnitPlacement;
|
|
152
143
|
legendPlacement?: LegendPlacement;
|
|
153
144
|
translateLabel?: (name: string) => string;
|
|
145
|
+
combineTooltipValues?: boolean;
|
|
146
|
+
useSafeResolution?: boolean;
|
|
147
|
+
/**
|
|
148
|
+
* A IANA timezone to set the timezone of the chart.
|
|
149
|
+
*/
|
|
150
|
+
timezone?: string;
|
|
154
151
|
/**
|
|
155
152
|
* Optional DOM id for the chart container, if not specified it will be automatically generated.
|
|
156
153
|
* It can also be an HTMLElement, in that case the element will be used as a parent.
|