@apexcura/core 0.0.17-Beta81 → 0.0.17-Beta83

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 +7 -3
  2. package/dist/index.d.ts +7 -3
  3. package/dist/index.js +100 -14
  4. package/dist/index.mjs +115 -21
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,6 +1,10 @@
1
1
  import React from 'react';
2
2
  import { UploadFile } from 'antd';
3
3
 
4
+ type styling = {
5
+ horizontalGutter?: number;
6
+ verticalGutter?: number;
7
+ };
4
8
  type pagenationType = {
5
9
  page?: number;
6
10
  pageSize?: number;
@@ -100,7 +104,7 @@ type SchemaField = {
100
104
  styles?: React.CSSProperties;
101
105
  fieldClassName?: string;
102
106
  elementClassName?: string;
103
- variant?: 'outlined' | 'borderless' | 'filled';
107
+ variant?: string;
104
108
  thead?: {
105
109
  id?: number;
106
110
  name?: string;
@@ -109,7 +113,7 @@ type SchemaField = {
109
113
  required?: boolean;
110
114
  key?: string | number;
111
115
  render?: (text: string) => React.JSX.Element;
112
- ellipsis: boolean;
116
+ ellipsis?: boolean;
113
117
  }[];
114
118
  tbody?: {
115
119
  id?: number;
@@ -170,7 +174,7 @@ type FormExecutorProps = {
170
174
  setData?: (schema: Schema) => void;
171
175
  selectedRecord?: (field: SchemaField) => void;
172
176
  };
173
- type ElementExecutorProps = FormExecutorProps;
177
+ type ElementExecutorProps = FormExecutorProps & styling;
174
178
  declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
175
179
 
176
180
  export { ElementExecutor };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  import React from 'react';
2
2
  import { UploadFile } from 'antd';
3
3
 
4
+ type styling = {
5
+ horizontalGutter?: number;
6
+ verticalGutter?: number;
7
+ };
4
8
  type pagenationType = {
5
9
  page?: number;
6
10
  pageSize?: number;
@@ -100,7 +104,7 @@ type SchemaField = {
100
104
  styles?: React.CSSProperties;
101
105
  fieldClassName?: string;
102
106
  elementClassName?: string;
103
- variant?: 'outlined' | 'borderless' | 'filled';
107
+ variant?: string;
104
108
  thead?: {
105
109
  id?: number;
106
110
  name?: string;
@@ -109,7 +113,7 @@ type SchemaField = {
109
113
  required?: boolean;
110
114
  key?: string | number;
111
115
  render?: (text: string) => React.JSX.Element;
112
- ellipsis: boolean;
116
+ ellipsis?: boolean;
113
117
  }[];
114
118
  tbody?: {
115
119
  id?: number;
@@ -170,7 +174,7 @@ type FormExecutorProps = {
170
174
  setData?: (schema: Schema) => void;
171
175
  selectedRecord?: (field: SchemaField) => void;
172
176
  };
173
- type ElementExecutorProps = FormExecutorProps;
177
+ type ElementExecutorProps = FormExecutorProps & styling;
174
178
  declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
175
179
 
176
180
  export { ElementExecutor };
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"));
@@ -116,14 +117,15 @@ var ElementExecutor = (props) => {
116
117
  setSchema(updatedSchema);
117
118
  props.setData && props.setData({ ...props.data, schema: updatedSchema });
118
119
  };
120
+ (0, import_react.useEffect)(() => {
121
+ if (props?.data?.schema) {
122
+ setSchema([...props.data.schema]);
123
+ }
124
+ }, [props.data]);
119
125
  const handleSelectData = async () => {
120
126
  try {
121
- const response = await postService(
122
- "/products/",
123
- "POST",
124
- JSON.stringify({})
125
- );
126
- if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
127
+ const response = await postService("/products/", "POST", []);
128
+ if (response !== false && typeof response === "object") {
127
129
  setData(response.products);
128
130
  }
129
131
  } catch (error) {
@@ -164,6 +166,14 @@ var ElementExecutor = (props) => {
164
166
  onChange: (value) => onHandleChange(elementProps.name || "", value)
165
167
  }
166
168
  );
169
+ case "input-mobile":
170
+ return /* @__PURE__ */ import_react.default.createElement(
171
+ import_ui_components.NumberElement,
172
+ {
173
+ ...elementProps,
174
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
175
+ }
176
+ );
167
177
  case "input-checkbox":
168
178
  return /* @__PURE__ */ import_react.default.createElement(
169
179
  import_ui_components.CheckboxElement,
@@ -180,6 +190,14 @@ var ElementExecutor = (props) => {
180
190
  onChange: (value) => onHandleChange(elementProps.name || "", value)
181
191
  }
182
192
  );
193
+ case "input-description":
194
+ return /* @__PURE__ */ import_react.default.createElement(
195
+ import_ui_components.CkEditor,
196
+ {
197
+ ...elementProps,
198
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
199
+ }
200
+ );
183
201
  case "input-single-select":
184
202
  return /* @__PURE__ */ import_react.default.createElement(
185
203
  import_ui_components.SingleSelectElement,
@@ -200,6 +218,8 @@ var ElementExecutor = (props) => {
200
218
  onClick: handleSelectData
201
219
  }
202
220
  );
221
+ case "add-more":
222
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
203
223
  case "div":
204
224
  return /* @__PURE__ */ import_react.default.createElement(
205
225
  import_ui_components.DivContainer,
@@ -266,6 +286,14 @@ var ElementExecutor = (props) => {
266
286
  onChange: (value) => onHandleChange(elementProps.name || "", value)
267
287
  }
268
288
  );
289
+ case "upload-manually":
290
+ return /* @__PURE__ */ import_react.default.createElement(
291
+ import_ui_components.Upload,
292
+ {
293
+ ...elementProps,
294
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
295
+ }
296
+ );
269
297
  case "image":
270
298
  return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
271
299
  case "input-password":
@@ -308,25 +336,65 @@ var ElementExecutor = (props) => {
308
336
  onChange: (value) => onHandleChange(elementProps.name || "", value)
309
337
  }
310
338
  );
311
- case "color-picker":
339
+ case "circle-donut":
312
340
  return /* @__PURE__ */ import_react.default.createElement(
313
- import_ui_components.ColorPickerElement,
341
+ import_ui_components.CircleDonut,
314
342
  {
315
343
  ...elementProps,
316
344
  onChange: (value) => onHandleChange(elementProps.name || "", value)
317
345
  }
318
346
  );
319
- case "alert":
347
+ case "semicircle-donut":
320
348
  return /* @__PURE__ */ import_react.default.createElement(
321
- import_ui_components.NotificationAlert,
349
+ import_ui_components.SemiCircleDonut,
322
350
  {
323
351
  ...elementProps,
324
352
  onChange: (value) => onHandleChange(elementProps.name || "", value)
325
353
  }
326
354
  );
327
- case "editor":
355
+ case "horizontal-barchart":
328
356
  return /* @__PURE__ */ import_react.default.createElement(
329
- import_ui_components.CkEditor,
357
+ import_ui_components.HorizontalBarChart,
358
+ {
359
+ ...elementProps,
360
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
361
+ }
362
+ );
363
+ case "linechart":
364
+ return /* @__PURE__ */ import_react.default.createElement(
365
+ import_ui_components.LineChart,
366
+ {
367
+ ...elementProps,
368
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
369
+ }
370
+ );
371
+ case "double-barchart":
372
+ return /* @__PURE__ */ import_react.default.createElement(
373
+ import_ui_components.DoubleBarChart,
374
+ {
375
+ ...elementProps,
376
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
377
+ }
378
+ );
379
+ case "barchart":
380
+ return /* @__PURE__ */ import_react.default.createElement(
381
+ import_ui_components.BarChart,
382
+ {
383
+ ...elementProps,
384
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
385
+ }
386
+ );
387
+ case "color-picker":
388
+ return /* @__PURE__ */ import_react.default.createElement(
389
+ import_ui_components.ColorPickerElement,
390
+ {
391
+ ...elementProps,
392
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
393
+ }
394
+ );
395
+ case "alert":
396
+ return /* @__PURE__ */ import_react.default.createElement(
397
+ import_ui_components.NotificationAlert,
330
398
  {
331
399
  ...elementProps,
332
400
  onChange: (value) => onHandleChange(elementProps.name || "", value)
@@ -339,12 +407,30 @@ var ElementExecutor = (props) => {
339
407
  const renderFields = (schema2) => {
340
408
  return schema2 && schema2.map((eachSection, index) => {
341
409
  if (eachSection.visible !== false) {
342
- 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), renderFields(eachSection.fields)) : renderElement(eachSection));
410
+ 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(
411
+ "p",
412
+ {
413
+ style: {
414
+ fontSize: "10px",
415
+ textAlign: eachSection.source === "bot" ? "left" : "right"
416
+ }
417
+ },
418
+ (0, import_moment.default)(eachSection.dateTime).format("LT")
419
+ ) : "") : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
420
+ "p",
421
+ {
422
+ style: {
423
+ fontSize: "10px",
424
+ textAlign: eachSection.source === "bot" ? "left" : "right"
425
+ }
426
+ },
427
+ (0, import_moment.default)(eachSection.dateTime).format("LT")
428
+ ) : ""));
343
429
  }
344
430
  return null;
345
431
  });
346
432
  };
347
- return /* @__PURE__ */ import_react.default.createElement("div", null, renderFields(schema));
433
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: props.data.className }, renderFields(schema)));
348
434
  };
