@apexcura/core 0.0.16-Beta2 → 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 +25 -1
- package/dist/index.d.ts +25 -1
- package/dist/index.js +109 -32
- package/dist/index.mjs +116 -31
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -33,10 +33,20 @@ type FormExecutorProps = {
|
|
|
33
33
|
count?: number;
|
|
34
34
|
profileImage?: string;
|
|
35
35
|
profileSubClassName?: string;
|
|
36
|
+
containerClassName?: string;
|
|
36
37
|
subContainerClassName?: string;
|
|
37
38
|
secondTextClassName?: string;
|
|
38
39
|
iconsClassName?: string;
|
|
39
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[];
|
|
40
50
|
modalContent?: {
|
|
41
51
|
className?: string;
|
|
42
52
|
fields?: {
|
|
@@ -51,11 +61,14 @@ type FormExecutorProps = {
|
|
|
51
61
|
}[];
|
|
52
62
|
};
|
|
53
63
|
items?: {
|
|
54
|
-
icon?: React.JSX.Element;
|
|
64
|
+
icon?: React.JSX.Element | string;
|
|
55
65
|
label?: string;
|
|
56
66
|
active?: boolean;
|
|
57
67
|
text?: string;
|
|
58
68
|
time?: string;
|
|
69
|
+
name?: string;
|
|
70
|
+
y?: number;
|
|
71
|
+
color?: string;
|
|
59
72
|
}[];
|
|
60
73
|
fields?: {
|
|
61
74
|
name?: string;
|
|
@@ -69,6 +82,16 @@ type FormExecutorProps = {
|
|
|
69
82
|
label: string;
|
|
70
83
|
value: string;
|
|
71
84
|
}[];
|
|
85
|
+
firstOptions?: {
|
|
86
|
+
key?: number;
|
|
87
|
+
label: string;
|
|
88
|
+
value: string;
|
|
89
|
+
}[];
|
|
90
|
+
secondOptions?: {
|
|
91
|
+
key?: number;
|
|
92
|
+
label: string;
|
|
93
|
+
value: string;
|
|
94
|
+
}[];
|
|
72
95
|
selectBefore?: {
|
|
73
96
|
label: string;
|
|
74
97
|
value: string;
|
|
@@ -98,6 +121,7 @@ type FormExecutorProps = {
|
|
|
98
121
|
required?: boolean;
|
|
99
122
|
key?: string;
|
|
100
123
|
render?: () => void;
|
|
124
|
+
ellipsis: boolean;
|
|
101
125
|
}[];
|
|
102
126
|
tbody?: {
|
|
103
127
|
id?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -33,10 +33,20 @@ type FormExecutorProps = {
|
|
|
33
33
|
count?: number;
|
|
34
34
|
profileImage?: string;
|
|
35
35
|
profileSubClassName?: string;
|
|
36
|
+
containerClassName?: string;
|
|
36
37
|
subContainerClassName?: string;
|
|
37
38
|
secondTextClassName?: string;
|
|
38
39
|
iconsClassName?: string;
|
|
39
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[];
|
|
40
50
|
modalContent?: {
|
|
41
51
|
className?: string;
|
|
42
52
|
fields?: {
|
|
@@ -51,11 +61,14 @@ type FormExecutorProps = {
|
|
|
51
61
|
}[];
|
|
52
62
|
};
|
|
53
63
|
items?: {
|
|
54
|
-
icon?: React.JSX.Element;
|
|
64
|
+
icon?: React.JSX.Element | string;
|
|
55
65
|
label?: string;
|
|
56
66
|
active?: boolean;
|
|
57
67
|
text?: string;
|
|
58
68
|
time?: string;
|
|
69
|
+
name?: string;
|
|
70
|
+
y?: number;
|
|
71
|
+
color?: string;
|
|
59
72
|
}[];
|
|
60
73
|
fields?: {
|
|
61
74
|
name?: string;
|
|
@@ -69,6 +82,16 @@ type FormExecutorProps = {
|
|
|
69
82
|
label: string;
|
|
70
83
|
value: string;
|
|
71
84
|
}[];
|
|
85
|
+
firstOptions?: {
|
|
86
|
+
key?: number;
|
|
87
|
+
label: string;
|
|
88
|
+
value: string;
|
|
89
|
+
}[];
|
|
90
|
+
secondOptions?: {
|
|
91
|
+
key?: number;
|
|
92
|
+
label: string;
|
|
93
|
+
value: string;
|
|
94
|
+
}[];
|
|
72
95
|
selectBefore?: {
|
|
73
96
|
label: string;
|
|
74
97
|
value: string;
|
|
@@ -98,6 +121,7 @@ type FormExecutorProps = {
|
|
|
98
121
|
required?: boolean;
|
|
99
122
|
key?: string;
|
|
100
123
|
render?: () => void;
|
|
124
|
+
ellipsis: boolean;
|
|
101
125
|
}[];
|
|
102
126
|
tbody?: {
|
|
103
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,11 +105,9 @@ 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
|
-
console.log("name", name);
|
|
104
|
-
console.log("value", value);
|
|
105
111
|
const updateSchema = (schema2) => {
|
|
106
112
|
return schema2.map((field) => {
|
|
107
113
|
if (field.name === name) {
|
|
@@ -114,7 +120,6 @@ var ElementExecutor = (props) => {
|
|
|
114
120
|
return field;
|
|
115
121
|
});
|
|
116
122
|
};
|
|
117
|
-
console.log("schema--------------", schema);
|
|
118
123
|
const updatedSchema = updateSchema(schema);
|
|
119
124
|
setSchema(updatedSchema);
|
|
120
125
|
props.setData({ ...props.data, schema: updatedSchema });
|
|
@@ -132,7 +137,7 @@ var ElementExecutor = (props) => {
|
|
|
132
137
|
const renderElement = (elementProps) => {
|
|
133
138
|
switch (elementProps.element) {
|
|
134
139
|
case "input-text":
|
|
135
|
-
return /* @__PURE__ */
|
|
140
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
136
141
|
import_ui_components.TextElement,
|
|
137
142
|
{
|
|
138
143
|
...elementProps,
|
|
@@ -140,7 +145,7 @@ var ElementExecutor = (props) => {
|
|
|
140
145
|
}
|
|
141
146
|
);
|
|
142
147
|
case "input-number":
|
|
143
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
144
149
|
import_ui_components.NumberElement,
|
|
145
150
|
{
|
|
146
151
|
...elementProps,
|
|
@@ -148,7 +153,7 @@ var ElementExecutor = (props) => {
|
|
|
148
153
|
}
|
|
149
154
|
);
|
|
150
155
|
case "input-textarea":
|
|
151
|
-
return /* @__PURE__ */
|
|
156
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
152
157
|
import_ui_components.TextareaElement,
|
|
153
158
|
{
|
|
154
159
|
...elementProps,
|
|
@@ -156,7 +161,7 @@ var ElementExecutor = (props) => {
|
|
|
156
161
|
}
|
|
157
162
|
);
|
|
158
163
|
case "single-select":
|
|
159
|
-
return /* @__PURE__ */
|
|
164
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
160
165
|
import_ui_components.SelectElement,
|
|
161
166
|
{
|
|
162
167
|
...elementProps,
|
|
@@ -164,7 +169,7 @@ var ElementExecutor = (props) => {
|
|
|
164
169
|
}
|
|
165
170
|
);
|
|
166
171
|
case "input-mobile":
|
|
167
|
-
return /* @__PURE__ */
|
|
172
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
168
173
|
import_ui_components.NumberElement,
|
|
169
174
|
{
|
|
170
175
|
...elementProps,
|
|
@@ -172,7 +177,7 @@ var ElementExecutor = (props) => {
|
|
|
172
177
|
}
|
|
173
178
|
);
|
|
174
179
|
case "input-checkbox":
|
|
175
|
-
return /* @__PURE__ */
|
|
180
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
176
181
|
import_ui_components.CheckboxElement,
|
|
177
182
|
{
|
|
178
183
|
...elementProps,
|
|
@@ -180,7 +185,7 @@ var ElementExecutor = (props) => {
|
|
|
180
185
|
}
|
|
181
186
|
);
|
|
182
187
|
case "input-radio":
|
|
183
|
-
return /* @__PURE__ */
|
|
188
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
184
189
|
import_ui_components.RadioElement,
|
|
185
190
|
{
|
|
186
191
|
...elementProps,
|
|
@@ -188,7 +193,7 @@ var ElementExecutor = (props) => {
|
|
|
188
193
|
}
|
|
189
194
|
);
|
|
190
195
|
case "input-description":
|
|
191
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
192
197
|
import_ui_components.CkEditor,
|
|
193
198
|
{
|
|
194
199
|
...elementProps,
|
|
@@ -196,7 +201,7 @@ var ElementExecutor = (props) => {
|
|
|
196
201
|
}
|
|
197
202
|
);
|
|
198
203
|
case "input-single-select":
|
|
199
|
-
return /* @__PURE__ */
|
|
204
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
200
205
|
import_ui_components.SingleSelectElement,
|
|
201
206
|
{
|
|
202
207
|
...elementProps,
|
|
@@ -206,7 +211,7 @@ var ElementExecutor = (props) => {
|
|
|
206
211
|
}
|
|
207
212
|
);
|
|
208
213
|
case "input-multiple-select":
|
|
209
|
-
return /* @__PURE__ */
|
|
214
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
210
215
|
import_ui_components.MultipleSelectElement,
|
|
211
216
|
{
|
|
212
217
|
...elementProps,
|
|
@@ -216,11 +221,11 @@ var ElementExecutor = (props) => {
|
|
|
216
221
|
}
|
|
217
222
|
);
|
|
218
223
|
case "add-more":
|
|
219
|
-
return /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
|
|
220
225
|
case "div":
|
|
221
|
-
return /* @__PURE__ */
|
|
226
|
+
return /* @__PURE__ */ import_react2.default.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
222
227
|
case "button":
|
|
223
|
-
return /* @__PURE__ */
|
|
228
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
224
229
|
import_ui_components.ButtonElement,
|
|
225
230
|
{
|
|
226
231
|
...elementProps,
|
|
@@ -228,7 +233,7 @@ var ElementExecutor = (props) => {
|
|
|
228
233
|
}
|
|
229
234
|
);
|
|
230
235
|
case "sidebar":
|
|
231
|
-
return /* @__PURE__ */
|
|
236
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
232
237
|
import_ui_components.Sidebar,
|
|
233
238
|
{
|
|
234
239
|
...elementProps,
|
|
@@ -236,9 +241,9 @@ var ElementExecutor = (props) => {
|
|
|
236
241
|
}
|
|
237
242
|
);
|
|
238
243
|
case "navbar":
|
|
239
|
-
return /* @__PURE__ */
|
|
244
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.Navbar, { ...elementProps });
|
|
240
245
|
case "table":
|
|
241
|
-
return /* @__PURE__ */
|
|
246
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
242
247
|
import_ui_components.TableElement,
|
|
243
248
|
{
|
|
244
249
|
...elementProps,
|
|
@@ -246,7 +251,7 @@ var ElementExecutor = (props) => {
|
|
|
246
251
|
}
|
|
247
252
|
);
|
|
248
253
|
case "daterangepicker":
|
|
249
|
-
return /* @__PURE__ */
|
|
254
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
250
255
|
import_ui_components.DateRangePickerElement,
|
|
251
256
|
{
|
|
252
257
|
...elementProps,
|
|
@@ -254,7 +259,7 @@ var ElementExecutor = (props) => {
|
|
|
254
259
|
}
|
|
255
260
|
);
|
|
256
261
|
case "datepicker":
|
|
257
|
-
return /* @__PURE__ */
|
|
262
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
258
263
|
import_ui_components.DatePickerElement,
|
|
259
264
|
{
|
|
260
265
|
...elementProps,
|
|
@@ -262,17 +267,25 @@ var ElementExecutor = (props) => {
|
|
|
262
267
|
}
|
|
263
268
|
);
|
|
264
269
|
case "upload":
|
|
265
|
-
return /* @__PURE__ */
|
|
270
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
266
271
|
import_ui_components.FileUpload,
|
|
267
272
|
{
|
|
268
273
|
...elementProps,
|
|
269
274
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
270
275
|
}
|
|
271
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
|
+
);
|
|
272
285
|
case "image":
|
|
273
|
-
return /* @__PURE__ */
|
|
286
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_ui_components.Image, { ...elementProps });
|
|
274
287
|
case "input-password":
|
|
275
|
-
return /* @__PURE__ */
|
|
288
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
276
289
|
import_ui_components.PasswordElement,
|
|
277
290
|
{
|
|
278
291
|
...elementProps,
|
|
@@ -280,7 +293,7 @@ var ElementExecutor = (props) => {
|
|
|
280
293
|
}
|
|
281
294
|
);
|
|
282
295
|
case "single-checkbox":
|
|
283
|
-
return /* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
284
297
|
import_ui_components.SingleCheckbox,
|
|
285
298
|
{
|
|
286
299
|
...elementProps,
|
|
@@ -288,7 +301,7 @@ var ElementExecutor = (props) => {
|
|
|
288
301
|
}
|
|
289
302
|
);
|
|
290
303
|
case "dropdown-group":
|
|
291
|
-
return /* @__PURE__ */
|
|
304
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
292
305
|
import_ui_components.DropDownGroup,
|
|
293
306
|
{
|
|
294
307
|
...elementProps,
|
|
@@ -296,13 +309,77 @@ var ElementExecutor = (props) => {
|
|
|
296
309
|
}
|
|
297
310
|
);
|
|
298
311
|
case "tabs":
|
|
299
|
-
return /* @__PURE__ */
|
|
312
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
300
313
|
import_ui_components.TabsElement,
|
|
301
314
|
{
|
|
302
315
|
...elementProps,
|
|
303
316
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
304
317
|
}
|
|
305
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
|
+
);
|
|
306
383
|
default:
|
|
307
384
|
return null;
|
|
308
385
|
}
|
|
@@ -310,12 +387,12 @@ var ElementExecutor = (props) => {
|
|
|
310
387
|
const renderFields = (schema2) => {
|
|
311
388
|
return schema2 && schema2.map((eachSection) => {
|
|
312
389
|
if (eachSection.visible !== false) {
|
|
313
|
-
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));
|
|
314
391
|
}
|
|
315
392
|
return null;
|
|
316
393
|
});
|
|
317
394
|
};
|
|
318
|
-
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)));
|
|
319
396
|
};
|
|
320
397
|
// Annotate the CommonJS export names for ESM import in node:
|
|
321
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
|
|
|
@@ -87,8 +103,6 @@ var ElementExecutor = (props) => {
|
|
|
87
103
|
const [data, setData] = useState([]);
|
|
88
104
|
const [schema, setSchema] = useState(props.data.schema);
|
|
89
105
|
const onHandleChange = (name, value) => {
|
|
90
|
-
console.log("name", name);
|
|
91
|
-
console.log("value", value);
|
|
92
106
|
const updateSchema = (schema2) => {
|
|
93
107
|
return schema2.map((field) => {
|
|
94
108
|
if (field.name === name) {
|
|
@@ -101,7 +115,6 @@ var ElementExecutor = (props) => {
|
|
|
101
115
|
return field;
|
|
102
116
|
});
|
|
103
117
|
};
|
|
104
|
-
console.log("schema--------------", schema);
|
|
105
118
|
const updatedSchema = updateSchema(schema);
|
|
106
119
|
setSchema(updatedSchema);
|
|
107
120
|
props.setData({ ...props.data, schema: updatedSchema });
|
|
@@ -119,7 +132,7 @@ var ElementExecutor = (props) => {
|
|
|
119
132
|
const renderElement = (elementProps) => {
|
|
120
133
|
switch (elementProps.element) {
|
|
121
134
|
case "input-text":
|
|
122
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */ React2.createElement(
|
|
123
136
|
TextElement,
|
|
124
137
|
{
|
|
125
138
|
...elementProps,
|
|
@@ -127,7 +140,7 @@ var ElementExecutor = (props) => {
|
|
|
127
140
|
}
|
|
128
141
|
);
|
|
129
142
|
case "input-number":
|
|
130
|
-
return /* @__PURE__ */
|
|
143
|
+
return /* @__PURE__ */ React2.createElement(
|
|
131
144
|
NumberElement,
|
|
132
145
|
{
|
|
133
146
|
...elementProps,
|
|
@@ -135,7 +148,7 @@ var ElementExecutor = (props) => {
|
|
|
135
148
|
}
|
|
136
149
|
);
|
|
137
150
|
case "input-textarea":
|
|
138
|
-
return /* @__PURE__ */
|
|
151
|
+
return /* @__PURE__ */ React2.createElement(
|
|
139
152
|
TextareaElement,
|
|
140
153
|
{
|
|
141
154
|
...elementProps,
|
|
@@ -143,7 +156,7 @@ var ElementExecutor = (props) => {
|
|
|
143
156
|
}
|
|
144
157
|
);
|
|
145
158
|
case "single-select":
|
|
146
|
-
return /* @__PURE__ */
|
|
159
|
+
return /* @__PURE__ */ React2.createElement(
|
|
147
160
|
SelectElement,
|
|
148
161
|
{
|
|
149
162
|
...elementProps,
|
|
@@ -151,7 +164,7 @@ var ElementExecutor = (props) => {
|
|
|
151
164
|
}
|
|
152
165
|
);
|
|
153
166
|
case "input-mobile":
|
|
154
|
-
return /* @__PURE__ */
|
|
167
|
+
return /* @__PURE__ */ React2.createElement(
|
|
155
168
|
NumberElement,
|
|
156
169
|
{
|
|
157
170
|
...elementProps,
|
|
@@ -159,7 +172,7 @@ var ElementExecutor = (props) => {
|
|
|
159
172
|
}
|
|
160
173
|
);
|
|
161
174
|
case "input-checkbox":
|
|
162
|
-
return /* @__PURE__ */
|
|
175
|
+
return /* @__PURE__ */ React2.createElement(
|
|
163
176
|
CheckboxElement,
|
|
164
177
|
{
|
|
165
178
|
...elementProps,
|
|
@@ -167,7 +180,7 @@ var ElementExecutor = (props) => {
|
|
|
167
180
|
}
|
|
168
181
|
);
|
|
169
182
|
case "input-radio":
|
|
170
|
-
return /* @__PURE__ */
|
|
183
|
+
return /* @__PURE__ */ React2.createElement(
|
|
171
184
|
RadioElement,
|
|
172
185
|
{
|
|
173
186
|
...elementProps,
|
|
@@ -175,7 +188,7 @@ var ElementExecutor = (props) => {
|
|
|
175
188
|
}
|
|
176
189
|
);
|
|
177
190
|
case "input-description":
|
|
178
|
-
return /* @__PURE__ */
|
|
191
|
+
return /* @__PURE__ */ React2.createElement(
|
|
179
192
|
CkEditor,
|
|
180
193
|
{
|
|
181
194
|
...elementProps,
|
|
@@ -183,7 +196,7 @@ var ElementExecutor = (props) => {
|
|
|
183
196
|
}
|
|
184
197
|
);
|
|
185
198
|
case "input-single-select":
|
|
186
|
-
return /* @__PURE__ */
|
|
199
|
+
return /* @__PURE__ */ React2.createElement(
|
|
187
200
|
SingleSelectElement,
|
|
188
201
|
{
|
|
189
202
|
...elementProps,
|
|
@@ -193,7 +206,7 @@ var ElementExecutor = (props) => {
|
|
|
193
206
|
}
|
|
194
207
|
);
|
|
195
208
|
case "input-multiple-select":
|
|
196
|
-
return /* @__PURE__ */
|
|
209
|
+
return /* @__PURE__ */ React2.createElement(
|
|
197
210
|
MultipleSelectElement,
|
|
198
211
|
{
|
|
199
212
|
...elementProps,
|
|
@@ -203,11 +216,11 @@ var ElementExecutor = (props) => {
|
|
|
203
216
|
}
|
|
204
217
|
);
|
|
205
218
|
case "add-more":
|
|
206
|
-
return /* @__PURE__ */
|
|
219
|
+
return /* @__PURE__ */ React2.createElement(AddMoreTable, { ...elementProps });
|
|
207
220
|
case "div":
|
|
208
|
-
return /* @__PURE__ */
|
|
221
|
+
return /* @__PURE__ */ React2.createElement("div", { className: elementProps.className }, elementProps.label);
|
|
209
222
|
case "button":
|
|
210
|
-
return /* @__PURE__ */
|
|
223
|
+
return /* @__PURE__ */ React2.createElement(
|
|
211
224
|
ButtonElement,
|
|
212
225
|
{
|
|
213
226
|
...elementProps,
|
|
@@ -215,7 +228,7 @@ var ElementExecutor = (props) => {
|
|
|
215
228
|
}
|
|
216
229
|
);
|
|
217
230
|
case "sidebar":
|
|
218
|
-
return /* @__PURE__ */
|
|
231
|
+
return /* @__PURE__ */ React2.createElement(
|
|
219
232
|
Sidebar,
|
|
220
233
|
{
|
|
221
234
|
...elementProps,
|
|
@@ -223,9 +236,9 @@ var ElementExecutor = (props) => {
|
|
|
223
236
|
}
|
|
224
237
|
);
|
|
225
238
|
case "navbar":
|
|
226
|
-
return /* @__PURE__ */
|
|
239
|
+
return /* @__PURE__ */ React2.createElement(Navbar, { ...elementProps });
|
|
227
240
|
case "table":
|
|
228
|
-
return /* @__PURE__ */
|
|
241
|
+
return /* @__PURE__ */ React2.createElement(
|
|
229
242
|
TableElement,
|
|
230
243
|
{
|
|
231
244
|
...elementProps,
|
|
@@ -233,7 +246,7 @@ var ElementExecutor = (props) => {
|
|
|
233
246
|
}
|
|
234
247
|
);
|
|
235
248
|
case "daterangepicker":
|
|
236
|
-
return /* @__PURE__ */
|
|
249
|
+
return /* @__PURE__ */ React2.createElement(
|
|
237
250
|
DateRangePickerElement,
|
|
238
251
|
{
|
|
239
252
|
...elementProps,
|
|
@@ -241,7 +254,7 @@ var ElementExecutor = (props) => {
|
|
|
241
254
|
}
|
|
242
255
|
);
|
|
243
256
|
case "datepicker":
|
|
244
|
-
return /* @__PURE__ */
|
|
257
|
+
return /* @__PURE__ */ React2.createElement(
|
|
245
258
|
DatePickerElement,
|
|
246
259
|
{
|
|
247
260
|
...elementProps,
|
|
@@ -249,17 +262,25 @@ var ElementExecutor = (props) => {
|
|
|
249
262
|
}
|
|
250
263
|
);
|
|
251
264
|
case "upload":
|
|
252
|
-
return /* @__PURE__ */
|
|
265
|
+
return /* @__PURE__ */ React2.createElement(
|
|
253
266
|
FileUpload,
|
|
254
267
|
{
|
|
255
268
|
...elementProps,
|
|
256
269
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
257
270
|
}
|
|
258
271
|
);
|
|
272
|
+
case "upload-manually":
|
|
273
|
+
return /* @__PURE__ */ React2.createElement(
|
|
274
|
+
Upload,
|
|
275
|
+
{
|
|
276
|
+
...elementProps,
|
|
277
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
278
|
+
}
|
|
279
|
+
);
|
|
259
280
|
case "image":
|
|
260
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ React2.createElement(Image, { ...elementProps });
|
|
261
282
|
case "input-password":
|
|
262
|
-
return /* @__PURE__ */
|
|
283
|
+
return /* @__PURE__ */ React2.createElement(
|
|
263
284
|
PasswordElement,
|
|
264
285
|
{
|
|
265
286
|
...elementProps,
|
|
@@ -267,7 +288,7 @@ var ElementExecutor = (props) => {
|
|
|
267
288
|
}
|
|
268
289
|
);
|
|
269
290
|
case "single-checkbox":
|
|
270
|
-
return /* @__PURE__ */
|
|
291
|
+
return /* @__PURE__ */ React2.createElement(
|
|
271
292
|
SingleCheckbox,
|
|
272
293
|
{
|
|
273
294
|
...elementProps,
|
|
@@ -275,7 +296,7 @@ var ElementExecutor = (props) => {
|
|
|
275
296
|
}
|
|
276
297
|
);
|
|
277
298
|
case "dropdown-group":
|
|
278
|
-
return /* @__PURE__ */
|
|
299
|
+
return /* @__PURE__ */ React2.createElement(
|
|
279
300
|
DropDownGroup,
|
|
280
301
|
{
|
|
281
302
|
...elementProps,
|
|
@@ -283,13 +304,77 @@ var ElementExecutor = (props) => {
|
|
|
283
304
|
}
|
|
284
305
|
);
|
|
285
306
|
case "tabs":
|
|
286
|
-
return /* @__PURE__ */
|
|
307
|
+
return /* @__PURE__ */ React2.createElement(
|
|
287
308
|
TabsElement,
|
|
288
309
|
{
|
|
289
310
|
...elementProps,
|
|
290
311
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
291
312
|
}
|
|
292
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
|
+
);
|
|
293
378
|
default:
|
|
294
379
|
return null;
|
|
295
380
|
}
|
|
@@ -297,12 +382,12 @@ var ElementExecutor = (props) => {
|
|
|
297
382
|
const renderFields = (schema2) => {
|
|
298
383
|
return schema2 && schema2.map((eachSection) => {
|
|
299
384
|
if (eachSection.visible !== false) {
|
|
300
|
-
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));
|
|
301
386
|
}
|
|
302
387
|
return null;
|
|
303
388
|
});
|
|
304
389
|
};
|
|
305
|
-
return /* @__PURE__ */
|
|
390
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: props.data.className }, renderFields(schema)));
|
|
306
391
|
};
|
|
307
392
|
export {
|
|
308
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",
|