@apexcura/core 0.0.16-Beta15 → 0.0.16-Beta150
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 +15 -1
- package/dist/index.d.ts +15 -1
- package/dist/index.js +65 -4
- package/dist/index.mjs +74 -5
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -38,6 +38,16 @@ 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[];
|
|
50
|
+
pagination?: boolean;
|
|
41
51
|
modalContent?: {
|
|
42
52
|
className?: string;
|
|
43
53
|
fields?: {
|
|
@@ -52,11 +62,14 @@ type FormExecutorProps = {
|
|
|
52
62
|
}[];
|
|
53
63
|
};
|
|
54
64
|
items?: {
|
|
55
|
-
icon?: React.JSX.Element;
|
|
65
|
+
icon?: React.JSX.Element | string;
|
|
56
66
|
label?: string;
|
|
57
67
|
active?: boolean;
|
|
58
68
|
text?: string;
|
|
59
69
|
time?: string;
|
|
70
|
+
name?: string;
|
|
71
|
+
y?: number;
|
|
72
|
+
color?: string;
|
|
60
73
|
}[];
|
|
61
74
|
fields?: {
|
|
62
75
|
name?: string;
|
|
@@ -109,6 +122,7 @@ type FormExecutorProps = {
|
|
|
109
122
|
required?: boolean;
|
|
110
123
|
key?: string;
|
|
111
124
|
render?: () => void;
|
|
125
|
+
ellipsis: boolean;
|
|
112
126
|
}[];
|
|
113
127
|
tbody?: {
|
|
114
128
|
id?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,16 @@ 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[];
|
|
50
|
+
pagination?: boolean;
|
|
41
51
|
modalContent?: {
|
|
42
52
|
className?: string;
|
|
43
53
|
fields?: {
|
|
@@ -52,11 +62,14 @@ type FormExecutorProps = {
|
|
|
52
62
|
}[];
|
|
53
63
|
};
|
|
54
64
|
items?: {
|
|
55
|
-
icon?: React.JSX.Element;
|
|
65
|
+
icon?: React.JSX.Element | string;
|
|
56
66
|
label?: string;
|
|
57
67
|
active?: boolean;
|
|
58
68
|
text?: string;
|
|
59
69
|
time?: string;
|
|
70
|
+
name?: string;
|
|
71
|
+
y?: number;
|
|
72
|
+
color?: string;
|
|
60
73
|
}[];
|
|
61
74
|
fields?: {
|
|
62
75
|
name?: string;
|
|
@@ -109,6 +122,7 @@ type FormExecutorProps = {
|
|
|
109
122
|
required?: boolean;
|
|
110
123
|
key?: string;
|
|
111
124
|
render?: () => void;
|
|
125
|
+
ellipsis: boolean;
|
|
112
126
|
}[];
|
|
113
127
|
tbody?: {
|
|
114
128
|
id?: number;
|
package/dist/index.js
CHANGED
|
@@ -100,8 +100,6 @@ var ElementExecutor = (props) => {
|
|
|
100
100
|
const [data, setData] = (0, import_react.useState)([]);
|
|
101
101
|
const [schema, setSchema] = (0, import_react.useState)(props.data.schema);
|
|
102
102
|
const onHandleChange = (name, value) => {
|
|
103
|
-
console.log("name", name);
|
|
104
|
-
console.log("value", value);
|
|
105
103
|
const updateSchema = (schema2) => {
|
|
106
104
|
return schema2.map((field) => {
|
|
107
105
|
if (field.name === name) {
|
|
@@ -114,7 +112,6 @@ var ElementExecutor = (props) => {
|
|
|
114
112
|
return field;
|
|
115
113
|
});
|
|
116
114
|
};
|
|
117
|
-
console.log("schema--------------", schema);
|
|
118
115
|
const updatedSchema = updateSchema(schema);
|
|
119
116
|
setSchema(updatedSchema);
|
|
120
117
|
props.setData({ ...props.data, schema: updatedSchema });
|
|
@@ -269,6 +266,14 @@ var ElementExecutor = (props) => {
|
|
|
269
266
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
270
267
|
}
|
|
271
268
|
);
|
|
269
|
+
case "upload-manually":
|
|
270
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
271
|
+
import_ui_components.Upload,
|
|
272
|
+
{
|
|
273
|
+
...elementProps,
|
|
274
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
275
|
+
}
|
|
276
|
+
);
|
|
272
277
|
case "image":
|
|
273
278
|
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
|
|
274
279
|
case "input-password":
|
|
@@ -303,6 +308,62 @@ var ElementExecutor = (props) => {
|
|
|
303
308
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
304
309
|
}
|
|
305
310
|
);
|
|
311
|
+
case "otp":
|
|
312
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
313
|
+
import_ui_components.OtpElement,
|
|
314
|
+
{
|
|
315
|
+
...elementProps,
|
|
316
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
317
|
+
}
|
|
318
|
+
);
|
|
319
|
+
case "circle-donut":
|
|
320
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
321
|
+
import_ui_components.CircleDonut,
|
|
322
|
+
{
|
|
323
|
+
...elementProps,
|
|
324
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
325
|
+
}
|
|
326
|
+
);
|
|
327
|
+
case "semicircle-donut":
|
|
328
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
329
|
+
import_ui_components.SemiCircleDonut,
|
|
330
|
+
{
|
|
331
|
+
...elementProps,
|
|
332
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
333
|
+
}
|
|
334
|
+
);
|
|
335
|
+
case "horizontal-barchart":
|
|
336
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
337
|
+
import_ui_components.HorizontalBarChart,
|
|
338
|
+
{
|
|
339
|
+
...elementProps,
|
|
340
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
341
|
+
}
|
|
342
|
+
);
|
|
343
|
+
case "linechart":
|
|
344
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
345
|
+
import_ui_components.LineChart,
|
|
346
|
+
{
|
|
347
|
+
...elementProps,
|
|
348
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
349
|
+
}
|
|
350
|
+
);
|
|
351
|
+
case "double-barchart":
|
|
352
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
353
|
+
import_ui_components.DoubleBarChart,
|
|
354
|
+
{
|
|
355
|
+
...elementProps,
|
|
356
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
357
|
+
}
|
|
358
|
+
);
|
|
359
|
+
case "barchart":
|
|
360
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
361
|
+
import_ui_components.BarChart,
|
|
362
|
+
{
|
|
363
|
+
...elementProps,
|
|
364
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
365
|
+
}
|
|
366
|
+
);
|
|
306
367
|
default:
|
|
307
368
|
return null;
|
|
308
369
|
}
|
|
@@ -310,7 +371,7 @@ var ElementExecutor = (props) => {
|
|
|
310
371
|
const renderFields = (schema2) => {
|
|
311
372
|
return schema2 && schema2.map((eachSection) => {
|
|
312
373
|
if (eachSection.visible !== false) {
|
|
313
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment,
|
|
374
|
+
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));
|
|
314
375
|
}
|
|
315
376
|
return null;
|
|
316
377
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -22,7 +22,15 @@ 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
|
|
|
28
36
|
// src/services/http-service.tsx
|
|
@@ -87,8 +95,6 @@ var ElementExecutor = (props) => {
|
|
|
87
95
|
const [data, setData] = useState([]);
|
|
88
96
|
const [schema, setSchema] = useState(props.data.schema);
|
|
89
97
|
const onHandleChange = (name, value) => {
|
|
90
|
-
console.log("name", name);
|
|
91
|
-
console.log("value", value);
|
|
92
98
|
const updateSchema = (schema2) => {
|
|
93
99
|
return schema2.map((field) => {
|
|
94
100
|
if (field.name === name) {
|
|
@@ -101,7 +107,6 @@ var ElementExecutor = (props) => {
|
|
|
101
107
|
return field;
|
|
102
108
|
});
|
|
103
109
|
};
|
|
104
|
-
console.log("schema--------------", schema);
|
|
105
110
|
const updatedSchema = updateSchema(schema);
|
|
106
111
|
setSchema(updatedSchema);
|
|
107
112
|
props.setData({ ...props.data, schema: updatedSchema });
|
|
@@ -256,6 +261,14 @@ var ElementExecutor = (props) => {
|
|
|
256
261
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
257
262
|
}
|
|
258
263
|
);
|
|
264
|
+
case "upload-manually":
|
|
265
|
+
return /* @__PURE__ */ React.createElement(
|
|
266
|
+
Upload,
|
|
267
|
+
{
|
|
268
|
+
...elementProps,
|
|
269
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
270
|
+
}
|
|
271
|
+
);
|
|
259
272
|
case "image":
|
|
260
273
|
return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
|
|
261
274
|
case "input-password":
|
|
@@ -290,6 +303,62 @@ var ElementExecutor = (props) => {
|
|
|
290
303
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
291
304
|
}
|
|
292
305
|
);
|
|
306
|
+
case "otp":
|
|
307
|
+
return /* @__PURE__ */ React.createElement(
|
|
308
|
+
OtpElement,
|
|
309
|
+
{
|
|
310
|
+
...elementProps,
|
|
311
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
312
|
+
}
|
|
313
|
+
);
|
|
314
|
+
case "circle-donut":
|
|
315
|
+
return /* @__PURE__ */ React.createElement(
|
|
316
|
+
CircleDonut,
|
|
317
|
+
{
|
|
318
|
+
...elementProps,
|
|
319
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
320
|
+
}
|
|
321
|
+
);
|
|
322
|
+
case "semicircle-donut":
|
|
323
|
+
return /* @__PURE__ */ React.createElement(
|
|
324
|
+
SemiCircleDonut,
|
|
325
|
+
{
|
|
326
|
+
...elementProps,
|
|
327
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
328
|
+
}
|
|
329
|
+
);
|
|
330
|
+
case "horizontal-barchart":
|
|
331
|
+
return /* @__PURE__ */ React.createElement(
|
|
332
|
+
HorizontalBarChart,
|
|
333
|
+
{
|
|
334
|
+
...elementProps,
|
|
335
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
336
|
+
}
|
|
337
|
+
);
|
|
338
|
+
case "linechart":
|
|
339
|
+
return /* @__PURE__ */ React.createElement(
|
|
340
|
+
LineChart,
|
|
341
|
+
{
|
|
342
|
+
...elementProps,
|
|
343
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
344
|
+
}
|
|
345
|
+
);
|
|
346
|
+
case "double-barchart":
|
|
347
|
+
return /* @__PURE__ */ React.createElement(
|
|
348
|
+
DoubleBarChart,
|
|
349
|
+
{
|
|
350
|
+
...elementProps,
|
|
351
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
352
|
+
}
|
|
353
|
+
);
|
|
354
|
+
case "barchart":
|
|
355
|
+
return /* @__PURE__ */ React.createElement(
|
|
356
|
+
BarChart,
|
|
357
|
+
{
|
|
358
|
+
...elementProps,
|
|
359
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
360
|
+
}
|
|
361
|
+
);
|
|
293
362
|
default:
|
|
294
363
|
return null;
|
|
295
364
|
}
|
|
@@ -297,7 +366,7 @@ var ElementExecutor = (props) => {
|
|
|
297
366
|
const renderFields = (schema2) => {
|
|
298
367
|
return schema2 && schema2.map((eachSection) => {
|
|
299
368
|
if (eachSection.visible !== false) {
|
|
300
|
-
return /* @__PURE__ */ React.createElement(React.Fragment,
|
|
369
|
+
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));
|
|
301
370
|
}
|
|
302
371
|
return null;
|
|
303
372
|
});
|
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-Beta150",
|
|
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-Beta148",
|
|
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",
|