@apexcura/core 0.0.15-Beta8 → 0.0.15-Beta80

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 +11 -7
  2. package/dist/index.d.ts +11 -7
  3. package/dist/index.js +86 -27
  4. package/dist/index.mjs +92 -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,18 @@ 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?: {
70
68
  label: string;
71
69
  value: string;
72
- className?: string;
73
- selectedClassName?: string;
70
+ }[];
71
+ selectBefore?: {
72
+ label: string;
73
+ value: string;
74
+ }[];
75
+ selectAfter?: {
76
+ label: string;
77
+ value: string;
74
78
  }[];
75
79
  dropDownOptions?: any[];
76
80
  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,18 @@ 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?: {
70
68
  label: string;
71
69
  value: string;
72
- className?: string;
73
- selectedClassName?: string;
70
+ }[];
71
+ selectBefore?: {
72
+ label: string;
73
+ value: string;
74
+ }[];
75
+ selectAfter?: {
76
+ label: string;
77
+ value: string;
74
78
  }[];
75
79
  dropDownOptions?: any[];
76
80
  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
- 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);
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 });
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,81 @@ 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
+ );
236
295
  default:
237
296
  return null;
238
297
  }
package/dist/index.mjs CHANGED
@@ -16,7 +16,12 @@ import {
16
16
  Navbar,
17
17
  TableElement,
18
18
  DateRangePickerElement,
19
- DatePickerElement
19
+ DatePickerElement,
20
+ Image,
21
+ PasswordElement,
22
+ SingleCheckbox,
23
+ MultiSelect,
24
+ FileUpload
20
25
  } from "@apexcura/ui-components";
21
26
 
22
27
  // src/services/http-service.tsx
@@ -80,27 +85,22 @@ function postService(url, method, data) {
80
85
  var ElementExecutor = (props) => {
81
86
  const [data, setData] = useState([]);
82
87
  const [schema, setSchema] = useState(props.data.schema);
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);
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 });
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 "input-gender":
141
+ case "single-select":
142
142
  return /* @__PURE__ */ React.createElement(
143
143
  SelectElement,
144
144
  {
@@ -203,17 +203,81 @@ 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(ButtonElement, { ...elementProps, onClick: () => props.selectedRecord(elementProps) });
206
+ return /* @__PURE__ */ React.createElement(
207
+ ButtonElement,
208
+ {
209
+ ...elementProps,
210
+ onClick: () => props.selectedRecord(elementProps)
211
+ }
212
+ );
207
213
  case "sidebar":
208
- return /* @__PURE__ */ React.createElement(Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
214
+ return /* @__PURE__ */ React.createElement(
215
+ Sidebar,
216
+ {
217
+ ...elementProps,
218
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
219
+ }
220
+ );
209
221
  case "navbar":
210
222
  return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
211
223
  case "table":
212
- return /* @__PURE__ */ React.createElement(TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
224
+ return /* @__PURE__ */ React.createElement(
225
+ TableElement,
226
+ {
227
+ ...elementProps,
228
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
229
+ }
230
+ );
213
231
  case "daterangepicker":
214
- return /* @__PURE__ */ React.createElement(DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
232
+ return /* @__PURE__ */ React.createElement(
233
+ DateRangePickerElement,
234
+ {
235
+ ...elementProps,
236
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
237
+ }
238
+ );
215
239
  case "datepicker":
216
- return /* @__PURE__ */ React.createElement(DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
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
+ );
217
281
  default:
218
282
  return null;
219
283
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.15-Beta8",
3
+ "version": "0.0.15-Beta80",
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-Beta73",
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",