@apexcura/core 0.0.15-Beta89 → 0.0.15-Beta9

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 -12
  2. package/dist/index.d.ts +7 -12
  3. package/dist/index.js +27 -94
  4. package/dist/index.mjs +28 -101
  5. package/package.json +2 -2
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,19 +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
- key?: number;
69
- label: string;
70
- value: string;
71
- }[];
72
- selectBefore?: {
73
- label: string;
74
- value: string;
75
- }[];
76
- selectAfter?: {
77
70
  label: string;
78
71
  value: string;
72
+ className?: string;
73
+ selectedClassName?: string;
79
74
  }[];
80
75
  dropDownOptions?: any[];
81
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,19 +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
- key?: number;
69
- label: string;
70
- value: string;
71
- }[];
72
- selectBefore?: {
73
- label: string;
74
- value: string;
75
- }[];
76
- selectAfter?: {
77
70
  label: string;
78
71
  value: string;
72
+ className?: string;
73
+ selectedClassName?: string;
79
74
  }[];
80
75
  dropDownOptions?: any[];
81
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
+ console.log("-----------", option, name);
104
+ let prev = schema;
105
+ prev?.map((fie) => {
106
+ if (fie.name === name) {
107
+ fie["value"] = option;
108
+ props.selectedRecord(option);
109
+ }
110
+ if (fie.fields && fie.fields.length) {
111
+ fie.fields.map((sub) => {
112
+ if (sub.name === name) {
113
+ sub["value"] = option;
114
+ props.selectedRecord(option);
115
+ }
116
+ return sub;
117
+ });
118
+ }
119
+ return fie;
120
+ });
121
+ setSchema([...prev]);
122
+ props.setData({ ...props.data, schema: 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,89 +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
- );
295
- case "tabs":
296
- return /* @__PURE__ */ import_react.default.createElement(
297
- import_ui_components.TabsElement,
298
- {
299
- ...elementProps,
300
- onChange: (value) => onHandleChange(elementProps.name || "", value)
301
- }
302
- );
235
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
303
236
  default:
304
237
  return null;
305
238
  }
package/dist/index.mjs CHANGED
@@ -16,13 +16,7 @@ import {
16
16
  Navbar,
17
17
  TableElement,
18
18
  DateRangePickerElement,
19
- DatePickerElement,
20
- Image,
21
- PasswordElement,
22
- SingleCheckbox,
23
- MultiSelect,
24
- FileUpload,
25
- TabsElement
19
+ DatePickerElement
26
20
  } from "@apexcura/ui-components";
27
21
 
28
22
  // src/services/http-service.tsx
@@ -86,22 +80,27 @@ function postService(url, method, data) {
86
80
  var ElementExecutor = (props) => {
87
81
  const [data, setData] = useState([]);
88
82
  const [schema, setSchema] = useState(props.data.schema);
89
- const onHandleChange = (name, value) => {
90
- const updateSchema = (schema2) => {
91
- return schema2.map((field) => {
92
- if (field.name === name) {
93
- field.value = value;
94
- props.selectedRecord(value);
95
- }
96
- if (field.fields && field.fields.length) {
97
- field.fields = updateSchema(field.fields);
98
- }
99
- return field;
100
- });
101
- };
102
- const updatedSchema = updateSchema(schema);
103
- setSchema(updatedSchema);
104
- props.setData({ ...props.data, schema: updatedSchema });
83
+ const onHandleChange = (name, option) => {
84
+ console.log("-----------", option, name);
85
+ let prev = schema;
86
+ prev?.map((fie) => {
87
+ if (fie.name === name) {
88
+ fie["value"] = option;
89
+ props.selectedRecord(option);
90
+ }
91
+ if (fie.fields && fie.fields.length) {
92
+ fie.fields.map((sub) => {
93
+ if (sub.name === name) {
94
+ sub["value"] = option;
95
+ props.selectedRecord(option);
96
+ }
97
+ return sub;
98
+ });
99
+ }
100
+ return fie;
101
+ });
102
+ setSchema([...prev]);
103
+ props.setData({ ...props.data, schema: prev });
105
104
  };
106
105
  const handleSelectData = async () => {
107
106
  try {
@@ -139,7 +138,7 @@ var ElementExecutor = (props) => {
139
138
  onChange: (value) => onHandleChange(elementProps.name || "", value)
140
139
  }
141
140
  );
142
- case "single-select":
141
+ case "input-gender":
143
142
  return /* @__PURE__ */ React.createElement(
144
143
  SelectElement,
145
144
  {
@@ -204,89 +203,17 @@ var ElementExecutor = (props) => {
204
203
  case "div":
205
204
  return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
206
205
  case "button":
207
- return /* @__PURE__ */ React.createElement(
208
- ButtonElement,
209
- {
210
- ...elementProps,
211
- onClick: () => props.selectedRecord(elementProps)
212
- }
213
- );
206
+ return /* @__PURE__ */ React.createElement(ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
214
207
  case "sidebar":
215
- return /* @__PURE__ */ React.createElement(
216
- Sidebar,
217
- {
218
- ...elementProps,
219
- onChange: (value) => onHandleChange(elementProps.name || "", value)
220
- }
221
- );
208
+ return /* @__PURE__ */ React.createElement(Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
222
209
  case "navbar":
223
210
  return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
224
211
  case "table":
225
- return /* @__PURE__ */ React.createElement(
226
- TableElement,
227
- {
228
- ...elementProps,
229
- onChange: (value) => onHandleChange(elementProps.name || "", value)
230
- }
231
- );
212
+ return /* @__PURE__ */ React.createElement(TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
232
213
  case "daterangepicker":
233
- return /* @__PURE__ */ React.createElement(
234
- DateRangePickerElement,
235
- {
236
- ...elementProps,
237
- onChange: (value) => onHandleChange(elementProps.name || "", value)
238
- }
239
- );
214
+ return /* @__PURE__ */ React.createElement(DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
240
215
  case "datepicker":
241
- return /* @__PURE__ */ React.createElement(
242
- DatePickerElement,
243
- {
244
- ...elementProps,
245
- onChange: (value) => onHandleChange(elementProps.name || "", value)
246
- }
247
- );
248
- case "upload":
249
- return /* @__PURE__ */ React.createElement(
250
- FileUpload,
251
- {
252
- ...elementProps,
253
- onChange: (value) => onHandleChange(elementProps.name || "", value)
254
- }
255
- );
256
- case "image":
257
- return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
258
- case "input-password":
259
- return /* @__PURE__ */ React.createElement(
260
- PasswordElement,
261
- {
262
- ...elementProps,
263
- onChange: (value) => onHandleChange(elementProps.name || "", value)
264
- }
265
- );
266
- case "single-checkbox":
267
- return /* @__PURE__ */ React.createElement(
268
- SingleCheckbox,
269
- {
270
- ...elementProps,
271
- onChange: (value) => onHandleChange(elementProps.name || "", value)
272
- }
273
- );
274
- case "multi-select":
275
- return /* @__PURE__ */ React.createElement(
276
- MultiSelect,
277
- {
278
- ...elementProps,
279
- onChange: (value) => onHandleChange(elementProps.name || "", value)
280
- }
281
- );
282
- case "tabs":
283
- return /* @__PURE__ */ React.createElement(
284
- TabsElement,
285
- {
286
- ...elementProps,
287
- onChange: (value) => onHandleChange(elementProps.name || "", value)
288
- }
289
- );
216
+ return /* @__PURE__ */ React.createElement(DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
290
217
  default:
291
218
  return null;
292
219
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.15-Beta89",
3
+ "version": "0.0.15-Beta9",
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-Beta80",
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",