@apexcura/core 0.0.16-Beta31 → 0.0.16-Beta311

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 +26 -13
  2. package/dist/index.d.ts +26 -13
  3. package/dist/index.js +94 -5
  4. package/dist/index.mjs +104 -6
  5. package/package.json +3 -2
package/dist/index.d.mts CHANGED
@@ -27,6 +27,8 @@ type FormExecutorProps = {
27
27
  placement?: string;
28
28
  profileImageClassName?: string;
29
29
  value?: string | number | boolean | any[] | null | object;
30
+ picker?: "date" | "week" | "month" | "quarter" | "year";
31
+ weekrange?: boolean;
30
32
  img?: string;
31
33
  primaryText?: string;
32
34
  secondaryText?: string;
@@ -38,25 +40,35 @@ type FormExecutorProps = {
38
40
  secondTextClassName?: string;
39
41
  iconsClassName?: string;
40
42
  labelClassName?: string;
43
+ view?: boolean;
44
+ isSVGStylesOverride?: boolean;
45
+ rowSelection?: boolean;
46
+ length?: number;
47
+ loading?: boolean;
48
+ fillText1?: string;
49
+ fillText2?: string;
50
+ labels?: any[];
51
+ data?: any[];
52
+ pagination?: boolean;
53
+ is_detail?: boolean;
54
+ dateTime?: string;
55
+ minRows?: number;
56
+ maxRows?: number;
57
+ mode?: "multiple" | "tags" | undefined;
41
58
  modalContent?: {
59
+ name?: string;
42
60
  className?: string;
43
- fields?: {
44
- _id?: string;
45
- name?: string;
46
- label?: string;
47
- source?: string;
48
- initial_message?: boolean;
49
- element: string;
50
- className?: string;
51
- position?: string;
52
- }[];
61
+ fields?: any[];
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;
@@ -162,8 +175,8 @@ type FormExecutorProps = {
162
175
  }[];
163
176
  }[];
164
177
  };
165
- setData: Function;
166
- selectedRecord: Function;
178
+ setData?: Function;
179
+ selectedRecord?: Function;
167
180
  };
168
181
  type ElementExecutorProps = FormExecutorProps & styling;
169
182
  declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -27,6 +27,8 @@ type FormExecutorProps = {
27
27
  placement?: string;
28
28
  profileImageClassName?: string;
29
29
  value?: string | number | boolean | any[] | null | object;
30
+ picker?: "date" | "week" | "month" | "quarter" | "year";
31
+ weekrange?: boolean;
30
32
  img?: string;
31
33
  primaryText?: string;
32
34
  secondaryText?: string;
@@ -38,25 +40,35 @@ type FormExecutorProps = {
38
40
  secondTextClassName?: string;
39
41
  iconsClassName?: string;
40
42
  labelClassName?: string;
43
+ view?: boolean;
44
+ isSVGStylesOverride?: boolean;
45
+ rowSelection?: boolean;
46
+ length?: number;
47
+ loading?: boolean;
48
+ fillText1?: string;
49
+ fillText2?: string;
50
+ labels?: any[];
51
+ data?: any[];
52
+ pagination?: boolean;
53
+ is_detail?: boolean;
54
+ dateTime?: string;
55
+ minRows?: number;
56
+ maxRows?: number;
57
+ mode?: "multiple" | "tags" | undefined;
41
58
  modalContent?: {
59
+ name?: string;
42
60
  className?: string;
43
- fields?: {
44
- _id?: string;
45
- name?: string;
46
- label?: string;
47
- source?: string;
48
- initial_message?: boolean;
49
- element: string;
50
- className?: string;
51
- position?: string;
52
- }[];
61
+ fields?: any[];
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;
@@ -162,8 +175,8 @@ type FormExecutorProps = {
162
175
  }[];
163
176
  }[];
164
177
  };
165
- setData: Function;
166
- selectedRecord: Function;
178
+ setData?: Function;
179
+ selectedRecord?: Function;
167
180
  };
168
181
  type ElementExecutorProps = FormExecutorProps & styling;
169
182
  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":
@@ -308,6 +315,70 @@ var ElementExecutor = (props) => {
308
315
  onChange: (value) => onHandleChange(elementProps.name || "", value)
309
316
  }
310
317
  );
318
+ case "otp":
319
+ return /* @__PURE__ */ import_react.default.createElement(
320
+ import_ui_components.OtpElement,
321
+ {
322
+ ...elementProps,
323
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
324
+ }
325
+ );
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
+ );
311
382
  default:
312
383
  return null;
313
384
  }
@@ -315,7 +386,25 @@ var ElementExecutor = (props) => {
315
386
  const renderFields = (schema2) => {
316
387
  return schema2 && schema2.map((eachSection) => {
317
388
  if (eachSection.visible !== false) {
318
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, 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));
389
+ 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(
390
+ "p",
391
+ {
392
+ style: {
393
+ fontSize: "10px",
394
+ textAlign: eachSection.source === "bot" ? "left" : "right"
395
+ }
396
+ },
397
+ (0, import_moment.default)(eachSection.dateTime).format("LT")
398
+ ) : "") : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
399
+ "p",
400
+ {
401
+ style: {
402
+ fontSize: "10px",
403
+ textAlign: eachSection.source === "bot" ? "left" : "right"
404
+ }
405
+ },
406
+ (0, import_moment.default)(eachSection.dateTime).format("LT")
407
+ ) : ""));
319
408
  }
