@apexcura/core 0.0.16-Beta226 → 0.0.16-Beta228
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.js +58 -169
- package/dist/index.mjs +58 -169
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -35,142 +35,10 @@ __export(src_exports, {
|
|
|
35
35
|
module.exports = __toCommonJS(src_exports);
|
|
36
36
|
|
|
37
37
|
// src/libraries/element-executor.tsx
|
|
38
|
-
var import_react2 = __toESM(require("react"));
|
|
39
|
-
var import_ui_components = require("@apexcura/ui-components");
|
|
40
|
-
|
|
41
|
-
// src/libraries/HighchartsLineChart.tsx
|
|
42
38
|
var import_react = __toESM(require("react"));
|
|
43
39
|
var import_highcharts = __toESM(require("highcharts"));
|
|
44
40
|
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
45
|
-
var
|
|
46
|
-
let graph_data = {
|
|
47
|
-
chart: {
|
|
48
|
-
height: "50%"
|
|
49
|
-
},
|
|
50
|
-
title: {
|
|
51
|
-
text: "U.S Solar Employment Growth",
|
|
52
|
-
align: "left"
|
|
53
|
-
},
|
|
54
|
-
subtitle: {
|
|
55
|
-
text: 'By Job Category. Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>.',
|
|
56
|
-
align: "left"
|
|
57
|
-
},
|
|
58
|
-
yAxis: {
|
|
59
|
-
title: {
|
|
60
|
-
text: "Number of Employees"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
xAxis: {
|
|
64
|
-
accessibility: {
|
|
65
|
-
rangeDescription: "Range: 2010 to 2020"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
legend: {
|
|
69
|
-
layout: "vertical",
|
|
70
|
-
align: "right",
|
|
71
|
-
verticalAlign: "middle"
|
|
72
|
-
},
|
|
73
|
-
plotOptions: {
|
|
74
|
-
series: {
|
|
75
|
-
label: {
|
|
76
|
-
connectorAllowed: false
|
|
77
|
-
},
|
|
78
|
-
pointStart: 2010
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
series: [{
|
|
82
|
-
name: "Installation & Developers",
|
|
83
|
-
data: [
|
|
84
|
-
43934,
|
|
85
|
-
48656,
|
|
86
|
-
65165,
|
|
87
|
-
81827,
|
|
88
|
-
112143,
|
|
89
|
-
142383,
|
|
90
|
-
171533,
|
|
91
|
-
165174,
|
|
92
|
-
155157,
|
|
93
|
-
161454,
|
|
94
|
-
154610
|
|
95
|
-
]
|
|
96
|
-
}, {
|
|
97
|
-
name: "Manufacturing",
|
|
98
|
-
data: [
|
|
99
|
-
24916,
|
|
100
|
-
37941,
|
|
101
|
-
29742,
|
|
102
|
-
29851,
|
|
103
|
-
32490,
|
|
104
|
-
30282,
|
|
105
|
-
38121,
|
|
106
|
-
36885,
|
|
107
|
-
33726,
|
|
108
|
-
34243,
|
|
109
|
-
31050
|
|
110
|
-
]
|
|
111
|
-
}, {
|
|
112
|
-
name: "Sales & Distribution",
|
|
113
|
-
data: [
|
|
114
|
-
11744,
|
|
115
|
-
3e4,
|
|
116
|
-
16005,
|
|
117
|
-
19771,
|
|
118
|
-
20185,
|
|
119
|
-
24377,
|
|
120
|
-
32147,
|
|
121
|
-
30912,
|
|
122
|
-
29243,
|
|
123
|
-
29213,
|
|
124
|
-
25663
|
|
125
|
-
]
|
|
126
|
-
}, {
|
|
127
|
-
name: "Operations & Maintenance",
|
|
128
|
-
data: [
|
|
129
|
-
null,
|
|
130
|
-
null,
|
|
131
|
-
null,
|
|
132
|
-
null,
|
|
133
|
-
null,
|
|
134
|
-
null,
|
|
135
|
-
null,
|
|
136
|
-
null,
|
|
137
|
-
11164,
|
|
138
|
-
11218,
|
|
139
|
-
10077
|
|
140
|
-
]
|
|
141
|
-
}, {
|
|
142
|
-
name: "Other",
|
|
143
|
-
data: [
|
|
144
|
-
21908,
|
|
145
|
-
5548,
|
|
146
|
-
8105,
|
|
147
|
-
11248,
|
|
148
|
-
8989,
|
|
149
|
-
11816,
|
|
150
|
-
18274,
|
|
151
|
-
17300,
|
|
152
|
-
13053,
|
|
153
|
-
11906,
|
|
154
|
-
10073
|
|
155
|
-
]
|
|
156
|
-
}],
|
|
157
|
-
responsive: {
|
|
158
|
-
rules: [{
|
|
159
|
-
condition: {
|
|
160
|
-
maxWidth: 500
|
|
161
|
-
},
|
|
162
|
-
chartOptions: {
|
|
163
|
-
legend: {
|
|
164
|
-
layout: "horizontal",
|
|
165
|
-
align: "center",
|
|
166
|
-
verticalAlign: "bottom"
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}]
|
|
170
|
-
}
|
|
171
|
-
};
|
|
172
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: graph_data }));
|
|
173
|
-
};
|
|
41
|
+
var import_ui_components = require("@apexcura/ui-components");
|
|
174
42
|
|
|
175
43
|
// src/services/http-service.tsx
|
|
176
44
|
var import_axios = __toESM(require("axios"));
|
|
@@ -231,8 +99,8 @@ function postService(url, method, data) {
|
|
|
231
99
|
|
|
232
100
|
// src/libraries/element-executor.tsx
|
|
233
101
|
var ElementExecutor = (props) => {
|
|
234
|
-
const [data, setData] = (0,
|
|
235
|
-
const [schema, setSchema] = (0,
|
|
102
|
+
const [data, setData] = (0, import_react.useState)([]);
|
|
103
|
+
const [schema, setSchema] = (0, import_react.useState)(props.data.schema);
|
|
236
104
|
const onHandleChange = (name, value) => {
|
|
237
105
|
const updateSchema = (schema2) => {
|
|
238
106
|
return schema2.map((field) => {
|
|
@@ -263,7 +131,7 @@ var ElementExecutor = (props) => {
|
|
|
263
131
|
const renderElement = (elementProps) => {
|
|
264
132
|
switch (elementProps.element) {
|
|
265
133
|
case "input-text":
|
|
266
|
-
return /* @__PURE__ */
|
|
134
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
267
135
|
import_ui_components.TextElement,
|
|
268
136
|
{
|
|
269
137
|
...elementProps,
|
|
@@ -271,7 +139,7 @@ var ElementExecutor = (props) => {
|
|
|
271
139
|
}
|
|
272
140
|
);
|
|
273
141
|
case "input-number":
|
|
274
|
-
return /* @__PURE__ */
|
|
142
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
275
143
|
import_ui_components.NumberElement,
|
|
276
144
|
{
|
|
277
145
|
...elementProps,
|
|
@@ -279,7 +147,7 @@ var ElementExecutor = (props) => {
|
|
|
279
147
|
}
|
|
280
148
|
);
|
|
281
149
|
case "input-textarea":
|
|
282
|
-
return /* @__PURE__ */
|
|
150
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
283
151
|
import_ui_components.TextareaElement,
|
|
284
152
|
{
|
|
285
153
|
...elementProps,
|
|
@@ -287,7 +155,7 @@ var ElementExecutor = (props) => {
|
|
|
287
155
|
}
|
|
288
156
|
);
|
|
289
157
|
case "single-select":
|
|
290
|
-
return /* @__PURE__ */
|
|
158
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
291
159
|
import_ui_components.SelectElement,
|
|
292
160
|
{
|
|
293
161
|
...elementProps,
|
|
@@ -295,7 +163,7 @@ var ElementExecutor = (props) => {
|
|
|
295
163
|
}
|
|
296
164
|
);
|
|
297
165
|
case "input-mobile":
|
|
298
|
-
return /* @__PURE__ */
|
|
166
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
299
167
|
import_ui_components.NumberElement,
|
|
300
168
|
{
|
|
301
169
|
...elementProps,
|
|
@@ -303,7 +171,7 @@ var ElementExecutor = (props) => {
|
|
|
303
171
|
}
|
|
304
172
|
);
|
|
305
173
|
case "input-checkbox":
|
|
306
|
-
return /* @__PURE__ */
|
|
174
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
307
175
|
import_ui_components.CheckboxElement,
|
|
308
176
|
{
|
|
309
177
|
...elementProps,
|
|
@@ -311,7 +179,7 @@ var ElementExecutor = (props) => {
|
|
|
311
179
|
}
|
|
312
180
|
);
|
|
313
181
|
case "input-radio":
|
|
314
|
-
return /* @__PURE__ */
|
|
182
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
315
183
|
import_ui_components.RadioElement,
|
|
316
184
|
{
|
|
317
185
|
...elementProps,
|
|
@@ -319,7 +187,7 @@ var ElementExecutor = (props) => {
|
|
|
319
187
|
}
|
|
320
188
|
);
|
|
321
189
|
case "input-description":
|
|
322
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
323
191
|
import_ui_components.CkEditor,
|
|
324
192
|
{
|
|
325
193
|
...elementProps,
|
|
@@ -327,7 +195,7 @@ var ElementExecutor = (props) => {
|
|
|
327
195
|
}
|
|
328
196
|
);
|
|
329
197
|
case "input-single-select":
|
|
330
|
-
return /* @__PURE__ */
|
|
198
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
331
199
|
import_ui_components.SingleSelectElement,
|
|
332
200
|
{
|
|
333
201
|
...elementProps,
|
|
@@ -337,7 +205,7 @@ var ElementExecutor = (props) => {
|
|
|
337
205
|
}
|
|
338
206
|
);
|
|
339
207
|
case "input-multiple-select":
|
|
340
|
-
return /* @__PURE__ */
|
|
208
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
341
209
|
import_ui_components.MultipleSelectElement,
|
|
342
210
|
{
|
|
343
211
|
...elementProps,
|
|
@@ -347,11 +215,11 @@ var ElementExecutor = (props) => {
|
|
|
347
215
|
}
|
|
348
216
|
);
|
|
349
217
|
case "add-more":
|
|
350
|
-
return /* @__PURE__ */
|
|
218
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
|
|
351
219
|
case "div":
|
|
352
|
-
return /* @__PURE__ */
|
|
220
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
353
221
|
case "button":
|
|
354
|
-
return /* @__PURE__ */
|
|
222
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
355
223
|
import_ui_components.ButtonElement,
|
|
356
224
|
{
|
|
357
225
|
...elementProps,
|
|
@@ -359,7 +227,7 @@ var ElementExecutor = (props) => {
|
|
|
359
227
|
}
|
|
360
228
|
);
|
|
361
229
|
case "sidebar":
|
|
362
|
-
return /* @__PURE__ */
|
|
230
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
363
231
|
import_ui_components.Sidebar,
|
|
364
232
|
{
|
|
365
233
|
...elementProps,
|
|
@@ -367,9 +235,9 @@ var ElementExecutor = (props) => {
|
|
|
367
235
|
}
|
|
368
236
|
);
|
|
369
237
|
case "navbar":
|
|
370
|
-
return /* @__PURE__ */
|
|
238
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
|
|
371
239
|
case "table":
|
|
372
|
-
return /* @__PURE__ */
|
|
240
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
373
241
|
import_ui_components.TableElement,
|
|
374
242
|
{
|
|
375
243
|
...elementProps,
|
|
@@ -377,7 +245,7 @@ var ElementExecutor = (props) => {
|
|
|
377
245
|
}
|
|
378
246
|
);
|
|
379
247
|
case "daterangepicker":
|
|
380
|
-
return /* @__PURE__ */
|
|
248
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
381
249
|
import_ui_components.DateRangePickerElement,
|
|
382
250
|
{
|
|
383
251
|
...elementProps,
|
|
@@ -385,7 +253,7 @@ var ElementExecutor = (props) => {
|
|
|
385
253
|
}
|
|
386
254
|
);
|
|
387
255
|
case "datepicker":
|
|
388
|
-
return /* @__PURE__ */
|
|
256
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
389
257
|
import_ui_components.DatePickerElement,
|
|
390
258
|
{
|
|
391
259
|
...elementProps,
|
|
@@ -393,7 +261,7 @@ var ElementExecutor = (props) => {
|
|
|
393
261
|
}
|
|
394
262
|
);
|
|
395
263
|
case "upload":
|
|
396
|
-
return /* @__PURE__ */
|
|
264
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
397
265
|
import_ui_components.FileUpload,
|
|
398
266
|
{
|
|
399
267
|
...elementProps,
|
|
@@ -401,7 +269,7 @@ var ElementExecutor = (props) => {
|
|
|
401
269
|
}
|
|
402
270
|
);
|
|
403
271
|
case "upload-manually":
|
|
404
|
-
return /* @__PURE__ */
|
|
272
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
405
273
|
import_ui_components.Upload,
|
|
406
274
|
{
|
|
407
275
|
...elementProps,
|
|
@@ -409,9 +277,9 @@ var ElementExecutor = (props) => {
|
|
|
409
277
|
}
|
|
410
278
|
);
|
|
411
279
|
case "image":
|
|
412
|
-
return /* @__PURE__ */
|
|
280
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
|
|
413
281
|
case "input-password":
|
|
414
|
-
return /* @__PURE__ */
|
|
282
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
415
283
|
import_ui_components.PasswordElement,
|
|
416
284
|
{
|
|
417
285
|
...elementProps,
|
|
@@ -419,7 +287,7 @@ var ElementExecutor = (props) => {
|
|
|
419
287
|
}
|
|
420
288
|
);
|
|
421
289
|
case "single-checkbox":
|
|
422
|
-
return /* @__PURE__ */
|
|
290
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
423
291
|
import_ui_components.SingleCheckbox,
|
|
424
292
|
{
|
|
425
293
|
...elementProps,
|
|
@@ -427,7 +295,7 @@ var ElementExecutor = (props) => {
|
|
|
427
295
|
}
|
|
428
296
|
);
|
|
429
297
|
case "dropdown-group":
|
|
430
|
-
return /* @__PURE__ */
|
|
298
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
431
299
|
import_ui_components.DropDownGroup,
|
|
432
300
|
{
|
|
433
301
|
...elementProps,
|
|
@@ -435,7 +303,7 @@ var ElementExecutor = (props) => {
|
|
|
435
303
|
}
|
|
436
304
|
);
|
|
437
305
|
case "tabs":
|
|
438
|
-
return /* @__PURE__ */
|
|
306
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
439
307
|
import_ui_components.TabsElement,
|
|
440
308
|
{
|
|
441
309
|
...elementProps,
|
|
@@ -443,7 +311,7 @@ var ElementExecutor = (props) => {
|
|
|
443
311
|
}
|
|
444
312
|
);
|
|
445
313
|
case "otp":
|
|
446
|
-
return /* @__PURE__ */
|
|
314
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
447
315
|
import_ui_components.OtpElement,
|
|
448
316
|
{
|
|
449
317
|
...elementProps,
|
|
@@ -451,7 +319,7 @@ var ElementExecutor = (props) => {
|
|
|
451
319
|
}
|
|
452
320
|
);
|
|
453
321
|
case "circle-donut":
|
|
454
|
-
return /* @__PURE__ */
|
|
322
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
455
323
|
import_ui_components.CircleDonut,
|
|
456
324
|
{
|
|
457
325
|
...elementProps,
|
|
@@ -459,7 +327,7 @@ var ElementExecutor = (props) => {
|
|
|
459
327
|
}
|
|
460
328
|
);
|
|
461
329
|
case "semicircle-donut":
|
|
462
|
-
return /* @__PURE__ */
|
|
330
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
463
331
|
import_ui_components.SemiCircleDonut,
|
|
464
332
|
{
|
|
465
333
|
...elementProps,
|
|
@@ -467,7 +335,7 @@ var ElementExecutor = (props) => {
|
|
|
467
335
|
}
|
|
468
336
|
);
|
|
469
337
|
case "horizontal-barchart":
|
|
470
|
-
return /* @__PURE__ */
|
|
338
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
471
339
|
import_ui_components.HorizontalBarChart,
|
|
472
340
|
{
|
|
473
341
|
...elementProps,
|
|
@@ -475,7 +343,7 @@ var ElementExecutor = (props) => {
|
|
|
475
343
|
}
|
|
476
344
|
);
|
|
477
345
|
case "linechart":
|
|
478
|
-
return /* @__PURE__ */
|
|
346
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
479
347
|
import_ui_components.LineChart,
|
|
480
348
|
{
|
|
481
349
|
...elementProps,
|
|
@@ -483,7 +351,7 @@ var ElementExecutor = (props) => {
|
|
|
483
351
|
}
|
|
484
352
|
);
|
|
485
353
|
case "double-barchart":
|
|
486
|
-
return /* @__PURE__ */
|
|
354
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
487
355
|
import_ui_components.DoubleBarChart,
|
|
488
356
|
{
|
|
489
357
|
...elementProps,
|
|
@@ -491,7 +359,7 @@ var ElementExecutor = (props) => {
|
|
|
491
359
|
}
|
|
492
360
|
);
|
|
493
361
|
case "barchart":
|
|
494
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
495
363
|
import_ui_components.BarChart,
|
|
496
364
|
{
|
|
497
365
|
...elementProps,
|
|
@@ -505,12 +373,33 @@ var ElementExecutor = (props) => {
|
|
|
505
373
|
const renderFields = (schema2) => {
|
|
506
374
|
return schema2 && schema2.map((eachSection) => {
|
|
507
375
|
if (eachSection.visible !== false) {
|
|
508
|
-
return /* @__PURE__ */
|
|
376
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: eachSection.name }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), /* @__PURE__ */ import_react.default.createElement("div", { className: eachSection.className, key: eachSection.name }, renderFields(eachSection.fields))) : renderElement(eachSection));
|
|
509
377
|
}
|
|
510
378
|
return null;
|
|
511
379
|
});
|
|
512
380
|
};
|
|
513
|
-
|
|
381
|
+
console.log(123);
|
|
382
|
+
const options = {
|
|
383
|
+
title: {
|
|
384
|
+
text: "My chart"
|
|
385
|
+
},
|
|
386
|
+
series: [
|
|
387
|
+
{
|
|
388
|
+
type: "line",
|
|
389
|
+
data: [1, 2, 3]
|
|
390
|
+
}
|
|
391
|
+
]
|
|
392
|
+
};
|
|
393
|
+
const chartComponentRef = (0, import_react.useRef)(null);
|
|
394
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("h1", null, "import in core as typescript named export HighchartsLineChart same as file name also"), /* @__PURE__ */ import_react.default.createElement(
|
|
395
|
+
import_highcharts_react_official.default,
|
|
396
|
+
{
|
|
397
|
+
highcharts: import_highcharts.default,
|
|
398
|
+
options,
|
|
399
|
+
ref: chartComponentRef,
|
|
400
|
+
...props
|
|
401
|
+
}
|
|
402
|
+
), /* @__PURE__ */ import_react.default.createElement("div", { className: props.data.className }, renderFields(schema)));
|
|
514
403
|
};
|
|
515
404
|
// Annotate the CommonJS export names for ESM import in node:
|
|
516
405
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
// src/libraries/element-executor.tsx
|
|
2
|
-
import
|
|
2
|
+
import React, { useState, useRef } from "react";
|
|
3
|
+
import Highcharts from "highcharts";
|
|
4
|
+
import HighchartsReact from "highcharts-react-official";
|
|
3
5
|
import {
|
|
4
6
|
TextElement,
|
|
5
7
|
NumberElement,
|
|
@@ -33,140 +35,6 @@ import {
|
|
|
33
35
|
BarChart
|
|
34
36
|
} from "@apexcura/ui-components";
|
|
35
37
|
|
|
36
|
-
// src/libraries/HighchartsLineChart.tsx
|
|
37
|
-
import React from "react";
|
|
38
|
-
import Highcharts from "highcharts";
|
|
39
|
-
import HighchartsReact from "highcharts-react-official";
|
|
40
|
-
var HighchartsLineChart = (props) => {
|
|
41
|
-
let graph_data = {
|
|
42
|
-
chart: {
|
|
43
|
-
height: "50%"
|
|
44
|
-
},
|
|
45
|
-
title: {
|
|
46
|
-
text: "U.S Solar Employment Growth",
|
|
47
|
-
align: "left"
|
|
48
|
-
},
|
|
49
|
-
subtitle: {
|
|
50
|
-
text: 'By Job Category. Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>.',
|
|
51
|
-
align: "left"
|
|
52
|
-
},
|
|
53
|
-
yAxis: {
|
|
54
|
-
title: {
|
|
55
|
-
text: "Number of Employees"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
xAxis: {
|
|
59
|
-
accessibility: {
|
|
60
|
-
rangeDescription: "Range: 2010 to 2020"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
legend: {
|
|
64
|
-
layout: "vertical",
|
|
65
|
-
align: "right",
|
|
66
|
-
verticalAlign: "middle"
|
|
67
|
-
},
|
|
68
|
-
plotOptions: {
|
|
69
|
-
series: {
|
|
70
|
-
label: {
|
|
71
|
-
connectorAllowed: false
|
|
72
|
-
},
|
|
73
|
-
pointStart: 2010
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
series: [{
|
|
77
|
-
name: "Installation & Developers",
|
|
78
|
-
data: [
|
|
79
|
-
43934,
|
|
80
|
-
48656,
|
|
81
|
-
65165,
|
|
82
|
-
81827,
|
|
83
|
-
112143,
|
|
84
|
-
142383,
|
|
85
|
-
171533,
|
|
86
|
-
165174,
|
|
87
|
-
155157,
|
|
88
|
-
161454,
|
|
89
|
-
154610
|
|
90
|
-
]
|
|
91
|
-
}, {
|
|
92
|
-
name: "Manufacturing",
|
|
93
|
-
data: [
|
|
94
|
-
24916,
|
|
95
|
-
37941,
|
|
96
|
-
29742,
|
|
97
|
-
29851,
|
|
98
|
-
32490,
|
|
99
|
-
30282,
|
|
100
|
-
38121,
|
|
101
|
-
36885,
|
|
102
|
-
33726,
|
|
103
|
-
34243,
|
|
104
|
-
31050
|
|
105
|
-
]
|
|
106
|
-
}, {
|
|
107
|
-
name: "Sales & Distribution",
|
|
108
|
-
data: [
|
|
109
|
-
11744,
|
|
110
|
-
3e4,
|
|
111
|
-
16005,
|
|
112
|
-
19771,
|
|
113
|
-
20185,
|
|
114
|
-
24377,
|
|
115
|
-
32147,
|
|
116
|
-
30912,
|
|
117
|
-
29243,
|
|
118
|
-
29213,
|
|
119
|
-
25663
|
|
120
|
-
]
|
|
121
|
-
}, {
|
|
122
|
-
name: "Operations & Maintenance",
|
|
123
|
-
data: [
|
|
124
|
-
null,
|
|
125
|
-
null,
|
|
126
|
-
null,
|
|
127
|
-
null,
|
|
128
|
-
null,
|
|
129
|
-
null,
|
|
130
|
-
null,
|
|
131
|
-
null,
|
|
132
|
-
11164,
|
|
133
|
-
11218,
|
|
134
|
-
10077
|
|
135
|
-
]
|
|
136
|
-
}, {
|
|
137
|
-
name: "Other",
|
|
138
|
-
data: [
|
|
139
|
-
21908,
|
|
140
|
-
5548,
|
|
141
|
-
8105,
|
|
142
|
-
11248,
|
|
143
|
-
8989,
|
|
144
|
-
11816,
|
|
145
|
-
18274,
|
|
146
|
-
17300,
|
|
147
|
-
13053,
|
|
148
|
-
11906,
|
|
149
|
-
10073
|
|
150
|
-
]
|
|
151
|
-
}],
|
|
152
|
-
responsive: {
|
|
153
|
-
rules: [{
|
|
154
|
-
condition: {
|
|
155
|
-
maxWidth: 500
|
|
156
|
-
},
|
|
157
|
-
chartOptions: {
|
|
158
|
-
legend: {
|
|
159
|
-
layout: "horizontal",
|
|
160
|
-
align: "center",
|
|
161
|
-
verticalAlign: "bottom"
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}]
|
|
165
|
-
}
|
|
166
|
-
};
|
|
167
|
-
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(HighchartsReact, { highcharts: Highcharts, options: graph_data }));
|
|
168
|
-
};
|
|
169
|
-
|
|
170
38
|
// src/services/http-service.tsx
|
|
171
39
|
import axios from "axios";
|
|
172
40
|
|
|
@@ -258,7 +126,7 @@ var ElementExecutor = (props) => {
|
|
|
258
126
|
const renderElement = (elementProps) => {
|
|
259
127
|
switch (elementProps.element) {
|
|
260
128
|
case "input-text":
|
|
261
|
-
return /* @__PURE__ */
|
|
129
|
+
return /* @__PURE__ */ React.createElement(
|
|
262
130
|
TextElement,
|
|
263
131
|
{
|
|
264
132
|
...elementProps,
|
|
@@ -266,7 +134,7 @@ var ElementExecutor = (props) => {
|
|
|
266
134
|
}
|
|
267
135
|
);
|
|
268
136
|
case "input-number":
|
|
269
|
-
return /* @__PURE__ */
|
|
137
|
+
return /* @__PURE__ */ React.createElement(
|
|
270
138
|
NumberElement,
|
|
271
139
|
{
|
|
272
140
|
...elementProps,
|
|
@@ -274,7 +142,7 @@ var ElementExecutor = (props) => {
|
|
|
274
142
|
}
|
|
275
143
|
);
|
|
276
144
|
case "input-textarea":
|
|
277
|
-
return /* @__PURE__ */
|
|
145
|
+
return /* @__PURE__ */ React.createElement(
|
|
278
146
|
TextareaElement,
|
|
279
147
|
{
|
|
280
148
|
...elementProps,
|
|
@@ -282,7 +150,7 @@ var ElementExecutor = (props) => {
|
|
|
282
150
|
}
|
|
283
151
|
);
|
|
284
152
|
case "single-select":
|
|
285
|
-
return /* @__PURE__ */
|
|
153
|
+
return /* @__PURE__ */ React.createElement(
|
|
286
154
|
SelectElement,
|
|
287
155
|
{
|
|
288
156
|
...elementProps,
|
|
@@ -290,7 +158,7 @@ var ElementExecutor = (props) => {
|
|
|
290
158
|
}
|
|
291
159
|
);
|
|
292
160
|
case "input-mobile":
|
|
293
|
-
return /* @__PURE__ */
|
|
161
|
+
return /* @__PURE__ */ React.createElement(
|
|
294
162
|
NumberElement,
|
|
295
163
|
{
|
|
296
164
|
...elementProps,
|
|
@@ -298,7 +166,7 @@ var ElementExecutor = (props) => {
|
|
|
298
166
|
}
|
|
299
167
|
);
|
|
300
168
|
case "input-checkbox":
|
|
301
|
-
return /* @__PURE__ */
|
|
169
|
+
return /* @__PURE__ */ React.createElement(
|
|
302
170
|
CheckboxElement,
|
|
303
171
|
{
|
|
304
172
|
...elementProps,
|
|
@@ -306,7 +174,7 @@ var ElementExecutor = (props) => {
|
|
|
306
174
|
}
|
|
307
175
|
);
|
|
308
176
|
case "input-radio":
|
|
309
|
-
return /* @__PURE__ */
|
|
177
|
+
return /* @__PURE__ */ React.createElement(
|
|
310
178
|
RadioElement,
|
|
311
179
|
{
|
|
312
180
|
...elementProps,
|
|
@@ -314,7 +182,7 @@ var ElementExecutor = (props) => {
|
|
|
314
182
|
}
|
|
315
183
|
);
|
|
316
184
|
case "input-description":
|
|
317
|
-
return /* @__PURE__ */
|
|
185
|
+
return /* @__PURE__ */ React.createElement(
|
|
318
186
|
CkEditor,
|
|
319
187
|
{
|
|
320
188
|
...elementProps,
|
|
@@ -322,7 +190,7 @@ var ElementExecutor = (props) => {
|
|
|
322
190
|
}
|
|
323
191
|
);
|
|
324
192
|
case "input-single-select":
|
|
325
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ React.createElement(
|
|
326
194
|
SingleSelectElement,
|
|
327
195
|
{
|
|
328
196
|
...elementProps,
|
|
@@ -332,7 +200,7 @@ var ElementExecutor = (props) => {
|
|
|
332
200
|
}
|
|
333
201
|
);
|
|
334
202
|
case "input-multiple-select":
|
|
335
|
-
return /* @__PURE__ */
|
|
203
|
+
return /* @__PURE__ */ React.createElement(
|
|
336
204
|
MultipleSelectElement,
|
|
337
205
|
{
|
|
338
206
|
...elementProps,
|
|
@@ -342,11 +210,11 @@ var ElementExecutor = (props) => {
|
|
|
342
210
|
}
|
|
343
211
|
);
|
|
344
212
|
case "add-more":
|
|
345
|
-
return /* @__PURE__ */
|
|
213
|
+
return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
|
|
346
214
|
case "div":
|
|
347
|
-
return /* @__PURE__ */
|
|
215
|
+
return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
348
216
|
case "button":
|
|
349
|
-
return /* @__PURE__ */
|
|
217
|
+
return /* @__PURE__ */ React.createElement(
|
|
350
218
|
ButtonElement,
|
|
351
219
|
{
|
|
352
220
|
...elementProps,
|
|
@@ -354,7 +222,7 @@ var ElementExecutor = (props) => {
|
|
|
354
222
|
}
|
|
355
223
|
);
|
|
356
224
|
case "sidebar":
|
|
357
|
-
return /* @__PURE__ */
|
|
225
|
+
return /* @__PURE__ */ React.createElement(
|
|
358
226
|
Sidebar,
|
|
359
227
|
{
|
|
360
228
|
...elementProps,
|
|
@@ -362,9 +230,9 @@ var ElementExecutor = (props) => {
|
|
|
362
230
|
}
|
|
363
231
|
);
|
|
364
232
|
case "navbar":
|
|
365
|
-
return /* @__PURE__ */
|
|
233
|
+
return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
|
|
366
234
|
case "table":
|
|
367
|
-
return /* @__PURE__ */
|
|
235
|
+
return /* @__PURE__ */ React.createElement(
|
|
368
236
|
TableElement,
|
|
369
237
|
{
|
|
370
238
|
...elementProps,
|
|
@@ -372,7 +240,7 @@ var ElementExecutor = (props) => {
|
|
|
372
240
|
}
|
|
373
241
|
);
|
|
374
242
|
case "daterangepicker":
|
|
375
|
-
return /* @__PURE__ */
|
|
243
|
+
return /* @__PURE__ */ React.createElement(
|
|
376
244
|
DateRangePickerElement,
|
|
377
245
|
{
|
|
378
246
|
...elementProps,
|
|
@@ -380,7 +248,7 @@ var ElementExecutor = (props) => {
|
|
|
380
248
|
}
|
|
381
249
|
);
|
|
382
250
|
case "datepicker":
|
|
383
|
-
return /* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */ React.createElement(
|
|
384
252
|
DatePickerElement,
|
|
385
253
|
{
|
|
386
254
|
...elementProps,
|
|
@@ -388,7 +256,7 @@ var ElementExecutor = (props) => {
|
|
|
388
256
|
}
|
|
389
257
|
);
|
|
390
258
|
case "upload":
|
|
391
|
-
return /* @__PURE__ */
|
|
259
|
+
return /* @__PURE__ */ React.createElement(
|
|
392
260
|
FileUpload,
|
|
393
261
|
{
|
|
394
262
|
...elementProps,
|
|
@@ -396,7 +264,7 @@ var ElementExecutor = (props) => {
|
|
|
396
264
|
}
|
|
397
265
|
);
|
|
398
266
|
case "upload-manually":
|
|
399
|
-
return /* @__PURE__ */
|
|
267
|
+
return /* @__PURE__ */ React.createElement(
|
|
400
268
|
Upload,
|
|
401
269
|
{
|
|
402
270
|
...elementProps,
|
|
@@ -404,9 +272,9 @@ var ElementExecutor = (props) => {
|
|
|
404
272
|
}
|
|
405
273
|
);
|
|
406
274
|
case "image":
|
|
407
|
-
return /* @__PURE__ */
|
|
275
|
+
return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
|
|
408
276
|
case "input-password":
|
|
409
|
-
return /* @__PURE__ */
|
|
277
|
+
return /* @__PURE__ */ React.createElement(
|
|
410
278
|
PasswordElement,
|
|
411
279
|
{
|
|
412
280
|
...elementProps,
|
|
@@ -414,7 +282,7 @@ var ElementExecutor = (props) => {
|
|
|
414
282
|
}
|
|
415
283
|
);
|
|
416
284
|
case "single-checkbox":
|
|
417
|
-
return /* @__PURE__ */
|
|
285
|
+
return /* @__PURE__ */ React.createElement(
|
|
418
286
|
SingleCheckbox,
|
|
419
287
|
{
|
|
420
288
|
...elementProps,
|
|
@@ -422,7 +290,7 @@ var ElementExecutor = (props) => {
|
|
|
422
290
|
}
|
|
423
291
|
);
|
|
424
292
|
case "dropdown-group":
|
|
425
|
-
return /* @__PURE__ */
|
|
293
|
+
return /* @__PURE__ */ React.createElement(
|
|
426
294
|
DropDownGroup,
|
|
427
295
|
{
|
|
428
296
|
...elementProps,
|
|
@@ -430,7 +298,7 @@ var ElementExecutor = (props) => {
|
|
|
430
298
|
}
|
|
431
299
|
);
|
|
432
300
|
case "tabs":
|
|
433
|
-
return /* @__PURE__ */
|
|
301
|
+
return /* @__PURE__ */ React.createElement(
|
|
434
302
|
TabsElement,
|
|
435
303
|
{
|
|
436
304
|
...elementProps,
|
|
@@ -438,7 +306,7 @@ var ElementExecutor = (props) => {
|
|
|
438
306
|
}
|
|
439
307
|
);
|
|
440
308
|
case "otp":
|
|
441
|
-
return /* @__PURE__ */
|
|
309
|
+
return /* @__PURE__ */ React.createElement(
|
|
442
310
|
OtpElement,
|
|
443
311
|
{
|
|
444
312
|
...elementProps,
|
|
@@ -446,7 +314,7 @@ var ElementExecutor = (props) => {
|
|
|
446
314
|
}
|
|
447
315
|
);
|
|
448
316
|
case "circle-donut":
|
|
449
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ React.createElement(
|
|
450
318
|
CircleDonut,
|
|
451
319
|
{
|
|
452
320
|
...elementProps,
|
|
@@ -454,7 +322,7 @@ var ElementExecutor = (props) => {
|
|
|
454
322
|
}
|
|
455
323
|
);
|
|
456
324
|
case "semicircle-donut":
|
|
457
|
-
return /* @__PURE__ */
|
|
325
|
+
return /* @__PURE__ */ React.createElement(
|
|
458
326
|
SemiCircleDonut,
|
|
459
327
|
{
|
|
460
328
|
...elementProps,
|
|
@@ -462,7 +330,7 @@ var ElementExecutor = (props) => {
|
|
|
462
330
|
}
|
|
463
331
|
);
|
|
464
332
|
case "horizontal-barchart":
|
|
465
|
-
return /* @__PURE__ */
|
|
333
|
+
return /* @__PURE__ */ React.createElement(
|
|
466
334
|
HorizontalBarChart,
|
|
467
335
|
{
|
|
468
336
|
...elementProps,
|
|
@@ -470,7 +338,7 @@ var ElementExecutor = (props) => {
|
|
|
470
338
|
}
|
|
471
339
|
);
|
|
472
340
|
case "linechart":
|
|
473
|
-
return /* @__PURE__ */
|
|
341
|
+
return /* @__PURE__ */ React.createElement(
|
|
474
342
|
LineChart,
|
|
475
343
|
{
|
|
476
344
|
...elementProps,
|
|
@@ -478,7 +346,7 @@ var ElementExecutor = (props) => {
|
|
|
478
346
|
}
|
|
479
347
|
);
|
|
480
348
|
case "double-barchart":
|
|
481
|
-
return /* @__PURE__ */
|
|
349
|
+
return /* @__PURE__ */ React.createElement(
|
|
482
350
|
DoubleBarChart,
|
|
483
351
|
{
|
|
484
352
|
...elementProps,
|
|
@@ -486,7 +354,7 @@ var ElementExecutor = (props) => {
|
|
|
486
354
|
}
|
|
487
355
|
);
|
|
488
356
|
case "barchart":
|
|
489
|
-
return /* @__PURE__ */
|
|
357
|
+
return /* @__PURE__ */ React.createElement(
|
|
490
358
|
BarChart,
|
|
491
359
|
{
|
|
492
360
|
...elementProps,
|
|
@@ -500,12 +368,33 @@ var ElementExecutor = (props) => {
|
|
|
500
368
|
const renderFields = (schema2) => {
|
|
501
369
|
return schema2 && schema2.map((eachSection) => {
|
|
502
370
|
if (eachSection.visible !== false) {
|
|
503
|
-
return /* @__PURE__ */
|
|
371
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, { key: eachSection.name }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), /* @__PURE__ */ React.createElement("div", { className: eachSection.className, key: eachSection.name }, renderFields(eachSection.fields))) : renderElement(eachSection));
|
|
504
372
|
}
|
|
505
373
|
return null;
|
|
506
374
|
});
|
|
507
375
|
};
|
|
508
|
-
|
|
376
|
+
console.log(123);
|
|
377
|
+
const options = {
|
|
378
|
+
title: {
|
|
379
|
+
text: "My chart"
|
|
380
|
+
},
|
|
381
|
+
series: [
|
|
382
|
+
{
|
|
383
|
+
type: "line",
|
|
384
|
+
data: [1, 2, 3]
|
|
385
|
+
}
|
|
386
|
+
]
|
|
387
|
+
};
|
|
388
|
+
const chartComponentRef = useRef(null);
|
|
389
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h1", null, "import in core as typescript named export HighchartsLineChart same as file name also"), /* @__PURE__ */ React.createElement(
|
|
390
|
+
HighchartsReact,
|
|
391
|
+
{
|
|
392
|
+
highcharts: Highcharts,
|
|
393
|
+
options,
|
|
394
|
+
ref: chartComponentRef,
|
|
395
|
+
...props
|
|
396
|
+
}
|
|
397
|
+
), /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
|
|
509
398
|
};
|
|
510
399
|
export {
|
|
511
400
|
ElementExecutor
|