@apexcura/core 0.0.16-Beta224 → 0.0.16-Beta226

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