349
435
  // Annotate the CommonJS export names for ESM import in node:
350
436
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1,32 +1,41 @@
1
1
  // src/libraries/element-executor.tsx
2
- import React, { useState } from "react";
2
+ import React, { useEffect, useState } from "react";
3
3
  import {
4
4
  TextElement,
5
5
  NumberElement,
6
6
  TextareaElement,
7
7
  SelectElement,
8
- CheckboxElement,
8
+ ButtonElement,
9
9
  RadioElement,
10
+ CheckboxElement,
11
+ CkEditor,
10
12
  SingleSelectElement,
11
13
  MultipleSelectElement,
12
- DivContainer,
13
- ButtonElement,
14
+ AddMoreTable,
14
15
  Sidebar,
15
16
  Navbar,
16
17
  TableElement,
17
18
  DateRangePickerElement,
18
19
  DatePickerElement,
19
- FileUpload,
20
20
  Image,
21
21
  PasswordElement,
22
22
  SingleCheckbox,
23
23
  DropDownGroup,
24
+ FileUpload,
24
25
  TabsElement,
26
+ Upload,
25
27
  OtpElement,
28
+ CircleDonut,
29
+ SemiCircleDonut,
30
+ HorizontalBarChart,
31
+ DoubleBarChart,
32
+ LineChart,
33
+ BarChart,
34
+ DivContainer,
26
35
  ColorPickerElement,
27
- NotificationAlert,
28
- CkEditor
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";
@@ -106,14 +115,15 @@ var ElementExecutor = (props) => {
106
115
  setSchema(updatedSchema);
107
116
  props.setData && props.setData({ ...props.data, schema: updatedSchema });
108
117
  };
118
+ useEffect(() => {
119
+ if (props?.data?.schema) {
120
+ setSchema([...props.data.schema]);
121
+ }
122
+ }, [props.data]);
109
123
  const handleSelectData = async () => {
110
124
  try {
111
- const response = await postService(
112
- "/products/",
113
- "POST",
114
- JSON.stringify({})
115
- );
116
- if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
125
+ const response = await postService("/products/", "POST", []);
126
+ if (response !== false && typeof response === "object") {
117
127
  setData(response.products);
118
128
  }
119
129
  } catch (error) {
@@ -154,6 +164,14 @@ var ElementExecutor = (props) => {
154
164
  onChange: (value) => onHandleChange(elementProps.name || "", value)
155
165
  }
156
166
  );
167
+ case "input-mobile":
168
+ return /* @__PURE__ */ React.createElement(
169
+ NumberElement,
170
+ {
171
+ ...elementProps,
172
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
173
+ }
174
+ );
157
175
  case "input-checkbox":
158
176
  return /* @__PURE__ */ React.createElement(
159
177
  CheckboxElement,
@@ -170,6 +188,14 @@ var ElementExecutor = (props) => {
170
188
  onChange: (value) => onHandleChange(elementProps.name || "", value)
171
189
  }
172
190
  );
191
+ case "input-description":
192
+ return /* @__PURE__ */ React.createElement(
193
+ CkEditor,
194
+ {
195
+ ...elementProps,
196
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
197
+ }
198
+ );
173
199
  case "input-single-select":
174
200
  return /* @__PURE__ */ React.createElement(
175
201
  SingleSelectElement,
@@ -190,6 +216,8 @@ var ElementExecutor = (props) => {
190
216
  onClick: handleSelectData
191
217
  }
192
218
  );
219
+ case "add-more":
220
+ return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
193
221
  case "div":
194
222
  return /* @__PURE__ */ React.createElement(
195
223
  DivContainer,
@@ -256,6 +284,14 @@ var ElementExecutor = (props) => {
256
284
  onChange: (value) => onHandleChange(elementProps.name || "", value)
257
285
  }
258
286
  );
287
+ case "upload-manually":
288
+ return /* @__PURE__ */ React.createElement(
289
+ Upload,
290
+ {
291
+ ...elementProps,
292
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
293
+ }
294
+ );
259
295
  case "image":
260
296
  return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
261
297
  case "input-password":
@@ -298,25 +334,65 @@ var ElementExecutor = (props) => {
298
334
  onChange: (value) => onHandleChange(elementProps.name || "", value)
299
335
  }
300
336
  );
301
- case "color-picker":
337
+ case "circle-donut":
302
338
  return /* @__PURE__ */ React.createElement(
303
- ColorPickerElement,
339
+ CircleDonut,
304
340
  {
305
341
  ...elementProps,
306
342
  onChange: (value) => onHandleChange(elementProps.name || "", value)
307
343
  }
308
344
  );
309
- case "alert":
345
+ case "semicircle-donut":
310
346
  return /* @__PURE__ */ React.createElement(
311
- NotificationAlert,
347
+ SemiCircleDonut,
312
348
  {
313
349
  ...elementProps,
314
350
  onChange: (value) => onHandleChange(elementProps.name || "", value)
315
351
  }
316
352
  );
317
- case "editor":
353
+ case "horizontal-barchart":
318
354
  return /* @__PURE__ */ React.createElement(
319
- CkEditor,
355
+ HorizontalBarChart,
356
+ {
357
+ ...elementProps,
358
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
359
+ }
360
+ );
361
+ case "linechart":
362
+ return /* @__PURE__ */ React.createElement(
363
+ LineChart,
364
+ {
365
+ ...elementProps,
366
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
367
+ }
368
+ );
369
+ case "double-barchart":
370
+ return /* @__PURE__ */ React.createElement(
371
+ DoubleBarChart,
372
+ {
373
+ ...elementProps,
374
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
375
+ }
376
+ );
377
+ case "barchart":
378
+ return /* @__PURE__ */ React.createElement(
379
+ BarChart,
380
+ {
381
+ ...elementProps,
382
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
383
+ }
384
+ );
385
+ case "color-picker":
386
+ return /* @__PURE__ */ React.createElement(
387
+ ColorPickerElement,
388
+ {
389
+ ...elementProps,
390
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
391
+ }
392
+ );
393
+ case "alert":
394
+ return /* @__PURE__ */ React.createElement(
395
+ NotificationAlert,
320
396
  {
321
397
  ...elementProps,
322
398
  onChange: (value) => onHandleChange(elementProps.name || "", value)
@@ -329,12 +405,30 @@ var ElementExecutor = (props) => {
329
405
  const renderFields = (schema2) => {
330
406
  return schema2 && schema2.map((eachSection, index) => {
331
407
  if (eachSection.visible !== false) {
332
- return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), renderFields(eachSection.fields)) : renderElement(eachSection));
408
+ 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(
409
+ "p",
410
+ {
411
+ style: {
412
+ fontSize: "10px",
413
+ textAlign: eachSection.source === "bot" ? "left" : "right"
414
+ }
415
+ },
416
+ moment(eachSection.dateTime).format("LT")
417
+ ) : "") : /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ React.createElement(
418
+ "p",
419
+ {
420
+ style: {
421
+ fontSize: "10px",
422
+ textAlign: eachSection.source === "bot" ? "left" : "right"
423
+ }
424
+ },
425
+ moment(eachSection.dateTime).format("LT")
426
+ ) : ""));
333
427
  }
334
428
  return null;
335
429
  });
336
430
  };
337
- return /* @__PURE__ */ React.createElement("div", null, renderFields(schema));
431
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
338
432
  };
339
433
  export {
340
434
  ElementExecutor
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.17-Beta81",
3
+ "version": "0.0.17-Beta83",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",