@apexcura/core 0.0.16-Beta20 → 0.0.16-Beta200
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +14 -1
- package/dist/index.d.ts +14 -1
- package/dist/index.js +109 -29
- package/dist/index.mjs +116 -28
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -38,6 +38,15 @@ type FormExecutorProps = {
|
|
|
38
38
|
secondTextClassName?: string;
|
|
39
39
|
iconsClassName?: string;
|
|
40
40
|
labelClassName?: string;
|
|
41
|
+
view?: boolean;
|
|
42
|
+
isSVGStylesOverride?: boolean;
|
|
43
|
+
rowSelection?: boolean;
|
|
44
|
+
length?: number;
|
|
45
|
+
loading?: boolean;
|
|
46
|
+
fillText1?: string;
|
|
47
|
+
fillText2?: string;
|
|
48
|
+
labels?: any[];
|
|
49
|
+
data?: any[];
|
|
41
50
|
modalContent?: {
|
|
42
51
|
className?: string;
|
|
43
52
|
fields?: {
|
|
@@ -52,11 +61,14 @@ type FormExecutorProps = {
|
|
|
52
61
|
}[];
|
|
53
62
|
};
|
|
54
63
|
items?: {
|
|
55
|
-
icon?: React.JSX.Element;
|
|
64
|
+
icon?: React.JSX.Element | string;
|
|
56
65
|
label?: string;
|
|
57
66
|
active?: boolean;
|
|
58
67
|
text?: string;
|
|
59
68
|
time?: string;
|
|
69
|
+
name?: string;
|
|
70
|
+
y?: number;
|
|
71
|
+
color?: string;
|
|
60
72
|
}[];
|
|
61
73
|
fields?: {
|
|
62
74
|
name?: string;
|
|
@@ -109,6 +121,7 @@ type FormExecutorProps = {
|
|
|
109
121
|
required?: boolean;
|
|
110
122
|
key?: string;
|
|
111
123
|
render?: () => void;
|
|
124
|
+
ellipsis: boolean;
|
|
112
125
|
}[];
|
|
113
126
|
tbody?: {
|
|
114
127
|
id?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,15 @@ type FormExecutorProps = {
|
|
|
38
38
|
secondTextClassName?: string;
|
|
39
39
|
iconsClassName?: string;
|
|
40
40
|
labelClassName?: string;
|
|
41
|
+
view?: boolean;
|
|
42
|
+
isSVGStylesOverride?: boolean;
|
|
43
|
+
rowSelection?: boolean;
|
|
44
|
+
length?: number;
|
|
45
|
+
loading?: boolean;
|
|
46
|
+
fillText1?: string;
|
|
47
|
+
fillText2?: string;
|
|
48
|
+
labels?: any[];
|
|
49
|
+
data?: any[];
|
|
41
50
|
modalContent?: {
|
|
42
51
|
className?: string;
|
|
43
52
|
fields?: {
|
|
@@ -52,11 +61,14 @@ type FormExecutorProps = {
|
|
|
52
61
|
}[];
|
|
53
62
|
};
|
|
54
63
|
items?: {
|
|
55
|
-
icon?: React.JSX.Element;
|
|
64
|
+
icon?: React.JSX.Element | string;
|
|
56
65
|
label?: string;
|
|
57
66
|
active?: boolean;
|
|
58
67
|
text?: string;
|
|
59
68
|
time?: string;
|
|
69
|
+
name?: string;
|
|
70
|
+
y?: number;
|
|
71
|
+
color?: string;
|
|
60
72
|
}[];
|
|
61
73
|
fields?: {
|
|
62
74
|
name?: string;
|
|
@@ -109,6 +121,7 @@ type FormExecutorProps = {
|
|
|
109
121
|
required?: boolean;
|
|
110
122
|
key?: string;
|
|
111
123
|
render?: () => void;
|
|
124
|
+
ellipsis: boolean;
|
|
112
125
|
}[];
|
|
113
126
|
tbody?: {
|
|
114
127
|
id?: number;
|
package/dist/index.js
CHANGED
|
@@ -35,9 +35,17 @@ __export(src_exports, {
|
|
|
35
35
|
module.exports = __toCommonJS(src_exports);
|
|
36
36
|
|
|
37
37
|
// src/libraries/element-executor.tsx
|
|
38
|
-
var
|
|
38
|
+
var import_react2 = __toESM(require("react"));
|
|
39
39
|
var import_ui_components = require("@apexcura/ui-components");
|
|
40
40
|
|
|
41
|
+
// src/libraries/highchart.tsx
|
|
42
|
+
var import_react = __toESM(require("react"));
|
|
43
|
+
var import_highcharts = __toESM(require("highcharts"));
|
|
44
|
+
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
45
|
+
var HighchartsLineChart = (props) => {
|
|
46
|
+
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: props.graph_data }));
|
|
47
|
+
};
|
|
48
|
+
|
|
41
49
|
// src/services/http-service.tsx
|
|
42
50
|
var import_axios = __toESM(require("axios"));
|
|
43
51
|
|
|
@@ -97,8 +105,8 @@ function postService(url, method, data) {
|
|
|
97
105
|
|
|
98
106
|
// src/libraries/element-executor.tsx
|
|
99
107
|
var ElementExecutor = (props) => {
|
|
100
|
-
const [data, setData] = (0,
|
|
101
|
-
const [schema, setSchema] = (0,
|
|
108
|
+
const [data, setData] = (0, import_react2.useState)([]);
|
|
109
|
+
const [schema, setSchema] = (0, import_react2.useState)(props.data.schema);
|
|
102
110
|
const onHandleChange = (name, value) => {
|
|
103
111
|
const updateSchema = (schema2) => {
|
|
104
112
|
return schema2.map((field) => {
|
|
@@ -129,7 +137,7 @@ var ElementExecutor = (props) => {
|
|
|
129
137
|
const renderElement = (elementProps) => {
|
|
130
138
|
switch (elementProps.element) {
|
|
131
139
|
case "input-text":
|
|
132
|
-
return /* @__PURE__ */
|
|
140
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
133
141
|
import_ui_components.TextElement,
|
|
134
142
|
{
|
|
135
143
|
...elementProps,
|
|
@@ -137,7 +145,7 @@ var ElementExecutor = (props) => {
|
|
|
137
145
|
}
|
|
138
146
|
);
|
|
139
147
|
case "input-number":
|
|
140
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
141
149
|
import_ui_components.NumberElement,
|
|
142
150
|
{
|
|
143
151
|
...elementProps,
|
|
@@ -145,7 +153,7 @@ var ElementExecutor = (props) => {
|
|
|
145
153
|
}
|
|
146
154
|
);
|
|
147
155
|
case "input-textarea":
|
|
148
|
-
return /* @__PURE__ */
|
|
156
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
149
157
|
import_ui_components.TextareaElement,
|
|
150
158
|
{
|
|
151
159
|
...elementProps,
|
|
@@ -153,7 +161,7 @@ var ElementExecutor = (props) => {
|
|
|
153
161
|
}
|
|
154
162
|
);
|
|
155
163
|
case "single-select":
|
|
156
|
-
return /* @__PURE__ */
|
|
164
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
157
165
|
import_ui_components.SelectElement,
|
|
158
166
|
{
|
|
159
167
|
...elementProps,
|
|
@@ -161,7 +169,7 @@ var ElementExecutor = (props) => {
|
|
|
161
169
|
}
|
|
162
170
|
);
|
|
163
171
|
case "input-mobile":
|
|
164
|
-
return /* @__PURE__ */
|
|
172
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
165
173
|
import_ui_components.NumberElement,
|
|
166
174
|
{
|
|
167
175
|
...elementProps,
|
|
@@ -169,7 +177,7 @@ var ElementExecutor = (props) => {
|
|
|
169
177
|
}
|
|
170
178
|
);
|
|
171
179
|
case "input-checkbox":
|
|
172
|
-
return /* @__PURE__ */
|
|
180
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
173
181
|
import_ui_components.CheckboxElement,
|
|
174
182
|
{
|
|
175
183
|
...elementProps,
|
|
@@ -177,7 +185,7 @@ var ElementExecutor = (props) => {
|
|
|
177
185
|
}
|
|
178
186
|
);
|
|
179
187
|
case "input-radio":
|
|
180
|
-
return /* @__PURE__ */
|
|
188
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
181
189
|
import_ui_components.RadioElement,
|
|
182
190
|
{
|
|
183
191
|
...elementProps,
|
|
@@ -185,7 +193,7 @@ var ElementExecutor = (props) => {
|
|
|
185
193
|
}
|
|
186
194
|
);
|
|
187
195
|
case "input-description":
|
|
188
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
189
197
|
import_ui_components.CkEditor,
|
|
190
198
|
{
|
|
191
199
|
...elementProps,
|
|
@@ -193,7 +201,7 @@ var ElementExecutor = (props) => {
|
|
|
193
201
|
}
|
|
194
202
|
);
|
|
195
203
|
case "input-single-select":
|
|
196
|
-
return /* @__PURE__ */
|
|
204
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
197
205
|
import_ui_components.SingleSelectElement,
|
|
198
206
|
{
|
|
199
207
|
...elementProps,
|
|
@@ -203,7 +211,7 @@ var ElementExecutor = (props) => {
|
|
|
203
211
|
}
|
|
204
212
|
);
|
|
205
213
|
case "input-multiple-select":
|
|
206
|
-
return /* @__PURE__ */
|
|
214
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
207
215
|
import_ui_components.MultipleSelectElement,
|
|
208
216
|
{
|
|
209
217
|
...elementProps,
|
|
@@ -213,11 +221,11 @@ var ElementExecutor = (props) => {
|
|
|
213
221
|
}
|
|
214
222
|
);
|
|
215
223
|
case "add-more":
|
|
216
|
-
return /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
|
|
217
225
|
case "div":
|
|
218
|
-
return /* @__PURE__ */
|
|
226
|
+
return /* @__PURE__ */ import_react2.default.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
219
227
|
case "button":
|
|
220
|
-
return /* @__PURE__ */
|
|
228
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
221
229
|
import_ui_components.ButtonElement,
|
|
222
230
|
{
|
|
223
231
|
...elementProps,
|
|
@@ -225,7 +233,7 @@ var ElementExecutor = (props) => {
|
|
|
225
233
|
}
|
|
226
234
|
);
|
|
227
235
|
case "sidebar":
|
|
228
|
-
return /* @__PURE__ */
|
|
236
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
229
237
|
import_ui_components.Sidebar,
|
|
230
238
|
{
|
|
231
239
|
...elementProps,
|
|
@@ -233,9 +241,9 @@ var ElementExecutor = (props) => {
|
|
|
233
241
|
}
|
|
234
242
|
);
|
|
235
243
|
case "navbar":
|
|
236
|
-
return /* @__PURE__ */
|
|
244
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.Navbar, { ...elementProps });
|
|
237
245
|
case "table":
|
|
238
|
-
return /* @__PURE__ */
|
|
246
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
239
247
|
import_ui_components.TableElement,
|
|
240
248
|
{
|
|
241
249
|
...elementProps,
|
|
@@ -243,7 +251,7 @@ var ElementExecutor = (props) => {
|
|
|
243
251
|
}
|
|
244
252
|
);
|
|
245
253
|
case "daterangepicker":
|
|
246
|
-
return /* @__PURE__ */
|
|
254
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
247
255
|
import_ui_components.DateRangePickerElement,
|
|
248
256
|
{
|
|
249
257
|
...elementProps,
|
|
@@ -251,7 +259,7 @@ var ElementExecutor = (props) => {
|
|
|
251
259
|
}
|
|
252
260
|
);
|
|
253
261
|
case "datepicker":
|
|
254
|
-
return /* @__PURE__ */
|
|
262
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
255
263
|
import_ui_components.DatePickerElement,
|
|
256
264
|
{
|
|
257
265
|
...elementProps,
|
|
@@ -259,17 +267,25 @@ var ElementExecutor = (props) => {
|
|
|
259
267
|
}
|
|
260
268
|
);
|
|
261
269
|
case "upload":
|
|
262
|
-
return /* @__PURE__ */
|
|
270
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
263
271
|
import_ui_components.FileUpload,
|
|
264
272
|
{
|
|
265
273
|
...elementProps,
|
|
266
274
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
267
275
|
}
|
|
268
276
|
);
|
|
277
|
+
case "upload-manually":
|
|
278
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
279
|
+
import_ui_components.Upload,
|
|
280
|
+
{
|
|
281
|
+
...elementProps,
|
|
282
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
283
|
+
}
|
|
284
|
+
);
|
|
269
285
|
case "image":
|
|
270
|
-
return /* @__PURE__ */
|
|
286
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.Image, { ...elementProps });
|
|
271
287
|
case "input-password":
|
|
272
|
-
return /* @__PURE__ */
|
|
288
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
273
289
|
import_ui_components.PasswordElement,
|
|
274
290
|
{
|
|
275
291
|
...elementProps,
|
|
@@ -277,7 +293,7 @@ var ElementExecutor = (props) => {
|
|
|
277
293
|
}
|
|
278
294
|
);
|
|
279
295
|
case "single-checkbox":
|
|
280
|
-
return /* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
281
297
|
import_ui_components.SingleCheckbox,
|
|
282
298
|
{
|
|
283
299
|
...elementProps,
|
|
@@ -285,7 +301,7 @@ var ElementExecutor = (props) => {
|
|
|
285
301
|
}
|
|
286
302
|
);
|
|
287
303
|
case "dropdown-group":
|
|
288
|
-
return /* @__PURE__ */
|
|
304
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
289
305
|
import_ui_components.DropDownGroup,
|
|
290
306
|
{
|
|
291
307
|
...elementProps,
|
|
@@ -293,13 +309,77 @@ var ElementExecutor = (props) => {
|
|
|
293
309
|
}
|
|
294
310
|
);
|
|
295
311
|
case "tabs":
|
|
296
|
-
return /* @__PURE__ */
|
|
312
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
297
313
|
import_ui_components.TabsElement,
|
|
298
314
|
{
|
|
299
315
|
...elementProps,
|
|
300
316
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
301
317
|
}
|
|
302
318
|
);
|
|
319
|
+
case "otp":
|
|
320
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
321
|
+
import_ui_components.OtpElement,
|
|
322
|
+
{
|
|
323
|
+
...elementProps,
|
|
324
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
325
|
+
}
|
|
326
|
+
);
|
|
327
|
+
case "circle-donut":
|
|
328
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
329
|
+
import_ui_components.CircleDonut,
|
|
330
|
+
{
|
|
331
|
+
...elementProps,
|
|
332
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
333
|
+
}
|
|
334
|
+
);
|
|
335
|
+
case "semicircle-donut":
|
|
336
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
337
|
+
import_ui_components.SemiCircleDonut,
|
|
338
|
+
{
|
|
339
|
+
...elementProps,
|
|
340
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
341
|
+
}
|
|
342
|
+
);
|
|
343
|
+
case "horizontal-barchart":
|
|
344
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
345
|
+
import_ui_components.HorizontalBarChart,
|
|
346
|
+
{
|
|
347
|
+
...elementProps,
|
|
348
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
349
|
+
}
|
|
350
|
+
);
|
|
351
|
+
case "linechart":
|
|
352
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
353
|
+
import_ui_components.LineChart,
|
|
354
|
+
{
|
|
355
|
+
...elementProps,
|
|
356
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
357
|
+
}
|
|
358
|
+
);
|
|
359
|
+
case "highchart-linechart":
|
|
360
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
361
|
+
HighchartsLineChart,
|
|
362
|
+
{
|
|
363
|
+
...elementProps,
|
|
364
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
365
|
+
}
|
|
366
|
+
);
|
|
367
|
+
case "double-barchart":
|
|
368
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
369
|
+
import_ui_components.DoubleBarChart,
|
|
370
|
+
{
|
|
371
|
+
...elementProps,
|
|
372
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
373
|
+
}
|
|
374
|
+
);
|
|
375
|
+
case "barchart":
|
|
376
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
377
|
+
import_ui_components.BarChart,
|
|
378
|
+
{
|
|
379
|
+
...elementProps,
|
|
380
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
381
|
+
}
|
|
382
|
+
);
|
|
303
383
|
default:
|
|
304
384
|
return null;
|
|
305
385
|
}
|
|
@@ -307,12 +387,12 @@ var ElementExecutor = (props) => {
|
|
|
307
387
|
const renderFields = (schema2) => {
|
|
308
388
|
return schema2 && schema2.map((eachSection) => {
|
|
309
389
|
if (eachSection.visible !== false) {
|
|
310
|
-
return /* @__PURE__ */
|
|
390
|
+
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));
|
|
311
391
|
}
|
|
312
392
|
return null;
|
|
313
393
|
});
|
|
314
394
|
};
|
|
315
|
-
return /* @__PURE__ */
|
|
395
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { className: props.data.className }, renderFields(schema)));
|
|
316
396
|
};
|
|
317
397
|
// Annotate the CommonJS export names for ESM import in node:
|
|
318
398
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/libraries/element-executor.tsx
|
|
2
|
-
import
|
|
2
|
+
import React2, { useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
TextElement,
|
|
5
5
|
NumberElement,
|
|
@@ -22,9 +22,25 @@ import {
|
|
|
22
22
|
SingleCheckbox,
|
|
23
23
|
DropDownGroup,
|
|
24
24
|
FileUpload,
|
|
25
|
-
TabsElement
|
|
25
|
+
TabsElement,
|
|
26
|
+
Upload,
|
|
27
|
+
OtpElement,
|
|
28
|
+
CircleDonut,
|
|
29
|
+
SemiCircleDonut,
|
|
30
|
+
HorizontalBarChart,
|
|
31
|
+
DoubleBarChart,
|
|
32
|
+
LineChart,
|
|
33
|
+
BarChart
|
|
26
34
|
} from "@apexcura/ui-components";
|
|
27
35
|
|
|
36
|
+
// src/libraries/highchart.tsx
|
|
37
|
+
import React from "react";
|
|
38
|
+
import Highcharts from "highcharts";
|
|
39
|
+
import HighchartsReact from "highcharts-react-official";
|
|
40
|
+
var HighchartsLineChart = (props) => {
|
|
41
|
+
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(HighchartsReact, { highcharts: Highcharts, options: props.graph_data }));
|
|
42
|
+
};
|
|
43
|
+
|
|
28
44
|
// src/services/http-service.tsx
|
|
29
45
|
import axios from "axios";
|
|
30
46
|
|
|
@@ -116,7 +132,7 @@ var ElementExecutor = (props) => {
|
|
|
116
132
|
const renderElement = (elementProps) => {
|
|
117
133
|
switch (elementProps.element) {
|
|
118
134
|
case "input-text":
|
|
119
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */ React2.createElement(
|
|
120
136
|
TextElement,
|
|
121
137
|
{
|
|
122
138
|
...elementProps,
|
|
@@ -124,7 +140,7 @@ var ElementExecutor = (props) => {
|
|
|
124
140
|
}
|
|
125
141
|
);
|
|
126
142
|
case "input-number":
|
|
127
|
-
return /* @__PURE__ */
|
|
143
|
+
return /* @__PURE__ */ React2.createElement(
|
|
128
144
|
NumberElement,
|
|
129
145
|
{
|
|
130
146
|
...elementProps,
|
|
@@ -132,7 +148,7 @@ var ElementExecutor = (props) => {
|
|
|
132
148
|
}
|
|
133
149
|
);
|
|
134
150
|
case "input-textarea":
|
|
135
|
-
return /* @__PURE__ */
|
|
151
|
+
return /* @__PURE__ */ React2.createElement(
|
|
136
152
|
TextareaElement,
|
|
137
153
|
{
|
|
138
154
|
...elementProps,
|
|
@@ -140,7 +156,7 @@ var ElementExecutor = (props) => {
|
|
|
140
156
|
}
|
|
141
157
|
);
|
|
142
158
|
case "single-select":
|
|
143
|
-
return /* @__PURE__ */
|
|
159
|
+
return /* @__PURE__ */ React2.createElement(
|
|
144
160
|
SelectElement,
|
|
145
161
|
{
|
|
146
162
|
...elementProps,
|
|
@@ -148,7 +164,7 @@ var ElementExecutor = (props) => {
|
|
|
148
164
|
}
|
|
149
165
|
);
|
|
150
166
|
case "input-mobile":
|
|
151
|
-
return /* @__PURE__ */
|
|
167
|
+
return /* @__PURE__ */ React2.createElement(
|
|
152
168
|
NumberElement,
|
|
153
169
|
{
|
|
154
170
|
...elementProps,
|
|
@@ -156,7 +172,7 @@ var ElementExecutor = (props) => {
|
|
|
156
172
|
}
|
|
157
173
|
);
|
|
158
174
|
case "input-checkbox":
|
|
159
|
-
return /* @__PURE__ */
|
|
175
|
+
return /* @__PURE__ */ React2.createElement(
|
|
160
176
|
CheckboxElement,
|
|
161
177
|
{
|
|
162
178
|
...elementProps,
|
|
@@ -164,7 +180,7 @@ var ElementExecutor = (props) => {
|
|
|
164
180
|
}
|
|
165
181
|
);
|
|
166
182
|
case "input-radio":
|
|
167
|
-
return /* @__PURE__ */
|
|
183
|
+
return /* @__PURE__ */ React2.createElement(
|
|
168
184
|
RadioElement,
|
|
169
185
|
{
|
|
170
186
|
...elementProps,
|
|
@@ -172,7 +188,7 @@ var ElementExecutor = (props) => {
|
|
|
172
188
|
}
|
|
173
189
|
);
|
|
174
190
|
case "input-description":
|
|
175
|
-
return /* @__PURE__ */
|
|
191
|
+
return /* @__PURE__ */ React2.createElement(
|
|
176
192
|
CkEditor,
|
|
177
193
|
{
|
|
178
194
|
...elementProps,
|
|
@@ -180,7 +196,7 @@ var ElementExecutor = (props) => {
|
|
|
180
196
|
}
|
|
181
197
|
);
|
|
182
198
|
case "input-single-select":
|
|
183
|
-
return /* @__PURE__ */
|
|
199
|
+
return /* @__PURE__ */ React2.createElement(
|
|
184
200
|
SingleSelectElement,
|
|
185
201
|
{
|
|
186
202
|
...elementProps,
|
|
@@ -190,7 +206,7 @@ var ElementExecutor = (props) => {
|
|
|
190
206
|
}
|
|
191
207
|
);
|
|
192
208
|
case "input-multiple-select":
|
|
193
|
-
return /* @__PURE__ */
|
|
209
|
+
return /* @__PURE__ */ React2.createElement(
|
|
194
210
|
MultipleSelectElement,
|
|
195
211
|
{
|
|
196
212
|
...elementProps,
|
|
@@ -200,11 +216,11 @@ var ElementExecutor = (props) => {
|
|
|
200
216
|
}
|
|
201
217
|
);
|
|
202
218
|
case "add-more":
|
|
203
|
-
return /* @__PURE__ */
|
|
219
|
+
return /* @__PURE__ */ React2.createElement(AddMoreTable, { ...elementProps });
|
|
204
220
|
case "div":
|
|
205
|
-
return /* @__PURE__ */
|
|
221
|
+
return /* @__PURE__ */ React2.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
206
222
|
case "button":
|
|
207
|
-
return /* @__PURE__ */
|
|
223
|
+
return /* @__PURE__ */ React2.createElement(
|
|
208
224
|
ButtonElement,
|
|
209
225
|
{
|
|
210
226
|
...elementProps,
|
|
@@ -212,7 +228,7 @@ var ElementExecutor = (props) => {
|
|
|
212
228
|
}
|
|
213
229
|
);
|
|
214
230
|
case "sidebar":
|
|
215
|
-
return /* @__PURE__ */
|
|
231
|
+
return /* @__PURE__ */ React2.createElement(
|
|
216
232
|
Sidebar,
|
|
217
233
|
{
|
|
218
234
|
...elementProps,
|
|
@@ -220,9 +236,9 @@ var ElementExecutor = (props) => {
|
|
|
220
236
|
}
|
|
221
237
|
);
|
|
222
238
|
case "navbar":
|
|
223
|
-
return /* @__PURE__ */
|
|
239
|
+
return /* @__PURE__ */ React2.createElement(Navbar, { ...elementProps });
|
|
224
240
|
case "table":
|
|
225
|
-
return /* @__PURE__ */
|
|
241
|
+
return /* @__PURE__ */ React2.createElement(
|
|
226
242
|
TableElement,
|
|
227
243
|
{
|
|
228
244
|
...elementProps,
|
|
@@ -230,7 +246,7 @@ var ElementExecutor = (props) => {
|
|
|
230
246
|
}
|
|
231
247
|
);
|
|
232
248
|
case "daterangepicker":
|
|
233
|
-
return /* @__PURE__ */
|
|
249
|
+
return /* @__PURE__ */ React2.createElement(
|
|
234
250
|
DateRangePickerElement,
|
|
235
251
|
{
|
|
236
252
|
...elementProps,
|
|
@@ -238,7 +254,7 @@ var ElementExecutor = (props) => {
|
|
|
238
254
|
}
|
|
239
255
|
);
|
|
240
256
|
case "datepicker":
|
|
241
|
-
return /* @__PURE__ */
|
|
257
|
+
return /* @__PURE__ */ React2.createElement(
|
|
242
258
|
DatePickerElement,
|
|
243
259
|
{
|
|
244
260
|
...elementProps,
|
|
@@ -246,17 +262,25 @@ var ElementExecutor = (props) => {
|
|
|
246
262
|
}
|
|
247
263
|
);
|
|
248
264
|
case "upload":
|
|
249
|
-
return /* @__PURE__ */
|
|
265
|
+
return /* @__PURE__ */ React2.createElement(
|
|
250
266
|
FileUpload,
|
|
251
267
|
{
|
|
252
268
|
...elementProps,
|
|
253
269
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
254
270
|
}
|
|
255
271
|
);
|
|
272
|
+
case "upload-manually":
|
|
273
|
+
return /* @__PURE__ */ React2.createElement(
|
|
274
|
+
Upload,
|
|
275
|
+
{
|
|
276
|
+
...elementProps,
|
|
277
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
278
|
+
}
|
|
279
|
+
);
|
|
256
280
|
case "image":
|
|
257
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ React2.createElement(Image, { ...elementProps });
|
|
258
282
|
case "input-password":
|
|
259
|
-
return /* @__PURE__ */
|
|
283
|
+
return /* @__PURE__ */ React2.createElement(
|
|
260
284
|
PasswordElement,
|
|
261
285
|
{
|
|
262
286
|
...elementProps,
|
|
@@ -264,7 +288,7 @@ var ElementExecutor = (props) => {
|
|
|
264
288
|
}
|
|
265
289
|
);
|
|
266
290
|
case "single-checkbox":
|
|
267
|
-
return /* @__PURE__ */
|
|
291
|
+
return /* @__PURE__ */ React2.createElement(
|
|
268
292
|
SingleCheckbox,
|
|
269
293
|
{
|
|
270
294
|
...elementProps,
|
|
@@ -272,7 +296,7 @@ var ElementExecutor = (props) => {
|
|
|
272
296
|
}
|
|
273
297
|
);
|
|
274
298
|
case "dropdown-group":
|
|
275
|
-
return /* @__PURE__ */
|
|
299
|
+
return /* @__PURE__ */ React2.createElement(
|
|
276
300
|
DropDownGroup,
|
|
277
301
|
{
|
|
278
302
|
...elementProps,
|
|
@@ -280,13 +304,77 @@ var ElementExecutor = (props) => {
|
|
|
280
304
|
}
|
|
281
305
|
);
|
|
282
306
|
case "tabs":
|
|
283
|
-
return /* @__PURE__ */
|
|
307
|
+
return /* @__PURE__ */ React2.createElement(
|
|
284
308
|
TabsElement,
|
|
285
309
|
{
|
|
286
310
|
...elementProps,
|
|
287
311
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
288
312
|
}
|
|
289
313
|
);
|
|
314
|
+
case "otp":
|
|
315
|
+
return /* @__PURE__ */ React2.createElement(
|
|
316
|
+
OtpElement,
|
|
317
|
+
{
|
|
318
|
+
...elementProps,
|
|
319
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
320
|
+
}
|
|
321
|
+
);
|
|
322
|
+
case "circle-donut":
|
|
323
|
+
return /* @__PURE__ */ React2.createElement(
|
|
324
|
+
CircleDonut,
|
|
325
|
+
{
|
|
326
|
+
...elementProps,
|
|
327
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
328
|
+
}
|
|
329
|
+
);
|
|
330
|
+
case "semicircle-donut":
|
|
331
|
+
return /* @__PURE__ */ React2.createElement(
|
|
332
|
+
SemiCircleDonut,
|
|
333
|
+
{
|
|
334
|
+
...elementProps,
|
|
335
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
336
|
+
}
|
|
337
|
+
);
|
|
338
|
+
case "horizontal-barchart":
|
|
339
|
+
return /* @__PURE__ */ React2.createElement(
|
|
340
|
+
HorizontalBarChart,
|
|
341
|
+
{
|
|
342
|
+
...elementProps,
|
|
343
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
344
|
+
}
|
|
345
|
+
);
|
|
346
|
+
case "linechart":
|
|
347
|
+
return /* @__PURE__ */ React2.createElement(
|
|
348
|
+
LineChart,
|
|
349
|
+
{
|
|
350
|
+
...elementProps,
|
|
351
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
352
|
+
}
|
|
353
|
+
);
|
|
354
|
+
case "highchart-linechart":
|
|
355
|
+
return /* @__PURE__ */ React2.createElement(
|
|
356
|
+
HighchartsLineChart,
|
|
357
|
+
{
|
|
358
|
+
...elementProps,
|
|
359
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
360
|
+
}
|
|
361
|
+
);
|
|
362
|
+
case "double-barchart":
|
|
363
|
+
return /* @__PURE__ */ React2.createElement(
|
|
364
|
+
DoubleBarChart,
|
|
365
|
+
{
|
|
366
|
+
...elementProps,
|
|
367
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
368
|
+
}
|
|
369
|
+
);
|
|
370
|
+
case "barchart":
|
|
371
|
+
return /* @__PURE__ */ React2.createElement(
|
|
372
|
+
BarChart,
|
|
373
|
+
{
|
|
374
|
+
...elementProps,
|
|
375
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
376
|
+
}
|
|
377
|
+
);
|
|
290
378
|
default:
|
|
291
379
|
return null;
|
|
292
380
|
}
|
|
@@ -294,12 +382,12 @@ var ElementExecutor = (props) => {
|
|
|
294
382
|
const renderFields = (schema2) => {
|
|
295
383
|
return schema2 && schema2.map((eachSection) => {
|
|
296
384
|
if (eachSection.visible !== false) {
|
|
297
|
-
return /* @__PURE__ */
|
|
385
|
+
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));
|
|
298
386
|
}
|
|
299
387
|
return null;
|
|
300
388
|
});
|
|
301
389
|
};
|
|
302
|
-
return /* @__PURE__ */
|
|
390
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: props.data.className }, renderFields(schema)));
|
|
303
391
|
};
|
|
304
392
|
export {
|
|
305
393
|
ElementExecutor
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apexcura/core",
|
|
3
|
-
"version": "0.0.16-
|
|
3
|
+
"version": "0.0.16-Beta200",
|
|
4
4
|
"description": "Apex cura React components library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"apex cura",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"build": "tsup"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@apexcura/ui-components": "^0.0.14-
|
|
31
|
+
"@apexcura/ui-components": "^0.0.14-Beta188",
|
|
32
32
|
"@testing-library/jest-dom": "^6.4.2",
|
|
33
33
|
"@testing-library/react": "^15.0.6",
|
|
34
34
|
"@types/react-global-configuration": "^1.3.3",
|