@apexcura/core 0.0.17-Beta78 → 0.0.17-Beta79

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 +3 -7
  2. package/dist/index.d.ts +3 -7
  3. package/dist/index.js +8 -102
  4. package/dist/index.mjs +13 -116
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,10 +1,6 @@
1
1
  import React from 'react';
2
2
  import { UploadFile } from 'antd';
3
3
 
4
- type styling = {
5
- horizontalGutter?: number;
6
- verticalGutter?: number;
7
- };
8
4
  type pagenationType = {
9
5
  page?: number;
10
6
  pageSize?: number;
@@ -104,7 +100,7 @@ type SchemaField = {
104
100
  styles?: React.CSSProperties;
105
101
  fieldClassName?: string;
106
102
  elementClassName?: string;
107
- variant?: string;
103
+ variant?: 'outlined' | 'borderless' | 'filled' | undefined;
108
104
  thead?: {
109
105
  id?: number;
110
106
  name?: string;
@@ -113,7 +109,7 @@ type SchemaField = {
113
109
  required?: boolean;
114
110
  key?: string | number;
115
111
  render?: (text: string) => React.JSX.Element;
116
- ellipsis?: boolean;
112
+ ellipsis: boolean;
117
113
  }[];
118
114
  tbody?: {
119
115
  id?: number;
@@ -174,7 +170,7 @@ type FormExecutorProps = {
174
170
  setData?: (schema: Schema) => void;
175
171
  selectedRecord?: (field: SchemaField) => void;
176
172
  };
177
- type ElementExecutorProps = FormExecutorProps & styling;
173
+ type ElementExecutorProps = FormExecutorProps;
178
174
  declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
179
175
 
180
176
  export { ElementExecutor };
package/dist/index.d.ts CHANGED
@@ -1,10 +1,6 @@
1
1
  import React from 'react';
2
2
  import { UploadFile } from 'antd';
3
3
 
4
- type styling = {
5
- horizontalGutter?: number;
6
- verticalGutter?: number;
7
- };
8
4
  type pagenationType = {
9
5
  page?: number;
10
6
  pageSize?: number;
@@ -104,7 +100,7 @@ type SchemaField = {
104
100
  styles?: React.CSSProperties;
105
101
  fieldClassName?: string;
106
102
  elementClassName?: string;
107
- variant?: string;
103
+ variant?: 'outlined' | 'borderless' | 'filled' | undefined;
108
104
  thead?: {
109
105
  id?: number;
110
106
  name?: string;
@@ -113,7 +109,7 @@ type SchemaField = {
113
109
  required?: boolean;
114
110
  key?: string | number;
115
111
  render?: (text: string) => React.JSX.Element;
116
- ellipsis?: boolean;
112
+ ellipsis: boolean;
117
113
  }[];
118
114
  tbody?: {
119
115
  id?: number;
@@ -174,7 +170,7 @@ type FormExecutorProps = {
174
170
  setData?: (schema: Schema) => void;
175
171
  selectedRecord?: (field: SchemaField) => void;
176
172
  };
177
- type ElementExecutorProps = FormExecutorProps & styling;
173
+ type ElementExecutorProps = FormExecutorProps;
178
174
  declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
179
175
 
180
176
  export { ElementExecutor };
package/dist/index.js CHANGED
@@ -37,7 +37,6 @@ 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"));
41
40
 
42
41
  // src/services/http-service.tsx
43
42
  var import_axios = __toESM(require("axios"));
@@ -117,15 +116,14 @@ var ElementExecutor = (props) => {
117
116
  setSchema(updatedSchema);
118
117
  props.setData && props.setData({ ...props.data, schema: updatedSchema });
119
118
  };
120
- (0, import_react.useEffect)(() => {
121
- if (props?.data?.schema) {
122
- setSchema([...props.data.schema]);
123
- }
124
- }, [props.data]);
125
119
  const handleSelectData = async () => {
126
120
  try {
127
- const response = await postService("/products/", "POST", []);
128
- if (response !== false && typeof response === "object") {
121
+ const response = await postService(
122
+ "/products/",
123
+ "POST",
124
+ JSON.stringify({})
125
+ );
126
+ if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
129
127
  setData(response.products);
130
128
  }
131
129
  } catch (error) {
@@ -166,14 +164,6 @@ var ElementExecutor = (props) => {
166
164
  onChange: (value) => onHandleChange(elementProps.name || "", value)
167
165
  }
168
166
  );
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
- );
177
167
  case "input-checkbox":
178
168
  return /* @__PURE__ */ import_react.default.createElement(
179
169
  import_ui_components.CheckboxElement,
@@ -190,14 +180,6 @@ var ElementExecutor = (props) => {
190
180
  onChange: (value) => onHandleChange(elementProps.name || "", value)
191
181
  }
192
182
  );
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
- );
201
183
  case "input-single-select":
202
184
  return /* @__PURE__ */ import_react.default.createElement(
203
185
  import_ui_components.SingleSelectElement,
@@ -218,8 +200,6 @@ var ElementExecutor = (props) => {
218
200
  onClick: handleSelectData
219
201
  }
220
202
  );
221
- case "add-more":
222
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
223
203
  case "div":
224
204
  return /* @__PURE__ */ import_react.default.createElement(
225
205
  import_ui_components.DivContainer,
@@ -286,14 +266,6 @@ var ElementExecutor = (props) => {
286
266
  onChange: (value) => onHandleChange(elementProps.name || "", value)
287
267
  }
288
268
  );
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
- );
297
269
  case "image":
298
270
  return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
299
271
  case "input-password":
@@ -336,54 +308,6 @@ var ElementExecutor = (props) => {
336
308
  onChange: (value) => onHandleChange(elementProps.name || "", value)
337
309
  }
338
310
  );
339
- case "circle-donut":
340
- return /* @__PURE__ */ import_react.default.createElement(
341
- import_ui_components.CircleDonut,
342
- {
343
- ...elementProps,
344
- onChange: (value) => onHandleChange(elementProps.name || "", value)
345
- }
346
- );
347
- case "semicircle-donut":
348
- return /* @__PURE__ */ import_react.default.createElement(
349
- import_ui_components.SemiCircleDonut,
350
- {
351
- ...elementProps,
352
- onChange: (value) => onHandleChange(elementProps.name || "", value)
353
- }
354
- );
355
- case "horizontal-barchart":
356
- return /* @__PURE__ */ import_react.default.createElement(
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
311
  case "color-picker":
388
312
  return /* @__PURE__ */ import_react.default.createElement(
389
313
  import_ui_components.ColorPickerElement,
@@ -407,30 +331,12 @@ var ElementExecutor = (props) => {
407
331
  const renderFields = (schema2) => {
408
332
  return schema2 && schema2.map((eachSection, index) => {
409
333
  if (eachSection.visible !== false) {
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
- ) : ""));
334
+ 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));
429
335
  }
430
336
  return null;
431
337
  });
432
338
  };
433
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: props.data.className }, renderFields(schema)));
339
+ return /* @__PURE__ */ import_react.default.createElement("div", null, renderFields(schema));
434
340
  };
