@apexcura/core 0.0.17-Beta4 → 0.0.17-Beta40
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 +20 -12
- package/dist/index.d.ts +20 -12
- package/dist/index.js +95 -8
- package/dist/index.mjs +104 -9
- package/package.json +3 -2
package/dist/index.d.mts
CHANGED
|
@@ -27,6 +27,12 @@ type FormExecutorProps = {
|
|
|
27
27
|
placement?: string;
|
|
28
28
|
profileImageClassName?: string;
|
|
29
29
|
value?: string | number | boolean | any[] | null | object;
|
|
30
|
+
message?: string;
|
|
31
|
+
description?: string;
|
|
32
|
+
notificationType?: string;
|
|
33
|
+
showProgress?: boolean;
|
|
34
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
35
|
+
weekrange?: boolean;
|
|
30
36
|
img?: string;
|
|
31
37
|
primaryText?: string;
|
|
32
38
|
secondaryText?: string;
|
|
@@ -43,18 +49,20 @@ type FormExecutorProps = {
|
|
|
43
49
|
rowSelection?: boolean;
|
|
44
50
|
length?: number;
|
|
45
51
|
loading?: boolean;
|
|
52
|
+
fillText1?: string;
|
|
53
|
+
fillText2?: string;
|
|
54
|
+
labels?: any[];
|
|
55
|
+
data?: any[];
|
|
56
|
+
pagination?: boolean;
|
|
57
|
+
is_detail?: boolean;
|
|
58
|
+
dateTime?: string;
|
|
59
|
+
minRows?: number;
|
|
60
|
+
maxRows?: number;
|
|
61
|
+
mode?: "multiple" | "tags" | undefined;
|
|
46
62
|
modalContent?: {
|
|
63
|
+
name?: string;
|
|
47
64
|
className?: string;
|
|
48
|
-
fields?:
|
|
49
|
-
_id?: string;
|
|
50
|
-
name?: string;
|
|
51
|
-
label?: string;
|
|
52
|
-
source?: string;
|
|
53
|
-
initial_message?: boolean;
|
|
54
|
-
element: string;
|
|
55
|
-
className?: string;
|
|
56
|
-
position?: string;
|
|
57
|
-
}[];
|
|
65
|
+
fields?: any[];
|
|
58
66
|
};
|
|
59
67
|
items?: {
|
|
60
68
|
icon?: React.JSX.Element | string;
|
|
@@ -171,8 +179,8 @@ type FormExecutorProps = {
|
|
|
171
179
|
}[];
|
|
172
180
|
}[];
|
|
173
181
|
};
|
|
174
|
-
setData
|
|
175
|
-
selectedRecord
|
|
182
|
+
setData?: Function;
|
|
183
|
+
selectedRecord?: Function;
|
|
176
184
|
};
|
|
177
185
|
type ElementExecutorProps = FormExecutorProps & styling;
|
|
178
186
|
declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -27,6 +27,12 @@ type FormExecutorProps = {
|
|
|
27
27
|
placement?: string;
|
|
28
28
|
profileImageClassName?: string;
|
|
29
29
|
value?: string | number | boolean | any[] | null | object;
|
|
30
|
+
message?: string;
|
|
31
|
+
description?: string;
|
|
32
|
+
notificationType?: string;
|
|
33
|
+
showProgress?: boolean;
|
|
34
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
35
|
+
weekrange?: boolean;
|
|
30
36
|
img?: string;
|
|
31
37
|
primaryText?: string;
|
|
32
38
|
secondaryText?: string;
|
|
@@ -43,18 +49,20 @@ type FormExecutorProps = {
|
|
|
43
49
|
rowSelection?: boolean;
|
|
44
50
|
length?: number;
|
|
45
51
|
loading?: boolean;
|
|
52
|
+
fillText1?: string;
|
|
53
|
+
fillText2?: string;
|
|
54
|
+
labels?: any[];
|
|
55
|
+
data?: any[];
|
|
56
|
+
pagination?: boolean;
|
|
57
|
+
is_detail?: boolean;
|
|
58
|
+
dateTime?: string;
|
|
59
|
+
minRows?: number;
|
|
60
|
+
maxRows?: number;
|
|
61
|
+
mode?: "multiple" | "tags" | undefined;
|
|
46
62
|
modalContent?: {
|
|
63
|
+
name?: string;
|
|
47
64
|
className?: string;
|
|
48
|
-
fields?:
|
|
49
|
-
_id?: string;
|
|
50
|
-
name?: string;
|
|
51
|
-
label?: string;
|
|
52
|
-
source?: string;
|
|
53
|
-
initial_message?: boolean;
|
|
54
|
-
element: string;
|
|
55
|
-
className?: string;
|
|
56
|
-
position?: string;
|
|
57
|
-
}[];
|
|
65
|
+
fields?: any[];
|
|
58
66
|
};
|
|
59
67
|
items?: {
|
|
60
68
|
icon?: React.JSX.Element | string;
|
|
@@ -171,8 +179,8 @@ type FormExecutorProps = {
|
|
|
171
179
|
}[];
|
|
172
180
|
}[];
|
|
173
181
|
};
|
|
174
|
-
setData
|
|
175
|
-
selectedRecord
|
|
182
|
+
setData?: Function;
|
|
183
|
+
selectedRecord?: Function;
|
|
176
184
|
};
|
|
177
185
|
type ElementExecutorProps = FormExecutorProps & styling;
|
|
178
186
|
declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -37,6 +37,7 @@ module.exports = __toCommonJS(src_exports);
|
|
|
37
37
|
// src/libraries/element-executor.tsx
|
|
38
38
|
var import_react = __toESM(require("react"));
|
|
39
39
|
var import_ui_components = require("@apexcura/ui-components");
|
|
40
|
+
var import_moment = __toESM(require("moment"));
|
|
40
41
|
|
|
41
42
|
// src/services/http-service.tsx
|
|
42
43
|
var import_axios = __toESM(require("axios"));
|
|
@@ -104,7 +105,7 @@ var ElementExecutor = (props) => {
|
|
|
104
105
|
return schema2.map((field) => {
|
|
105
106
|
if (field.name === name) {
|
|
106
107
|
field["value"] = value;
|
|
107
|
-
props.selectedRecord(field);
|
|
108
|
+
props.selectedRecord && props.selectedRecord(field);
|
|
108
109
|
}
|
|
109
110
|
if (field.fields && field.fields.length) {
|
|
110
111
|
field.fields = updateSchema(field.fields);
|
|
@@ -114,7 +115,7 @@ var ElementExecutor = (props) => {
|
|
|
114
115
|
};
|
|
115
116
|
const updatedSchema = updateSchema(schema);
|
|
116
117
|
setSchema(updatedSchema);
|
|
117
|
-
props.setData({ ...props.data, schema: updatedSchema });
|
|
118
|
+
props.setData && props.setData({ ...props.data, schema: updatedSchema });
|
|
118
119
|
};
|
|
119
120
|
const handleSelectData = async () => {
|
|
120
121
|
try {
|
|
@@ -215,13 +216,19 @@ var ElementExecutor = (props) => {
|
|
|
215
216
|
case "add-more":
|
|
216
217
|
return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
|
|
217
218
|
case "div":
|
|
218
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
219
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
220
|
+
import_ui_components.DivContainer,
|
|
221
|
+
{
|
|
222
|
+
...elementProps,
|
|
223
|
+
onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
|
|
224
|
+
}
|
|
225
|
+
);
|
|
219
226
|
case "button":
|
|
220
227
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
221
228
|
import_ui_components.ButtonElement,
|
|
222
229
|
{
|
|
223
230
|
...elementProps,
|
|
224
|
-
onClick: () => props.selectedRecord(elementProps)
|
|
231
|
+
onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
|
|
225
232
|
}
|
|
226
233
|
);
|
|
227
234
|
case "sidebar":
|
|
@@ -316,16 +323,96 @@ var ElementExecutor = (props) => {
|
|
|
316
323
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
317
324
|
}
|
|
318
325
|
);
|
|
319
|
-
case "donut":
|
|
320
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
326
|
+
case "circle-donut":
|
|
327
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
328
|
+
import_ui_components.CircleDonut,
|
|
329
|
+
{
|
|
330
|
+
...elementProps,
|
|
331
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
332
|
+
}
|
|
333
|
+
);
|
|
334
|
+
case "semicircle-donut":
|
|
335
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
336
|
+
import_ui_components.SemiCircleDonut,
|
|
337
|
+
{
|
|
338
|
+
...elementProps,
|
|
339
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
340
|
+
}
|
|
341
|
+
);
|
|
342
|
+
case "horizontal-barchart":
|
|
343
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
344
|
+
import_ui_components.HorizontalBarChart,
|
|
345
|
+
{
|
|
346
|
+
...elementProps,
|
|
347
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
348
|
+
}
|
|
349
|
+
);
|
|
350
|
+
case "linechart":
|
|
351
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
352
|
+
import_ui_components.LineChart,
|
|
353
|
+
{
|
|
354
|
+
...elementProps,
|
|
355
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
356
|
+
}
|
|
357
|
+
);
|
|
358
|
+
case "double-barchart":
|
|
359
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
360
|
+
import_ui_components.DoubleBarChart,
|
|
361
|
+
{
|
|
362
|
+
...elementProps,
|
|
363
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
364
|
+
}
|
|
365
|
+
);
|
|
366
|
+
case "barchart":
|
|
367
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
368
|
+
import_ui_components.BarChart,
|
|
369
|
+
{
|
|
370
|
+
...elementProps,
|
|
371
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
372
|
+
}
|
|
373
|
+
);
|
|
374
|
+
case "color-picker":
|
|
375
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
376
|
+
import_ui_components.ColorPickerElement,
|
|
377
|
+
{
|
|
378
|
+
...elementProps,
|
|
379
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
380
|
+
}
|
|
381
|
+
);
|
|
382
|
+
case "alert":
|
|
383
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
384
|
+
import_ui_components.NotificationAlert,
|
|
385
|
+
{
|
|
386
|
+
...elementProps,
|
|
387
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
388
|
+
}
|
|
389
|
+
);
|
|
321
390
|
default:
|
|
322
391
|
return null;
|
|
323
392
|
}
|
|
324
393
|
};
|
|
325
394
|
const renderFields = (schema2) => {
|
|
326
|
-
return schema2 && schema2.map((eachSection) => {
|
|
395
|
+
return schema2 && schema2.map((eachSection, index) => {
|
|
327
396
|
if (eachSection.visible !== false) {
|
|
328
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key:
|
|
397
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, 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: index }, renderFields(eachSection.fields)), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
|
|
398
|
+
"p",
|
|
399
|
+
{
|
|
400
|
+
style: {
|
|
401
|
+
fontSize: "10px",
|
|
402
|
+
textAlign: eachSection.source === "bot" ? "left" : "right"
|
|
403
|
+
}
|
|
404
|
+
},
|
|
405
|
+
(0, import_moment.default)(eachSection.dateTime).format("LT")
|
|
406
|
+
) : "") : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
|
|
407
|
+
"p",
|
|
408
|
+
{
|
|
409
|
+
style: {
|
|
410
|
+
fontSize: "10px",
|
|
411
|
+
textAlign: eachSection.source === "bot" ? "left" : "right"
|
|
412
|
+
}
|
|
413
|
+
},
|
|
414
|
+
(0, import_moment.default)(eachSection.dateTime).format("LT")
|
|
415
|
+
) : ""));
|
|
329
416
|
}
|
|
330
417
|
return null;
|
|
331
418
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -25,8 +25,17 @@ import {
|
|
|
25
25
|
TabsElement,
|
|
26
26
|
Upload,
|
|
27
27
|
OtpElement,
|
|
28
|
-
|
|
28
|
+
CircleDonut,
|
|
29
|
+
SemiCircleDonut,
|
|
30
|
+
HorizontalBarChart,
|
|
31
|
+
DoubleBarChart,
|
|
32
|
+
LineChart,
|
|
33
|
+
BarChart,
|
|
34
|
+
DivContainer,
|
|
35
|
+
ColorPickerElement,
|
|
36
|
+
NotificationAlert
|
|
29
37
|
} from "@apexcura/ui-components";
|
|
38
|
+
import moment from "moment";
|
|
30
39
|
|
|
31
40
|
// src/services/http-service.tsx
|
|
32
41
|
import axios from "axios";
|
|
@@ -94,7 +103,7 @@ var ElementExecutor = (props) => {
|
|
|
94
103
|
return schema2.map((field) => {
|
|
95
104
|
if (field.name === name) {
|
|
96
105
|
field["value"] = value;
|
|
97
|
-
props.selectedRecord(field);
|
|
106
|
+
props.selectedRecord && props.selectedRecord(field);
|
|
98
107
|
}
|
|
99
108
|
if (field.fields && field.fields.length) {
|
|
100
109
|
field.fields = updateSchema(field.fields);
|
|
@@ -104,7 +113,7 @@ var ElementExecutor = (props) => {
|
|
|
104
113
|
};
|
|
105
114
|
const updatedSchema = updateSchema(schema);
|
|
106
115
|
setSchema(updatedSchema);
|
|
107
|
-
props.setData({ ...props.data, schema: updatedSchema });
|
|
116
|
+
props.setData && props.setData({ ...props.data, schema: updatedSchema });
|
|
108
117
|
};
|
|
109
118
|
const handleSelectData = async () => {
|
|
110
119
|
try {
|
|
@@ -205,13 +214,19 @@ var ElementExecutor = (props) => {
|
|
|
205
214
|
case "add-more":
|
|
206
215
|
return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
|
|
207
216
|
case "div":
|
|
208
|
-
return /* @__PURE__ */ React.createElement(
|
|
217
|
+
return /* @__PURE__ */ React.createElement(
|
|
218
|
+
DivContainer,
|
|
219
|
+
{
|
|
220
|
+
...elementProps,
|
|
221
|
+
onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
|
|
222
|
+
}
|
|
223
|
+
);
|
|
209
224
|
case "button":
|
|
210
225
|
return /* @__PURE__ */ React.createElement(
|
|
211
226
|
ButtonElement,
|
|
212
227
|
{
|
|
213
228
|
...elementProps,
|
|
214
|
-
onClick: () => props.selectedRecord(elementProps)
|
|
229
|
+
onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
|
|
215
230
|
}
|
|
216
231
|
);
|
|
217
232
|
case "sidebar":
|
|
@@ -306,16 +321,96 @@ var ElementExecutor = (props) => {
|
|
|
306
321
|
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
307
322
|
}
|
|
308
323
|
);
|
|
309
|
-
case "donut":
|
|
310
|
-
return /* @__PURE__ */ React.createElement(
|
|
324
|
+
case "circle-donut":
|
|
325
|
+
return /* @__PURE__ */ React.createElement(
|
|
326
|
+
CircleDonut,
|
|
327
|
+
{
|
|
328
|
+
...elementProps,
|
|
329
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
330
|
+
}
|
|
331
|
+
);
|
|
332
|
+
case "semicircle-donut":
|
|
333
|
+
return /* @__PURE__ */ React.createElement(
|
|
334
|
+
SemiCircleDonut,
|
|
335
|
+
{
|
|
336
|
+
...elementProps,
|
|
337
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
338
|
+
}
|
|
339
|
+
);
|
|
340
|
+
case "horizontal-barchart":
|
|
341
|
+
return /* @__PURE__ */ React.createElement(
|
|
342
|
+
HorizontalBarChart,
|
|
343
|
+
{
|
|
344
|
+
...elementProps,
|
|
345
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
346
|
+
}
|
|
347
|
+
);
|
|
348
|
+
case "linechart":
|
|
349
|
+
return /* @__PURE__ */ React.createElement(
|
|
350
|
+
LineChart,
|
|
351
|
+
{
|
|
352
|
+
...elementProps,
|
|
353
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
354
|
+
}
|
|
355
|
+
);
|
|
356
|
+
case "double-barchart":
|
|
357
|
+
return /* @__PURE__ */ React.createElement(
|
|
358
|
+
DoubleBarChart,
|
|
359
|
+
{
|
|
360
|
+
...elementProps,
|
|
361
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
362
|
+
}
|
|
363
|
+
);
|
|
364
|
+
case "barchart":
|
|
365
|
+
return /* @__PURE__ */ React.createElement(
|
|
366
|
+
BarChart,
|
|
367
|
+
{
|
|
368
|
+
...elementProps,
|
|
369
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
370
|
+
}
|
|
371
|
+
);
|
|
372
|
+
case "color-picker":
|
|
373
|
+
return /* @__PURE__ */ React.createElement(
|
|
374
|
+
ColorPickerElement,
|
|
375
|
+
{
|
|
376
|
+
...elementProps,
|
|
377
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
378
|
+
}
|
|
379
|
+
);
|
|
380
|
+
case "alert":
|
|
381
|
+
return /* @__PURE__ */ React.createElement(
|
|
382
|
+
NotificationAlert,
|
|
383
|
+
{
|
|
384
|
+
...elementProps,
|
|
385
|
+
onChange: (value) => onHandleChange(elementProps.name || "", value)
|
|
386
|
+
}
|
|
387
|
+
);
|
|
311
388
|
default:
|
|
312
389
|
return null;
|
|
313
390
|
}
|
|
314
391
|
};
|
|
315
392
|
const renderFields = (schema2) => {
|
|
316
|
-
return schema2 && schema2.map((eachSection) => {
|
|
393
|
+
return schema2 && schema2.map((eachSection, index) => {
|
|
317
394
|
if (eachSection.visible !== false) {
|
|
318
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, { key:
|
|
395
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), /* @__PURE__ */ React.createElement("div", { className: eachSection.className, key: index }, renderFields(eachSection.fields)), eachSection.dateTime ? /* @__PURE__ */ React.createElement(
|
|
396
|
+
"p",
|
|
397
|
+
{
|
|
398
|
+
style: {
|
|
399
|
+
fontSize: "10px",
|
|
400
|
+
textAlign: eachSection.source === "bot" ? "left" : "right"
|
|
401
|
+
}
|
|
402
|
+
},
|
|
403
|
+
moment(eachSection.dateTime).format("LT")
|
|
404
|
+
) : "") : /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ React.createElement(
|
|
405
|
+
"p",
|
|
406
|
+
{
|
|
407
|
+
style: {
|
|
408
|
+
fontSize: "10px",
|
|
409
|
+
textAlign: eachSection.source === "bot" ? "left" : "right"
|
|
410
|
+
}
|
|
411
|
+
},
|
|
412
|
+
moment(eachSection.dateTime).format("LT")
|
|
413
|
+
) : ""));
|
|
319
414
|
}
|
|
320
415
|
return null;
|
|
321
416
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apexcura/core",
|
|
3
|
-
"version": "0.0.17-
|
|
3
|
+
"version": "0.0.17-Beta40",
|
|
4
4
|
"description": "Apex cura React components library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"apex cura",
|
|
@@ -28,12 +28,13 @@
|
|
|
28
28
|
"build": "tsup"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@apexcura/ui-components": "^0.0.15-
|
|
31
|
+
"@apexcura/ui-components": "^0.0.15-Beta31",
|
|
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",
|
|
35
35
|
"antd": "^5.16.5",
|
|
36
36
|
"axios": "^1.6.8",
|
|
37
|
+
"moment": "^2.30.1",
|
|
37
38
|
"react": "^18.3.1",
|
|
38
39
|
"react-dom": "^18.3.1",
|
|
39
40
|
"tsup": "^8.0.2"
|