@apexcura/core 0.0.16-Beta227 → 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 -63
- package/dist/index.mjs +58 -63
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -35,36 +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
|
-
title: {
|
|
47
|
-
text: "My chart"
|
|
48
|
-
},
|
|
49
|
-
series: [
|
|
50
|
-
{
|
|
51
|
-
type: "line",
|
|
52
|
-
data: [1, 2, 3]
|
|
53
|
-
}
|
|
54
|
-
]
|
|
55
|
-
};
|
|
56
|
-
var HighchartsLineChart = (props) => {
|
|
57
|
-
const chartComponentRef = (0, import_react.useRef)(null);
|
|
58
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
59
|
-
import_highcharts_react_official.default,
|
|
60
|
-
{
|
|
61
|
-
highcharts: import_highcharts.default,
|
|
62
|
-
options,
|
|
63
|
-
ref: chartComponentRef,
|
|
64
|
-
...props
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
};
|
|
41
|
+
var import_ui_components = require("@apexcura/ui-components");
|
|
68
42
|
|
|
69
43
|
// src/services/http-service.tsx
|
|
70
44
|
var import_axios = __toESM(require("axios"));
|
|
@@ -125,8 +99,8 @@ function postService(url, method, data) {
|
|
|
125
99
|
|
|
126
100
|
// src/libraries/element-executor.tsx
|
|
127
101
|
var ElementExecutor = (props) => {
|
|
128
|
-
const [data, setData] = (0,
|
|
129
|
-
const [schema, setSchema] = (0,
|
|
102
|
+
const [data, setData] = (0, import_react.useState)([]);
|
|
103
|
+
const [schema, setSchema] = (0, import_react.useState)(props.data.schema);
|
|
130
104
|
const onHandleChange = (name, value) => {
|
|
131
105
|
const updateSchema = (schema2) => {
|
|
132
106
|
return schema2.map((field) => {
|
|
@@ -157,7 +131,7 @@ var ElementExecutor = (props) => {
|
|
|
157
131
|
const renderElement = (elementProps) => {
|
|
158
132
|
switch (elementProps.element) {
|
|
159
133
|
case "input-text":
|
|
160
|
-
return /* @__PURE__ */
|
|
134
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
161
135
|
import_ui_components.TextElement,
|
|
162
136
|
{
|
|
163
137
|
...elementProps,
|
|
@@ -165,7 +139,7 @@ var ElementExecutor = (props) => {
|
|
|
165
139
|
}
|
|
166
140
|
);
|
|
167
141
|
case "input-number":
|
|
168
|
-
return /* @__PURE__ */
|
|
142
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
169
143
|
import_ui_components.NumberElement,
|
|
170
144
|
{
|
|
171
145
|
...elementProps,
|
|
@@ -173,7 +147,7 @@ var ElementExecutor = (props) => {
|
|
|
173
147
|
}
|
|
174
148
|
);
|
|
175
149
|
case "input-textarea":
|
|
176
|
-
return /* @__PURE__ */
|
|
150
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
177
151
|
import_ui_components.TextareaElement,
|
|
178
152
|
{
|
|
179
153
|
...elementProps,
|
|
@@ -181,7 +155,7 @@ var ElementExecutor = (props) => {
|
|
|
181
155
|
}
|
|
182
156
|
);
|
|
183
157
|
case "single-select":
|
|
184
|
-
return /* @__PURE__ */
|
|
158
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
185
159
|
import_ui_components.SelectElement,
|
|
186
160
|
{
|
|
187
161
|
...elementProps,
|
|
@@ -189,7 +163,7 @@ var ElementExecutor = (props) => {
|
|
|
189
163
|
}
|
|
190
164
|
);
|
|
191
165
|
case "input-mobile":
|
|
192
|
-
return /* @__PURE__ */
|
|
166
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
193
167
|
import_ui_components.NumberElement,
|
|
194
168
|
{
|
|
195
169
|
...elementProps,
|
|
@@ -197,7 +171,7 @@ var ElementExecutor = (props) => {
|
|
|
197
171
|
}
|
|
198
172
|
);
|
|
199
173
|
case "input-checkbox":
|
|
200
|
-
return /* @__PURE__ */
|
|
174
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
201
175
|
import_ui_components.CheckboxElement,
|
|
202
176
|
{
|
|
203
177
|
...elementProps,
|
|
@@ -205,7 +179,7 @@ var ElementExecutor = (props) => {
|
|
|
205
179
|
}
|
|
206
180
|
);
|
|
207
181
|
case "input-radio":
|
|
208
|
-
return /* @__PURE__ */
|
|
182
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
209
183
|
import_ui_components.RadioElement,
|
|
210
184
|
{
|
|
211
185
|
...elementProps,
|
|
@@ -213,7 +187,7 @@ var ElementExecutor = (props) => {
|
|
|
213
187
|
}
|
|
214
188
|
);
|
|
215
189
|
case "input-description":
|
|
216
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
217
191
|
import_ui_components.CkEditor,
|
|
218
192
|
{
|
|
219
193
|
...elementProps,
|
|
@@ -221,7 +195,7 @@ var ElementExecutor = (props) => {
|
|
|
221
195
|
}
|
|
222
196
|
);
|
|
223
197
|
case "input-single-select":
|
|
224
|
-
return /* @__PURE__ */
|
|
198
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
225
199
|
import_ui_components.SingleSelectElement,
|
|
226
200
|
{
|
|
227
201
|
...elementProps,
|
|
@@ -231,7 +205,7 @@ var ElementExecutor = (props) => {
|
|
|
231
205
|
}
|
|
232
206
|
);
|
|
233
207
|
case "input-multiple-select":
|
|
234
|
-
return /* @__PURE__ */
|
|
208
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
235
209
|
import_ui_components.MultipleSelectElement,
|
|
236
210
|
{
|
|
237
211
|
...elementProps,
|
|
@@ -241,11 +215,11 @@ var ElementExecutor = (props) => {
|
|
|
241
215
|
}
|
|
242
216
|
);
|
|
243
217
|
case "add-more":
|
|
244
|
-
return /* @__PURE__ */
|
|
218
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
|
|
245
219
|
case "div":
|
|
246
|
-
return /* @__PURE__ */
|
|
220
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
247
221
|
case "button":
|
|
248
|
-
return /* @__PURE__ */
|
|
222
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
249
223
|
import_ui_components.ButtonElement,
|
|
250
224
|
{
|
|
251
225
|
...elementProps,
|
|
@@ -253,7 +227,7 @@ var ElementExecutor = (props) => {
|
|
|
253
227
|
}
|
|
254
228
|
);
|
|
255
229
|
case "sidebar":
|
|
256
|
-
return /* @__PURE__ */
|
|
230
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
257
231
|
import_ui_components.Sidebar,
|
|
258
232
|
{
|
|
259
233
|
...elementProps,
|
|
@@ -261,9 +235,9 @@ var ElementExecutor = (props) => {
|
|
|
261
235
|
}
|
|
262
236
|
);
|
|
263
237
|
case "navbar":
|
|
264
|
-
return /* @__PURE__ */
|
|
238
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
|
|
265
239
|
case "table":
|
|
266
|
-
return /* @__PURE__ */
|
|
240
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
267
241
|
import_ui_components.TableElement,
|
|
268
242
|
{
|
|
269
243
|
...elementProps,
|
|
@@ -271,7 +245,7 @@ var ElementExecutor = (props) => {
|
|
|
271
245
|
}
|
|
272
246
|
);
|
|
273
247
|
case "daterangepicker":
|
|
274
|
-
return /* @__PURE__ */
|
|
248
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
275
249
|
import_ui_components.DateRangePickerElement,
|
|
276
250
|
{
|
|
277
251
|
...elementProps,
|
|
@@ -279,7 +253,7 @@ var ElementExecutor = (props) => {
|
|
|
279
253
|
}
|
|
280
254
|
);
|
|
281
255
|
case "datepicker":
|
|
282
|
-
return /* @__PURE__ */
|
|
256
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
283
257
|
import_ui_components.DatePickerElement,
|
|
284
258
|
{
|
|
285
259
|
...elementProps,
|
|
@@ -287,7 +261,7 @@ var ElementExecutor = (props) => {
|
|
|
287
261
|
}
|
|
288
262
|
);
|
|
289
263
|
case "upload":
|
|
290
|
-
return /* @__PURE__ */
|
|
264
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
291
265
|
import_ui_components.FileUpload,
|
|
292
266
|
{
|
|
293
267
|
...elementProps,
|
|
@@ -295,7 +269,7 @@ var ElementExecutor = (props) => {
|
|
|
295
269
|
}
|
|
296
270
|
);
|
|
297
271
|
case "upload-manually":
|
|
298
|
-
return /* @__PURE__ */
|
|
272
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
299
273
|
import_ui_components.Upload,
|
|
300
274
|
{
|
|
301
275
|
...elementProps,
|
|
@@ -303,9 +277,9 @@ var ElementExecutor = (props) => {
|
|
|
303
277
|
}
|
|
304
278
|
);
|
|
305
279
|
case "image":
|
|
306
|
-
return /* @__PURE__ */
|
|
280
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
|
|
307
281
|
case "input-password":
|
|
308
|
-
return /* @__PURE__ */
|
|
282
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
309
283
|
import_ui_components.PasswordElement,
|
|
310
284
|
{
|
|
311
285
|
...elementProps,
|
|
@@ -313,7 +287,7 @@ var ElementExecutor = (props) => {
|
|
|
313
287
|
}
|
|
314
288
|
);
|
|
315
289
|
case "single-checkbox":
|
|
316
|
-
return /* @__PURE__ */
|
|
290
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
317
291
|
import_ui_components.SingleCheckbox,
|
|
318
292
|
{
|
|
319
293
|
...elementProps,
|
|
@@ -321,7 +295,7 @@ var ElementExecutor = (props) => {
|
|
|
321
295
|
}
|
|
322
296
|
);
|
|
323
297
|
case "dropdown-group":
|
|
324
|
-
return /* @__PURE__ */
|
|
298
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
325
299
|
import_ui_components.DropDownGroup,
|
|
326
300
|
{
|
|
327
301
|
...elementProps,
|
|
@@ -329,7 +303,7 @@ var ElementExecutor = (props) => {
|
|
|
329
303
|
}
|
|
330
304
|
);
|
|
331
305
|
case "tabs":
|
|
332
|
-
return /* @__PURE__ */
|
|
306
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
333
307
|
import_ui_components.TabsElement,
|
|
334
308
|
{
|
|
335
309
|
...elementProps,
|
|
@@ -337,7 +311,7 @@ var ElementExecutor = (props) => {
|
|
|
337
311
|
}
|
|
338
312
|
);
|
|
339
313
|
case "otp":
|
|
340
|
-
return /* @__PURE__ */
|
|
314
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
341
315
|
import_ui_components.OtpElement,
|
|
342
316
|
{
|
|
343
317
|
...elementProps,
|
|
@@ -345,7 +319,7 @@ var ElementExecutor = (props) => {
|
|
|
345
319
|
}
|
|
346
320
|
);
|
|
347
321
|
case "circle-donut":
|
|
348
|
-
return /* @__PURE__ */
|
|
322
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
349
323
|
import_ui_components.CircleDonut,
|
|
350
324
|
{
|
|
351
325
|
...elementProps,
|
|
@@ -353,7 +327,7 @@ var ElementExecutor = (props) => {
|
|
|
353
327
|
}
|
|
354
328
|
);
|
|
355
329
|
case "semicircle-donut":
|
|
356
|
-
return /* @__PURE__ */
|
|
330
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
357
331
|
import_ui_components.SemiCircleDonut,
|
|
358
332
|
{
|
|
359
333
|
...elementProps,
|
|
@@ -361,7 +335,7 @@ var ElementExecutor = (props) => {
|
|
|
361
335
|
}
|
|
362
336
|
);
|
|
363
337
|
case "horizontal-barchart":
|
|
364
|
-
return /* @__PURE__ */
|
|
338
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
365
339
|
import_ui_components.HorizontalBarChart,
|
|
366
340
|
{
|
|
367
341
|
...elementProps,
|
|
@@ -369,7 +343,7 @@ var ElementExecutor = (props) => {
|
|
|
369
343
|
}
|
|
370
344
|
);
|
|
371
345
|
case "linechart":
|
|
372
|
-
return /* @__PURE__ */
|
|
346
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
373
347
|
import_ui_components.LineChart,
|
|
374
348
|
{
|
|
375
349
|
...elementProps,
|
|
@@ -377,7 +351,7 @@ var ElementExecutor = (props) => {
|
|
|
377
351
|
}
|
|
378
352
|
);
|
|
379
353
|
case "double-barchart":
|
|
380
|
-
return /* @__PURE__ */
|
|
354
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
381
355
|
import_ui_components.DoubleBarChart,
|
|
382
356
|
{
|
|
383
357
|
...elementProps,
|
|
@@ -385,7 +359,7 @@ var ElementExecutor = (props) => {
|
|
|
385
359
|
}
|
|
386
360
|
);
|
|
387
361
|
case "barchart":
|
|
388
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
389
363
|
import_ui_components.BarChart,
|
|
390
364
|
{
|
|
391
365
|
...elementProps,
|
|
@@ -399,12 +373,33 @@ var ElementExecutor = (props) => {
|
|
|
399
373
|
const renderFields = (schema2) => {
|
|
400
374
|
return schema2 && schema2.map((eachSection) => {
|
|
401
375
|
if (eachSection.visible !== false) {
|
|
402
|
-
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));
|
|
403
377
|
}
|
|
404
378
|
return null;
|
|
405
379
|
});
|
|
406
380
|
};
|
|
407
|
-
|
|
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)));
|
|
408
403
|
};
|
|
409
404
|
// Annotate the CommonJS export names for ESM import in node:
|
|
410
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,34 +35,6 @@ import {
|
|
|
33
35
|
BarChart
|
|
34
36
|
} from "@apexcura/ui-components";
|
|
35
37
|
|
|
36
|
-
// src/libraries/HighchartsLineChart.tsx
|
|
37
|
-
import React, { useRef } from "react";
|
|
38
|
-
import Highcharts from "highcharts";
|
|
39
|
-
import HighchartsReact from "highcharts-react-official";
|
|
40
|
-
var options = {
|
|
41
|
-
title: {
|
|
42
|
-
text: "My chart"
|
|
43
|
-
},
|
|
44
|
-
series: [
|
|
45
|
-
{
|
|
46
|
-
type: "line",
|
|
47
|
-
data: [1, 2, 3]
|
|
48
|
-
}
|
|
49
|
-
]
|
|
50
|
-
};
|
|
51
|
-
var HighchartsLineChart = (props) => {
|
|
52
|
-
const chartComponentRef = useRef(null);
|
|
53
|
-
return /* @__PURE__ */ React.createElement(
|
|
54
|
-
HighchartsReact,
|
|
55
|
-
{
|
|
56
|
-
highcharts: Highcharts,
|
|
57
|
-
options,
|
|
58
|
-
ref: chartComponentRef,
|
|
59
|
-
...props
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
|
|
64
38
|
// src/services/http-service.tsx
|
|
65
39
|
import axios from "axios";
|
|
66
40
|
|
|
@@ -152,7 +126,7 @@ var ElementExecutor = (props) => {
|
|
|
152
126
|
const renderElement = (elementProps) => {
|
|
153
127
|
switch (elementProps.element) {
|
|
154
128
|
case "input-text":
|
|
155
|
-
return /* @__PURE__ */
|
|
129
|
+
return /* @__PURE__ */ React.createElement(
|
|
156
130
|
TextElement,
|
|
157
131
|
{
|
|
158
132
|
...elementProps,
|
|
@@ -160,7 +134,7 @@ var ElementExecutor = (props) => {
|
|
|
160
134
|
}
|
|
161
135
|
);
|
|
162
136
|
case "input-number":
|
|
163
|
-
return /* @__PURE__ */
|
|
137
|
+
return /* @__PURE__ */ React.createElement(
|
|
164
138
|
NumberElement,
|
|
165
139
|
{
|
|
166
140
|
...elementProps,
|
|
@@ -168,7 +142,7 @@ var ElementExecutor = (props) => {
|
|
|
168
142
|
}
|
|
169
143
|
);
|
|
170
144
|
case "input-textarea":
|
|
171
|
-
return /* @__PURE__ */
|
|
145
|
+
return /* @__PURE__ */ React.createElement(
|
|
172
146
|
TextareaElement,
|
|
173
147
|
{
|
|
174
148
|
...elementProps,
|
|
@@ -176,7 +150,7 @@ var ElementExecutor = (props) => {
|
|
|
176
150
|
}
|
|
177
151
|
);
|
|
178
152
|
case "single-select":
|
|
179
|
-
return /* @__PURE__ */
|
|
153
|
+
return /* @__PURE__ */ React.createElement(
|
|
180
154
|
SelectElement,
|
|
181
155
|
{
|
|
182
156
|
...elementProps,
|
|
@@ -184,7 +158,7 @@ var ElementExecutor = (props) => {
|
|
|
184
158
|
}
|
|
185
159
|
);
|
|
186
160
|
case "input-mobile":
|
|
187
|
-
return /* @__PURE__ */
|
|
161
|
+
return /* @__PURE__ */ React.createElement(
|
|
188
162
|
NumberElement,
|
|
189
163
|
{
|
|
190
164
|
...elementProps,
|
|
@@ -192,7 +166,7 @@ var ElementExecutor = (props) => {
|
|
|
192
166
|
}
|
|
193
167
|
);
|
|
194
168
|
case "input-checkbox":
|
|
195
|
-
return /* @__PURE__ */
|
|
169
|
+
return /* @__PURE__ */ React.createElement(
|
|
196
170
|
CheckboxElement,
|
|
197
171
|
{
|
|
198
172
|
...elementProps,
|
|
@@ -200,7 +174,7 @@ var ElementExecutor = (props) => {
|
|
|
200
174
|
}
|
|
201
175
|
);
|
|
202
176
|
case "input-radio":
|
|
203
|
-
return /* @__PURE__ */
|
|
177
|
+
return /* @__PURE__ */ React.createElement(
|
|
204
178
|
RadioElement,
|
|
205
179
|
{
|
|
206
180
|
...elementProps,
|
|
@@ -208,7 +182,7 @@ var ElementExecutor = (props) => {
|
|
|
208
182
|
}
|
|
209
183
|
);
|
|
210
184
|
case "input-description":
|
|
211
|
-
return /* @__PURE__ */
|
|
185
|
+
return /* @__PURE__ */ React.createElement(
|
|
212
186
|
CkEditor,
|
|
213
187
|
{
|
|
214
188
|
...elementProps,
|
|
@@ -216,7 +190,7 @@ var ElementExecutor = (props) => {
|
|
|
216
190
|
}
|
|
217
191
|
);
|
|
218
192
|
case "input-single-select":
|
|
219
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ React.createElement(
|
|
220
194
|
SingleSelectElement,
|
|
221
195
|
{
|
|
222
196
|
...elementProps,
|
|
@@ -226,7 +200,7 @@ var ElementExecutor = (props) => {
|
|
|
226
200
|
}
|
|
227
201
|
);
|
|
228
202
|
case "input-multiple-select":
|
|
229
|
-
return /* @__PURE__ */
|
|
203
|
+
return /* @__PURE__ */ React.createElement(
|
|
230
204
|
MultipleSelectElement,
|
|
231
205
|
{
|
|
232
206
|
...elementProps,
|
|
@@ -236,11 +210,11 @@ var ElementExecutor = (props) => {
|
|
|
236
210
|
}
|
|
237
211
|
);
|
|
238
212
|
case "add-more":
|
|
239
|
-
return /* @__PURE__ */
|
|
213
|
+
return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
|
|
240
214
|
case "div":
|
|
241
|
-
return /* @__PURE__ */
|
|
215
|
+
return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
242
216
|
case "button":
|
|
243
|
-
return /* @__PURE__ */
|
|
217
|
+
return /* @__PURE__ */ React.createElement(
|
|
244
218
|
ButtonElement,
|
|
245
219
|
{
|
|
246
220
|
...elementProps,
|
|
@@ -248,7 +222,7 @@ var ElementExecutor = (props) => {
|
|
|
248
222
|
}
|
|
249
223
|
);
|
|
250
224
|
case "sidebar":
|
|
251
|
-
return /* @__PURE__ */
|
|
225
|
+
return /* @__PURE__ */ React.createElement(
|
|
252
226
|
Sidebar,
|
|
253
227
|
{
|
|
254
228
|
...elementProps,
|
|
@@ -256,9 +230,9 @@ var ElementExecutor = (props) => {
|
|
|
256
230
|
}
|
|
257
231
|
);
|
|
258
232
|
case "navbar":
|
|
259
|
-
return /* @__PURE__ */
|
|
233
|
+
return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
|
|
260
234
|
case "table":
|
|
261
|
-
return /* @__PURE__ */
|
|
235
|
+
return /* @__PURE__ */ React.createElement(
|
|
262
236
|
TableElement,
|
|
263
237
|
{
|
|
264
238
|
...elementProps,
|
|
@@ -266,7 +240,7 @@ var ElementExecutor = (props) => {
|
|
|
266
240
|
}
|
|
267
241
|
);
|
|
268
242
|
case "daterangepicker":
|
|
269
|
-
return /* @__PURE__ */
|
|
243
|
+
return /* @__PURE__ */ React.createElement(
|
|
270
244
|
DateRangePickerElement,
|
|
271
245
|
{
|
|
272
246
|
...elementProps,
|
|
@@ -274,7 +248,7 @@ var ElementExecutor = (props) => {
|
|
|
274
248
|
}
|
|
275
249
|
);
|
|
276
250
|
case "datepicker":
|
|
277
|
-
return /* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */ React.createElement(
|
|
278
252
|
DatePickerElement,
|
|
279
253
|
{
|
|
280
254
|
...elementProps,
|
|
@@ -282,7 +256,7 @@ var ElementExecutor = (props) => {
|
|
|
282
256
|
}
|
|
283
257
|
);
|
|
284
258
|
case "upload":
|
|
285
|
-
return /* @__PURE__ */
|
|
259
|
+
return /* @__PURE__ */ React.createElement(
|
|
286
260
|
FileUpload,
|
|
287
261
|
{
|
|
288
262
|
...elementProps,
|
|
@@ -290,7 +264,7 @@ var ElementExecutor = (props) => {
|
|
|
290
264
|
}
|
|
291
265
|
);
|
|
292
266
|
case "upload-manually":
|
|
293
|
-
return /* @__PURE__ */
|
|
267
|
+
return /* @__PURE__ */ React.createElement(
|
|
294
268
|
Upload,
|
|
295
269
|
{
|
|
296
270
|
...elementProps,
|
|
@@ -298,9 +272,9 @@ var ElementExecutor = (props) => {
|
|
|
298
272
|
}
|
|
299
273
|
);
|
|
300
274
|
case "image":
|
|
301
|
-
return /* @__PURE__ */
|
|
275
|
+
return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
|
|
302
276
|
case "input-password":
|
|
303
|
-
return /* @__PURE__ */
|
|
277
|
+
return /* @__PURE__ */ React.createElement(
|
|
304
278
|
PasswordElement,
|
|
305
279
|
{
|
|
306
280
|
...elementProps,
|
|
@@ -308,7 +282,7 @@ var ElementExecutor = (props) => {
|
|
|
308
282
|
}
|
|
309
283
|
);
|
|
310
284
|
case "single-checkbox":
|
|
311
|
-
return /* @__PURE__ */
|
|
285
|
+
return /* @__PURE__ */ React.createElement(
|
|
312
286
|
SingleCheckbox,
|
|
313
287
|
{
|
|
314
288
|
...elementProps,
|
|
@@ -316,7 +290,7 @@ var ElementExecutor = (props) => {
|
|
|
316
290
|
}
|
|
317
291
|
);
|
|
318
292
|
case "dropdown-group":
|
|
319
|
-
return /* @__PURE__ */
|
|
293
|
+
return /* @__PURE__ */ React.createElement(
|
|
320
294
|
DropDownGroup,
|
|
321
295
|
{
|
|
322
296
|
...elementProps,
|
|
@@ -324,7 +298,7 @@ var ElementExecutor = (props) => {
|
|
|
324
298
|
}
|
|
325
299
|
);
|
|
326
300
|
case "tabs":
|
|
327
|
-
return /* @__PURE__ */
|
|
301
|
+
return /* @__PURE__ */ React.createElement(
|
|
328
302
|
TabsElement,
|
|
329
303
|
{
|
|
330
304
|
...elementProps,
|
|
@@ -332,7 +306,7 @@ var ElementExecutor = (props) => {
|
|
|
332
306
|
}
|
|
333
307
|
);
|
|
334
308
|
case "otp":
|
|
335
|
-
return /* @__PURE__ */
|
|
309
|
+
return /* @__PURE__ */ React.createElement(
|
|
336
310
|
OtpElement,
|
|
337
311
|
{
|
|
338
312
|
...elementProps,
|
|
@@ -340,7 +314,7 @@ var ElementExecutor = (props) => {
|
|
|
340
314
|
}
|
|
341
315
|
);
|
|
342
316
|
case "circle-donut":
|
|
343
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ React.createElement(
|
|
344
318
|
CircleDonut,
|
|
345
319
|
{
|
|
346
320
|
...elementProps,
|
|
@@ -348,7 +322,7 @@ var ElementExecutor = (props) => {
|
|
|
348
322
|
}
|
|
349
323
|
);
|
|
350
324
|
case "semicircle-donut":
|
|
351
|
-
return /* @__PURE__ */
|
|
325
|
+
return /* @__PURE__ */ React.createElement(
|
|
352
326
|
SemiCircleDonut,
|
|
353
327
|
{
|
|
354
328
|
...elementProps,
|
|
@@ -356,7 +330,7 @@ var ElementExecutor = (props) => {
|
|
|
356
330
|
}
|
|
357
331
|
);
|
|
358
332
|
case "horizontal-barchart":
|
|
359
|
-
return /* @__PURE__ */
|
|
333
|
+
return /* @__PURE__ */ React.createElement(
|
|
360
334
|
HorizontalBarChart,
|
|
361
335
|
{
|
|
362
336
|
...elementProps,
|
|
@@ -364,7 +338,7 @@ var ElementExecutor = (props) => {
|
|
|
364
338
|
}
|
|
365
339
|
);
|
|
366
340
|
case "linechart":
|
|
367
|
-
return /* @__PURE__ */
|
|
341
|
+
return /* @__PURE__ */ React.createElement(
|
|
368
342
|
LineChart,
|
|
369
343
|
{
|
|
370
344
|
...elementProps,
|
|
@@ -372,7 +346,7 @@ var ElementExecutor = (props) => {
|
|
|
372
346
|
}
|
|
373
347
|
);
|
|
374
348
|
case "double-barchart":
|
|
375
|
-
return /* @__PURE__ */
|
|
349
|
+
return /* @__PURE__ */ React.createElement(
|
|
376
350
|
DoubleBarChart,
|
|
377
351
|
{
|
|
378
352
|
...elementProps,
|
|
@@ -380,7 +354,7 @@ var ElementExecutor = (props) => {
|
|
|
380
354
|
}
|
|
381
355
|
);
|
|
382
356
|
case "barchart":
|
|
383
|
-
return /* @__PURE__ */
|
|
357
|
+
return /* @__PURE__ */ React.createElement(
|
|
384
358
|
BarChart,
|
|
385
359
|
{
|
|
386
360
|
...elementProps,
|
|
@@ -394,12 +368,33 @@ var ElementExecutor = (props) => {
|
|
|
394
368
|
const renderFields = (schema2) => {
|
|
395
369
|
return schema2 && schema2.map((eachSection) => {
|
|
396
370
|
if (eachSection.visible !== false) {
|
|
397
|
-
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));
|
|
398
372
|
}
|
|
399
373
|
return null;
|
|
400
374
|
});
|
|
401
375
|
};
|
|
402
|
-
|
|
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)));
|
|
403
398
|
};
|
|
404
399
|
export {
|
|
405
400
|
ElementExecutor
|