435
341
  // Annotate the CommonJS export names for ESM import in node:
436
342
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1,41 +1,31 @@
1
1
  // src/libraries/element-executor.tsx
2
- import React, { useEffect, useState } from "react";
2
+ import React, { useState } from "react";
3
3
  import {
4
4
  TextElement,
5
5
  NumberElement,
6
6
  TextareaElement,
7
7
  SelectElement,
8
- ButtonElement,
9
- RadioElement,
10
8
  CheckboxElement,
11
- CkEditor,
9
+ RadioElement,
12
10
  SingleSelectElement,
13
11
  MultipleSelectElement,
14
- AddMoreTable,
12
+ DivContainer,
13
+ ButtonElement,
15
14
  Sidebar,
16
15
  Navbar,
17
16
  TableElement,
18
17
  DateRangePickerElement,
19
18
  DatePickerElement,
19
+ FileUpload,
20
20
  Image,
21
21
  PasswordElement,
22
22
  SingleCheckbox,
23
23
  DropDownGroup,
24
- FileUpload,
25
24
  TabsElement,
26
- Upload,
27
25
  OtpElement,
28
- CircleDonut,
29
- SemiCircleDonut,
30
- HorizontalBarChart,
31
- DoubleBarChart,
32
- LineChart,
33
- BarChart,
34
- DivContainer,
35
26
  ColorPickerElement,
36
27
  NotificationAlert
37
28
  } from "@apexcura/ui-components";
38
- import moment from "moment";
39
29
 
40
30
  // src/services/http-service.tsx
