@apexcura/core 0.0.15-Beta9 → 0.0.15-Beta91

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 +12 -7
  2. package/dist/index.d.ts +12 -7
  3. package/dist/index.js +94 -27
  4. package/dist/index.mjs +101 -28
  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
- sie?: string;
19
+ size?: 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[] | object[] | null;
29
+ value?: string | number | boolean | any[] | null | object;
30
30
  img?: string;
31
31
  primaryText?: string;
32
32
  secondaryText?: string;
@@ -63,14 +63,19 @@ type FormExecutorProps = {
63
63
  placeholder?: string;
64
64
  element?: string;
65
65
  type?: string;
66
- value?: string | number | boolean | any[] | object[] | null;
67
- fieldNames?: any[];
68
- optionType?: string;
66
+ value?: string | number | boolean | any[] | null | object;
69
67
  options?: {
68
+ key?: number;
69
+ label: string;
70
+ value: string;
71
+ }[];
72
+ selectBefore?: {
73
+ label: string;
74
+ value: string;
75
+ }[];
76
+ selectAfter?: {
70
77
  label: string;
71
78
  value: string;
72
- className?: string;
73
- selectedClassName?: string;
74
79
  }[];
75
80
  dropDownOptions?: any[];
76
81
  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
- sie?: string;
19
+ size?: 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[] | object[] | null;
29
+ value?: string | number | boolean | any[] | null | object;
30
30
  img?: string;
31
31
  primaryText?: string;
32
32
  secondaryText?: string;
@@ -63,14 +63,19 @@ type FormExecutorProps = {
63
63
  placeholder?: string;
64
64
  element?: string;
65
65
  type?: string;
66
- value?: string | number | boolean | any[] | object[] | null;
67
- fieldNames?: any[];
68
- optionType?: string;
66
+ value?: string | number | boolean | any[] | null | object;
69
67
  options?: {
68
+ key?: number;
69
+ label: string;
70
+ value: string;
71
+ }[];
72
+ selectBefore?: {
73
+ label: string;
74
+ value: string;
75
+ }[];
76
+ selectAfter?: {
70
77
  label: string;
71
78
  value: string;
72
- className?: string;
73
- selectedClassName?: string;
74
79
  }[];
75
80
  dropDownOptions?: any[];
76
81
  visible?: boolean;
package/dist/index.js CHANGED
@@ -99,27 +99,22 @@ 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, 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 });
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(field);
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 });
123
118
  };
124
119
  const handleSelectData = async () => {
125
120
  try {
@@ -157,7 +152,7 @@ var ElementExecutor = (props) => {
157
152
  onChange: (value) => onHandleChange(elementProps.name || "", value)
158
153
  }
159
154
  );
160
- case "input-gender":
155
+ case "single-select":
161
156
  return /* @__PURE__ */ import_react.default.createElement(
162
157
  import_ui_components.SelectElement,
163
158
  {
@@ -222,17 +217,89 @@ var ElementExecutor = (props) => {
222
217
  case "div":
223
218
  return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
224
219
  case "button":
225
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
220
+ return /* @__PURE__ */ import_react.default.createElement(
221
+ import_ui_components.ButtonElement,
222
+ {
223
+ ...elementProps,
224
+ onClick: () => props.selectedRecord(elementProps)
225
+ }
226
+ );
226
227
  case "sidebar":
227
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
228
+ return /* @__PURE__ */ import_react.default.createElement(
229
+ import_ui_components.Sidebar,
230
+ {
231
+ ...elementProps,
232
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
233
+ }
234
+ );
228
235
  case "navbar":
229
236
  return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
230
237
  case "table":
231
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
238
+ return /* @__PURE__ */ import_react.default.createElement(
239
+ import_ui_components.TableElement,
240
+ {
241
+ ...elementProps,
242
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
243
+ }
244
+ );
232
245
  case "daterangepicker":
233
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
246
+ return /* @__PURE__ */ import_react.default.createElement(
247
+ import_ui_components.DateRangePickerElement,
248
+ {
249
+ ...elementProps,
250
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
251
+ }
252
+ );
234
253
  case "datepicker":
235
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
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
+ );
236
303
  default:
237
304
  return null;
238
305
  }
package/dist/index.mjs CHANGED
@@ -16,7 +16,13 @@ import {
16
16
  Navbar,
17
17
  TableElement,
18
18
  DateRangePickerElement,
19
- DatePickerElement
19
+ DatePickerElement,
20
+ Image,
21
+ PasswordElement,
22
+ SingleCheckbox,
23
+ MultiSelect,
24
+ FileUpload,
25
+ TabsElement
20
26
  } from "@apexcura/ui-components";
21
27
 
22
28
  // src/services/http-service.tsx
@@ -80,27 +86,22 @@ function postService(url, method, data) {
80
86
  var ElementExecutor = (props) => {
81
87
  const [data, setData] = useState([]);
82
88
  const [schema, setSchema] = useState(props.data.schema);
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 });
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(field);
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 });
104
105
  };
105
106
  const handleSelectData = async () => {
106
107
  try {
@@ -138,7 +139,7 @@ var ElementExecutor = (props) => {
138
139
  onChange: (value) => onHandleChange(elementProps.name || "", value)
139
140
  }
140
141
  );
141
- case "input-gender":
142
+ case "single-select":
142
143
  return /* @__PURE__ */ React.createElement(
143
144
  SelectElement,
144
145
  {
@@ -203,17 +204,89 @@ var ElementExecutor = (props) => {
203
204
  case "div":
204
205
  return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
205
206
  case "button":
206
- return /* @__PURE__ */ React.createElement(ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
207
+ return /* @__PURE__ */ React.createElement(
208
+ ButtonElement,
209
+ {
210
+ ...elementProps,
211
+ onClick: () => props.selectedRecord(elementProps)
212
+ }
213
+ );
207
214
  case "sidebar":
208
- return /* @__PURE__ */ React.createElement(Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
215
+ return /* @__PURE__ */ React.createElement(
216
+ Sidebar,
217
+ {
218
+ ...elementProps,
219
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
220
+ }
221
+ );
209
222
  case "navbar":
210
223
  return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
211
224
  case "table":
212
- return /* @__PURE__ */ React.createElement(TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
225
+ return /* @__PURE__ */ React.createElement(
226
+ TableElement,
227
+ {
228
+ ...elementProps,
229
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
230
+ }
231
+ );
213
232
  case "daterangepicker":
214
- return /* @__PURE__ */ React.createElement(DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
233
+ return /* @__PURE__ */ React.createElement(
234
+ DateRangePickerElement,
235
+ {
236
+ ...elementProps,
237
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
238
+ }
239
+ );
215
240
  case "datepicker":
216
- return /* @__PURE__ */ React.createElement(DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
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
+ );
217
290
  default:
218
291
  return null;
219
292
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.15-Beta9",
3
+ "version": "0.0.15-Beta91",
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-Beta3",
31
+ "@apexcura/ui-components": "^0.0.13-Beta81",
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",