@apexcura/core 0.0.15-Beta79 → 0.0.15-Beta8

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 CHANGED
@@ -16,7 +16,7 @@ type FormExecutorProps = {
16
16
  className?: string;
17
17
  action?: string;
18
18
  order?: number;
19
- size?: string;
19
+ sie?: string;
20
20
  colCount?: number;
21
21
  disabled?: boolean;
22
22
  activeClassName?: string;
@@ -26,7 +26,7 @@ type FormExecutorProps = {
26
26
  icon?: string;
27
27
  placement?: string;
28
28
  profileImageClassName?: string;
29
- value?: string | number | boolean | any[] | null | object;
29
+ value?: string | number | boolean | any[] | object[] | null;
30
30
  img?: string;
31
31
  primaryText?: string;
32
32
  secondaryText?: string;
@@ -63,18 +63,14 @@ type FormExecutorProps = {
63
63
  placeholder?: string;
64
64
  element?: string;
65
65
  type?: string;
66
- value?: string | number | boolean | any[] | null | object;
66
+ value?: string | number | boolean | any[] | object[] | null;
67
+ fieldNames?: any[];
68
+ optionType?: string;
67
69
  options?: {
68
70
  label: string;
69
71
  value: string;
70
- }[];
71
- selectBefore?: {
72
- label: string;
73
- value: string;
74
- }[];
75
- selectAfter?: {
76
- label: string;
77
- value: string;
72
+ className?: string;
73
+ selectedClassName?: string;
78
74
  }[];
79
75
  dropDownOptions?: any[];
80
76
  visible?: boolean;
package/dist/index.d.ts CHANGED
@@ -16,7 +16,7 @@ type FormExecutorProps = {
16
16
  className?: string;
17
17
  action?: string;
18
18
  order?: number;
19
- size?: string;
19
+ sie?: string;
20
20
  colCount?: number;
21
21
  disabled?: boolean;
22
22
  activeClassName?: string;
@@ -26,7 +26,7 @@ type FormExecutorProps = {
26
26
  icon?: string;
27
27
  placement?: string;
28
28
  profileImageClassName?: string;
29
- value?: string | number | boolean | any[] | null | object;
29
+ value?: string | number | boolean | any[] | object[] | null;
30
30
  img?: string;
31
31
  primaryText?: string;
32
32
  secondaryText?: string;
@@ -63,18 +63,14 @@ type FormExecutorProps = {
63
63
  placeholder?: string;
64
64
  element?: string;
65
65
  type?: string;
66
- value?: string | number | boolean | any[] | null | object;
66
+ value?: string | number | boolean | any[] | object[] | null;
67
+ fieldNames?: any[];
68
+ optionType?: string;
67
69
  options?: {
68
70
  label: string;
69
71
  value: string;
70
- }[];
71
- selectBefore?: {
72
- label: string;
73
- value: string;
74
- }[];
75
- selectAfter?: {
76
- label: string;
77
- value: string;
72
+ className?: string;
73
+ selectedClassName?: string;
78
74
  }[];
79
75
  dropDownOptions?: any[];
80
76
  visible?: boolean;
package/dist/index.js CHANGED
@@ -99,22 +99,27 @@ function postService(url, method, data) {
99
99
  var ElementExecutor = (props) => {
100
100
  const [data, setData] = (0, import_react.useState)([]);
101
101
  const [schema, setSchema] = (0, import_react.useState)(props.data.schema);
102
- const onHandleChange = (name, value) => {
103
- const updateSchema = (schema2) => {
104
- return schema2.map((field) => {
105
- if (field.name === name) {
106
- field.value = value;
107
- props.selectedRecord(value);
108
- }
109
- if (field.fields && field.fields.length) {
110
- field.fields = updateSchema(field.fields);
111
- }
112
- return field;
113
- });
114
- };
115
- const updatedSchema = updateSchema(schema);
116
- setSchema(updatedSchema);
117
- props.setData({ ...props.data, schema: updatedSchema });
102
+ const onHandleChange = (name, option) => {
103
+ let prev = schema;
104
+ prev?.map((fie) => {
105
+ if (fie.name === name) {
106
+ fie["value"] = option;
107
+ props.selectedRecord(option);
108
+ }
109
+ if (fie.fields && fie.fields.length) {
110
+ fie.fields.map((sub) => {
111
+ if (sub.name === name) {
112
+ sub["value"] = option;
113
+ props.selectedRecord(option);
114
+ }
115
+ return sub;
116
+ });
117
+ }
118
+ return fie;
119
+ });
120
+ setSchema([...prev]);
121
+ props.setData({ ...props.data, schema: prev });
122
+ console.log("prev---------", prev);
118
123
  };
119
124
  const handleSelectData = async () => {
120
125
  try {
@@ -152,7 +157,7 @@ var ElementExecutor = (props) => {
152
157
  onChange: (value) => onHandleChange(elementProps.name || "", value)
153
158
  }
154
159
  );
155
- case "single-select":
160
+ case "input-gender":
156
161
  return /* @__PURE__ */ import_react.default.createElement(
157
162
  import_ui_components.SelectElement,
158
163
  {
@@ -217,81 +222,17 @@ var ElementExecutor = (props) => {
217
222
  case "div":
218
223
  return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
219
224
  case "button":
220
- return /* @__PURE__ */ import_react.default.createElement(
221
- import_ui_components.ButtonElement,
222
- {
223
- ...elementProps,
224
- onClick: () => props.selectedRecord(elementProps)
225
- }
226
- );
225
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
227
226
  case "sidebar":
228
- return /* @__PURE__ */ import_react.default.createElement(
229
- import_ui_components.Sidebar,
230
- {
231
- ...elementProps,
232
- onChange: (value) => onHandleChange(elementProps.name || "", value)
233
- }
234
- );
227
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
235
228
  case "navbar":
236
229
  return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
237
230
  case "table":
238
- return /* @__PURE__ */ import_react.default.createElement(
239
- import_ui_components.TableElement,
240
- {
241
- ...elementProps,
242
- onChange: (value) => onHandleChange(elementProps.name || "", value)
243
- }
244
- );
231
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
245
232
  case "daterangepicker":
246
- return /* @__PURE__ */ import_react.default.createElement(
247
- import_ui_components.DateRangePickerElement,
248
- {
249
- ...elementProps,
250
- onChange: (value) => onHandleChange(elementProps.name || "", value)
251
- }
252
- );
233
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
253
234
  case "datepicker":
254
- return /* @__PURE__ */ import_react.default.createElement(
255
- import_ui_components.DatePickerElement,
256
- {
257
- ...elementProps,
258
- onChange: (value) => onHandleChange(elementProps.name || "", value)
259
- }
260
- );
261
- case "upload":
262
- return /* @__PURE__ */ import_react.default.createElement(
263
- import_ui_components.FileUpload,
264
- {
265
- ...elementProps,
266
- onChange: (value) => onHandleChange(elementProps.name || "", value)
267
- }
268
- );
269
- case "image":
270
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
271
- case "input-password":
272
- return /* @__PURE__ */ import_react.default.createElement(
273
- import_ui_components.PasswordElement,
274
- {
275
- ...elementProps,
276
- onChange: (value) => onHandleChange(elementProps.name || "", value)
277
- }
278
- );
279
- case "single-checkbox":
280
- return /* @__PURE__ */ import_react.default.createElement(
281
- import_ui_components.SingleCheckbox,
282
- {
283
- ...elementProps,
284
- onChange: (value) => onHandleChange(elementProps.name || "", value)
285
- }
286
- );
287
- case "multi-select":
288
- return /* @__PURE__ */ import_react.default.createElement(
289
- import_ui_components.MultiSelect,
290
- {
291
- ...elementProps,
292
- onChange: (value) => onHandleChange(elementProps.name || "", value)
293
- }
294
- );
235
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
295
236
  default:
296
237
  return null;
297
238
  }
package/dist/index.mjs CHANGED
@@ -16,12 +16,7 @@ import {
16
16
  Navbar,
17
17
  TableElement,
18
18
  DateRangePickerElement,
19
- DatePickerElement,
20
- Image,
21
- PasswordElement,
22
- SingleCheckbox,
23
- MultiSelect,
24
- FileUpload
19
+ DatePickerElement
25
20
  } from "@apexcura/ui-components";
26
21
 
27
22
  // src/services/http-service.tsx
@@ -85,22 +80,27 @@ function postService(url, method, data) {
85
80
  var ElementExecutor = (props) => {
86
81
  const [data, setData] = useState([]);
87
82
  const [schema, setSchema] = useState(props.data.schema);
88
- const onHandleChange = (name, value) => {
89
- const updateSchema = (schema2) => {
90
- return schema2.map((field) => {
91
- if (field.name === name) {
92
- field.value = value;
93
- props.selectedRecord(value);
94
- }
95
- if (field.fields && field.fields.length) {
96
- field.fields = updateSchema(field.fields);
97
- }
98
- return field;
99
- });
100
- };
101
- const updatedSchema = updateSchema(schema);
102
- setSchema(updatedSchema);
103
- props.setData({ ...props.data, schema: updatedSchema });
83
+ const onHandleChange = (name, option) => {
84
+ let prev = schema;
85
+ prev?.map((fie) => {
86
+ if (fie.name === name) {
87
+ fie["value"] = option;
88
+ props.selectedRecord(option);
89
+ }
90
+ if (fie.fields && fie.fields.length) {
91
+ fie.fields.map((sub) => {
92
+ if (sub.name === name) {
93
+ sub["value"] = option;
94
+ props.selectedRecord(option);
95
+ }
96
+ return sub;
97
+ });
98
+ }
99
+ return fie;
100
+ });
101
+ setSchema([...prev]);
102
+ props.setData({ ...props.data, schema: prev });
103
+ console.log("prev---------", prev);
104
104
  };
105
105
  const handleSelectData = async () => {
106
106
  try {
@@ -138,7 +138,7 @@ var ElementExecutor = (props) => {
138
138
  onChange: (value) => onHandleChange(elementProps.name || "", value)
139
139
  }
140
140
  );
141
- case "single-select":
141
+ case "input-gender":
142
142
  return /* @__PURE__ */ React.createElement(
143
143
  SelectElement,
144
144
  {
@@ -203,81 +203,17 @@ var ElementExecutor = (props) => {
203
203
  case "div":
204
204
  return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
205
205
  case "button":
206
- return /* @__PURE__ */ React.createElement(
207
- ButtonElement,
208
- {
209
- ...elementProps,
210
- onClick: () => props.selectedRecord(elementProps)
211
- }
212
- );
206
+ return /* @__PURE__ */ React.createElement(ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
213
207
  case "sidebar":
214
- return /* @__PURE__ */ React.createElement(
215
- Sidebar,
216
- {
217
- ...elementProps,
218
- onChange: (value) => onHandleChange(elementProps.name || "", value)
219
- }
220
- );
208
+ return /* @__PURE__ */ React.createElement(Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
221
209
  case "navbar":
222
210
  return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
223
211
  case "table":
224
- return /* @__PURE__ */ React.createElement(
225
- TableElement,
226
- {
227
- ...elementProps,
228
- onChange: (value) => onHandleChange(elementProps.name || "", value)
229
- }
230
- );
212
+ return /* @__PURE__ */ React.createElement(TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
231
213
  case "daterangepicker":
232
- return /* @__PURE__ */ React.createElement(
233
- DateRangePickerElement,
234
- {
235
- ...elementProps,
236
- onChange: (value) => onHandleChange(elementProps.name || "", value)
237
- }
238
- );
214
+ return /* @__PURE__ */ React.createElement(DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
239
215
  case "datepicker":
240
- return /* @__PURE__ */ React.createElement(
241
- DatePickerElement,
242
- {
243
- ...elementProps,
244
- onChange: (value) => onHandleChange(elementProps.name || "", value)
245
- }
246
- );
247
- case "upload":
248
- return /* @__PURE__ */ React.createElement(
249
- FileUpload,
250
- {
251
- ...elementProps,
252
- onChange: (value) => onHandleChange(elementProps.name || "", value)
253
- }
254
- );
255
- case "image":
256
- return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
257
- case "input-password":
258
- return /* @__PURE__ */ React.createElement(
259
- PasswordElement,
260
- {
261
- ...elementProps,
262
- onChange: (value) => onHandleChange(elementProps.name || "", value)
263
- }
264
- );
265
- case "single-checkbox":
266
- return /* @__PURE__ */ React.createElement(
267
- SingleCheckbox,
268
- {
269
- ...elementProps,
270
- onChange: (value) => onHandleChange(elementProps.name || "", value)
271
- }
272
- );
273
- case "multi-select":
274
- return /* @__PURE__ */ React.createElement(
275
- MultiSelect,
276
- {
277
- ...elementProps,
278
- onChange: (value) => onHandleChange(elementProps.name || "", value)
279
- }
280
- );
216
+ return /* @__PURE__ */ React.createElement(DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
281
217
  default:
282
218
  return null;
283
219
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.15-Beta79",
3
+ "version": "0.0.15-Beta8",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",
@@ -28,7 +28,7 @@
28
28
  "build": "tsup"
29
29
  },
30
30
  "dependencies": {
31
- "@apexcura/ui-components": "^0.0.13-Beta72",
31
+ "@apexcura/ui-components": "^0.0.13-Beta3",
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",