41
31
  import axios from "axios";
@@ -115,15 +105,14 @@ var ElementExecutor = (props) => {
115
105
  setSchema(updatedSchema);
116
106
  props.setData && props.setData({ ...props.data, schema: updatedSchema });
117
107
  };
118
- useEffect(() => {
119
- if (props?.data?.schema) {
120
- setSchema([...props.data.schema]);
121
- }
122
- }, [props.data]);
123
108
  const handleSelectData = async () => {
124
109
  try {
125
- const response = await postService("/products/", "POST", []);
126
- if (response !== false && typeof response === "object") {
110
+ const response = await postService(
111
+ "/products/",
112
+ "POST",
113
+ JSON.stringify({})
114
+ );
115
+ if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
127
116
  setData(response.products);
128
117
  }
129
118
  } catch (error) {
@@ -164,14 +153,6 @@ var ElementExecutor = (props) => {
164
153
  onChange: (value) => onHandleChange(elementProps.name || "", value)
165
154
  }
166
155
  );
167
- case "input-mobile":
168
- return /* @__PURE__ */ React.createElement(
169
- NumberElement,
170
- {
171
- ...elementProps,
172
- onChange: (value) => onHandleChange(elementProps.name || "", value)
173
- }
174
- );
175
156
  case "input-checkbox":
176
157
  return /* @__PURE__ */ React.createElement(
177
158
  CheckboxElement,
@@ -188,14 +169,6 @@ var ElementExecutor = (props) => {
188
169
  onChange: (value) => onHandleChange(elementProps.name || "", value)
189
170
  }
190
171
  );
191
- case "input-description":
192
- return /* @__PURE__ */ React.createElement(
193
- CkEditor,
194
- {
195
- ...elementProps,
196
- onChange: (value) => onHandleChange(elementProps.name || "", value)
197
- }
198
- );
199
172
  case "input-single-select":
200
173
  return /* @__PURE__ */ React.createElement(
201
174
  SingleSelectElement,
@@ -216,8 +189,6 @@ var ElementExecutor = (props) => {
216
189
  onClick: handleSelectData
217
190
  }
218
191
  );
219
- case "add-more":
220
- return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
221
192
  case "div":
222
193
  return /* @__PURE__ */ React.createElement(
223
194
  DivContainer,
@@ -284,14 +255,6 @@ var ElementExecutor = (props) => {
284
255
  onChange: (value) => onHandleChange(elementProps.name || "", value)
285
256
  }
286
257
  );
287
- case "upload-manually":
288
- return /* @__PURE__ */ React.createElement(
289
- Upload,
290
- {
291
- ...elementProps,
292
- onChange: (value) => onHandleChange(elementProps.name || "", value)
293
- }
294
- );
295
258
  case "image":
296
259
  return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
297
260
  case "input-password":
@@ -334,54 +297,6 @@ var ElementExecutor = (props) => {
334
297
  onChange: (value) => onHandleChange(elementProps.name || "", value)
335
298
  }
336
299
  );
337
- case "circle-donut":
338
- return /* @__PURE__ */ React.createElement(
339
- CircleDonut,
340
- {
341
- ...elementProps,
342
- onChange: (value) => onHandleChange(elementProps.name || "", value)
343
- }
344
- );
345
- case "semicircle-donut":
346
- return /* @__PURE__ */ React.createElement(
347
- SemiCircleDonut,
348
- {
349
- ...elementProps,
350
- onChange: (value) => onHandleChange(elementProps.name || "", value)
351
- }
352
- );
353
- case "horizontal-barchart":
354
- return /* @__PURE__ */ React.createElement(
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
300
  case "color-picker":
386
301
  return /* @__PURE__ */ React.createElement(
387
302
  ColorPickerElement,
@@ -405,30 +320,12 @@ var ElementExecutor = (props) => {
405
320
  const renderFields = (schema2) => {
406
321
  return schema2 && schema2.map((eachSection, index) => {
407
322
  if (eachSection.visible !== false) {
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
- ) : ""));
323
+ 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));
427
324
  }
428
325
  return null;
429
326
  });
430
327
  };
431
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
328
+ return /* @__PURE__ */ React.createElement("div", null, renderFields(schema));
432
329
  };
433
330
  export {
434
331
  ElementExecutor
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.17-Beta78",
3
+ "version": "0.0.17-Beta79",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",