@apexcura/core 0.0.15-Beta3 → 0.0.15-Beta30

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 +9 -5
  2. package/dist/index.d.ts +9 -5
  3. package/dist/index.js +74 -18
  4. package/dist/index.mjs +80 -19
  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;
@@ -64,13 +64,17 @@ type FormExecutorProps = {
64
64
  element?: string;
65
65
  type?: string;
66
66
  value?: string | number | boolean | any[] | object[] | null;
67
- fieldNames?: any[];
68
- optionType?: string;
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;
@@ -64,13 +64,17 @@ type FormExecutorProps = {
64
64
  element?: string;
65
65
  type?: string;
66
66
  value?: string | number | boolean | any[] | object[] | null;
67
- fieldNames?: any[];
68
- optionType?: string;
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,25 +99,18 @@ 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) => {
102
+ const onHandleChange = (name, option) => {
103
103
  let prev = schema;
104
104
  prev?.map((fie) => {
105
105
  if (fie.name === name) {
106
- fie["value"] = value;
107
- props.selectedRecord(value);
108
- }
109
- if (fie.element === "input-radio") {
110
- fie.options.map((eachOption) => {
111
- if (eachOption.name === name) {
112
- props.selectedRecord(value);
113
- }
114
- });
106
+ fie["value"] = option;
107
+ props.selectedRecord(option);
115
108
  }
116
109
  if (fie.fields && fie.fields.length) {
117
110
  fie.fields.map((sub) => {
118
111
  if (sub.name === name) {
119
- sub["value"] = value;
120
- props.selectedRecord(sub);
112
+ sub["value"] = option;
113
+ props.selectedRecord(option);
121
114
  }
122
115
  return sub;
123
116
  });
@@ -126,7 +119,6 @@ var ElementExecutor = (props) => {
126
119
  });
127
120
  setSchema([...prev]);
128
121
  props.setData({ ...props.data, schema: prev });
129
- console.log("prev---------", prev);
130
122
  };
131
123
  const handleSelectData = async () => {
132
124
  try {
@@ -229,17 +221,81 @@ var ElementExecutor = (props) => {
229
221
  case "div":
230
222
  return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
231
223
  case "button":
232
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.ButtonElement, { ...elementProps });
224
+ return /* @__PURE__ */ import_react.default.createElement(
225
+ import_ui_components.ButtonElement,
226
+ {
227
+ ...elementProps,
228
+ onClick: () => props.selectedRecord(elementProps)
229
+ }
230
+ );
233
231
  case "sidebar":
234
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
232
+ return /* @__PURE__ */ import_react.default.createElement(
233
+ import_ui_components.Sidebar,
234
+ {
235
+ ...elementProps,
236
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
237
+ }
238
+ );
235
239
  case "navbar":
236
240
  return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
237
241
  case "table":
238
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
242
+ return /* @__PURE__ */ import_react.default.createElement(
243
+ import_ui_components.TableElement,
244
+ {
245
+ ...elementProps,
246
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
247
+ }
248
+ );
239
249
  case "daterangepicker":
240
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
250
+ return /* @__PURE__ */ import_react.default.createElement(
251
+ import_ui_components.DateRangePickerElement,
252
+ {
253
+ ...elementProps,
254
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
255
+ }
256
+ );
241
257
  case "datepicker":
242
- return /* @__PURE__ */ import_react.default.createElement(import_ui_components.DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
258
+ return /* @__PURE__ */ import_react.default.createElement(
259
+ import_ui_components.DatePickerElement,
260
+ {
261
+ ...elementProps,
262
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
263
+ }
264
+ );
265
+ case "upload":
266
+ return /* @__PURE__ */ import_react.default.createElement(
267
+ import_ui_components.UploadElement,
268
+ {
269
+ ...elementProps,
270
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
271
+ }
272
+ );
273
+ case "image":
274
+ return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
275
+ case "input-password":
276
+ return /* @__PURE__ */ import_react.default.createElement(
277
+ import_ui_components.PasswordElement,
278
+ {
279
+ ...elementProps,
280
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
281
+ }
282
+ );
283
+ case "single-checkbox":
284
+ return /* @__PURE__ */ import_react.default.createElement(
285
+ import_ui_components.SingleCheckbox,
286
+ {
287
+ ...elementProps,
288
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
289
+ }
290
+ );
291
+ case "multi-select":
292
+ return /* @__PURE__ */ import_react.default.createElement(
293
+ import_ui_components.MultiSelect,
294
+ {
295
+ ...elementProps,
296
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
297
+ }
298
+ );
243
299
  default:
244
300
  return null;
245
301
  }
package/dist/index.mjs CHANGED
@@ -16,7 +16,12 @@ import {
16
16
  Navbar,
17
17
  TableElement,
18
18
  DateRangePickerElement,
19
- DatePickerElement
19
+ DatePickerElement,
20
+ UploadElement,
21
+ Image,
22
+ PasswordElement,
23
+ SingleCheckbox,
24
+ MultiSelect
20
25
  } from "@apexcura/ui-components";
21
26
 
22
27
  // src/services/http-service.tsx
@@ -80,25 +85,18 @@ 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, value) => {
88
+ const onHandleChange = (name, option) => {
84
89
  let prev = schema;
85
90
  prev?.map((fie) => {
86
91
  if (fie.name === name) {
87
- fie["value"] = value;
88
- props.selectedRecord(value);
89
- }
90
- if (fie.element === "input-radio") {
91
- fie.options.map((eachOption) => {
92
- if (eachOption.name === name) {
93
- props.selectedRecord(value);
94
- }
95
- });
92
+ fie["value"] = option;
93
+ props.selectedRecord(option);
96
94
  }
97
95
  if (fie.fields && fie.fields.length) {
98
96
  fie.fields.map((sub) => {
99
97
  if (sub.name === name) {
100
- sub["value"] = value;
101
- props.selectedRecord(sub);
98
+ sub["value"] = option;
99
+ props.selectedRecord(option);
102
100
  }
103
101
  return sub;
104
102
  });
@@ -107,7 +105,6 @@ var ElementExecutor = (props) => {
107
105
  });
108
106
  setSchema([...prev]);
109
107
  props.setData({ ...props.data, schema: prev });
110
- console.log("prev---------", prev);
111
108
  };
112
109
  const handleSelectData = async () => {
113
110
  try {
@@ -210,17 +207,81 @@ var ElementExecutor = (props) => {
210
207
  case "div":
211
208
  return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
212
209
  case "button":
213
- return /* @__PURE__ */ React.createElement(ButtonElement, { ...elementProps });
210
+ return /* @__PURE__ */ React.createElement(
211
+ ButtonElement,
212
+ {
213
+ ...elementProps,
214
+ onClick: () => props.selectedRecord(elementProps)
215
+ }
216
+ );
214
217
  case "sidebar":
215
- return /* @__PURE__ */ React.createElement(Sidebar, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
218
+ return /* @__PURE__ */ React.createElement(
219
+ Sidebar,
220
+ {
221
+ ...elementProps,
222
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
223
+ }
224
+ );
216
225
  case "navbar":
217
226
  return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
218
227
  case "table":
219
- return /* @__PURE__ */ React.createElement(TableElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
228
+ return /* @__PURE__ */ React.createElement(
229
+ TableElement,
230
+ {
231
+ ...elementProps,
232
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
233
+ }
234
+ );
220
235
  case "daterangepicker":
221
- return /* @__PURE__ */ React.createElement(DateRangePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
236
+ return /* @__PURE__ */ React.createElement(
237
+ DateRangePickerElement,
238
+ {
239
+ ...elementProps,
240
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
241
+ }
242
+ );
222
243
  case "datepicker":
223
- return /* @__PURE__ */ React.createElement(DatePickerElement, { ...elementProps, onChange: (value) => onHandleChange(elementProps.name || "", value) });
244
+ return /* @__PURE__ */ React.createElement(
245
+ DatePickerElement,
246
+ {
247
+ ...elementProps,
248
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
249
+ }
250
+ );
251
+ case "upload":
252
+ return /* @__PURE__ */ React.createElement(
253
+ UploadElement,
254
+ {
255
+ ...elementProps,
256
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
257
+ }
258
+ );
259
+ case "image":
260
+ return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
261
+ case "input-password":
262
+ return /* @__PURE__ */ React.createElement(
263
+ PasswordElement,
264
+ {
265
+ ...elementProps,
266
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
267
+ }
268
+ );
269
+ case "single-checkbox":
270
+ return /* @__PURE__ */ React.createElement(
271
+ SingleCheckbox,
272
+ {
273
+ ...elementProps,
274
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
275
+ }
276
+ );
277
+ case "multi-select":
278
+ return /* @__PURE__ */ React.createElement(
279
+ MultiSelect,
280
+ {
281
+ ...elementProps,
282
+ onChange: (value) => onHandleChange(elementProps.name || "", value)
283
+ }
284
+ );
224
285
  default:
225
286
  return null;
226
287
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/core",
3
- "version": "0.0.15-Beta3",
3
+ "version": "0.0.15-Beta30",
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-Beta0",
31
+ "@apexcura/ui-components": "^0.0.13-Beta25",
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",