@j2inn/fin5-ui-utils 5.2.2-beta.8 → 6.0.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/README.md +5 -5
- package/dist/fantomProps/createFin5Props/index.d.ts +12 -12
- package/dist/fantomProps/createFin5Props/index.js +146 -146
- package/dist/fantomProps/createFin5Props/runCreateFin5Props.d.ts +2 -2
- package/dist/fantomProps/createFin5Props/runCreateFin5Props.js +16 -16
- package/dist/fantomProps/fantomPropsToObject.d.ts +8 -8
- package/dist/fantomProps/fantomPropsToObject.js +183 -183
- package/dist/fantomProps/generateJsonFromFantomPropsFile.d.ts +4 -4
- package/dist/fantomProps/generateJsonFromFantomPropsFile.js +41 -41
- package/dist/fantomProps/localePropsToJson.d.ts +1 -1
- package/dist/fantomProps/localePropsToJson.js +50 -50
- package/dist/fantomProps/readFantomPropsFile.d.ts +5 -5
- package/dist/fantomProps/readFantomPropsFile.js +61 -61
- package/dist/fin5Top/fin5FileUpload.d.ts +24 -24
- package/dist/fin5Top/fin5FileUpload.js +51 -51
- package/dist/fin5Top/fin5Top.d.ts +124 -124
- package/dist/fin5Top/fin5Top.js +58 -58
- package/dist/fin5Top/finEdge2Cloud.d.ts +6 -6
- package/dist/fin5Top/finEdge2Cloud.js +15 -15
- package/dist/fin5Top/getFin5BinUrl.d.ts +2 -2
- package/dist/fin5Top/getFin5BinUrl.js +9 -9
- package/dist/fin5Top/openFin5Alarm.d.ts +22 -22
- package/dist/fin5Top/openFin5Alarm.js +23 -23
- package/dist/fin5Top/openFin5Historian.d.ts +3 -3
- package/dist/fin5Top/openFin5Historian.js +19 -19
- package/dist/fin5Top/useFin5AppURLHashParameter.d.ts +18 -18
- package/dist/fin5Top/useFin5AppURLHashParameter.js +133 -133
- package/dist/index.d.ts +31 -36
- package/dist/index.js +65 -70
- package/dist/index.js.map +1 -1
- package/dist/jobs/jobUtils.d.ts +14 -14
- package/dist/jobs/jobUtils.js +15 -15
- package/dist/react/app/Fin5AppContainer.d.ts +36 -36
- package/dist/react/app/Fin5AppContainer.js +102 -102
- package/dist/react/app/Fin5AppRootStore.d.ts +38 -39
- package/dist/react/app/Fin5AppRootStore.js +68 -69
- package/dist/react/app/Fin5AppRootStore.js.map +1 -1
- package/dist/react/components/ErrorBoundary.d.ts +57 -57
- package/dist/react/components/ErrorBoundary.js +150 -150
- package/dist/react/components/ErrorDisplayer.d.ts +19 -19
- package/dist/react/components/ErrorDisplayer.js +36 -36
- package/dist/react/components/Loader.d.ts +9 -9
- package/dist/react/components/Loader.js +17 -17
- package/dist/react/components/LoadingSpinner.d.ts +2 -2
- package/dist/react/components/LoadingSpinner.js +27 -27
- package/dist/react/components/RecordImage.d.ts +20 -20
- package/dist/react/components/RecordImage.js +51 -51
- package/dist/react/components/charts/QRCode.d.ts +25 -25
- package/dist/react/components/charts/QRCode.js +81 -82
- package/dist/react/components/charts/QRCode.js.map +1 -1
- package/dist/react/components/charts/pie/PieChart.d.ts +93 -94
- package/dist/react/components/charts/pie/PieChart.js +202 -204
- package/dist/react/components/charts/pie/PieChart.js.map +1 -1
- package/dist/react/components/charts/pie/SimplePieChart.d.ts +20 -21
- package/dist/react/components/charts/pie/SimplePieChart.js +55 -55
- package/dist/react/components/charts/pie/SimplePieChart.js.map +1 -1
- package/dist/react/components/graphics/GraphicViewer.d.ts +10 -10
- package/dist/react/components/graphics/GraphicViewer.js +29 -29
- package/dist/react/components/graphics/GraphicsTabViewer.d.ts +17 -17
- package/dist/react/components/graphics/GraphicsTabViewer.js +90 -90
- package/dist/react/components/navigation/BasicLayout.d.ts +41 -41
- package/dist/react/components/navigation/BasicLayout.js +155 -155
- package/dist/react/components/navigation/HeaderSiderLayout.d.ts +13 -13
- package/dist/react/components/navigation/HeaderSiderLayout.js +110 -110
- package/dist/react/components/navigation/MenuPage.d.ts +37 -37
- package/dist/react/components/navigation/MenuPage.js +36 -36
- package/dist/react/components/navigation/MenuTrigger.d.ts +9 -9
- package/dist/react/components/navigation/MenuTrigger.js +33 -33
- package/dist/react/components/navigation/ReactRouterHeaderSiderLayout.d.ts +11 -11
- package/dist/react/components/navigation/ReactRouterHeaderSiderLayout.js +25 -25
- package/dist/react/components/navigation/ReactRouterLayout.d.ts +46 -46
- package/dist/react/components/navigation/ReactRouterLayout.js +132 -132
- package/dist/react/components/navigation/customRouting/Router.d.ts +12 -12
- package/dist/react/components/navigation/customRouting/Router.js +45 -45
- package/dist/react/components/navigation/customRouting/RouterLayout.d.ts +11 -11
- package/dist/react/components/navigation/customRouting/RouterLayout.js +61 -61
- package/dist/react/components/resolvable/configurationForm/ConfigurationForm.d.ts +27 -27
- package/dist/react/components/resolvable/configurationForm/ConfigurationForm.js +95 -95
- package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts +16 -16
- package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.js +88 -88
- package/dist/react/components/resolvable/configurationForm/getSectionDefault.d.ts +16 -16
- package/dist/react/components/resolvable/configurationForm/getSectionDefault.js +99 -99
- package/dist/react/hooks/useFin5BinUrl.d.ts +6 -6
- package/dist/react/hooks/useFin5BinUrl.js +15 -15
- package/dist/react/hooks/useFin5ColorScheme.d.ts +2 -2
- package/dist/react/hooks/useFin5ColorScheme.js +42 -42
- package/dist_es/fantomProps/createFin5Props/index.d.ts +12 -12
- package/dist_es/fantomProps/createFin5Props/index.js +140 -140
- package/dist_es/fantomProps/createFin5Props/runCreateFin5Props.d.ts +2 -2
- package/dist_es/fantomProps/createFin5Props/runCreateFin5Props.js +11 -11
- package/dist_es/fantomProps/fantomPropsToObject.d.ts +8 -8
- package/dist_es/fantomProps/fantomPropsToObject.js +178 -178
- package/dist_es/fantomProps/generateJsonFromFantomPropsFile.d.ts +4 -4
- package/dist_es/fantomProps/generateJsonFromFantomPropsFile.js +12 -12
- package/dist_es/fantomProps/localePropsToJson.d.ts +1 -1
- package/dist_es/fantomProps/localePropsToJson.js +21 -21
- package/dist_es/fantomProps/readFantomPropsFile.d.ts +5 -5
- package/dist_es/fantomProps/readFantomPropsFile.js +35 -35
- package/dist_es/fin5Top/fin5FileUpload.d.ts +24 -24
- package/dist_es/fin5Top/fin5FileUpload.js +47 -47
- package/dist_es/fin5Top/fin5Top.d.ts +124 -124
- package/dist_es/fin5Top/fin5Top.js +54 -54
- package/dist_es/fin5Top/finEdge2Cloud.d.ts +6 -6
- package/dist_es/fin5Top/finEdge2Cloud.js +11 -11
- package/dist_es/fin5Top/getFin5BinUrl.d.ts +2 -2
- package/dist_es/fin5Top/getFin5BinUrl.js +5 -5
- package/dist_es/fin5Top/openFin5Alarm.d.ts +22 -22
- package/dist_es/fin5Top/openFin5Alarm.js +19 -19
- package/dist_es/fin5Top/openFin5Historian.d.ts +3 -3
- package/dist_es/fin5Top/openFin5Historian.js +15 -15
- package/dist_es/fin5Top/useFin5AppURLHashParameter.d.ts +18 -18
- package/dist_es/fin5Top/useFin5AppURLHashParameter.js +124 -124
- package/dist_es/index.d.ts +31 -36
- package/dist_es/index.js +49 -54
- package/dist_es/index.js.map +1 -1
- package/dist_es/jobs/jobUtils.d.ts +14 -14
- package/dist_es/jobs/jobUtils.js +9 -9
- package/dist_es/react/app/Fin5AppContainer.d.ts +36 -36
- package/dist_es/react/app/Fin5AppContainer.js +73 -73
- package/dist_es/react/app/Fin5AppRootStore.d.ts +38 -39
- package/dist_es/react/app/Fin5AppRootStore.js +64 -65
- package/dist_es/react/app/Fin5AppRootStore.js.map +1 -1
- package/dist_es/react/components/ErrorBoundary.d.ts +57 -57
- package/dist_es/react/components/ErrorBoundary.js +123 -123
- package/dist_es/react/components/ErrorDisplayer.d.ts +19 -19
- package/dist_es/react/components/ErrorDisplayer.js +28 -28
- package/dist_es/react/components/Loader.d.ts +9 -9
- package/dist_es/react/components/Loader.js +12 -12
- package/dist_es/react/components/LoadingSpinner.d.ts +2 -2
- package/dist_es/react/components/LoadingSpinner.js +20 -20
- package/dist_es/react/components/RecordImage.d.ts +20 -20
- package/dist_es/react/components/RecordImage.js +24 -24
- package/dist_es/react/components/charts/QRCode.d.ts +25 -25
- package/dist_es/react/components/charts/QRCode.js +53 -52
- package/dist_es/react/components/charts/QRCode.js.map +1 -1
- package/dist_es/react/components/charts/pie/PieChart.d.ts +93 -94
- package/dist_es/react/components/charts/pie/PieChart.js +175 -177
- package/dist_es/react/components/charts/pie/PieChart.js.map +1 -1
- package/dist_es/react/components/charts/pie/SimplePieChart.d.ts +20 -21
- package/dist_es/react/components/charts/pie/SimplePieChart.js +25 -25
- package/dist_es/react/components/charts/pie/SimplePieChart.js.map +1 -1
- package/dist_es/react/components/graphics/GraphicViewer.d.ts +10 -10
- package/dist_es/react/components/graphics/GraphicViewer.js +22 -22
- package/dist_es/react/components/graphics/GraphicsTabViewer.d.ts +17 -17
- package/dist_es/react/components/graphics/GraphicsTabViewer.js +60 -60
- package/dist_es/react/components/navigation/BasicLayout.d.ts +41 -41
- package/dist_es/react/components/navigation/BasicLayout.js +124 -124
- package/dist_es/react/components/navigation/HeaderSiderLayout.d.ts +13 -13
- package/dist_es/react/components/navigation/HeaderSiderLayout.js +80 -80
- package/dist_es/react/components/navigation/MenuPage.d.ts +37 -37
- package/dist_es/react/components/navigation/MenuPage.js +30 -30
- package/dist_es/react/components/navigation/MenuTrigger.d.ts +9 -9
- package/dist_es/react/components/navigation/MenuTrigger.js +28 -28
- package/dist_es/react/components/navigation/ReactRouterHeaderSiderLayout.d.ts +11 -11
- package/dist_es/react/components/navigation/ReactRouterHeaderSiderLayout.js +18 -18
- package/dist_es/react/components/navigation/ReactRouterLayout.d.ts +46 -46
- package/dist_es/react/components/navigation/ReactRouterLayout.js +99 -99
- package/dist_es/react/components/navigation/customRouting/Router.d.ts +12 -12
- package/dist_es/react/components/navigation/customRouting/Router.js +18 -18
- package/dist_es/react/components/navigation/customRouting/RouterLayout.d.ts +11 -11
- package/dist_es/react/components/navigation/customRouting/RouterLayout.js +34 -34
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.d.ts +27 -27
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.js +64 -64
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts +16 -16
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.js +58 -58
- package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.d.ts +16 -16
- package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.js +94 -94
- package/dist_es/react/hooks/useFin5BinUrl.d.ts +6 -6
- package/dist_es/react/hooks/useFin5BinUrl.js +11 -11
- package/dist_es/react/hooks/useFin5ColorScheme.d.ts +2 -2
- package/dist_es/react/hooks/useFin5ColorScheme.js +38 -38
- package/package.json +8 -11
- package/dist/react/components/charts/line-bar/Chart.d.ts +0 -166
- package/dist/react/components/charts/line-bar/Chart.js +0 -443
- package/dist/react/components/charts/line-bar/Chart.js.map +0 -1
- package/dist/react/components/charts/line-bar/HGridChart.d.ts +0 -58
- package/dist/react/components/charts/line-bar/HGridChart.js +0 -289
- package/dist/react/components/charts/line-bar/HGridChart.js.map +0 -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/react/components/makeCustomElement.d.ts +0 -12
- package/dist/react/components/makeCustomElement.js +0 -137
- package/dist/react/components/makeCustomElement.js.map +0 -1
- package/dist/react/hooks/useScreenSize.d.ts +0 -8
- package/dist/react/hooks/useScreenSize.js +0 -31
- package/dist/react/hooks/useScreenSize.js.map +0 -1
- package/dist_es/react/app/Fin5AppContainer.jsx +0 -82
- package/dist_es/react/app/Fin5AppContainer.jsx.map +0 -1
- package/dist_es/react/components/ErrorBoundary.jsx +0 -150
- package/dist_es/react/components/ErrorBoundary.jsx.map +0 -1
- package/dist_es/react/components/ErrorDisplayer.jsx +0 -36
- package/dist_es/react/components/ErrorDisplayer.jsx.map +0 -1
- package/dist_es/react/components/Loader.jsx +0 -13
- package/dist_es/react/components/Loader.jsx.map +0 -1
- package/dist_es/react/components/LoadingSpinner.jsx +0 -22
- package/dist_es/react/components/LoadingSpinner.jsx.map +0 -1
- package/dist_es/react/components/charts/line-bar/Chart.d.ts +0 -166
- package/dist_es/react/components/charts/line-bar/Chart.js +0 -416
- package/dist_es/react/components/charts/line-bar/Chart.js.map +0 -1
- package/dist_es/react/components/charts/line-bar/HGridChart.d.ts +0 -58
- package/dist_es/react/components/charts/line-bar/HGridChart.js +0 -251
- package/dist_es/react/components/charts/line-bar/HGridChart.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
- package/dist_es/react/components/graphics/GraphicViewer.jsx +0 -23
- package/dist_es/react/components/graphics/GraphicViewer.jsx.map +0 -1
- package/dist_es/react/components/graphics/GraphicsTabViewer.jsx +0 -63
- package/dist_es/react/components/graphics/GraphicsTabViewer.jsx.map +0 -1
- package/dist_es/react/components/makeCustomElement.d.ts +0 -12
- package/dist_es/react/components/makeCustomElement.js +0 -129
- package/dist_es/react/components/makeCustomElement.js.map +0 -1
- package/dist_es/react/components/navigation/BasicLayout.jsx +0 -133
- package/dist_es/react/components/navigation/BasicLayout.jsx.map +0 -1
- package/dist_es/react/components/navigation/MenuPage.jsx +0 -31
- package/dist_es/react/components/navigation/MenuPage.jsx.map +0 -1
- package/dist_es/react/components/navigation/Router.d.ts +0 -12
- package/dist_es/react/components/navigation/Router.js +0 -19
- package/dist_es/react/components/navigation/Router.js.map +0 -1
- package/dist_es/react/components/navigation/Router.jsx +0 -19
- package/dist_es/react/components/navigation/Router.jsx.map +0 -1
- package/dist_es/react/components/navigation/react-router/BasicLayout.d.ts +0 -23
- package/dist_es/react/components/navigation/react-router/BasicLayout.js +0 -82
- package/dist_es/react/components/navigation/react-router/BasicLayout.js.map +0 -1
- package/dist_es/react/components/navigation/react-router/ReactRouterBasicLayout.d.ts +0 -24
- package/dist_es/react/components/navigation/react-router/ReactRouterBasicLayout.js +0 -82
- package/dist_es/react/components/navigation/react-router/ReactRouterBasicLayout.js.map +0 -1
- package/dist_es/react/hooks/useScreenSize.d.ts +0 -8
- package/dist_es/react/hooks/useScreenSize.js +0 -29
- package/dist_es/react/hooks/useScreenSize.js.map +0 -1
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Copyright (c) 2025, J2 Innovations. All Rights Reserved
|
|
4
|
-
*/
|
|
5
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
8
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
10
|
-
}
|
|
11
|
-
Object.defineProperty(o, k2, desc);
|
|
12
|
-
}) : (function(o, m, k, k2) {
|
|
13
|
-
if (k2 === undefined) k2 = k;
|
|
14
|
-
o[k2] = m[k];
|
|
15
|
-
}));
|
|
16
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
17
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
18
|
-
}) : function(o, v) {
|
|
19
|
-
o["default"] = v;
|
|
20
|
-
});
|
|
21
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
22
|
-
if (mod && mod.__esModule) return mod;
|
|
23
|
-
var result = {};
|
|
24
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
-
__setModuleDefault(result, mod);
|
|
26
|
-
return result;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.HGridChart = exports.calculateDefaultTimeInterval = exports.addLineSeriesRowData = exports.getBarSeriesRowData = exports.splitBarAndLineSeriesCols = exports.colNameToDisProvider = exports.isBarSeries = exports.isStackedBarSeries = exports.isLineSeries = exports.rollupDurationToTimeInterval = void 0;
|
|
33
|
-
const am5 = __importStar(require("@amcharts/amcharts5"));
|
|
34
|
-
const haystack_core_1 = require("haystack-core");
|
|
35
|
-
const dist_1 = require("haystack-units/dist");
|
|
36
|
-
const react_1 = __importStar(require("react"));
|
|
37
|
-
const react_jss_1 = require("react-jss");
|
|
38
|
-
const useScreenSize_1 = __importDefault(require("../../../hooks/useScreenSize"));
|
|
39
|
-
const Chart_1 = require("./Chart");
|
|
40
|
-
var SeriesType;
|
|
41
|
-
(function (SeriesType) {
|
|
42
|
-
SeriesType["line"] = "line";
|
|
43
|
-
SeriesType["bar"] = "bar";
|
|
44
|
-
SeriesType["stackedBar"] = "stackedBar";
|
|
45
|
-
})(SeriesType || (SeriesType = {}));
|
|
46
|
-
var SeriesVariant;
|
|
47
|
-
(function (SeriesVariant) {
|
|
48
|
-
SeriesVariant["dashed"] = "dashed";
|
|
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
|
-
const isLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.line;
|
|
73
|
-
exports.isLineSeries = isLineSeries;
|
|
74
|
-
const isStackedBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stackedBar;
|
|
75
|
-
exports.isStackedBarSeries = isStackedBarSeries;
|
|
76
|
-
const isBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.bar;
|
|
77
|
-
exports.isBarSeries = isBarSeries;
|
|
78
|
-
const isDottedSeriesVariant = (colMetadata) => SeriesVariant.dashed === colMetadata?.variant?.value;
|
|
79
|
-
const getSeriesColor = (colMetadata) => colMetadata?.color ? am5.color(colMetadata.color.value) : undefined;
|
|
80
|
-
const getSeriesDis = (colMetadata) => colMetadata?.dis?.value;
|
|
81
|
-
const getSeriesUnit = (colMetadata) => colMetadata?.unit?.value;
|
|
82
|
-
const getHideAxis = (colMetadata) => colMetadata?.hideAxis?.value;
|
|
83
|
-
const getAxisPlacement = (colMetadata) => Chart_1.AxisPlacement[colMetadata?.axisPlacement?.value];
|
|
84
|
-
const colNameToDisProvider = (grid, translateLabel) => (colName) => {
|
|
85
|
-
if (translateLabel) {
|
|
86
|
-
const label = translateLabel(colName);
|
|
87
|
-
if (label) {
|
|
88
|
-
return label;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
const colMetadata = grid.getColumn(colName)?.meta;
|
|
92
|
-
if (colMetadata?.dis) {
|
|
93
|
-
return colMetadata.dis.value;
|
|
94
|
-
}
|
|
95
|
-
return colName;
|
|
96
|
-
};
|
|
97
|
-
exports.colNameToDisProvider = colNameToDisProvider;
|
|
98
|
-
const splitBarAndLineSeriesCols = (grid) => {
|
|
99
|
-
const barSeries = new Set();
|
|
100
|
-
const stackedBarSeries = new Set();
|
|
101
|
-
const lineSeries = new Set();
|
|
102
|
-
grid.getColumns().forEach((column) => {
|
|
103
|
-
const colMetadata = column.meta;
|
|
104
|
-
if ((0, exports.isLineSeries)(colMetadata)) {
|
|
105
|
-
lineSeries.add(column.name);
|
|
106
|
-
}
|
|
107
|
-
else if ((0, exports.isBarSeries)(colMetadata)) {
|
|
108
|
-
barSeries.add(column.name);
|
|
109
|
-
}
|
|
110
|
-
else if ((0, exports.isStackedBarSeries)(colMetadata)) {
|
|
111
|
-
stackedBarSeries.add(column.name);
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
return {
|
|
115
|
-
barSeries,
|
|
116
|
-
stackedBarSeries,
|
|
117
|
-
lineSeries,
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
exports.splitBarAndLineSeriesCols = splitBarAndLineSeriesCols;
|
|
121
|
-
const getBarSeriesRowData = (row, metadata, colName, barSeriesData) => {
|
|
122
|
-
if (!barSeriesData.has(colName)) {
|
|
123
|
-
const series = {
|
|
124
|
-
seriesName: colName,
|
|
125
|
-
dis: getSeriesDis(metadata),
|
|
126
|
-
unit: getSeriesUnit(metadata),
|
|
127
|
-
hideAxis: getHideAxis(metadata),
|
|
128
|
-
axisPlacement: getAxisPlacement(metadata),
|
|
129
|
-
data: [],
|
|
130
|
-
};
|
|
131
|
-
const seriesColor = getSeriesColor(metadata);
|
|
132
|
-
if (seriesColor) {
|
|
133
|
-
series.stroke = seriesColor;
|
|
134
|
-
}
|
|
135
|
-
barSeriesData.set(colName, series);
|
|
136
|
-
}
|
|
137
|
-
barSeriesData.get(colName)?.data.push({
|
|
138
|
-
ts: row.get('ts').date.getTime(),
|
|
139
|
-
value: row.get(colName)?.value,
|
|
140
|
-
});
|
|
141
|
-
};
|
|
142
|
-
exports.getBarSeriesRowData = getBarSeriesRowData;
|
|
143
|
-
const addLineSeriesRowData = (row, metadata, colName, lineSeriesData) => {
|
|
144
|
-
if (!lineSeriesData.has(colName)) {
|
|
145
|
-
const series = {
|
|
146
|
-
seriesName: colName,
|
|
147
|
-
dis: getSeriesDis(metadata),
|
|
148
|
-
unit: getSeriesUnit(metadata),
|
|
149
|
-
hideAxis: getHideAxis(metadata),
|
|
150
|
-
axisPlacement: getAxisPlacement(metadata),
|
|
151
|
-
data: [],
|
|
152
|
-
strokeSettings: {
|
|
153
|
-
strokeWidth: 2,
|
|
154
|
-
strokeDasharray: isDottedSeriesVariant(metadata)
|
|
155
|
-
? [3, 3]
|
|
156
|
-
: undefined,
|
|
157
|
-
},
|
|
158
|
-
};
|
|
159
|
-
const seriesColor = getSeriesColor(metadata);
|
|
160
|
-
if (seriesColor && series.strokeSettings) {
|
|
161
|
-
series.strokeSettings.stroke = seriesColor;
|
|
162
|
-
}
|
|
163
|
-
lineSeriesData.set(colName, series);
|
|
164
|
-
}
|
|
165
|
-
lineSeriesData.get(colName)?.data.push({
|
|
166
|
-
ts: row.get('ts').date.getTime(),
|
|
167
|
-
value: row.get(colName)?.value,
|
|
168
|
-
});
|
|
169
|
-
};
|
|
170
|
-
exports.addLineSeriesRowData = addLineSeriesRowData;
|
|
171
|
-
/**
|
|
172
|
-
* Returns the numeric value of an Haystack Value object (if numeric)
|
|
173
|
-
* @param val Haystack value
|
|
174
|
-
* @returns the numeric value:
|
|
175
|
-
* - `HNum` > numeric value
|
|
176
|
-
* - `HDate` > time value in milliseconds since midnight, January 1, 1970 UTC
|
|
177
|
-
* - `HTime` > time value in milliseconds since midnight, January 1, 1970 UTC
|
|
178
|
-
* - `HBool` > 1 if `val` is `true`, `false` otherwise
|
|
179
|
-
* - `HDateTime` > time value in milliseconds since midnight, January 1, 1970 UTC
|
|
180
|
-
*/
|
|
181
|
-
const getHValValueNumber = (val) => {
|
|
182
|
-
if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Number)) {
|
|
183
|
-
return val.value;
|
|
184
|
-
}
|
|
185
|
-
if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Date)) {
|
|
186
|
-
return val.date.getTime();
|
|
187
|
-
}
|
|
188
|
-
if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Time)) {
|
|
189
|
-
return val.date.getTime();
|
|
190
|
-
}
|
|
191
|
-
if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Bool)) {
|
|
192
|
-
return val.value ? 1 : 0;
|
|
193
|
-
}
|
|
194
|
-
if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.DateTime)) {
|
|
195
|
-
return val.date.getTime();
|
|
196
|
-
}
|
|
197
|
-
throw new Error(`getHValValue: ${val.getKind()} not supported`);
|
|
198
|
-
};
|
|
199
|
-
const calculateDefaultTimeInterval = (timeRange) => {
|
|
200
|
-
const diffTime = Math.abs(timeRange[1].getTime() - timeRange[0].getTime());
|
|
201
|
-
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
|
202
|
-
return { count: diffDays ? diffDays : 1, timeUnit: 'hour' };
|
|
203
|
-
};
|
|
204
|
-
exports.calculateDefaultTimeInterval = calculateDefaultTimeInterval;
|
|
205
|
-
/**
|
|
206
|
-
* A component that renders a chart containing multiple series
|
|
207
|
-
* of different kinds, taking all the data and configuration from an HGrid.
|
|
208
|
-
*/
|
|
209
|
-
exports.HGridChart = (0, react_1.memo)(function HGridChartComponent({ className, data, timeRange, timeInterval = (0, exports.calculateDefaultTimeInterval)(timeRange), unitPlacement = Chart_1.UnitPlacement.axis, legendPlacement = Chart_1.LegendPlacement.right, translateLabel = undefined, DOMtargetId, }) {
|
|
210
|
-
const theme = (0, react_jss_1.useTheme)();
|
|
211
|
-
const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData } = (0, react_1.useMemo)(() => {
|
|
212
|
-
if (data === undefined) {
|
|
213
|
-
return {
|
|
214
|
-
barSeriesData: [],
|
|
215
|
-
stackedBarSeriesData: [],
|
|
216
|
-
lineSeriesData: [],
|
|
217
|
-
rangesData: [],
|
|
218
|
-
};
|
|
219
|
-
}
|
|
220
|
-
const gridMetadata = data.meta;
|
|
221
|
-
const { barSeries, stackedBarSeries, lineSeries } = (0, exports.splitBarAndLineSeriesCols)(data);
|
|
222
|
-
const barSeriesData = new Map();
|
|
223
|
-
const stackedBarSeriesData = new Map();
|
|
224
|
-
const lineSeriesData = new Map();
|
|
225
|
-
data.getRows().forEach((row) => {
|
|
226
|
-
if (stackedBarSeries.size > 0) {
|
|
227
|
-
stackedBarSeries.forEach((colName) => {
|
|
228
|
-
(0, exports.getBarSeriesRowData)(row, data.getColumn(colName)?.meta ?? haystack_core_1.HDict.make(), colName, stackedBarSeriesData);
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
if (barSeries.size > 0) {
|
|
232
|
-
barSeries.forEach((colName) => {
|
|
233
|
-
(0, exports.getBarSeriesRowData)(row, data.getColumn(colName)?.meta ?? haystack_core_1.HDict.make(), colName, barSeriesData);
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
if (lineSeries.size > 0) {
|
|
237
|
-
lineSeries.forEach((lineSeriesColName) => {
|
|
238
|
-
(0, exports.addLineSeriesRowData)(row, data.getColumn(lineSeriesColName)?.meta ??
|
|
239
|
-
haystack_core_1.HDict.make(), lineSeriesColName, lineSeriesData);
|
|
240
|
-
});
|
|
241
|
-
}
|
|
242
|
-
});
|
|
243
|
-
const rangesData = gridMetadata.ranges?.map((rangeData) => {
|
|
244
|
-
const result = {
|
|
245
|
-
startValue: getHValValueNumber(rangeData.startValue),
|
|
246
|
-
endValue: getHValValueNumber(rangeData.endValue),
|
|
247
|
-
color: getSeriesColor(rangeData),
|
|
248
|
-
tooltip: rangeData.dis?.value,
|
|
249
|
-
opacity: rangeData.opacity?.value,
|
|
250
|
-
};
|
|
251
|
-
return result;
|
|
252
|
-
}) ?? [];
|
|
253
|
-
return {
|
|
254
|
-
barSeriesData: Array.from(barSeriesData.values()),
|
|
255
|
-
stackedBarSeriesData: Array.from(stackedBarSeriesData.values()),
|
|
256
|
-
lineSeriesData: Array.from(lineSeriesData.values()),
|
|
257
|
-
rangesData,
|
|
258
|
-
};
|
|
259
|
-
}, [data]);
|
|
260
|
-
const screenSize = (0, useScreenSize_1.default)();
|
|
261
|
-
const effectiveLegendPlacement = (0, react_1.useMemo)(() => {
|
|
262
|
-
const MIN_WIDTH = 1024;
|
|
263
|
-
if (screenSize.width >= MIN_WIDTH) {
|
|
264
|
-
return legendPlacement;
|
|
265
|
-
}
|
|
266
|
-
switch (legendPlacement) {
|
|
267
|
-
case Chart_1.LegendPlacement.left:
|
|
268
|
-
return Chart_1.LegendPlacement.top;
|
|
269
|
-
case Chart_1.LegendPlacement.right:
|
|
270
|
-
return Chart_1.LegendPlacement.bottom;
|
|
271
|
-
}
|
|
272
|
-
return legendPlacement;
|
|
273
|
-
}, [legendPlacement, screenSize.width]);
|
|
274
|
-
return (react_1.default.createElement("div", { className: className },
|
|
275
|
-
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
|
-
stroke: am5.color(theme.borderColor),
|
|
277
|
-
}, dateField: 'ts', baseInterval: timeInterval, tooltipSettings: {
|
|
278
|
-
fontSize: '0.9rem',
|
|
279
|
-
}, legendLabelsSettings: {
|
|
280
|
-
fill: am5.color(theme.textColor),
|
|
281
|
-
fontSize: '0.9rem',
|
|
282
|
-
}, legendMarkersSettings: {
|
|
283
|
-
width: 8,
|
|
284
|
-
height: 8,
|
|
285
|
-
rounded: true,
|
|
286
|
-
} })));
|
|
287
|
-
});
|
|
288
|
-
exports.default = exports.HGridChart;
|
|
289
|
-
//# sourceMappingURL=HGridChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/HGridChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
-
/**
|
|
3
|
-
* Generate a custom element constructor that wraps the given react component.
|
|
4
|
-
*/
|
|
5
|
-
export declare const makeCustomElement: <T extends object>(Component: React.FC<T>) => CustomElementConstructor;
|
|
6
|
-
/**
|
|
7
|
-
* Create a custom element wrapping a React component and register it.
|
|
8
|
-
* @param webComponentName the name of the Web component (tag name)
|
|
9
|
-
* @param ReactComponent the React component to wrap
|
|
10
|
-
* @returns
|
|
11
|
-
*/
|
|
12
|
-
export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T>) => void;
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Copyright (c) 2025, J2 Innovations. All Rights Reserved
|
|
4
|
-
*/
|
|
5
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
6
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
|
-
};
|
|
8
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
-
exports.registerReactWebComponent = exports.makeCustomElement = void 0;
|
|
10
|
-
const app_react_1 = require("@j2inn/app-react");
|
|
11
|
-
const ui_1 = require("@j2inn/ui");
|
|
12
|
-
const utils_1 = require("@j2inn/utils");
|
|
13
|
-
const haystack_react_1 = require("haystack-react");
|
|
14
|
-
const jss_1 = require("jss");
|
|
15
|
-
const react_1 = __importDefault(require("react"));
|
|
16
|
-
const client_1 = require("react-dom/client");
|
|
17
|
-
const react_jss_1 = require("react-jss");
|
|
18
|
-
const defaultTheme = (0, ui_1.GenerateTheme)().light;
|
|
19
|
-
/**
|
|
20
|
-
* Generate a custom element constructor that wraps the given react component.
|
|
21
|
-
*/
|
|
22
|
-
const makeCustomElement = (Component) => {
|
|
23
|
-
return class extends HTMLElement {
|
|
24
|
-
static get observedAttributes() {
|
|
25
|
-
return ['props'];
|
|
26
|
-
}
|
|
27
|
-
_locale;
|
|
28
|
-
get locale() {
|
|
29
|
-
return this._locale;
|
|
30
|
-
}
|
|
31
|
-
set locale(value) {
|
|
32
|
-
this._locale = value;
|
|
33
|
-
this.render();
|
|
34
|
-
}
|
|
35
|
-
_appRootStore;
|
|
36
|
-
get appRootStore() {
|
|
37
|
-
return this._appRootStore ?? {};
|
|
38
|
-
}
|
|
39
|
-
set appRootStore(value) {
|
|
40
|
-
this._appRootStore = value;
|
|
41
|
-
this.render();
|
|
42
|
-
}
|
|
43
|
-
_appStore;
|
|
44
|
-
get appStore() {
|
|
45
|
-
return this._appStore ?? {};
|
|
46
|
-
}
|
|
47
|
-
set appStore(value) {
|
|
48
|
-
this._appStore = value;
|
|
49
|
-
this.render();
|
|
50
|
-
}
|
|
51
|
-
_client;
|
|
52
|
-
get client() {
|
|
53
|
-
return this._client;
|
|
54
|
-
}
|
|
55
|
-
set client(value) {
|
|
56
|
-
this._client = value;
|
|
57
|
-
this.render();
|
|
58
|
-
}
|
|
59
|
-
_i18n;
|
|
60
|
-
get i18n() {
|
|
61
|
-
return this._i18n;
|
|
62
|
-
}
|
|
63
|
-
set i18n(value) {
|
|
64
|
-
this._i18n = value;
|
|
65
|
-
this.render();
|
|
66
|
-
}
|
|
67
|
-
_props;
|
|
68
|
-
get props() {
|
|
69
|
-
return this._props;
|
|
70
|
-
}
|
|
71
|
-
set props(value) {
|
|
72
|
-
this._props = value;
|
|
73
|
-
this.render();
|
|
74
|
-
}
|
|
75
|
-
_theme;
|
|
76
|
-
get theme() {
|
|
77
|
-
return this._theme ?? defaultTheme;
|
|
78
|
-
}
|
|
79
|
-
set theme(value) {
|
|
80
|
-
this._theme = value;
|
|
81
|
-
this.render();
|
|
82
|
-
}
|
|
83
|
-
root;
|
|
84
|
-
jss;
|
|
85
|
-
constructor() {
|
|
86
|
-
super();
|
|
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
|
-
});
|
|
94
|
-
}
|
|
95
|
-
connectedCallback() {
|
|
96
|
-
this.render();
|
|
97
|
-
}
|
|
98
|
-
attributeChangedCallback() {
|
|
99
|
-
this.render();
|
|
100
|
-
}
|
|
101
|
-
disconnectedCallback() {
|
|
102
|
-
this.root.unmount();
|
|
103
|
-
}
|
|
104
|
-
render() {
|
|
105
|
-
const ThemedComponent = (react_1.default.createElement(react_jss_1.ThemeProvider, { theme: this.theme },
|
|
106
|
-
react_1.default.createElement(utils_1.I18NContext.Provider, { value: this.i18n },
|
|
107
|
-
react_1.default.createElement(react_jss_1.JssProvider, { jss: this.jss },
|
|
108
|
-
react_1.default.createElement(Component, { ...this.props })))));
|
|
109
|
-
this.root.render(react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: this.appRootStore ?? null },
|
|
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))));
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
exports.makeCustomElement = makeCustomElement;
|
|
115
|
-
/**
|
|
116
|
-
* Create a custom element wrapping a React component and register it.
|
|
117
|
-
* @param webComponentName the name of the Web component (tag name)
|
|
118
|
-
* @param ReactComponent the React component to wrap
|
|
119
|
-
* @returns
|
|
120
|
-
*/
|
|
121
|
-
const registerReactWebComponent = (webComponentName, ReactComponent) => {
|
|
122
|
-
// Bail if web component is already defined
|
|
123
|
-
if (customElements.get(webComponentName)) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
// Make web component that wraps the react component
|
|
127
|
-
const Element = (0, exports.makeCustomElement)(ReactComponent);
|
|
128
|
-
try {
|
|
129
|
-
// Define web component
|
|
130
|
-
customElements.define(webComponentName, Element);
|
|
131
|
-
}
|
|
132
|
-
catch (e) {
|
|
133
|
-
console.error(e);
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
exports.registerReactWebComponent = registerReactWebComponent;
|
|
137
|
-
//# sourceMappingURL=makeCustomElement.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Copyright (c) 2025, J2 Innovations. All Rights Reserved
|
|
4
|
-
*/
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
/**
|
|
8
|
-
* Observe screen size.
|
|
9
|
-
*/
|
|
10
|
-
const useScreenSize = () => {
|
|
11
|
-
const [screenSize, setScreenSize] = (0, react_1.useState)({
|
|
12
|
-
width: window.innerWidth,
|
|
13
|
-
height: window.innerHeight,
|
|
14
|
-
});
|
|
15
|
-
(0, react_1.useEffect)(() => {
|
|
16
|
-
const handleResize = () => {
|
|
17
|
-
setScreenSize({
|
|
18
|
-
width: window.innerWidth,
|
|
19
|
-
height: window.innerHeight,
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
window.addEventListener('resize', handleResize);
|
|
23
|
-
// Clean up the event listener when the component unmounts
|
|
24
|
-
return () => {
|
|
25
|
-
window.removeEventListener('resize', handleResize);
|
|
26
|
-
};
|
|
27
|
-
}, []);
|
|
28
|
-
return screenSize;
|
|
29
|
-
};
|
|
30
|
-
exports.default = useScreenSize;
|
|
31
|
-
//# sourceMappingURL=useScreenSize.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../src/react/hooks/useScreenSize.ts"],"names":[],"mappings":";AAAA;;GAEG;;AAEH,iCAA2C;AAE3C;;GAEG;AACH,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC5C,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM,CAAC,WAAW;KAC1B,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,aAAa,CAAC;gBACb,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC1B,CAAC,CAAA;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,0DAA0D;QAC1D,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACnD,CAAC,CAAA;IACF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AAClB,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
|
-
*/
|
|
4
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { AppRootStoreContext, AppStoreContext } from '@j2inn/app';
|
|
6
|
-
import { observer } from 'mobx-react-lite';
|
|
7
|
-
import { Fin5AppRootStore } from './Fin5AppRootStore';
|
|
8
|
-
import { Client, } from 'haystack-nclient';
|
|
9
|
-
import { ClientContext } from 'haystack-react';
|
|
10
|
-
import { I18NProvider } from '@j2inn/utils';
|
|
11
|
-
import { ThemeProvider } from 'react-jss';
|
|
12
|
-
import { DEFAULT_THEME, GenerateTheme } from '@j2inn/ui';
|
|
13
|
-
import { fin5Top } from '../../fin5Top/fin5Top';
|
|
14
|
-
import { useFin5AppURLHashParameter } from '../../fin5Top/useFin5AppURLHashParameter';
|
|
15
|
-
import { HRef } from 'haystack-core';
|
|
16
|
-
import { ErrorBoundary } from '../components/ErrorBoundary';
|
|
17
|
-
import Loader from '../components/Loader';
|
|
18
|
-
const PATH_PREFIX = 'finApp';
|
|
19
|
-
const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
|
|
20
|
-
const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
|
|
21
|
-
const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
|
|
22
|
-
const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
|
|
23
|
-
/**
|
|
24
|
-
* Creates a basic application container environment to run a view in FIN5.
|
|
25
|
-
*/
|
|
26
|
-
export const Fin5AppContainer = observer(({ children, appStore, client, project, theme = GenerateTheme(DEFAULT_THEME).light, }) => {
|
|
27
|
-
const [loading, setLoading] = useState(true);
|
|
28
|
-
const [loadingi18n, setLoadingi18n] = useState(true);
|
|
29
|
-
const rootStoreRef = useRef(null);
|
|
30
|
-
const rootStore = rootStoreRef.current ??
|
|
31
|
-
(rootStoreRef.current = new Fin5AppRootStore());
|
|
32
|
-
const [hashProjName] = useFin5AppURLHashParameter('projectName');
|
|
33
|
-
const containerProject = project || hashProjName || fin5Top?.finstack?.projectName || '';
|
|
34
|
-
const locale = fin5Top?.languageManager?.currentLang ?? navigator?.language;
|
|
35
|
-
rootStore.locale = locale;
|
|
36
|
-
if (!rootStore.allLocales.includes(locale)) {
|
|
37
|
-
rootStore.allLocales.push(locale);
|
|
38
|
-
}
|
|
39
|
-
const target = fin5Top?.app?.TargetRef?.() || '';
|
|
40
|
-
rootStore.target = target ? HRef.make(target).value : '';
|
|
41
|
-
const getClient = () => client ??
|
|
42
|
-
new Client({
|
|
43
|
-
base: new URL(window.location.href),
|
|
44
|
-
project: containerProject,
|
|
45
|
-
options: { headers: { accept: 'text/zinc' } },
|
|
46
|
-
getServiceUrl,
|
|
47
|
-
getOpUrl,
|
|
48
|
-
getHaystackServiceUrl,
|
|
49
|
-
getHostServiceUrl,
|
|
50
|
-
});
|
|
51
|
-
const [containerClient, setContainerClient] = useState(getClient);
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
setLoading(true);
|
|
54
|
-
const newClient = getClient();
|
|
55
|
-
setContainerClient(newClient);
|
|
56
|
-
// Load everything network wise before we load
|
|
57
|
-
// the application.
|
|
58
|
-
Promise.all([
|
|
59
|
-
newClient.ext.eval('finGetCurrentUser()'),
|
|
60
|
-
newClient.ext.loadDefs(),
|
|
61
|
-
]).then(([userGrid]) => {
|
|
62
|
-
rootStore.currentUser = userGrid.first;
|
|
63
|
-
setLoading(false);
|
|
64
|
-
});
|
|
65
|
-
}, [client, containerProject]);
|
|
66
|
-
return (<AppRootStoreContext.Provider value={rootStore}>
|
|
67
|
-
<AppStoreContext.Provider value={appStore}>
|
|
68
|
-
<ClientContext.Provider value={containerClient}>
|
|
69
|
-
<I18NProvider locale={locale} setLoading={setLoadingi18n}>
|
|
70
|
-
<ThemeProvider theme={theme}>
|
|
71
|
-
<Loader loading={loading || loadingi18n}>
|
|
72
|
-
<ErrorBoundary mode={"global" /* ErrorBoundaryMode.global */}>
|
|
73
|
-
{children}
|
|
74
|
-
</ErrorBoundary>
|
|
75
|
-
</Loader>
|
|
76
|
-
</ThemeProvider>
|
|
77
|
-
</I18NProvider>
|
|
78
|
-
</ClientContext.Provider>
|
|
79
|
-
</AppStoreContext.Provider>
|
|
80
|
-
</AppRootStoreContext.Provider>);
|
|
81
|
-
});
|
|
82
|
-
//# sourceMappingURL=Fin5AppContainer.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Fin5AppContainer.jsx","sourceRoot":"","sources":["../../../src/react/app/Fin5AppContainer.tsx"],"names":[],"mappings":"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"}
|