320
409
  return null;
321
410
  });
package/dist/index.mjs CHANGED
@@ -23,8 +23,18 @@ import {
23
23
  DropDownGroup,
24
24
  FileUpload,
25
25
  TabsElement,
26
- Upload
26
+ Upload,
27
+ OtpElement,
28
+ CircleDonut,
29
+ SemiCircleDonut,
30
+ HorizontalBarChart,
31
+ DoubleBarChart,
32
+ LineChart,
33
+ BarChart,
34
+ DivContainer,
35
+ ColorPickerElement
27
36
  } from "@apexcura/ui-components";
37
+ import moment from "moment";
28
38
 
29
39
  // src/services/http-service.tsx
30
40
  import axios from "axios";
@@ -92,7 +102,7 @@ var ElementExecutor = (props) => {
92
102
  return schema2.map((field) => {
93
103
  if (field.name === name) {
94
104
  field["value"] = value;
95
- props.selectedRecord(field);
105
+ props.selectedRecord && props.selectedRecord(field);
96
106
  }
97
107
  if (field.fields && field.fields.length) {
98
108
  field.fields = updateSchema(field.fields);
@@ -102,7 +112,7 @@ var ElementExecutor = (props) => {
102
112
  };
103
113
  const updatedSchema = updateSchema(schema);
104
114
  setSchema(updatedSchema);
105
- props.setData({ ...props.data, schema: updatedSchema });
115
+ props.setData && props.setData({ ...props.data, schema: updatedSchema });
106
116
  };
107
117
  const handleSelectData = async () => {
108
118
  try {
@@ -203,13 +213,19 @@ var ElementExecutor = (props) => {
203
213
  case "add-more":
204
214
  return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
205
215
  case "div":
206
- return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
216
+ return /* @__PURE__ */ React.createElement(
217
+ DivContainer,
218
+ {
219
+ ...elementProps,
220
+ onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
221
+ }
222
+ );
207
223
  case "button":
208
224
  return /* @__PURE__ */ React.createElement(
209
225
  ButtonElement,
210
226
  {
211
227
  ...elementProps,
212
- onClick: () => props.selectedRecord(elementProps)
228
+ onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
213
229
  }
214
230
  );
215
231
  case "sidebar":
@@ -296,6 +312,70 @@ var ElementExecutor = (props) => {
296
312
  onChange: (value) => onHandleChange(elementProps.name || "", value)
297
313
  }
298
314
  );
315
+ case "otp":
316
+ return /* @__PURE__ */ React.createElement(
317
+ OtpElement,
318
+ {
319
+ ...elementProps,
320
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
321
+ }
322
+ );
323
+ case "circle-donut":
324
+ return /* @__PURE__ */ React.createElement(
325
+ CircleDonut,
326
+ {
327
+ ...elementProps,
328
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
329
+ }
330
+ );
331
+ case "semicircle-donut":
332
+ return /* @__PURE__ */ React.createElement(
333
+ SemiCircleDonut,
334
+ {
335
+ ...elementProps,
336
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
337
+ }
338
+ );
339
+ case "horizontal-barchart":
340
+ return /* @__PURE__ */ React.createElement(
341
+ HorizontalBarChart,
342
+ {
343
+ ...elementProps,
344
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
345
+ }
346
+ );
347
+ case "linechart":
348
+ return /* @__PURE__ */ React.createElement(
349
+ LineChart,
350
+ {
351
+ ...elementProps,
352
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
353
+ }
354
+ );
355
+ case "double-barchart":
356
+ return /* @__PURE__ */ React.createElement(
357
+ DoubleBarChart,
358
+ {
359
+ ...elementProps,
360
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
361
+ }
362
+ );
363
+ case "barchart":
364
+ return /* @__PURE__ */ React.createElement(
365
+ BarChart,
366
+ {
367
+ ...elementProps,
368
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
369
+ }
370
+ );
371
+ case "color-picker":
372
+ return /* @__PURE__ */ React.createElement(
373
+ ColorPickerElement,
374
+ {
375
+ ...elementProps,
376
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
377
+ }
378
+ );
299
379
  default:
300
380
  return null;
301
381
  }
@@ -303,7 +383,25 @@ var ElementExecutor = (props) => {
303
383
  const renderFields = (schema2) => {
304
384
  return schema2 && schema2.map((eachSection) => {
305
385
  if (eachSection.visible !== false) {
306
- return /* @__PURE__ */ React.createElement(React.Fragment, null, 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));
386
+ 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(
387
+ "p",
388
+ {
389
+ style: {
390
+ fontSize: "10px",
391
+ textAlign: eachSection.source === "bot" ? "left" : "right"
392
+ }
393
+ },
394
+ moment(eachSection.dateTime).format("LT")
395
+ ) : "") : /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), 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
+ ) : ""));
307
405
  }
308
406
  return null;
309
407
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.16-Beta31",
3
+ "version": "0.0.16-Beta311",
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.14-Beta32",
31
+ "@apexcura/ui-components": "^0.0.14-Beta297",
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"