@apexcura/core 0.0.17-Beta3 → 0.0.17-Beta30

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +20 -12
  2. package/dist/index.d.ts +20 -12
  3. package/dist/index.js +94 -7
  4. package/dist/index.mjs +103 -8
  5. package/package.json +3 -2
package/dist/index.d.mts CHANGED
@@ -4,6 +4,7 @@ type styling = {
4
4
  horizontalGutter?: number;
5
5
  verticalGutter?: number;
6
6
  };
7
+ type NotificationType = 'success' | 'info' | 'warning' | 'error';
7
8
  type FormExecutorProps = {
8
9
  data: {
9
10
  className: string;
@@ -27,6 +28,11 @@ type FormExecutorProps = {
27
28
  placement?: string;
28
29
  profileImageClassName?: string;
29
30
  value?: string | number | boolean | any[] | null | object;
31
+ message?: string;
32
+ description?: string;
33
+ notificationType?: 'success' | 'info' | 'warning' | 'error';
34
+ picker?: NotificationType;
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: Function;
175
- selectedRecord: Function;
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
@@ -4,6 +4,7 @@ type styling = {
4
4
  horizontalGutter?: number;
5
5
  verticalGutter?: number;
6
6
  };
7
+ type NotificationType = 'success' | 'info' | 'warning' | 'error';
7
8
  type FormExecutorProps = {
8
9
  data: {
9
10
  className: string;
@@ -27,6 +28,11 @@ type FormExecutorProps = {
27
28
  placement?: string;
28
29
  profileImageClassName?: string;
29
30
  value?: string | number | boolean | any[] | null | object;
31
+ message?: string;
32
+ description?: string;
33
+ notificationType?: 'success' | 'info' | 'warning' | 'error';
34
+ picker?: NotificationType;
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: Function;
175
- selectedRecord: Function;
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("div", { className: elementProps.className }, elementProps.label);
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,8 +323,70 @@ 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(import_ui_components.Donut, { ...elementProps });
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
  }
@@ -325,7 +394,25 @@ var ElementExecutor = (props) => {
325
394
  const renderFields = (schema2) => {
326
395
  return schema2 && schema2.map((eachSection) => {
327
396
  if (eachSection.visible !== false) {
328
- 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));
397
+ 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)), 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
- Donut
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("div", { className: elementProps.className }, elementProps.label);
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,8 +321,70 @@ var ElementExecutor = (props) => {
306
321
  onChange: (value) => onHandleChange(elementProps.name || "", value)
307
322
  }
308
323
  );
309
- case "donut":
310
- return /* @__PURE__ */ React.createElement(Donut, { ...elementProps });
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
  }
@@ -315,7 +392,25 @@ var ElementExecutor = (props) => {
315
392
  const renderFields = (schema2) => {
316
393
  return schema2 && schema2.map((eachSection) => {
317
394
  if (eachSection.visible !== false) {
318
- 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));
395
+ 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)), 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-Beta3",
3
+ "version": "0.0.17-Beta30",
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-Beta4",
31
+ "@apexcura/ui-components": "^0.0.15-Beta26",
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"