@j2inn/fin5-ui-utils 5.2.2-beta.13 → 5.2.2-beta.3
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 +30 -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 -26
- 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 -39
- 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
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import * as am5 from '@amcharts/amcharts5';
|
|
2
|
-
import { ITimeInterval } from '@amcharts/amcharts5/.internal/core/util/Time';
|
|
3
2
|
import { HBool, HDict, HGrid, HNum, HStr, HVal } from 'haystack-core';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
import { BarChartSeriesData, LegendPlacement, LineChartSeriesData, UnitPlacement } from './Chart';
|
|
6
|
-
export declare const rollupDurationToTimeInterval: (value?: HNum) => ITimeInterval;
|
|
7
5
|
export interface HGridChartRange extends HGridChartItemProps {
|
|
8
6
|
startValue: HVal;
|
|
9
7
|
endValue: HVal;
|
|
10
8
|
}
|
|
11
9
|
export interface HGridChartMetadata extends HDict {
|
|
10
|
+
timezone?: HStr;
|
|
12
11
|
ranges?: HGridChartRange[];
|
|
13
|
-
hisRollupInterval?: HNum;
|
|
14
12
|
}
|
|
15
13
|
export interface HGridChartItemProps extends HDict {
|
|
16
14
|
dis?: HStr;
|
|
@@ -24,13 +22,15 @@ export interface HGridChartSeriesProps extends HGridChartItemProps {
|
|
|
24
22
|
hideAxis?: HBool;
|
|
25
23
|
axisPlacement?: HStr;
|
|
26
24
|
}
|
|
27
|
-
|
|
25
|
+
interface HGridChartProps {
|
|
28
26
|
className?: string;
|
|
29
27
|
data: HGrid;
|
|
30
|
-
timeRange
|
|
28
|
+
timeRange?: [Date, Date];
|
|
31
29
|
timeInterval?: am5.time.ITimeInterval;
|
|
32
30
|
unitPlacement?: UnitPlacement;
|
|
33
31
|
legendPlacement?: LegendPlacement;
|
|
32
|
+
combineTooltipValues?: boolean;
|
|
33
|
+
combineAlarmRanges?: boolean;
|
|
34
34
|
translateLabel?: (name: string) => string | undefined;
|
|
35
35
|
/**
|
|
36
36
|
* Optional DOM id for the chart container, if not specified it will be automatically generated.
|
|
@@ -41,6 +41,7 @@ export interface HGridChartProps {
|
|
|
41
41
|
export declare const isLineSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
|
|
42
42
|
export declare const isStackedBarSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
|
|
43
43
|
export declare const isBarSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
|
|
44
|
+
export declare const isStepLineSeries: (colMetadata?: HGridChartSeriesProps) => boolean;
|
|
44
45
|
export declare const colNameToDisProvider: (grid: HGrid, translateLabel?: ((name: string) => string | undefined) | undefined) => (colName: string) => string;
|
|
45
46
|
export declare const splitBarAndLineSeriesCols: (grid: HGrid) => {
|
|
46
47
|
barSeries: Set<string>;
|
|
@@ -49,10 +50,9 @@ export declare const splitBarAndLineSeriesCols: (grid: HGrid) => {
|
|
|
49
50
|
};
|
|
50
51
|
export declare const getBarSeriesRowData: (row: HDict, metadata: HDict, colName: string, barSeriesData: Map<string, BarChartSeriesData>) => void;
|
|
51
52
|
export declare const addLineSeriesRowData: (row: HDict, metadata: HDict, colName: string, lineSeriesData: Map<string, LineChartSeriesData>) => void;
|
|
52
|
-
export declare const calculateDefaultTimeInterval: (timeRange
|
|
53
|
+
export declare const calculateDefaultTimeInterval: (timeRange?: [Date, Date]) => am5.time.ITimeInterval;
|
|
53
54
|
/**
|
|
54
|
-
*
|
|
55
|
-
* of different kinds, taking all the data and configuration from an HGrid.
|
|
55
|
+
* Builds a chart containing multiple series (lines, bars, stacked bars, ranges) from grid data and metadata.
|
|
56
56
|
*/
|
|
57
57
|
export declare const HGridChart: React.NamedExoticComponent<HGridChartProps>;
|
|
58
|
-
export
|
|
58
|
+
export {};
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import * as am5 from '@amcharts/amcharts5';
|
|
5
5
|
import { HDict, HGrid, Kind, valueIsKind, } from 'haystack-core';
|
|
6
|
-
import { day, hour, julianMonth, week, year } from 'haystack-units/dist';
|
|
7
6
|
import React, { memo, useMemo } from 'react';
|
|
8
7
|
import { useTheme } from 'react-jss';
|
|
9
8
|
import useScreenSize from '../../../hooks/useScreenSize';
|
|
@@ -13,35 +12,16 @@ var SeriesType;
|
|
|
13
12
|
SeriesType["line"] = "line";
|
|
14
13
|
SeriesType["bar"] = "bar";
|
|
15
14
|
SeriesType["stackedBar"] = "stackedBar";
|
|
15
|
+
SeriesType["stepLine"] = "stepLine";
|
|
16
16
|
})(SeriesType || (SeriesType = {}));
|
|
17
17
|
var SeriesVariant;
|
|
18
18
|
(function (SeriesVariant) {
|
|
19
19
|
SeriesVariant["dashed"] = "dashed";
|
|
20
20
|
})(SeriesVariant || (SeriesVariant = {}));
|
|
21
|
-
export const rollupDurationToTimeInterval = (value) => {
|
|
22
|
-
let unit;
|
|
23
|
-
switch (value?.unit) {
|
|
24
|
-
case hour:
|
|
25
|
-
unit = 'hour';
|
|
26
|
-
break;
|
|
27
|
-
case day:
|
|
28
|
-
unit = 'day';
|
|
29
|
-
break;
|
|
30
|
-
case week:
|
|
31
|
-
unit = 'week';
|
|
32
|
-
break;
|
|
33
|
-
case julianMonth:
|
|
34
|
-
unit = 'month';
|
|
35
|
-
break;
|
|
36
|
-
case year:
|
|
37
|
-
unit = 'year';
|
|
38
|
-
break;
|
|
39
|
-
}
|
|
40
|
-
return { count: value?.value ?? 1, timeUnit: unit ?? 'hour' };
|
|
41
|
-
};
|
|
42
21
|
export const isLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.line;
|
|
43
22
|
export const isStackedBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stackedBar;
|
|
44
23
|
export const isBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.bar;
|
|
24
|
+
export const isStepLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stepLine;
|
|
45
25
|
const isDottedSeriesVariant = (colMetadata) => SeriesVariant.dashed === colMetadata?.variant?.value;
|
|
46
26
|
const getSeriesColor = (colMetadata) => colMetadata?.color ? am5.color(colMetadata.color.value) : undefined;
|
|
47
27
|
const getSeriesDis = (colMetadata) => colMetadata?.dis?.value;
|
|
@@ -67,7 +47,7 @@ export const splitBarAndLineSeriesCols = (grid) => {
|
|
|
67
47
|
const lineSeries = new Set();
|
|
68
48
|
grid.getColumns().forEach((column) => {
|
|
69
49
|
const colMetadata = column.meta;
|
|
70
|
-
if (isLineSeries(colMetadata)) {
|
|
50
|
+
if (isLineSeries(colMetadata) || isStepLineSeries(colMetadata)) {
|
|
71
51
|
lineSeries.add(column.name);
|
|
72
52
|
}
|
|
73
53
|
else if (isBarSeries(colMetadata)) {
|
|
@@ -112,6 +92,7 @@ export const addLineSeriesRowData = (row, metadata, colName, lineSeriesData) =>
|
|
|
112
92
|
unit: getSeriesUnit(metadata),
|
|
113
93
|
hideAxis: getHideAxis(metadata),
|
|
114
94
|
axisPlacement: getAxisPlacement(metadata),
|
|
95
|
+
stepLine: isStepLineSeries(metadata),
|
|
115
96
|
data: [],
|
|
116
97
|
strokeSettings: {
|
|
117
98
|
strokeWidth: 2,
|
|
@@ -160,17 +141,18 @@ const getHValValueNumber = (val) => {
|
|
|
160
141
|
throw new Error(`getHValValue: ${val.getKind()} not supported`);
|
|
161
142
|
};
|
|
162
143
|
export const calculateDefaultTimeInterval = (timeRange) => {
|
|
163
|
-
const diffTime =
|
|
144
|
+
const diffTime = timeRange
|
|
145
|
+
? Math.abs(timeRange[1].getTime() - timeRange[0].getTime())
|
|
146
|
+
: 0;
|
|
164
147
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
|
165
148
|
return { count: diffDays ? diffDays : 1, timeUnit: 'hour' };
|
|
166
149
|
};
|
|
167
150
|
/**
|
|
168
|
-
*
|
|
169
|
-
* of different kinds, taking all the data and configuration from an HGrid.
|
|
151
|
+
* Builds a chart containing multiple series (lines, bars, stacked bars, ranges) from grid data and metadata.
|
|
170
152
|
*/
|
|
171
|
-
export const HGridChart = memo(function HGridChartComponent({ className, data, timeRange, timeInterval = calculateDefaultTimeInterval(timeRange), unitPlacement = UnitPlacement.axis, legendPlacement = LegendPlacement.right, translateLabel = undefined,
|
|
153
|
+
export const HGridChart = memo(function HGridChartComponent({ DOMtargetId, className, data, timeRange, timeInterval = calculateDefaultTimeInterval(timeRange), unitPlacement = UnitPlacement.axis, legendPlacement = LegendPlacement.right, combineTooltipValues = true, translateLabel = undefined, }) {
|
|
172
154
|
const theme = useTheme();
|
|
173
|
-
const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData } = useMemo(() => {
|
|
155
|
+
const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData, timezone, } = useMemo(() => {
|
|
174
156
|
if (data === undefined) {
|
|
175
157
|
return {
|
|
176
158
|
barSeriesData: [],
|
|
@@ -197,8 +179,7 @@ export const HGridChart = memo(function HGridChartComponent({ className, data, t
|
|
|
197
179
|
}
|
|
198
180
|
if (lineSeries.size > 0) {
|
|
199
181
|
lineSeries.forEach((lineSeriesColName) => {
|
|
200
|
-
addLineSeriesRowData(row, data.getColumn(lineSeriesColName)?.meta ??
|
|
201
|
-
HDict.make(), lineSeriesColName, lineSeriesData);
|
|
182
|
+
addLineSeriesRowData(row, data.getColumn(lineSeriesColName)?.meta ?? HDict.make(), lineSeriesColName, lineSeriesData);
|
|
202
183
|
});
|
|
203
184
|
}
|
|
204
185
|
});
|
|
@@ -217,6 +198,7 @@ export const HGridChart = memo(function HGridChartComponent({ className, data, t
|
|
|
217
198
|
stackedBarSeriesData: Array.from(stackedBarSeriesData.values()),
|
|
218
199
|
lineSeriesData: Array.from(lineSeriesData.values()),
|
|
219
200
|
rangesData,
|
|
201
|
+
timezone: gridMetadata.timezone?.value,
|
|
220
202
|
};
|
|
221
203
|
}, [data]);
|
|
222
204
|
const screenSize = useScreenSize();
|
|
@@ -236,16 +218,23 @@ export const HGridChart = memo(function HGridChartComponent({ className, data, t
|
|
|
236
218
|
return (React.createElement("div", { className: className },
|
|
237
219
|
React.createElement(Chart, { DOMtargetId: DOMtargetId, cursor: true, legendPlacement: effectiveLegendPlacement, unitPlacement: unitPlacement, numberFormat: { maximumFractionDigits: 0 }, barSeriesData: barSeriesData, rangesData: rangesData, translateLabel: colNameToDisProvider(data ?? HGrid.make(), translateLabel), stackedBarSeriesData: stackedBarSeriesData, lineSeriesData: lineSeriesData, gridSettings: {
|
|
238
220
|
stroke: am5.color(theme.borderColor),
|
|
221
|
+
}, dateAxisSettings: {
|
|
222
|
+
dateFormats: {
|
|
223
|
+
hour: 'HH',
|
|
224
|
+
day: 'd MMM',
|
|
225
|
+
week: 'MM-dd',
|
|
226
|
+
month: 'YY-MM',
|
|
227
|
+
year: 'YYYY',
|
|
228
|
+
},
|
|
229
|
+
periodChangeDateFormats: {
|
|
230
|
+
hour: 'd MMM',
|
|
231
|
+
day: 'd MMM',
|
|
232
|
+
week: 'MM-dd',
|
|
233
|
+
month: 'YY-MM',
|
|
234
|
+
year: 'YY-MM',
|
|
235
|
+
},
|
|
239
236
|
}, dateField: 'ts', baseInterval: timeInterval, tooltipSettings: {
|
|
240
237
|
fontSize: '0.9rem',
|
|
241
|
-
},
|
|
242
|
-
fill: am5.color(theme.textColor),
|
|
243
|
-
fontSize: '0.9rem',
|
|
244
|
-
}, legendMarkersSettings: {
|
|
245
|
-
width: 8,
|
|
246
|
-
height: 8,
|
|
247
|
-
rounded: true,
|
|
248
|
-
} })));
|
|
238
|
+
}, combineTooltipValues: combineTooltipValues, timezone: timezone, useSafeResolution: false })));
|
|
249
239
|
});
|
|
250
|
-
export default HGridChart;
|
|
251
240
|
//# 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,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAA;
|
|
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;
|
|
@@ -13,9 +13,7 @@ const defaultTheme = GenerateTheme().light;
|
|
|
13
13
|
/**
|
|
14
14
|
* Generate a custom element constructor that wraps the given react component.
|
|
15
15
|
*/
|
|
16
|
-
export const makeCustomElement = (Component
|
|
17
|
-
useShadowDom: true,
|
|
18
|
-
}) => {
|
|
16
|
+
export const makeCustomElement = (Component) => {
|
|
19
17
|
return class extends HTMLElement {
|
|
20
18
|
static get observedAttributes() {
|
|
21
19
|
return ['props'];
|
|
@@ -78,25 +76,15 @@ export const makeCustomElement = (Component, options = {
|
|
|
78
76
|
}
|
|
79
77
|
root;
|
|
80
78
|
jss;
|
|
81
|
-
base;
|
|
82
|
-
initialized = false;
|
|
83
79
|
constructor() {
|
|
84
80
|
super();
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
mountPoint.setAttribute('style', 'display: contents;');
|
|
93
|
-
this.base.appendChild(mountPoint);
|
|
94
|
-
this.root = createRoot(mountPoint);
|
|
95
|
-
this.jss = create({
|
|
96
|
-
insertionPoint: mountPoint,
|
|
97
|
-
});
|
|
98
|
-
this.initialized = true;
|
|
99
|
-
}
|
|
81
|
+
const mountPoint = document.createElement('div');
|
|
82
|
+
mountPoint.setAttribute('style', 'display: contents;');
|
|
83
|
+
this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
|
|
84
|
+
this.root = createRoot(mountPoint);
|
|
85
|
+
this.jss = create({
|
|
86
|
+
insertionPoint: mountPoint,
|
|
87
|
+
});
|
|
100
88
|
}
|
|
101
89
|
connectedCallback() {
|
|
102
90
|
this.render();
|
|
@@ -105,16 +93,14 @@ export const makeCustomElement = (Component, options = {
|
|
|
105
93
|
this.render();
|
|
106
94
|
}
|
|
107
95
|
disconnectedCallback() {
|
|
108
|
-
this.root
|
|
109
|
-
this.initialized = false;
|
|
96
|
+
this.root.unmount();
|
|
110
97
|
}
|
|
111
98
|
render() {
|
|
112
|
-
this.initialize();
|
|
113
99
|
const ThemedComponent = (React.createElement(ThemeProvider, { theme: this.theme },
|
|
114
100
|
React.createElement(I18NContext.Provider, { value: this.i18n },
|
|
115
101
|
React.createElement(JssProvider, { jss: this.jss },
|
|
116
102
|
React.createElement(Component, { ...this.props })))));
|
|
117
|
-
this.root
|
|
103
|
+
this.root.render(React.createElement(AppRootStoreContext.Provider, { value: this.appRootStore ?? null },
|
|
118
104
|
React.createElement(AppStoreContext.Provider, { value: this.appStore }, this.client ? (React.createElement(ClientContext.Provider, { value: this.client }, ThemedComponent)) : (ThemedComponent))));
|
|
119
105
|
}
|
|
120
106
|
};
|
|
@@ -125,13 +111,13 @@ export const makeCustomElement = (Component, options = {
|
|
|
125
111
|
* @param ReactComponent the React component to wrap
|
|
126
112
|
* @returns
|
|
127
113
|
*/
|
|
128
|
-
export const registerReactWebComponent = (webComponentName, ReactComponent
|
|
114
|
+
export const registerReactWebComponent = (webComponentName, ReactComponent) => {
|
|
129
115
|
// Bail if web component is already defined
|
|
130
116
|
if (customElements.get(webComponentName)) {
|
|
131
117
|
return;
|
|
132
118
|
}
|
|
133
119
|
// Make web component that wraps the react component
|
|
134
|
-
const Element = makeCustomElement(ReactComponent
|
|
120
|
+
const Element = makeCustomElement(ReactComponent);
|
|
135
121
|
try {
|
|
136
122
|
// Define web component
|
|
137
123
|
customElements.define(webComponentName, Element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvE,OAAO,EAAE,aAAa,EAAY,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAO,MAAM,KAAK,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAQ,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEtD,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { HGridChartProps } from './HGridChart';
|
|
3
|
-
export declare type ZincGridChartProps = Omit<HGridChartProps, 'data'> & {
|
|
4
|
-
data: string;
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* This component wraps the HGridChart component and allows using Zinc
|
|
8
|
-
* data instead of an HGrid. This should help using the component inside,
|
|
9
|
-
* for example, the Graphic Builder, where finstack returns an HaystackGrid
|
|
10
|
-
* instead of haystack-core types.
|
|
11
|
-
*/
|
|
12
|
-
export declare const ZincGridChart: React.FC<ZincGridChartProps>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ZincGridChart = void 0;
|
|
7
|
-
const haystack_core_1 = require("haystack-core");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const HGridChart_1 = __importDefault(require("./HGridChart"));
|
|
10
|
-
/**
|
|
11
|
-
* This component wraps the HGridChart component and allows using Zinc
|
|
12
|
-
* data instead of an HGrid. This should help using the component inside,
|
|
13
|
-
* for example, the Graphic Builder, where finstack returns an HaystackGrid
|
|
14
|
-
* instead of haystack-core types.
|
|
15
|
-
*/
|
|
16
|
-
const ZincGridChart = ({ data, ...props }) => {
|
|
17
|
-
const parsedData = haystack_core_1.ZincReader.readValue(data);
|
|
18
|
-
if ((0, haystack_core_1.valueIsKind)(parsedData, haystack_core_1.Kind.Grid)) {
|
|
19
|
-
return react_1.default.createElement(HGridChart_1.default, { data: parsedData, ...props });
|
|
20
|
-
}
|
|
21
|
-
throw new Error('Invalid Zinc data, could not parse a Grid');
|
|
22
|
-
};
|
|
23
|
-
exports.ZincGridChart = ZincGridChart;
|
|
24
|
-
//# sourceMappingURL=ZincGridChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ZincGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/ZincGridChart.tsx"],"names":[],"mappings":";;;;;;AAAA,iDAAoE;AACpE,kDAAyB;AACzB,8DAA0D;AAM1D;;;;;GAKG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC3D,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,0BAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,IAAA,2BAAW,EAAQ,UAAU,EAAE,oBAAI,CAAC,IAAI,CAAC,EAAE;QAC9C,OAAO,8BAAC,oBAAU,IAAC,IAAI,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;KAClD;IACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;AAC7D,CAAC,CAAA;AATY,QAAA,aAAa,iBASzB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { HGridChartProps } from './HGridChart';
|
|
3
|
-
export declare type ZincGridChartProps = Omit<HGridChartProps, 'data'> & {
|
|
4
|
-
data: string;
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* This component wraps the HGridChart component and allows using Zinc
|
|
8
|
-
* data instead of an HGrid. This should help using the component inside,
|
|
9
|
-
* for example, the Graphic Builder, where finstack returns an HaystackGrid
|
|
10
|
-
* instead of haystack-core types.
|
|
11
|
-
*/
|
|
12
|
-
export declare const ZincGridChart: React.FC<ZincGridChartProps>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Kind, valueIsKind, ZincReader } from 'haystack-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import HGridChart from './HGridChart';
|
|
4
|
-
/**
|
|
5
|
-
* This component wraps the HGridChart component and allows using Zinc
|
|
6
|
-
* data instead of an HGrid. This should help using the component inside,
|
|
7
|
-
* for example, the Graphic Builder, where finstack returns an HaystackGrid
|
|
8
|
-
* instead of haystack-core types.
|
|
9
|
-
*/
|
|
10
|
-
export const ZincGridChart = ({ data, ...props }) => {
|
|
11
|
-
const parsedData = ZincReader.readValue(data);
|
|
12
|
-
if (valueIsKind(parsedData, Kind.Grid)) {
|
|
13
|
-
return React.createElement(HGridChart, { data: parsedData, ...props });
|
|
14
|
-
}
|
|
15
|
-
throw new Error('Invalid Zinc data, could not parse a Grid');
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=ZincGridChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ZincGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/ZincGridChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAA+B,MAAM,cAAc,CAAA;AAM1D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC3D,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,WAAW,CAAQ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;QAC9C,OAAO,oBAAC,UAAU,IAAC,IAAI,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;KAClD;IACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;AAC7D,CAAC,CAAA"}
|