impaktapps-ui-builder 0.0.412-hj → 0.0.412-mtreemap.10

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 (43) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1311 -1416
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +1 -1
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +7 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +13 -2
  19. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +46 -66
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +30 -47
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +110 -109
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +15 -11
  30. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  31. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +85 -57
  32. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  33. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +13 -13
  35. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +223 -165
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +427 -284
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +10 -8
  43. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -41,395 +41,417 @@ const PageMasterSchema = {
41
41
  }
42
42
  }
43
43
  },
44
- required: ["template", "name"]
44
+ required: ["template", "name", "label"]
45
45
  };
46
- const PageMasterUiSchema = {
47
- type: "HorizontalLayout",
48
- elements: [
49
- {
50
- type: "WrapperLayout",
51
- config: {
52
- main: {
53
- rowSpacing: 1,
54
- header: true
55
- },
56
- defaultStyle: true
57
- },
58
- elements: [
59
- {
60
- type: "Control",
61
- scope: "#/properties/pageMaster",
62
- options: {
63
- widget: "Box"
46
+ const PageMasterUiSchema = (theme) => {
47
+ var _a;
48
+ const uiSchema = {
49
+ type: "HorizontalLayout",
50
+ heading: "Page Master",
51
+ elements: [
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {},
56
+ wrapperStyle: {
57
+ backgroundColor: theme.palette.background.default
64
58
  },
65
- config: {
66
- layout: 8,
67
- main: {
68
- heading: "Page Master"
69
- }
70
- }
59
+ defaultStyle: true
71
60
  },
72
- {
73
- type: "Control",
74
- scope: "#/properties/Back_Button",
75
- options: {
76
- widget: "IconButton"
77
- },
78
- config: {
79
- layout: 3,
80
- main: {
81
- icon: "BackIcon",
82
- styleDefault: true,
83
- size: "small",
84
- onClick: "backHandler",
85
- tooltipMessage: "Back"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
86
67
  },
87
- style: {
88
- float: "right"
68
+ config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ main: {
71
+ label: "Name",
72
+ options: [],
73
+ color: "secondary",
74
+ errorMessage: "Name should be start with 'page_'",
75
+ helperText: 'Name should be start with "page_"',
76
+ required: true
77
+ }
89
78
  }
90
- }
91
- }
92
- ]
93
- },
94
- {
95
- type: "WrapperLayout",
96
- config: {
97
- main: {
98
- label: "Page Template",
99
- divider: true
100
- },
101
- defaultStyle: true
102
- },
103
- elements: [
104
- {
105
- type: "Control",
106
- scope: "#/properties/name",
107
- options: {
108
- widget: "InputField"
109
79
  },
110
- config: {
111
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
112
- main: {
113
- label: "Name",
114
- options: [],
115
- color: "secondary",
116
- errorMessage: "Name should be start with 'page_'",
117
- helperText: 'Name should be start with "page_"',
118
- required: true
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/template",
83
+ options: {
84
+ widget: "SelectInputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Template",
90
+ options: [
91
+ { const: "template1", title: "template1" },
92
+ { const: "template2", title: "template2" },
93
+ { const: "template3", title: "template3" }
94
+ ],
95
+ color: "secondary",
96
+ required: true
97
+ }
119
98
  }
120
- }
121
- },
122
- {
123
- type: "Control",
124
- scope: "#/properties/template",
125
- options: {
126
- widget: "SelectInputField"
127
99
  },
128
- config: {
129
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
130
- main: {
131
- label: "Template",
132
- options: [
133
- { const: "template1", title: "template1" },
134
- { const: "template2", title: "template2" },
135
- { const: "template3", title: "template3" }
136
- ],
137
- color: "secondary",
138
- required: true
100
+ {
101
+ type: "Control",
102
+ scope: "#/properties/label",
103
+ options: {
104
+ widget: "InputField"
105
+ },
106
+ config: {
107
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
108
+ main: {
109
+ label: "Label",
110
+ options: [],
111
+ color: "secondary",
112
+ required: true
113
+ }
139
114
  }
140
115
  }
141
- }
142
- ]
143
- },
144
- {
145
- type: "TabLayout",
146
- config: {
147
- main: {
148
- tabLabels: ["Components", "events"],
149
- divider: true
150
- },
151
- defaultStyle: true
116
+ ]
152
117
  },
153
- elements: [
154
- {
155
- type: "WrapperLayout",
156
- config: {
157
- main: {
158
- divider: true
159
- },
160
- wrapperStyle: {
161
- border: "1px solid gray"
162
- }
118
+ {
119
+ type: "TabLayout",
120
+ config: {
121
+ main: {
122
+ tabLabels: ["Components", "events"],
123
+ divider: true
163
124
  },
164
- elements: [
165
- {
166
- type: "Control",
167
- scope: "#/properties/heading",
168
- options: {
169
- widget: "Box"
170
- },
171
- config: {
172
- layout: 8,
173
- main: {
174
- heading: "Components Table"
175
- },
176
- style: {
177
- fontFamily: "Roboto",
178
- fontWeight: "500",
179
- paddingLeft: "-10px",
180
- fontSize: "20px"
181
- }
182
- }
125
+ defaultStyle: true
126
+ },
127
+ elements: [
128
+ {
129
+ type: "Control",
130
+ scope: "#/properties/elements",
131
+ options: {
132
+ widget: "Table"
183
133
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/AddButton",
187
- options: {
188
- widget: "IconButton"
189
- },
190
- config: {
191
- layout: 3,
192
- main: {
193
- icon: "AddIcon",
194
- styleDefault: true,
195
- size: "small",
196
- onClick: "onAddClickHandler",
197
- tooltipMessage: "Add New"
134
+ config: {
135
+ main: {
136
+ headerIcons: {
137
+ elements: [
138
+ {
139
+ widget: {
140
+ type: "Control",
141
+ scope: "#/properties/New_Record",
142
+ options: {
143
+ widget: "IconButton"
144
+ },
145
+ config: {
146
+ main: {
147
+ onClick: "onAddClickHandler",
148
+ size: "small",
149
+ icon: "AddIcon",
150
+ iconLabel: "Add New",
151
+ styleDefault: true
152
+ },
153
+ style: {
154
+ mt: "6px"
155
+ }
156
+ }
157
+ }
158
+ }
159
+ ]
198
160
  },
199
- style: {
200
- float: "right"
201
- }
161
+ disableAction: true,
162
+ disableSelection: true,
163
+ enableDrag: true
202
164
  }
203
165
  },
204
- {
205
- type: "Control",
206
- scope: "#/properties/elements",
207
- options: {
208
- widget: "Table"
166
+ elements: [
167
+ {
168
+ accessorKey: "name",
169
+ header: "Name"
209
170
  },
210
- config: {
211
- main: {
212
- disableAction: true,
213
- disableSelection: true,
214
- enableDrag: true
215
- }
171
+ {
172
+ accessorKey: "type",
173
+ header: "Type"
216
174
  },
217
- elements: [
218
- {
219
- accessorKey: "name",
220
- header: "Name"
221
- },
222
- {
223
- accessorKey: "type",
224
- header: "Type"
225
- },
226
- {
227
- header: "Edit",
228
- field: "Reject_Records",
229
- flex: 1,
230
- widget: {
231
- type: "Control",
232
- scope: "#/properties/RejectButton",
233
- options: {
234
- widget: "IconButton"
235
- },
236
- config: {
237
- main: {
238
- icon: "EditIcon",
239
- color: "primary",
240
- onClick: "Edit_Components",
241
- tooltipMessage: "Edit This Record"
242
- }
243
- }
244
- }
245
- },
246
- {
247
- header: "Delete",
248
- field: "Reject_Records",
249
- flex: 1,
250
- widget: {
251
- type: "Control",
252
- scope: "#/properties/RejectButton",
253
- options: {
254
- widget: "IconButton"
255
- },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- onClick: "Delete_Components",
261
- tooltipMessage: "Reject This Record"
262
- }
175
+ {
176
+ header: "Edit",
177
+ field: "Reject_Records",
178
+ flex: 1,
179
+ widget: {
180
+ type: "Control",
181
+ scope: "#/properties/RejectButton",
182
+ options: {
183
+ widget: "IconButton"
184
+ },
185
+ config: {
186
+ main: {
187
+ icon: "EditIcon",
188
+ color: "primary",
189
+ onClick: "Edit_Components",
190
+ tooltipMessage: "Edit This Record"
263
191
  }
264
192
  }
265
193
  }
266
- ]
267
- }
268
- ]
269
- },
270
- {
271
- type: "WrapperLayout",
272
- config: {
273
- main: {
274
- divider: true
275
- },
276
- wrapperStyle: {
277
- border: "1px solid gray"
278
- }
279
- },
280
- elements: [
281
- {
282
- type: "Control",
283
- scope: "#/properties/heading",
284
- options: {
285
- widget: "Box"
286
194
  },
287
- config: {
288
- layout: 8,
289
- main: {
290
- heading: "Event Table"
291
- },
292
- style: {
293
- fontFamily: "Roboto",
294
- fontWeight: "500",
295
- paddingLeft: "-10px",
296
- fontSize: "20px"
195
+ {
196
+ header: "Delete",
197
+ field: "Reject_Records",
198
+ flex: 1,
199
+ widget: {
200
+ type: "Control",
201
+ scope: "#/properties/RejectButton",
202
+ options: {
203
+ widget: "IconButton"
204
+ },
205
+ config: {
206
+ main: {
207
+ icon: "RejectIcon",
208
+ color: "error",
209
+ onClick: "Delete_Components",
210
+ tooltipMessage: "Reject This Record"
211
+ }
212
+ }
297
213
  }
298
214
  }
215
+ ]
216
+ },
217
+ {
218
+ type: "Control",
219
+ scope: "#/properties/events",
220
+ options: {
221
+ widget: "Table"
299
222
  },
300
- {
301
- type: "Control",
302
- scope: "#/properties/AddButton",
303
- options: {
304
- widget: "IconButton"
305
- },
306
- config: {
307
- layout: 3,
308
- main: {
309
- icon: "AddIcon",
310
- styleDefault: true,
311
- size: "small",
312
- onClick: "eventAddHandler",
313
- tooltipMessage: "Back"
223
+ config: {
224
+ main: {
225
+ headerIcons: {
226
+ elements: [
227
+ {
228
+ widget: {
229
+ type: "Control",
230
+ scope: "#/properties/New_Record",
231
+ options: {
232
+ widget: "IconButton"
233
+ },
234
+ config: {
235
+ main: {
236
+ onClick: "eventAddHandler",
237
+ size: "small",
238
+ icon: "AddIcon",
239
+ iconLabel: "Add New",
240
+ styleDefault: true
241
+ },
242
+ style: {
243
+ mt: "6px"
244
+ }
245
+ }
246
+ }
247
+ }
248
+ ]
314
249
  },
315
- style: {
316
- float: "right"
317
- }
250
+ disableAction: true,
251
+ disableSelection: true,
252
+ enableDrag: true
318
253
  }
319
254
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/events",
323
- options: {
324
- widget: "Table"
255
+ elements: [
256
+ {
257
+ accessorKey: "eventType",
258
+ header: "Event Type"
325
259
  },
326
- config: {
327
- main: {
328
- disableAction: true,
329
- disableSelection: true,
330
- enableDrag: true
331
- }
260
+ {
261
+ accessorKey: "Handler",
262
+ header: "Handler"
332
263
  },
333
- elements: [
334
- {
335
- accessorKey: "eventType",
336
- header: "Event Type"
337
- },
338
- {
339
- accessorKey: "Handler",
340
- header: "Handler"
341
- },
342
- {
343
- accessorKey: "Edit_Approve_Records",
344
- header: "Edit Widget",
345
- widget: {
346
- type: "Control",
347
- scope: "#/properties/Edit_Records",
348
- options: {
349
- widget: "IconButton"
264
+ {
265
+ accessorKey: "Edit_Approve_Records",
266
+ header: "Edit Widget",
267
+ widget: {
268
+ type: "Control",
269
+ scope: "#/properties/Edit_Records",
270
+ options: {
271
+ widget: "IconButton"
272
+ },
273
+ config: {
274
+ main: {
275
+ color: "info",
276
+ size: "small",
277
+ icon: "EditIcon",
278
+ tooltipMessage: "Edit This Record",
279
+ onClick: "editEvent"
350
280
  },
351
- config: {
352
- main: {
353
- color: "info",
354
- size: "small",
355
- icon: "EditIcon",
356
- tooltipMessage: "Edit This Record",
357
- onClick: "editEvent"
358
- },
359
- style: {
360
- color: "#3949ab"
361
- }
281
+ style: {
282
+ color: "#3949ab"
362
283
  }
363
284
  }
364
- },
365
- {
366
- accessorKey: "Reject_Records",
367
- header: "Delete",
368
- widget: {
369
- type: "Control",
370
- scope: "#/properties/RejectButton",
371
- options: {
372
- widget: "IconButton"
373
- },
374
- config: {
375
- main: {
376
- icon: "RejectIcon",
377
- color: "error",
378
- tooltipMessage: "Reject This Record",
379
- onClick: "deleteEvent"
380
- }
285
+ }
286
+ },
287
+ {
288
+ accessorKey: "Reject_Records",
289
+ header: "Delete",
290
+ widget: {
291
+ type: "Control",
292
+ scope: "#/properties/RejectButton",
293
+ options: {
294
+ widget: "IconButton"
295
+ },
296
+ config: {
297
+ main: {
298
+ icon: "RejectIcon",
299
+ color: "error",
300
+ tooltipMessage: "Reject This Record",
301
+ onClick: "deleteEvent"
381
302
  }
382
303
  }
383
304
  }
384
- ]
385
- }
386
- ]
387
- }
388
- ]
389
- },
390
- {
391
- type: "Control",
392
- scope: "#/properties/btn",
393
- options: {
394
- widget: "EmptyBox"
305
+ }
306
+ ]
307
+ }
308
+ ]
395
309
  },
396
- config: {
397
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
398
- }
399
- },
400
- {
401
- type: "Control",
402
- scope: "#/properties/btn",
403
- options: {
404
- widget: "Button"
310
+ {
311
+ type: "Control",
312
+ scope: "#/properties/btn",
313
+ options: {
314
+ widget: "EmptyBox"
315
+ },
316
+ config: {
317
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
318
+ }
405
319
  },
406
- config: {
407
- layout: 11.7,
408
- main: {
409
- name: "Save",
410
- startIcon: "ApproveIcon",
411
- variant: "contained",
412
- color: "info",
413
- type: "text",
414
- onClick: "saveHandler",
415
- size: "small"
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/btn",
323
+ options: {
324
+ widget: "Button"
416
325
  },
417
- style: {
418
- marginBottom: "8px",
419
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
- float: "right"
326
+ config: {
327
+ layout: 11.9,
328
+ main: {
329
+ name: "Save",
330
+ startIcon: "ApproveIcon",
331
+ variant: "contained",
332
+ type: "text",
333
+ onClick: "saveHandler",
334
+ size: "medium"
335
+ },
336
+ style: {
337
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
338
+ float: "right"
339
+ }
421
340
  }
422
- }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
341
  },
430
- layout: 6
431
- }
432
- ]
342
+ {
343
+ type: "Control",
344
+ scope: "#/properties/notify",
345
+ options: {
346
+ widget: "Notify"
347
+ },
348
+ layout: 6
349
+ },
350
+ {
351
+ type: "HorizontalLayout",
352
+ config: {
353
+ main: {
354
+ direction: "row"
355
+ },
356
+ style: {
357
+ flexDirection: "row",
358
+ position: "absolute",
359
+ bottom: 0,
360
+ marginBottom: "-8px",
361
+ height: "fit-content",
362
+ overflow: "hidden",
363
+ zIndex: 1e3,
364
+ width: "inherit"
365
+ }
366
+ },
367
+ elements: [
368
+ {
369
+ type: "Control",
370
+ scope: "#/properties/FooterText",
371
+ options: {
372
+ widget: "Box"
373
+ },
374
+ config: {
375
+ main: {
376
+ heading: "Copywriter@ACT21.IO"
377
+ },
378
+ style: {
379
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
380
+ fontSize: "12px",
381
+ textAlign: "center",
382
+ lineHeight: 1,
383
+ width: "fit-content",
384
+ left: "50%",
385
+ position: "relative",
386
+ margin: 0,
387
+ flexGrow: 1,
388
+ height: 0
389
+ }
390
+ }
391
+ },
392
+ {
393
+ type: "Control",
394
+ scope: "#/properties/backIcon",
395
+ options: {
396
+ widget: "Box"
397
+ },
398
+ config: {
399
+ main: {
400
+ iconName: "PrevIcon",
401
+ onClick: "backHandler",
402
+ width: "fit-content"
403
+ },
404
+ style: {
405
+ fill: theme.palette.primary.main,
406
+ width: 20,
407
+ height: 0,
408
+ margin: 0,
409
+ top: 0,
410
+ right: "82px",
411
+ position: "absolute",
412
+ fontSize: "12px",
413
+ cursor: "pointer",
414
+ ":hover": {
415
+ fill: theme.palette.primary.dark
416
+ }
417
+ }
418
+ }
419
+ },
420
+ {
421
+ type: "Control",
422
+ scope: "#/properties/text",
423
+ options: {
424
+ widget: "Box"
425
+ },
426
+ config: {
427
+ main: {
428
+ heading: "Previous Page",
429
+ onClick: "backHandler"
430
+ },
431
+ style: {
432
+ textAlign: "left",
433
+ lineHeight: 1,
434
+ height: 0,
435
+ width: "fit-content",
436
+ color: theme.palette.primary.main,
437
+ fontSize: "12px",
438
+ cursor: "pointer",
439
+ marginLeft: "2px",
440
+ marginRight: 0,
441
+ top: 3,
442
+ right: "12px",
443
+ position: "absolute",
444
+ ":hover": {
445
+ color: theme.palette.primary.dark
446
+ }
447
+ }
448
+ }
449
+ }
450
+ ]
451
+ }
452
+ ]
453
+ };
454
+ return uiSchema;
433
455
  };
434
456
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
457
  var lodash = { exports: {} };
@@ -5911,8 +5933,6 @@ const ComponentSchema = {
5911
5933
  { title: "Text Area", const: "TextArea" },
5912
5934
  { title: "Timer", const: "Timer" },
5913
5935
  { title: "Upload File", const: "UploadFile" },
5914
- { title: "Timer", const: "Timer" },
5915
- { title: "Upload File", const: "UploadFile" },
5916
5936
  { title: "TreeMap", const: "TreeMap" },
5917
5937
  { title: "ColumnGroup", const: "ColumnGroup" }
5918
5938
  ]
@@ -6168,311 +6188,341 @@ const ComponentSchema = {
6168
6188
  { title: "Success", const: "success" },
6169
6189
  { title: "Info", const: "info" }
6170
6190
  ]
6171
- },
6172
- name: {
6173
- type: "string"
6174
- },
6175
- label: { type: "string" }
6176
- },
6177
- required: ["name"]
6178
- };
6179
- const componentBasicUiSchema = {
6180
- type: "HorizontalLayout",
6181
- elements: [
6182
- {
6183
- type: "WrapperLayout",
6184
- config: {
6185
- main: {
6186
- rowSpacing: 1,
6187
- header: true
6188
- },
6189
- defaultStyle: true
6190
- },
6191
- elements: [
6192
- {
6193
- type: "Control",
6194
- scope: "#/properties/Component",
6195
- options: {
6196
- widget: "Box"
6197
- },
6198
- config: {
6199
- layout: { xs: 12, sm: 12, md: 2 },
6200
- main: {
6201
- heading: "Component"
6202
- },
6203
- style: {
6204
- "float": "left"
6205
- }
6206
- }
6207
- },
6208
- {
6209
- type: "Control",
6210
- scope: "#/properties/pageName",
6211
- options: {
6212
- widget: "Box"
6213
- },
6214
- config: {
6215
- layout: { xs: 7, sm: 7, md: 9 },
6216
- main: {
6217
- heading: " "
6218
- },
6219
- style: {
6220
- float: "right",
6221
- width: "auto",
6222
- fontSize: "12px",
6223
- color: "gray",
6224
- paddingTop: "10px"
6225
- }
6226
- }
6227
- },
6228
- {
6229
- type: "Control",
6230
- scope: "#/properties/Back_Button",
6231
- options: {
6232
- widget: "IconButton"
6233
- },
6234
- config: {
6235
- layout: { xs: 2, sm: 2, md: 0.5 },
6236
- main: {
6237
- icon: "BackIcon",
6238
- styleDefault: true,
6239
- size: "small",
6240
- onClick: "backHandler",
6241
- tooltipMessage: "Back"
6242
- },
6243
- style: {
6244
- float: "right"
6245
- }
6246
- }
6247
- }
6248
- ]
6249
- },
6250
- {
6251
- type: "TabLayout",
6252
- config: {
6253
- main: {
6254
- tabLabels: ["Core"],
6255
- defaultStyle: true,
6256
- id: `component`
6257
- }
6258
- },
6259
- elements: [
6260
- {
6261
- type: "HorizontalLayout",
6262
- elements: [
6263
- {
6264
- type: "Control",
6265
- scope: "#/properties/type",
6266
- options: {
6267
- widget: "SelectInputField"
6191
+ },
6192
+ name: {
6193
+ type: "string"
6194
+ },
6195
+ label: { type: "string" }
6196
+ },
6197
+ required: ["name"]
6198
+ };
6199
+ const componentBasicUiSchema = (theme) => {
6200
+ var _a;
6201
+ const uiSchema = {
6202
+ type: "HorizontalLayout",
6203
+ heading: "Component",
6204
+ elements: [
6205
+ {
6206
+ type: "TabLayout",
6207
+ config: {
6208
+ main: {
6209
+ tabLabels: ["Core"],
6210
+ defaultStyle: true,
6211
+ id: `component`
6212
+ }
6213
+ },
6214
+ elements: [
6215
+ {
6216
+ type: "HorizontalLayout",
6217
+ elements: [
6218
+ {
6219
+ type: "Control",
6220
+ scope: "#/properties/type",
6221
+ options: {
6222
+ widget: "SelectInputField"
6223
+ },
6224
+ config: {
6225
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6226
+ main: {
6227
+ label: "Type"
6228
+ }
6229
+ }
6268
6230
  },
6269
- config: {
6270
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
- main: {
6272
- label: "Type"
6231
+ {
6232
+ type: "Control",
6233
+ scope: "#/properties/name",
6234
+ options: {
6235
+ widget: "InputField"
6236
+ },
6237
+ config: {
6238
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6239
+ main: {
6240
+ label: "Name",
6241
+ options: [],
6242
+ color: "secondary",
6243
+ required: true
6244
+ }
6273
6245
  }
6274
- }
6275
- },
6276
- {
6277
- type: "Control",
6278
- scope: "#/properties/name",
6279
- options: {
6280
- widget: "InputField"
6281
6246
  },
6282
- config: {
6283
- layout: {
6284
- xs: 12,
6285
- sm: 12,
6286
- md: 6,
6287
- lg: 6
6247
+ {
6248
+ type: "Control",
6249
+ scope: "#/properties/label",
6250
+ options: {
6251
+ widget: "InputField"
6288
6252
  },
6289
- main: {
6290
- label: "Name",
6291
- options: [],
6292
- color: "secondary",
6293
- required: true
6253
+ config: {
6254
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6255
+ main: {
6256
+ label: "Label",
6257
+ options: [],
6258
+ color: "secondary",
6259
+ required: true
6260
+ }
6294
6261
  }
6295
- }
6296
- },
6297
- {
6298
- type: "Control",
6299
- scope: "#/properties/label",
6300
- options: {
6301
- widget: "InputField"
6302
6262
  },
6303
- config: {
6304
- layout: {
6305
- xs: 12,
6306
- sm: 12,
6307
- md: 6,
6308
- lg: 6
6263
+ {
6264
+ type: "Control",
6265
+ scope: "#/properties/columnFormat",
6266
+ options: {
6267
+ widget: "SelectInputField"
6309
6268
  },
6310
- main: {
6311
- label: "Label",
6312
- options: [],
6313
- color: "secondary",
6314
- required: true
6269
+ config: {
6270
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6271
+ main: {
6272
+ label: "Column Format"
6273
+ }
6315
6274
  }
6316
- }
6317
- },
6318
- {
6319
- type: "Control",
6320
- scope: "#/properties/columnFormat",
6321
- options: {
6322
- widget: "SelectInputField"
6323
6275
  },
6324
- config: {
6325
- layout: {
6326
- xs: 12,
6327
- sm: 12,
6328
- md: 6,
6329
- lg: 6
6276
+ {
6277
+ type: "Control",
6278
+ scope: "#/properties/proc",
6279
+ config: {
6280
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6330
6281
  },
6331
- main: {
6332
- label: "Column Format"
6282
+ options: {
6283
+ widget: "EmptyBox"
6333
6284
  }
6334
- }
6335
- },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/proc",
6339
- config: {
6340
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6341
6285
  },
6342
- options: {
6343
- widget: "EmptyBox"
6344
- }
6345
- },
6346
- {
6347
- type: "Control",
6348
- scope: "#/properties/layout",
6349
- layout: 11.5,
6350
- options: {
6351
- detail: {
6352
- type: "HorizontalLayout",
6353
- elements: [
6354
- {
6355
- type: "Control",
6356
- scope: "#/properties/key",
6357
- options: {
6358
- widget: "SelectInputField"
6286
+ {
6287
+ type: "Control",
6288
+ scope: "#/properties/proc",
6289
+ config: {
6290
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6291
+ },
6292
+ options: {
6293
+ widget: "EmptyBox"
6294
+ }
6295
+ },
6296
+ {
6297
+ type: "Control",
6298
+ scope: "#/properties/layout",
6299
+ layout: 12,
6300
+ options: {
6301
+ detail: {
6302
+ type: "HorizontalLayout",
6303
+ elements: [
6304
+ {
6305
+ type: "Control",
6306
+ scope: "#/properties/key",
6307
+ options: {
6308
+ widget: "SelectInputField"
6309
+ },
6310
+ config: {
6311
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6312
+ main: {
6313
+ label: "Screen Size"
6314
+ }
6315
+ }
6359
6316
  },
6360
- config: {
6361
- layout: {
6362
- xs: 11,
6363
- sm: 11,
6364
- md: 5.5,
6365
- lg: 5.5
6317
+ {
6318
+ type: "Control",
6319
+ scope: "#/properties/value",
6320
+ options: {
6321
+ widget: "InputField"
6366
6322
  },
6367
- main: {
6368
- label: "Screen Size"
6323
+ config: {
6324
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6325
+ main: {
6326
+ label: "Value",
6327
+ type: "number",
6328
+ helperText: "Number should be in range of 0 to 12",
6329
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6330
+ }
6369
6331
  }
6370
- }
6371
- },
6372
- {
6373
- type: "Control",
6374
- scope: "#/properties/value",
6375
- options: {
6376
- widget: "InputField"
6377
6332
  },
6378
- config: {
6379
- layout: {
6380
- xs: 11,
6381
- sm: 11,
6382
- md: 5.5,
6383
- lg: 5.5
6333
+ {
6334
+ type: "Control",
6335
+ scope: "#/properties/proc",
6336
+ config: {
6337
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6384
6338
  },
6385
- main: {
6386
- label: "Value",
6387
- type: "number",
6388
- helperText: "Number should be in range of 0 to 12",
6389
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6339
+ options: {
6340
+ widget: "EmptyBox"
6390
6341
  }
6391
6342
  }
6392
- }
6393
- ]
6343
+ ]
6344
+ }
6394
6345
  }
6395
6346
  }
6396
- }
6397
- ]
6347
+ ]
6348
+ }
6349
+ ]
6350
+ },
6351
+ {
6352
+ type: "Control",
6353
+ scope: "#/properties/EmptyBox",
6354
+ options: {
6355
+ widget: "EmptyBox"
6356
+ },
6357
+ config: {
6358
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6398
6359
  }
6399
- ]
6400
- },
6401
- {
6402
- type: "Control",
6403
- scope: "#/properties/proc",
6404
- config: {
6405
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6406
6360
  },
6407
- options: {
6408
- widget: "EmptyBox"
6409
- }
6410
- },
6411
- {
6412
- type: "Control",
6413
- scope: "#/properties/btn",
6414
- options: {
6415
- widget: "Button"
6361
+ {
6362
+ type: "Control",
6363
+ scope: "#/properties/EmptyBox",
6364
+ options: {
6365
+ widget: "EmptyBox"
6366
+ },
6367
+ config: {
6368
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6369
+ }
6416
6370
  },
6417
- config: {
6418
- layout: {
6419
- xs: 11,
6420
- sm: 11,
6421
- md: 2.5,
6422
- lg: 2.5
6371
+ {
6372
+ type: "Control",
6373
+ scope: "#/properties/btn",
6374
+ options: {
6375
+ widget: "Button"
6423
6376
  },
6424
- main: {
6425
- name: "Ok",
6426
- startIcon: "ApproveIcon",
6427
- variant: "contained",
6428
- color: "info",
6429
- type: "text",
6430
- onClick: "okHandler",
6431
- size: "small"
6377
+ config: {
6378
+ layout: 1.8,
6379
+ main: {
6380
+ name: "Ok",
6381
+ startIcon: "ApproveIcon",
6382
+ variant: "contained",
6383
+ type: "text",
6384
+ onClick: "okHandler",
6385
+ size: "medium"
6386
+ },
6387
+ style: {
6388
+ float: "right"
6389
+ }
6390
+ }
6391
+ },
6392
+ {
6393
+ type: "Control",
6394
+ scope: "#/properties/btnSubmit",
6395
+ options: {
6396
+ widget: "Button"
6432
6397
  },
6433
- style: {
6434
- marginBottom: "8px",
6435
- float: "right"
6398
+ config: {
6399
+ layout: 1.8,
6400
+ main: {
6401
+ name: "Save & Exit",
6402
+ startIcon: "ApproveIcon",
6403
+ variant: "contained",
6404
+ type: "text",
6405
+ onClick: "saveHandler",
6406
+ size: "medium"
6407
+ },
6408
+ style: {
6409
+ float: "right"
6410
+ }
6436
6411
  }
6437
- }
6438
- },
6439
- {
6440
- type: "Control",
6441
- scope: "#/properties/btnSubmit",
6442
- options: {
6443
- widget: "Button"
6444
6412
  },
6445
- config: {
6446
- layout: {
6447
- xs: 11,
6448
- sm: 11,
6449
- md: 2.5,
6450
- lg: 2.5
6413
+ {
6414
+ type: "Control",
6415
+ scope: "#/properties/notify",
6416
+ options: {
6417
+ widget: "Notify"
6451
6418
  },
6452
- main: {
6453
- name: "Save & Exit",
6454
- startIcon: "ApproveIcon",
6455
- variant: "contained",
6456
- color: "info",
6457
- type: "text",
6458
- onClick: "saveHandler",
6459
- size: "small"
6419
+ layout: 6
6420
+ },
6421
+ {
6422
+ type: "HorizontalLayout",
6423
+ config: {
6424
+ main: {
6425
+ direction: "row"
6426
+ },
6427
+ style: {
6428
+ flexDirection: "row",
6429
+ position: "absolute",
6430
+ bottom: 0,
6431
+ marginBottom: "-8px",
6432
+ height: "fit-content",
6433
+ overflow: "hidden",
6434
+ zIndex: 1e3,
6435
+ width: "inherit"
6436
+ }
6460
6437
  },
6461
- style: {
6462
- marginBottom: "8px",
6463
- float: "right"
6464
- }
6438
+ elements: [
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/FooterText",
6442
+ options: {
6443
+ widget: "Box"
6444
+ },
6445
+ config: {
6446
+ main: {
6447
+ heading: "Copywriter@ACT21.IO"
6448
+ },
6449
+ style: {
6450
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6451
+ fontSize: "12px",
6452
+ textAlign: "center",
6453
+ lineHeight: 1,
6454
+ width: "fit-content",
6455
+ left: "50%",
6456
+ position: "relative",
6457
+ margin: 0,
6458
+ flexGrow: 1,
6459
+ height: 0
6460
+ }
6461
+ }
6462
+ },
6463
+ {
6464
+ type: "Control",
6465
+ scope: "#/properties/backIcon",
6466
+ options: {
6467
+ widget: "Box"
6468
+ },
6469
+ config: {
6470
+ main: {
6471
+ iconName: "PrevIcon",
6472
+ onClick: "backHandler",
6473
+ width: "fit-content"
6474
+ },
6475
+ style: {
6476
+ fill: theme.palette.primary.main,
6477
+ width: 20,
6478
+ height: 0,
6479
+ margin: 0,
6480
+ top: 0,
6481
+ right: "90px",
6482
+ position: "absolute",
6483
+ fontSize: "12px",
6484
+ cursor: "pointer",
6485
+ ":hover": {
6486
+ fill: theme.palette.primary.dark
6487
+ }
6488
+ }
6489
+ }
6490
+ },
6491
+ {
6492
+ type: "Control",
6493
+ scope: "#/properties/text",
6494
+ options: {
6495
+ widget: "Box"
6496
+ },
6497
+ config: {
6498
+ main: {
6499
+ heading: "Previous Page",
6500
+ onClick: "backHandler"
6501
+ },
6502
+ style: {
6503
+ textAlign: "left",
6504
+ lineHeight: 1,
6505
+ height: 0,
6506
+ width: "fit-content",
6507
+ color: theme.palette.primary.main,
6508
+ fontSize: "12px",
6509
+ cursor: "pointer",
6510
+ marginLeft: "2px",
6511
+ marginRight: 0,
6512
+ top: 3,
6513
+ right: "20px",
6514
+ position: "absolute",
6515
+ ":hover": {
6516
+ color: theme.palette.primary.dark
6517
+ }
6518
+ }
6519
+ }
6520
+ }
6521
+ ]
6465
6522
  }
6466
- },
6467
- {
6468
- type: "Control",
6469
- scope: "#/properties/notify",
6470
- options: {
6471
- widget: "Notify"
6472
- },
6473
- layout: 6
6474
- }
6475
- ]
6523
+ ]
6524
+ };
6525
+ return uiSchema;
6476
6526
  };
6477
6527
  const CoreSection = {
6478
6528
  type: "HorizontalLayout",
@@ -6484,7 +6534,7 @@ const CoreSection = {
6484
6534
  widget: "SelectInputField"
6485
6535
  },
6486
6536
  config: {
6487
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6537
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6488
6538
  main: {
6489
6539
  label: "Type",
6490
6540
  type: "text"
@@ -6498,12 +6548,7 @@ const CoreSection = {
6498
6548
  widget: "InputField"
6499
6549
  },
6500
6550
  config: {
6501
- layout: {
6502
- xs: 12,
6503
- sm: 12,
6504
- md: 6,
6505
- lg: 6
6506
- },
6551
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6507
6552
  main: {
6508
6553
  label: "Name"
6509
6554
  }
@@ -6516,12 +6561,7 @@ const CoreSection = {
6516
6561
  widget: "InputField"
6517
6562
  },
6518
6563
  config: {
6519
- layout: {
6520
- xs: 12,
6521
- sm: 12,
6522
- md: 6,
6523
- lg: 6
6524
- },
6564
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6525
6565
  main: {
6526
6566
  label: "Label"
6527
6567
  }
@@ -6534,12 +6574,7 @@ const CoreSection = {
6534
6574
  widget: "SelectInputField"
6535
6575
  },
6536
6576
  config: {
6537
- layout: {
6538
- xs: 12,
6539
- sm: 12,
6540
- md: 6,
6541
- lg: 6
6542
- },
6577
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6543
6578
  main: {
6544
6579
  label: "Column Format"
6545
6580
  }
@@ -6549,7 +6584,17 @@ const CoreSection = {
6549
6584
  type: "Control",
6550
6585
  scope: "#/properties/proc",
6551
6586
  config: {
6552
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6587
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6588
+ },
6589
+ options: {
6590
+ widget: "EmptyBox"
6591
+ }
6592
+ },
6593
+ {
6594
+ type: "Control",
6595
+ scope: "#/properties/proc",
6596
+ config: {
6597
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6553
6598
  },
6554
6599
  options: {
6555
6600
  widget: "EmptyBox"
@@ -6558,7 +6603,7 @@ const CoreSection = {
6558
6603
  {
6559
6604
  type: "Control",
6560
6605
  scope: "#/properties/layout",
6561
- layout: 11.5,
6606
+ layout: 12,
6562
6607
  options: {
6563
6608
  "elementLabelProp": "key",
6564
6609
  detail: {
@@ -6571,12 +6616,7 @@ const CoreSection = {
6571
6616
  widget: "SelectInputField"
6572
6617
  },
6573
6618
  config: {
6574
- layout: {
6575
- xs: 11,
6576
- sm: 11,
6577
- md: 5.5,
6578
- lg: 5.5
6579
- },
6619
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6580
6620
  main: {
6581
6621
  label: "Screen Size"
6582
6622
  }
@@ -6589,12 +6629,7 @@ const CoreSection = {
6589
6629
  widget: "InputField"
6590
6630
  },
6591
6631
  config: {
6592
- layout: {
6593
- xs: 11,
6594
- sm: 11,
6595
- md: 5.5,
6596
- lg: 5.5
6597
- },
6632
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6598
6633
  main: {
6599
6634
  label: "Value",
6600
6635
  type: "number",
@@ -6602,6 +6637,16 @@ const CoreSection = {
6602
6637
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6603
6638
  }
6604
6639
  }
6640
+ },
6641
+ {
6642
+ type: "Control",
6643
+ scope: "#/properties/proc",
6644
+ config: {
6645
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6646
+ },
6647
+ options: {
6648
+ widget: "EmptyBox"
6649
+ }
6605
6650
  }
6606
6651
  ]
6607
6652
  }
@@ -6613,140 +6658,110 @@ const EventSection = {
6613
6658
  type: "HorizontalLayout",
6614
6659
  elements: [
6615
6660
  {
6616
- type: "WrapperLayout",
6661
+ type: "Control",
6662
+ scope: "#/properties/events",
6663
+ options: {
6664
+ widget: "Table"
6665
+ },
6617
6666
  config: {
6618
6667
  main: {
6619
- divider: true
6620
- },
6621
- wrapperStyle: {
6622
- border: "1px solid gray"
6668
+ headerIcons: {
6669
+ elements: [
6670
+ {
6671
+ widget: {
6672
+ type: "Control",
6673
+ scope: "#/properties/New_Record",
6674
+ options: {
6675
+ widget: "IconButton"
6676
+ },
6677
+ config: {
6678
+ main: {
6679
+ color: "info",
6680
+ onClick: "eventAddHandler",
6681
+ size: "small",
6682
+ icon: "AddIcon",
6683
+ iconLabel: "Add New",
6684
+ styleDefault: true
6685
+ },
6686
+ style: {
6687
+ mt: "6px"
6688
+ }
6689
+ }
6690
+ }
6691
+ }
6692
+ ]
6693
+ },
6694
+ disableAction: true,
6695
+ disableSelection: true,
6696
+ enableDrag: true
6623
6697
  }
6624
6698
  },
6625
6699
  elements: [
6626
6700
  {
6627
- type: "Control",
6628
- scope: "#/properties/programType",
6629
- options: {
6630
- widget: "Box"
6631
- },
6632
- config: {
6633
- layout: 8,
6634
- main: {
6635
- heading: "Event Table"
6636
- },
6637
- style: {
6638
- fontFamily: "Roboto",
6639
- fontWeight: "500",
6640
- paddingLeft: "-10px",
6641
- fontSize: "20px"
6642
- }
6643
- }
6701
+ accessorKey: "eventType",
6702
+ header: "Event Type"
6644
6703
  },
6645
6704
  {
6646
- type: "Control",
6647
- scope: "#/properties/Back_Button",
6648
- options: {
6649
- widget: "IconButton"
6650
- },
6651
- config: {
6652
- layout: 3,
6653
- main: {
6654
- icon: "AddIcon",
6655
- styleDefault: true,
6656
- size: "small",
6657
- onClick: "eventAddHandler",
6658
- tooltipMessage: "Back"
6705
+ accessorKey: "Handler",
6706
+ header: "Handler"
6707
+ },
6708
+ {
6709
+ accessorKey: "Edit_Approve_Records",
6710
+ header: "Edit Widget",
6711
+ widget: {
6712
+ type: "Control",
6713
+ scope: "#/properties/Edit_Records",
6714
+ options: {
6715
+ widget: "IconButton"
6659
6716
  },
6660
- style: {
6661
- float: "right"
6717
+ config: {
6718
+ main: {
6719
+ color: "info",
6720
+ size: "small",
6721
+ icon: "EditIcon",
6722
+ tooltipMessage: "Edit This Record",
6723
+ onClick: "eventEditHandler"
6724
+ },
6725
+ style: {
6726
+ color: "#3949ab"
6727
+ }
6662
6728
  }
6663
6729
  }
6664
6730
  },
6665
6731
  {
6666
- type: "Control",
6667
- scope: "#/properties/events",
6668
- options: {
6669
- widget: "Table"
6670
- },
6671
- config: {
6672
- main: {
6673
- disableAction: true,
6674
- disableSelection: true,
6675
- enableDrag: true
6676
- }
6677
- },
6678
- elements: [
6679
- {
6680
- accessorKey: "eventType",
6681
- header: "Event Type"
6682
- },
6683
- {
6684
- accessorKey: "Handler",
6685
- header: "Handler"
6686
- },
6687
- {
6688
- accessorKey: "Edit_Approve_Records",
6689
- header: "Edit Widget",
6690
- widget: {
6691
- type: "Control",
6692
- scope: "#/properties/Edit_Records",
6693
- options: {
6694
- widget: "IconButton"
6695
- },
6696
- config: {
6697
- main: {
6698
- color: "info",
6699
- size: "small",
6700
- icon: "EditIcon",
6701
- tooltipMessage: "Edit This Record",
6702
- onClick: "eventEditHandler"
6703
- },
6704
- style: {
6705
- color: "#3949ab"
6706
- }
6707
- }
6708
- }
6732
+ accessorKey: "Reject_Records",
6733
+ header: "Delete",
6734
+ widget: {
6735
+ type: "Control",
6736
+ scope: "#/properties/RejectButton",
6737
+ accessorKeyName: "Reject_Records",
6738
+ options: {
6739
+ widget: "IconButton"
6709
6740
  },
6710
- {
6711
- accessorKey: "Reject_Records",
6712
- header: "Delete",
6713
- widget: {
6714
- type: "Control",
6715
- scope: "#/properties/RejectButton",
6716
- accessorKeyName: "Reject_Records",
6717
- options: {
6718
- widget: "IconButton"
6719
- },
6720
- config: {
6721
- main: {
6722
- icon: "RejectIcon",
6723
- color: "error",
6724
- tooltipMessage: "Reject This Record",
6725
- onClick: "deleteEvent"
6726
- }
6727
- }
6741
+ config: {
6742
+ main: {
6743
+ icon: "RejectIcon",
6744
+ color: "error",
6745
+ tooltipMessage: "Reject This Record",
6746
+ onClick: "deleteEvent"
6728
6747
  }
6729
6748
  }
6730
- ]
6749
+ }
6731
6750
  }
6732
6751
  ]
6733
6752
  }
6734
6753
  ]
6735
6754
  };
6736
- const EmptyBox = {
6755
+ var emptyBox = {
6737
6756
  type: "Control",
6738
- scope: `#/properties/empty`,
6757
+ scope: "#/properties/emptyBox",
6739
6758
  options: {
6740
6759
  widget: "EmptyBox"
6741
6760
  },
6742
6761
  config: {
6743
- layout: {
6744
- xs: 11,
6745
- sm: 11,
6746
- md: 5.5,
6747
- lg: 5.5
6748
- },
6749
- main: {}
6762
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6763
+ main: {},
6764
+ style: {}
6750
6765
  }
6751
6766
  };
6752
6767
  const cardLayout = {
@@ -6764,12 +6779,7 @@ const cardLayout = {
6764
6779
  widget: "SelectInputField"
6765
6780
  },
6766
6781
  config: {
6767
- layout: {
6768
- xs: 11,
6769
- sm: 11,
6770
- md: 5.5,
6771
- lg: 5.5
6772
- },
6782
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6773
6783
  main: {
6774
6784
  label: "Screen Size"
6775
6785
  }
@@ -6782,12 +6792,7 @@ const cardLayout = {
6782
6792
  widget: "InputField"
6783
6793
  },
6784
6794
  config: {
6785
- layout: {
6786
- xs: 11,
6787
- sm: 11,
6788
- md: 5.5,
6789
- lg: 5.5
6790
- },
6795
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6791
6796
  main: {
6792
6797
  label: "Value",
6793
6798
  type: "number",
@@ -6795,7 +6800,8 @@ const cardLayout = {
6795
6800
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6796
6801
  }
6797
6802
  }
6798
- }
6803
+ },
6804
+ emptyBox
6799
6805
  ]
6800
6806
  }
6801
6807
  }
@@ -6804,7 +6810,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6804
6810
  return {
6805
6811
  type: "Control",
6806
6812
  scope: `#/properties/${parentScope}`,
6807
- layout: 11.5,
6813
+ layout: 12,
6808
6814
  options: {
6809
6815
  "elementLabelProp": childScope,
6810
6816
  detail: {
@@ -6817,18 +6823,13 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6817
6823
  widget: "InputField"
6818
6824
  },
6819
6825
  config: {
6820
- layout: {
6821
- xs: 11,
6822
- sm: 11,
6823
- md: 5.5,
6824
- lg: 5.5
6825
- },
6826
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6826
6827
  main: {
6827
6828
  label: childLabel || "Labels for Tab"
6828
6829
  }
6829
6830
  }
6830
6831
  },
6831
- EmptyBox
6832
+ emptyBox
6832
6833
  ]
6833
6834
  }
6834
6835
  }
@@ -6842,12 +6843,7 @@ sizeHolder.options.detail.elements[1] = {
6842
6843
  widget: "InputField"
6843
6844
  },
6844
6845
  config: {
6845
- layout: {
6846
- xs: 11,
6847
- sm: 11,
6848
- md: 5.5,
6849
- lg: 5.5
6850
- },
6846
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6851
6847
  main: {
6852
6848
  label: "Size"
6853
6849
  }
@@ -6861,12 +6857,7 @@ const getInputField = (scope, label) => {
6861
6857
  widget: "InputField"
6862
6858
  },
6863
6859
  config: {
6864
- layout: {
6865
- xs: 11,
6866
- sm: 11,
6867
- md: 5.5,
6868
- lg: 5.5
6869
- },
6860
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6870
6861
  main: {
6871
6862
  label
6872
6863
  }
@@ -6881,12 +6872,7 @@ const getRadioInputField = (scope, label, options) => {
6881
6872
  widget: "RadioInputField"
6882
6873
  },
6883
6874
  config: {
6884
- layout: {
6885
- xs: 11,
6886
- sm: 11,
6887
- md: 5.5,
6888
- lg: 5.5
6889
- },
6875
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6890
6876
  main: {
6891
6877
  label,
6892
6878
  options
@@ -6929,7 +6915,7 @@ const getSelectField = (scope, label, options) => {
6929
6915
  widget: "SelectInputField"
6930
6916
  },
6931
6917
  config: {
6932
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6918
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6933
6919
  main: {
6934
6920
  label,
6935
6921
  type: "text"
@@ -6950,7 +6936,8 @@ const buildPropertiesSection = function(type) {
6950
6936
  getInputField("linkType", "linkType"),
6951
6937
  getInputField("graphHeight", "Graph Height"),
6952
6938
  getInputField("graphWidth", "Graph Width"),
6953
- getInputField("graphZoomHeight", "Zoom Height")
6939
+ getInputField("graphZoomHeight", "Zoom Height"),
6940
+ emptyBox
6954
6941
  ];
6955
6942
  break;
6956
6943
  case "InputSlider":
@@ -6958,7 +6945,9 @@ const buildPropertiesSection = function(type) {
6958
6945
  getInputField("max", "Max Limit"),
6959
6946
  getInputField("step", "Step"),
6960
6947
  getInputField("min", "Min Limit"),
6961
- getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
6948
+ getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
6949
+ emptyBox,
6950
+ emptyBox
6962
6951
  ];
6963
6952
  break;
6964
6953
  case "DataGrid":
@@ -6967,6 +6956,8 @@ const buildPropertiesSection = function(type) {
6967
6956
  getInputField("elevation", "Card Elevation"),
6968
6957
  getInputField("height", "Grid height"),
6969
6958
  getInputField("justifyContent", "justifyContent"),
6959
+ emptyBox,
6960
+ emptyBox,
6970
6961
  cardLayout
6971
6962
  ];
6972
6963
  break;
@@ -6977,6 +6968,7 @@ const buildPropertiesSection = function(type) {
6977
6968
  getInputField("resetText", "Reset Text"),
6978
6969
  getInputField("completeText", "Complete Text"),
6979
6970
  getSelectField("orientation", "Orientation Type"),
6971
+ emptyBox,
6980
6972
  getArrayControl("sectionLabels", "label")
6981
6973
  ];
6982
6974
  break;
@@ -6984,21 +6976,22 @@ const buildPropertiesSection = function(type) {
6984
6976
  uiSchema.elements = [
6985
6977
  getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
6986
6978
  getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
6987
- getInputField("maxWidth", "Max. Width"),
6988
- EmptyBox
6979
+ getInputField("maxWidth", "Max. Width")
6989
6980
  ];
6990
6981
  break;
6991
6982
  case "Text":
6992
6983
  uiSchema.elements = [
6993
6984
  getInputField("placeholder", "Placeholder"),
6994
- EmptyBox,
6985
+ emptyBox,
6986
+ emptyBox,
6995
6987
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6996
6988
  ];
6997
6989
  break;
6998
6990
  case "TextArea":
6999
6991
  uiSchema.elements = [
7000
6992
  getInputField("placeholder", "Placeholder"),
7001
- EmptyBox
6993
+ emptyBox,
6994
+ emptyBox
7002
6995
  ];
7003
6996
  break;
7004
6997
  case "SpeedoMeter":
@@ -7007,7 +7000,8 @@ const buildPropertiesSection = function(type) {
7007
7000
  getInputField("heading", "Container Heading"),
7008
7001
  getInputField("heading", "Container Heading"),
7009
7002
  getInputField("speedoCaption", "Speedometer Caption"),
7010
- getInputField("width", "Speedometer Width")
7003
+ getInputField("width", "Speedometer Width"),
7004
+ emptyBox
7011
7005
  ];
7012
7006
  break;
7013
7007
  case "RankCard":
@@ -7015,7 +7009,9 @@ const buildPropertiesSection = function(type) {
7015
7009
  getInputField("rank", "Rank"),
7016
7010
  getInputField("image", "Image Url"),
7017
7011
  getInputField("title", "Card Title"),
7018
- getInputField("description", "Card Description")
7012
+ getInputField("description", "Card Description"),
7013
+ emptyBox,
7014
+ emptyBox
7019
7015
  ];
7020
7016
  break;
7021
7017
  case "LeaderBoard":
@@ -7024,6 +7020,8 @@ const buildPropertiesSection = function(type) {
7024
7020
  getInputField("firstImage", "First Image url"),
7025
7021
  getInputField("secondImage", "Second Image url"),
7026
7022
  getInputField("thirdImage", "Third Image url"),
7023
+ emptyBox,
7024
+ emptyBox,
7027
7025
  getTextArea("functionCode", "Write Compare Code", false)
7028
7026
  ];
7029
7027
  break;
@@ -7039,7 +7037,9 @@ const buildPropertiesSection = function(type) {
7039
7037
  getInputField("heading", "Heading"),
7040
7038
  getInputField("bottomLabel_1", "First BottomLabel"),
7041
7039
  getInputField("bottomLabel_2", "Second BottomLabel"),
7042
- getInputField("bottomLabel_3", "Third BottomLabel")
7040
+ getInputField("bottomLabel_3", "Third BottomLabel"),
7041
+ emptyBox,
7042
+ emptyBox
7043
7043
  ];
7044
7044
  break;
7045
7045
  case "card":
@@ -7047,7 +7047,7 @@ const buildPropertiesSection = function(type) {
7047
7047
  getInputField("url", "Image Url"),
7048
7048
  getInputField("label", "Label"),
7049
7049
  getInputField("description", "Description"),
7050
- EmptyBox
7050
+ emptyBox
7051
7051
  ];
7052
7052
  break;
7053
7053
  case "Button":
@@ -7057,7 +7057,7 @@ const buildPropertiesSection = function(type) {
7057
7057
  getSelectField("color", "Color"),
7058
7058
  getInputField("tooltipMessage", "Tooltip Message"),
7059
7059
  getSelectField("defaultStyle", "Default Style"),
7060
- EmptyBox
7060
+ emptyBox
7061
7061
  ];
7062
7062
  break;
7063
7063
  case "Graph":
@@ -7070,6 +7070,7 @@ const buildPropertiesSection = function(type) {
7070
7070
  getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
7071
7071
  getInputField("yAxisValue", "Y-AxisValue"),
7072
7072
  getInputField("xAxisValue", "X-AxisValue"),
7073
+ emptyBox,
7073
7074
  getArrayControl("legendLabels", "label"),
7074
7075
  getArrayControl("pieArcColors", "color")
7075
7076
  ];
@@ -7079,13 +7080,16 @@ const buildPropertiesSection = function(type) {
7079
7080
  getRadioInputField("divider", "Divider", ["YES", "No"]),
7080
7081
  getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
7081
7082
  getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
7082
- getInputField("rowSpacing", "Row Spacing")
7083
+ getInputField("rowSpacing", "Row Spacing"),
7084
+ emptyBox,
7085
+ emptyBox
7083
7086
  ];
7084
7087
  break;
7085
7088
  case "TabSection":
7086
7089
  uiSchema.elements = [
7087
7090
  getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
7088
7091
  getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
7092
+ emptyBox,
7089
7093
  getArrayControl("sectionLabels", "label")
7090
7094
  ];
7091
7095
  break;
@@ -7110,13 +7114,15 @@ const buildPropertiesSection = function(type) {
7110
7114
  case "Select":
7111
7115
  uiSchema.elements = [
7112
7116
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7113
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7117
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7118
+ emptyBox
7114
7119
  ];
7115
7120
  break;
7116
7121
  case "MultipleSelect":
7117
7122
  uiSchema.elements = [
7118
7123
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7119
- EmptyBox
7124
+ emptyBox,
7125
+ emptyBox
7120
7126
  ];
7121
7127
  break;
7122
7128
  }
@@ -7161,116 +7167,92 @@ const TableSection = {
7161
7167
  type: "HorizontalLayout",
7162
7168
  elements: [
7163
7169
  {
7164
- type: "WrapperLayout",
7170
+ type: "Control",
7171
+ scope: "#/properties/elements",
7172
+ options: {
7173
+ widget: "Table"
7174
+ },
7165
7175
  config: {
7166
- main: {},
7167
- wrapperStyle: {
7168
- border: "1px solid gray"
7176
+ main: {
7177
+ headerIcons: {
7178
+ elements: [
7179
+ {
7180
+ widget: {
7181
+ type: "Control",
7182
+ scope: "#/properties/New_Record",
7183
+ options: {
7184
+ widget: "IconButton"
7185
+ },
7186
+ config: {
7187
+ main: {
7188
+ color: "info",
7189
+ onClick: "widgetAddClickHandler",
7190
+ size: "small",
7191
+ icon: "AddIcon",
7192
+ iconLabel: "Add New",
7193
+ styleDefault: true
7194
+ },
7195
+ style: {
7196
+ mt: "6px"
7197
+ }
7198
+ }
7199
+ }
7200
+ }
7201
+ ]
7202
+ },
7203
+ disableAction: true,
7204
+ disableSelection: true,
7205
+ enableDrag: true
7169
7206
  }
7170
7207
  },
7171
7208
  elements: [
7172
7209
  {
7173
- type: "Control",
7174
- scope: "#/properties/programType",
7175
- options: {
7176
- widget: "Box"
7177
- },
7178
- config: {
7179
- layout: 8,
7180
- main: {
7181
- heading: "Components Table"
7182
- },
7183
- style: {
7184
- fontFamily: "Roboto",
7185
- fontWeight: "500",
7186
- paddingLeft: "-10px",
7187
- fontSize: "20px"
7188
- }
7189
- }
7210
+ accessorKey: "name",
7211
+ header: "Name"
7190
7212
  },
7191
7213
  {
7192
- type: "Control",
7193
- scope: "#/properties/Back_Button",
7194
- options: {
7195
- widget: "IconButton"
7196
- },
7197
- config: {
7198
- layout: 3,
7199
- main: {
7200
- icon: "AddIcon",
7201
- styleDefault: true,
7202
- size: "small",
7203
- onClick: "widgetAddClickHandler",
7204
- tooltipMessage: "Add New"
7214
+ accessorKey: "type",
7215
+ header: "Type"
7216
+ },
7217
+ {
7218
+ header: "Edit Record",
7219
+ field: "Reject_Records",
7220
+ flex: 1,
7221
+ widget: {
7222
+ type: "Control",
7223
+ scope: "#/properties/RejectButton",
7224
+ options: {
7225
+ widget: "IconButton"
7205
7226
  },
7206
- style: {
7207
- float: "right"
7227
+ config: {
7228
+ main: {
7229
+ icon: "EditIcon",
7230
+ color: "primary",
7231
+ onClick: "editComponents",
7232
+ tooltipMessage: "Reject This Record"
7233
+ }
7208
7234
  }
7209
7235
  }
7210
7236
  },
7211
7237
  {
7212
- type: "Control",
7213
- scope: "#/properties/elements",
7214
- options: {
7215
- widget: "Table"
7216
- },
7217
- config: {
7218
- main: {
7219
- disableAction: true,
7220
- disableSelection: true,
7221
- enableDrag: true
7222
- }
7223
- },
7224
- elements: [
7225
- {
7226
- accessorKey: "name",
7227
- header: "Name"
7228
- },
7229
- {
7230
- accessorKey: "type",
7231
- header: "Type"
7232
- },
7233
- {
7234
- header: "Edit Record",
7235
- field: "Reject_Records",
7236
- flex: 1,
7237
- widget: {
7238
- type: "Control",
7239
- scope: "#/properties/RejectButton",
7240
- options: {
7241
- widget: "IconButton"
7242
- },
7243
- config: {
7244
- main: {
7245
- icon: "EditIcon",
7246
- color: "primary",
7247
- onClick: "editComponents",
7248
- tooltipMessage: "Reject This Record"
7249
- }
7250
- }
7251
- }
7238
+ header: "Delete",
7239
+ field: "Reject_Records",
7240
+ flex: 1,
7241
+ widget: {
7242
+ type: "Control",
7243
+ scope: "#/properties/RejectButton",
7244
+ options: {
7245
+ widget: "IconButton"
7252
7246
  },
7253
- {
7254
- header: "Delete",
7255
- field: "Reject_Records",
7256
- flex: 1,
7257
- widget: {
7258
- type: "Control",
7259
- scope: "#/properties/RejectButton",
7260
- options: {
7261
- widget: "IconButton"
7262
- },
7263
- config: {
7264
- main: {
7265
- icon: "RejectIcon",
7266
- color: "error",
7267
- onClick: "deleteComponents",
7268
- tooltipMessage: "Reject This Record"
7269
- }
7270
- }
7247
+ config: {
7248
+ main: {
7249
+ icon: "RejectIcon",
7250
+ color: "error",
7251
+ onClick: "deleteComponent",
7252
+ tooltipMessage: "Reject This Record"
7271
7253
  }
7272
7254
  }
7273
- ]
7255
+ }
7274
7256
  }
7275
7257
  ]
7276
7258
  }
@@ -7282,7 +7264,7 @@ const ValueTab = {
7282
7264
  {
7283
7265
  type: "Control",
7284
7266
  scope: "#/properties/value",
7285
- layout: 11.5,
7267
+ layout: 12,
7286
7268
  options: {
7287
7269
  detail: {
7288
7270
  type: "HorizontalLayout",
@@ -7294,12 +7276,7 @@ const ValueTab = {
7294
7276
  widget: "InputField"
7295
7277
  },
7296
7278
  config: {
7297
- layout: {
7298
- xs: 11,
7299
- sm: 11,
7300
- md: 5.5,
7301
- lg: 5.5
7302
- },
7279
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7303
7280
  main: {
7304
7281
  label: "Label"
7305
7282
  }
@@ -7312,16 +7289,21 @@ const ValueTab = {
7312
7289
  widget: "InputField"
7313
7290
  },
7314
7291
  config: {
7315
- layout: {
7316
- xs: 11,
7317
- sm: 11,
7318
- md: 5.5,
7319
- lg: 5.5
7320
- },
7292
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7321
7293
  main: {
7322
7294
  label: "Value"
7323
7295
  }
7324
7296
  }
7297
+ },
7298
+ {
7299
+ type: "Control",
7300
+ scope: "#/properties/emptyBox",
7301
+ options: {
7302
+ widget: "EmptyBox"
7303
+ },
7304
+ config: {
7305
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7306
+ }
7325
7307
  }
7326
7308
  ]
7327
7309
  }
@@ -7348,12 +7330,7 @@ const ValidationSection = {
7348
7330
  widget: "SelectInputField"
7349
7331
  },
7350
7332
  config: {
7351
- layout: {
7352
- xs: 11,
7353
- sm: 11,
7354
- md: 5.5,
7355
- lg: 5.5
7356
- },
7333
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7357
7334
  main: {
7358
7335
  label: "Validation Type"
7359
7336
  }
@@ -7366,16 +7343,21 @@ const ValidationSection = {
7366
7343
  widget: "InputField"
7367
7344
  },
7368
7345
  config: {
7369
- layout: {
7370
- xs: 11,
7371
- sm: 11,
7372
- md: 5.5,
7373
- lg: 5.5
7374
- },
7346
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7375
7347
  main: {
7376
7348
  label: "Validation Value"
7377
7349
  }
7378
7350
  }
7351
+ },
7352
+ {
7353
+ type: "Control",
7354
+ scope: "#/properties/emptyBox",
7355
+ options: {
7356
+ widget: "EmptyBox"
7357
+ },
7358
+ config: {
7359
+ layout: { xs: 0, sm: 4 }
7360
+ }
7379
7361
  }
7380
7362
  ]
7381
7363
  }
@@ -7563,7 +7545,7 @@ const sectionLabels = {
7563
7545
  };
7564
7546
  const refreshPage = (type, store2) => {
7565
7547
  var _a;
7566
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7548
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7567
7549
  if (type) {
7568
7550
  const sectionUiSchema = {
7569
7551
  Core: CoreSection,
@@ -7575,8 +7557,8 @@ const refreshPage = (type, store2) => {
7575
7557
  Validation: ValidationSection
7576
7558
  };
7577
7559
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7578
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7579
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7560
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7561
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7580
7562
  }
7581
7563
  store2.setUiSchema(UiSchema);
7582
7564
  };
@@ -7699,7 +7681,7 @@ var pageMaster = (funcParams) => {
7699
7681
  return config;
7700
7682
  },
7701
7683
  getUiSchema: function() {
7702
- return PageMasterUiSchema;
7684
+ return PageMasterUiSchema(store2.theme.myTheme);
7703
7685
  },
7704
7686
  getSchema: () => {
7705
7687
  return PageMasterSchema;
@@ -7842,302 +7824,320 @@ const EventSchema = {
7842
7824
  },
7843
7825
  required: ["eventType", "Handler"]
7844
7826
  };
7845
- const EventUiSchema = {
7846
- type: "HorizontalLayout",
7847
- elements: [
7848
- {
7849
- type: "WrapperLayout",
7850
- config: {
7851
- main: {
7852
- rowSpacing: 1,
7853
- header: true
7854
- },
7855
- defaultStyle: true
7856
- },
7857
- elements: [
7858
- {
7859
- type: "Control",
7860
- scope: "#/properties/Component",
7861
- options: {
7862
- widget: "Box"
7863
- },
7864
- config: {
7865
- layout: { xs: 12, sm: 12, md: 2 },
7866
- main: {
7867
- heading: "Component"
7868
- },
7869
- style: {
7870
- "float": "left"
7871
- }
7872
- }
7873
- },
7874
- {
7875
- type: "Control",
7876
- scope: "#/properties/pageName",
7877
- options: {
7878
- widget: "Box"
7879
- },
7880
- config: {
7881
- layout: { xs: 7, sm: 7, md: 9 },
7882
- main: {
7883
- heading: " "
7884
- },
7885
- style: {
7886
- float: "right",
7887
- width: "auto",
7888
- fontSize: "12px",
7889
- color: "gray",
7890
- paddingTop: "10px"
7891
- }
7827
+ const EventUiSchema = (theme) => {
7828
+ var _a;
7829
+ const uiSchema = {
7830
+ type: "HorizontalLayout",
7831
+ heading: "Component",
7832
+ elements: [
7833
+ {
7834
+ type: "TabLayout",
7835
+ config: {
7836
+ main: {
7837
+ tabLabels: ["Core", "Response Event"],
7838
+ defaultStyle: true,
7839
+ id: "event"
7892
7840
  }
7893
7841
  },
7894
- {
7895
- type: "Control",
7896
- scope: "#/properties/Back_Button",
7897
- options: {
7898
- widget: "IconButton"
7899
- },
7900
- config: {
7901
- layout: { xs: 2, sm: 2, md: 0.5 },
7902
- main: {
7903
- icon: "BackIcon",
7904
- styleDefault: true,
7905
- size: "small",
7906
- onClick: "backHandler",
7907
- tooltipMessage: "Back"
7908
- },
7909
- style: {
7910
- float: "right"
7911
- }
7912
- }
7913
- }
7914
- ]
7915
- },
7916
- {
7917
- type: "TabLayout",
7918
- config: {
7919
- main: {
7920
- tabLabels: ["Core", "Response Event"],
7921
- defaultStyle: true,
7922
- id: "event"
7923
- }
7924
- },
7925
- elements: [
7926
- {
7927
- type: "HorizontalLayout",
7928
- elements: [
7929
- {
7930
- type: "Control",
7931
- scope: `#/properties/eventType`,
7932
- options: {
7933
- widget: "SelectInputField"
7934
- },
7935
- config: {
7936
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7937
- main: {
7938
- label: "Event Type",
7939
- type: "text"
7842
+ elements: [
7843
+ {
7844
+ type: "HorizontalLayout",
7845
+ elements: [
7846
+ {
7847
+ type: "Control",
7848
+ scope: `#/properties/eventType`,
7849
+ options: {
7850
+ widget: "SelectInputField"
7851
+ },
7852
+ config: {
7853
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7854
+ main: {
7855
+ label: "Event Type",
7856
+ type: "text"
7857
+ }
7940
7858
  }
7941
- }
7942
- },
7943
- getSelectField("Handler", "Handler")
7944
- ]
7945
- },
7946
- {
7947
- type: "WrapperLayout",
7948
- config: {
7949
- main: {
7950
- divider: true
7951
- },
7952
- wrapperStyle: {
7953
- border: "1px solid gray"
7954
- }
7955
- },
7956
- elements: [
7957
- {
7958
- type: "Control",
7959
- scope: "#/properties/heading",
7960
- options: {
7961
- widget: "Box"
7962
7859
  },
7963
- config: {
7964
- layout: 8,
7965
- main: {
7966
- heading: "Response Event"
7860
+ getSelectField("Handler", "Handler"),
7861
+ {
7862
+ type: "Control",
7863
+ scope: "#/properties/EmptyBox",
7864
+ options: {
7865
+ widget: "EmptyBox"
7967
7866
  },
7968
- style: {
7969
- fontFamily: "Roboto",
7970
- fontWeight: "500",
7971
- paddingLeft: "-10px",
7972
- fontSize: "20px"
7867
+ config: {
7868
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7973
7869
  }
7974
7870
  }
7871
+ ]
7872
+ },
7873
+ {
7874
+ type: "Control",
7875
+ scope: "#/properties/events",
7876
+ options: {
7877
+ widget: "Table"
7975
7878
  },
7976
- {
7977
- type: "Control",
7978
- scope: "#/properties/AddButton",
7979
- options: {
7980
- widget: "IconButton"
7981
- },
7982
- config: {
7983
- layout: 3,
7984
- main: {
7985
- icon: "AddIcon",
7986
- styleDefault: true,
7987
- size: "small",
7988
- onClick: "addEvent",
7989
- tooltipMessage: "Back"
7879
+ config: {
7880
+ main: {
7881
+ headerIcons: {
7882
+ elements: [
7883
+ {
7884
+ widget: {
7885
+ type: "Control",
7886
+ scope: "#/properties/New_Record",
7887
+ options: {
7888
+ widget: "IconButton"
7889
+ },
7890
+ config: {
7891
+ main: {
7892
+ onClick: "addEvent",
7893
+ size: "small",
7894
+ icon: "AddIcon",
7895
+ iconLabel: "Add New",
7896
+ styleDefault: true
7897
+ },
7898
+ style: {
7899
+ mt: "6px"
7900
+ }
7901
+ }
7902
+ }
7903
+ }
7904
+ ]
7990
7905
  },
7991
- style: {
7992
- float: "right"
7993
- }
7906
+ disableAction: true,
7907
+ disableSelection: true,
7908
+ enableDrag: true
7994
7909
  }
7995
7910
  },
7996
- {
7997
- type: "Control",
7998
- scope: "#/properties/events",
7999
- options: {
8000
- widget: "Table"
7911
+ elements: [
7912
+ {
7913
+ accessorKey: "eventType",
7914
+ header: "Event Type"
8001
7915
  },
8002
- config: {
8003
- main: {
8004
- disableAction: true,
8005
- disableSelection: true,
8006
- enableDrag: true
8007
- }
7916
+ {
7917
+ accessorKey: "Handler",
7918
+ header: "Handler"
8008
7919
  },
8009
- elements: [
8010
- {
8011
- accessorKey: "eventType",
8012
- header: "Event Type"
8013
- },
8014
- {
8015
- accessorKey: "Handler",
8016
- header: "Handler"
8017
- },
8018
- {
8019
- accessorKey: "Edit_Approve_Records",
8020
- header: "Edit Widget",
8021
- widget: {
8022
- type: "Control",
8023
- scope: "#/properties/Edit_Records",
8024
- options: {
8025
- widget: "IconButton"
7920
+ {
7921
+ accessorKey: "Edit_Approve_Records",
7922
+ header: "Edit Widget",
7923
+ widget: {
7924
+ type: "Control",
7925
+ scope: "#/properties/Edit_Records",
7926
+ options: {
7927
+ widget: "IconButton"
7928
+ },
7929
+ config: {
7930
+ main: {
7931
+ color: "info",
7932
+ size: "small",
7933
+ icon: "EditIcon",
7934
+ tooltipMessage: "Edit This Record",
7935
+ onClick: "editEvent"
8026
7936
  },
8027
- config: {
8028
- main: {
8029
- color: "info",
8030
- size: "small",
8031
- icon: "EditIcon",
8032
- tooltipMessage: "Edit This Record",
8033
- onClick: "editEvent"
8034
- },
8035
- style: {
8036
- color: "#3949ab"
8037
- }
7937
+ style: {
7938
+ color: "#3949ab"
8038
7939
  }
8039
7940
  }
8040
- },
8041
- {
8042
- accessorKey: "Reject_Records",
8043
- header: "Delete",
8044
- widget: {
8045
- type: "Control",
8046
- scope: "#/properties/RejectButton",
8047
- options: {
8048
- widget: "IconButton"
8049
- },
8050
- config: {
8051
- main: {
8052
- icon: "RejectIcon",
8053
- color: "error",
8054
- tooltipMessage: "Reject This Record",
8055
- onClick: "deleteEvent"
8056
- }
7941
+ }
7942
+ },
7943
+ {
7944
+ accessorKey: "Reject_Records",
7945
+ header: "Delete",
7946
+ widget: {
7947
+ type: "Control",
7948
+ scope: "#/properties/RejectButton",
7949
+ options: {
7950
+ widget: "IconButton"
7951
+ },
7952
+ config: {
7953
+ main: {
7954
+ icon: "RejectIcon",
7955
+ color: "error",
7956
+ tooltipMessage: "Reject This Record",
7957
+ onClick: "deleteEvent"
8057
7958
  }
8058
7959
  }
8059
7960
  }
8060
- ]
8061
- }
8062
- ]
7961
+ }
7962
+ ]
7963
+ }
7964
+ ]
7965
+ },
7966
+ {
7967
+ type: "Control",
7968
+ scope: "#/properties/EmptyBox",
7969
+ options: {
7970
+ widget: "EmptyBox"
7971
+ },
7972
+ config: {
7973
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8063
7974
  }
8064
- ]
8065
- },
8066
- {
8067
- type: "Control",
8068
- scope: "#/properties/proc",
8069
- config: {
8070
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8071
7975
  },
8072
- options: {
8073
- widget: "EmptyBox"
8074
- }
8075
- },
8076
- {
8077
- type: "Control",
8078
- scope: "#/properties/btn",
8079
- options: {
8080
- widget: "Button"
7976
+ {
7977
+ type: "Control",
7978
+ scope: "#/properties/EmptyBox",
7979
+ options: {
7980
+ widget: "EmptyBox"
7981
+ },
7982
+ config: {
7983
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7984
+ }
8081
7985
  },
8082
- config: {
8083
- layout: {
8084
- xs: 11,
8085
- sm: 11,
8086
- md: 2.5,
8087
- lg: 2.5
7986
+ {
7987
+ type: "Control",
7988
+ scope: "#/properties/btn",
7989
+ options: {
7990
+ widget: "Button"
8088
7991
  },
8089
- main: {
8090
- name: "Ok",
8091
- startIcon: "ApproveIcon",
8092
- variant: "contained",
8093
- color: "info",
8094
- type: "text",
8095
- onClick: "okHandler",
8096
- size: "small"
7992
+ config: {
7993
+ layout: 1.8,
7994
+ main: {
7995
+ name: "Ok",
7996
+ startIcon: "ApproveIcon",
7997
+ variant: "contained",
7998
+ type: "text",
7999
+ onClick: "okHandler",
8000
+ size: "medium"
8001
+ },
8002
+ style: {
8003
+ float: "right"
8004
+ }
8005
+ }
8006
+ },
8007
+ {
8008
+ type: "Control",
8009
+ scope: "#/properties/btnSubmit",
8010
+ options: {
8011
+ widget: "Button"
8097
8012
  },
8098
- style: {
8099
- marginBottom: "8px",
8100
- float: "right"
8013
+ config: {
8014
+ layout: 1.8,
8015
+ main: {
8016
+ name: "Save & Exit",
8017
+ startIcon: "ApproveIcon",
8018
+ variant: "contained",
8019
+ type: "text",
8020
+ onClick: "saveHandler",
8021
+ size: "medium"
8022
+ },
8023
+ style: {
8024
+ float: "right"
8025
+ }
8101
8026
  }
8102
- }
8103
- },
8104
- {
8105
- type: "Control",
8106
- scope: "#/properties/btnSubmit",
8107
- options: {
8108
- widget: "Button"
8109
8027
  },
8110
- config: {
8111
- layout: {
8112
- xs: 11,
8113
- sm: 11,
8114
- md: 2.5,
8115
- lg: 2.5
8028
+ {
8029
+ type: "Control",
8030
+ scope: "#/properties/notify",
8031
+ options: {
8032
+ widget: "Notify"
8116
8033
  },
8117
- main: {
8118
- name: "Save & Exit",
8119
- startIcon: "ApproveIcon",
8120
- variant: "contained",
8121
- color: "info",
8122
- type: "text",
8123
- onClick: "saveHandler",
8124
- size: "small"
8034
+ layout: 6
8035
+ },
8036
+ {
8037
+ type: "HorizontalLayout",
8038
+ config: {
8039
+ main: {
8040
+ direction: "row"
8041
+ },
8042
+ style: {
8043
+ flexDirection: "row",
8044
+ position: "absolute",
8045
+ bottom: 0,
8046
+ marginBottom: "-8px",
8047
+ height: "fit-content",
8048
+ overflow: "hidden",
8049
+ zIndex: 1e3,
8050
+ width: "inherit"
8051
+ }
8125
8052
  },
8126
- style: {
8127
- marginBottom: "8px",
8128
- float: "right"
8129
- }
8053
+ elements: [
8054
+ {
8055
+ type: "Control",
8056
+ scope: "#/properties/FooterText",
8057
+ options: {
8058
+ widget: "Box"
8059
+ },
8060
+ config: {
8061
+ main: {
8062
+ heading: "Copywriter@ACT21.IO"
8063
+ },
8064
+ style: {
8065
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8066
+ fontSize: "12px",
8067
+ textAlign: "center",
8068
+ lineHeight: 1,
8069
+ width: "fit-content",
8070
+ left: "50%",
8071
+ position: "relative",
8072
+ margin: 0,
8073
+ flexGrow: 1,
8074
+ height: 0
8075
+ }
8076
+ }
8077
+ },
8078
+ {
8079
+ type: "Control",
8080
+ scope: "#/properties/backIcon",
8081
+ options: {
8082
+ widget: "Box"
8083
+ },
8084
+ config: {
8085
+ main: {
8086
+ iconName: "PrevIcon",
8087
+ onClick: "backHandler",
8088
+ width: "fit-content"
8089
+ },
8090
+ style: {
8091
+ fill: theme.palette.primary.main,
8092
+ width: 20,
8093
+ height: 0,
8094
+ margin: 0,
8095
+ top: 0,
8096
+ right: "82px",
8097
+ position: "absolute",
8098
+ fontSize: "12px",
8099
+ cursor: "pointer",
8100
+ ":hover": {
8101
+ fill: theme.palette.primary.dark
8102
+ }
8103
+ }
8104
+ }
8105
+ },
8106
+ {
8107
+ type: "Control",
8108
+ scope: "#/properties/text",
8109
+ options: {
8110
+ widget: "Box"
8111
+ },
8112
+ config: {
8113
+ main: {
8114
+ heading: "Previous Page",
8115
+ onClick: "backHandler"
8116
+ },
8117
+ style: {
8118
+ textAlign: "left",
8119
+ lineHeight: 1,
8120
+ height: 0,
8121
+ width: "fit-content",
8122
+ color: theme.palette.primary.main,
8123
+ fontSize: "12px",
8124
+ cursor: "pointer",
8125
+ marginLeft: "2px",
8126
+ marginRight: 0,
8127
+ top: 3,
8128
+ right: "12px",
8129
+ position: "absolute",
8130
+ ":hover": {
8131
+ color: theme.palette.primary.dark
8132
+ }
8133
+ }
8134
+ }
8135
+ }
8136
+ ]
8130
8137
  }
8131
- },
8132
- {
8133
- type: "Control",
8134
- scope: "#/properties/notify",
8135
- options: {
8136
- widget: "Notify"
8137
- },
8138
- layout: 6
8139
- }
8140
- ]
8138
+ ]
8139
+ };
8140
+ return uiSchema;
8141
8141
  };
8142
8142
  const APISection = {
8143
8143
  type: "HorizontalLayout",
@@ -8149,7 +8149,7 @@ const APISection = {
8149
8149
  widget: "SelectInputField"
8150
8150
  },
8151
8151
  config: {
8152
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8152
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8153
8153
  main: {
8154
8154
  label: "Method",
8155
8155
  type: "text"
@@ -8163,7 +8163,7 @@ const APISection = {
8163
8163
  widget: "InputField"
8164
8164
  },
8165
8165
  config: {
8166
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8166
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8167
8167
  main: {
8168
8168
  label: "Path",
8169
8169
  type: "text",
@@ -8172,6 +8172,26 @@ const APISection = {
8172
8172
  }
8173
8173
  }
8174
8174
  },
8175
+ {
8176
+ type: "Control",
8177
+ scope: "#/properties/emptyBox",
8178
+ options: {
8179
+ widget: "EmptyBox"
8180
+ },
8181
+ config: {
8182
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8183
+ }
8184
+ },
8185
+ {
8186
+ type: "Control",
8187
+ scope: "#/properties/emptyBox",
8188
+ options: {
8189
+ widget: "EmptyBox"
8190
+ },
8191
+ config: {
8192
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8193
+ }
8194
+ },
8175
8195
  {
8176
8196
  type: "Control",
8177
8197
  scope: "#/properties/headers",
@@ -8188,12 +8208,7 @@ const APISection = {
8188
8208
  widget: "InputField"
8189
8209
  },
8190
8210
  config: {
8191
- layout: {
8192
- xs: 11,
8193
- sm: 11,
8194
- md: 5.5,
8195
- lg: 5.5
8196
- },
8211
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8197
8212
  main: {
8198
8213
  label: "Key"
8199
8214
  }
@@ -8206,16 +8221,21 @@ const APISection = {
8206
8221
  widget: "InputField"
8207
8222
  },
8208
8223
  config: {
8209
- layout: {
8210
- xs: 11,
8211
- sm: 11,
8212
- md: 5.5,
8213
- lg: 5.5
8214
- },
8224
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8215
8225
  main: {
8216
8226
  label: "Value"
8217
8227
  }
8218
8228
  }
8229
+ },
8230
+ {
8231
+ type: "Control",
8232
+ scope: "#/properties/emptyBox",
8233
+ options: {
8234
+ widget: "EmptyBox"
8235
+ },
8236
+ config: {
8237
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8238
+ }
8219
8239
  }
8220
8240
  ]
8221
8241
  }
@@ -8237,12 +8257,7 @@ const APISection = {
8237
8257
  widget: "InputField"
8238
8258
  },
8239
8259
  config: {
8240
- layout: {
8241
- xs: 11,
8242
- sm: 11,
8243
- md: 5.5,
8244
- lg: 5.5
8245
- },
8260
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8246
8261
  main: {
8247
8262
  label: "Key"
8248
8263
  }
@@ -8255,16 +8270,21 @@ const APISection = {
8255
8270
  widget: "InputField"
8256
8271
  },
8257
8272
  config: {
8258
- layout: {
8259
- xs: 11,
8260
- sm: 11,
8261
- md: 5.5,
8262
- lg: 5.5
8263
- },
8273
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8264
8274
  main: {
8265
8275
  label: "Value"
8266
8276
  }
8267
8277
  }
8278
+ },
8279
+ {
8280
+ type: "Control",
8281
+ scope: "#/properties/emptyBox",
8282
+ options: {
8283
+ widget: "EmptyBox"
8284
+ },
8285
+ config: {
8286
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8287
+ }
8268
8288
  }
8269
8289
  ]
8270
8290
  }
@@ -8291,12 +8311,7 @@ const refreshSectionUiSchema = {
8291
8311
  widget: "InputField"
8292
8312
  },
8293
8313
  config: {
8294
- layout: {
8295
- xs: 11,
8296
- sm: 11,
8297
- md: 5.5,
8298
- lg: 5.5
8299
- },
8314
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8300
8315
  main: {
8301
8316
  label: "Value"
8302
8317
  }
@@ -8309,12 +8324,18 @@ const refreshSectionUiSchema = {
8309
8324
  widget: "EmptyBox"
8310
8325
  },
8311
8326
  config: {
8312
- layout: {
8313
- xs: 11,
8314
- sm: 11,
8315
- md: 5.5,
8316
- lg: 5.5
8317
- },
8327
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8328
+ main: {}
8329
+ }
8330
+ },
8331
+ {
8332
+ type: "Control",
8333
+ scope: "#/properties/emptyBox",
8334
+ options: {
8335
+ widget: "EmptyBox"
8336
+ },
8337
+ config: {
8338
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8318
8339
  main: {}
8319
8340
  }
8320
8341
  }
@@ -8324,18 +8345,6 @@ const refreshSectionUiSchema = {
8324
8345
  }
8325
8346
  ]
8326
8347
  };
8327
- var emptyBox = {
8328
- type: "Control",
8329
- scope: "#/properties/emptyBox",
8330
- options: {
8331
- widget: "EmptyBox"
8332
- },
8333
- config: {
8334
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
8335
- main: {},
8336
- style: {}
8337
- }
8338
- };
8339
8348
  var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8340
8349
  return {
8341
8350
  setPage: async function() {
@@ -8346,23 +8355,24 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8346
8355
  this.refreshPage(formdata.Handler, store2);
8347
8356
  },
8348
8357
  refreshPage: (handlerType, store22) => {
8349
- const uiSchema = _.cloneDeep(EventUiSchema);
8358
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8350
8359
  const schema2 = _.cloneDeep(EventSchema);
8351
8360
  if (handlerType) {
8352
8361
  if (handlerType === "custom") {
8353
- uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8354
- uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8355
- uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8362
+ uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8363
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8356
8364
  schema2.required = ["eventType", "Handler", "eventCode"];
8357
8365
  } else if (handlerType === "api") {
8358
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8366
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
8367
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8359
8368
  schema2.required = ["eventType", "Handler", "method", "path"];
8360
8369
  } else if (handlerType === "inBuiltFunction") {
8361
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8362
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8370
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8371
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
8363
8372
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8364
8373
  } else if (handlerType === "refresh") {
8365
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8374
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
8375
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8366
8376
  schema2.properties.refreshElements.required = ["value"];
8367
8377
  schema2.properties.refreshElements.items.required = ["value"];
8368
8378
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -9405,62 +9415,7 @@ const BarGraph = {
9405
9415
  widget: "Graph"
9406
9416
  },
9407
9417
  config: {
9408
- main: {
9409
- header: "Bar Graph",
9410
- bottomLabel: "Name of Employe",
9411
- numTicks: 6,
9412
- leftLabel: "Value in lakhs",
9413
- axisLeft: true,
9414
- axisBottom: true,
9415
- hideTicks: false,
9416
- hideLeftAxisLine: false,
9417
- hideBottomAxisLine: false,
9418
- bottomAxisWidth: "10px",
9419
- legend: {
9420
- labelColor: "green",
9421
- legendTitle: "",
9422
- direction: "row",
9423
- align: "none"
9424
- }
9425
- },
9426
- style: {
9427
- containerStyle: {
9428
- width: "100%",
9429
- height: 300
9430
- },
9431
- headerStyle: {},
9432
- tooltipStyle: {},
9433
- labelStyle: {
9434
- margin: { left: 80, bottom: 20 },
9435
- leftLabelOffset: 50,
9436
- bottomLabelOffset: 10
9437
- },
9438
- barStyle: {
9439
- color: {
9440
- firstBarColor: "#6c5efb",
9441
- secondBarColor: "#3f51b5"
9442
- }
9443
- },
9444
- legendStyle: {
9445
- legend: {
9446
- lineHeight: "0.9em",
9447
- fontSize: "8px",
9448
- fontFamily: "arial",
9449
- padding: "10px 10px",
9450
- width: "30%",
9451
- display: "flex",
9452
- justifyContent: "center",
9453
- border: "1px solid rgba(255, 255, 255, 0.3)",
9454
- borderRadius: " 8px",
9455
- marginRight: "auto"
9456
- },
9457
- legendTitle: {
9458
- fontSize: "10px",
9459
- marginBottom: "10px",
9460
- fontWeight: "100"
9461
- }
9462
- }
9463
- }
9418
+ main: {}
9464
9419
  }
9465
9420
  };
9466
9421
  const PieGraph = {
@@ -9471,35 +9426,7 @@ const PieGraph = {
9471
9426
  },
9472
9427
  config: {
9473
9428
  main: {
9474
- header: "Incentive Branch category wise",
9475
- type: "PieGraph",
9476
- bottomLabel: "Name of Employe",
9477
- leftLabel: "Value",
9478
- axisLeft: true,
9479
- axisBottom: true,
9480
- legendAvailable: true,
9481
- legend: {
9482
- labelColor: "green",
9483
- legendTitle: "Branches",
9484
- direction: "row",
9485
- align: "right"
9486
- }
9487
- },
9488
- style: {
9489
- containerStyle: {
9490
- height: "340"
9491
- },
9492
- headerStyle: {},
9493
- tooltipStyle: {
9494
- backgroundColor: "black",
9495
- width: "80px"
9496
- },
9497
- labelStyle: {},
9498
- legendStyle: {
9499
- legend: {},
9500
- legendTitle: {}
9501
- },
9502
- pieStyle: {}
9429
+ type: "PieGraph"
9503
9430
  }
9504
9431
  }
9505
9432
  };
@@ -9518,7 +9445,7 @@ const LineGraph = {
9518
9445
  leftLabel: "Incentive",
9519
9446
  gridHidden: true,
9520
9447
  numHidden: false,
9521
- tooltipDataKey: ["First", "Second", "Third"],
9448
+ tooltipDataKey: ["MAMA New Project", "Second", "Third"],
9522
9449
  axisLeft: true,
9523
9450
  axisBottom: true,
9524
9451
  hideLeftAxisLine: false,
@@ -9547,28 +9474,7 @@ const HorizontalBarGraph = {
9547
9474
  },
9548
9475
  config: {
9549
9476
  main: {
9550
- header: " ",
9551
- type: "HorizontalBarGraph",
9552
- bottomLabel: " ",
9553
- leftLabel: "Value",
9554
- axisLeft: false,
9555
- axisBottom: true,
9556
- hideBottomTicks: false,
9557
- hideLeftTicks: false,
9558
- hideLeftAxisLine: true,
9559
- hideBottomAxisLine: false,
9560
- bottomAxisWidth: "10px"
9561
- },
9562
- style: {
9563
- containerStyle: {
9564
- width: "100%"
9565
- },
9566
- headerStyle: {},
9567
- tooltipStyle: {},
9568
- labelStyle: {},
9569
- barStyle: {
9570
- color: "#6c5efb"
9571
- }
9477
+ type: "HorizontalBarGraph"
9572
9478
  }
9573
9479
  }
9574
9480
  };
@@ -9587,7 +9493,11 @@ const buildHorizontalBarGraph = (config, componentScope) => {
9587
9493
  horizontalBarGraph.config.containerStyle.background = config.containerBackground;
9588
9494
  }
9589
9495
  if (config.height) {
9590
- horizontalBarGraph.config.style.containerStyle.height = config.height;
9496
+ horizontalBarGraph.config.style = {
9497
+ containerStyle: {
9498
+ height: config.height
9499
+ }
9500
+ };
9591
9501
  }
9592
9502
  if (config.bottomLabel) {
9593
9503
  horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
@@ -9696,7 +9606,11 @@ const buildPieGraph = (config, componentScope) => {
9696
9606
  pieGraph.config.layout = createLayoutFormat(config.layout);
9697
9607
  }
9698
9608
  if (config.height) {
9699
- pieGraph.config.style.containerStyle.height = config.height;
9609
+ pieGraph.config.style = {
9610
+ containerStyle: {
9611
+ height: config.height
9612
+ }
9613
+ };
9700
9614
  }
9701
9615
  if (config.legendHide) {
9702
9616
  pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
@@ -9707,7 +9621,11 @@ const buildPieGraph = (config, componentScope) => {
9707
9621
  pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
9708
9622
  }
9709
9623
  if (config.pieArcColors) {
9710
- pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
9624
+ pieGraph.config.style = {
9625
+ pieStyle: {
9626
+ colorRange: flatObjectValueInArray(config.pieArcColors)
9627
+ }
9628
+ };
9711
9629
  }
9712
9630
  return pieGraph;
9713
9631
  };
@@ -9717,16 +9635,13 @@ const buildStackbarGraph = (config, componentScope) => {
9717
9635
  barGraph.config.layout = createLayoutFormat(config.layout);
9718
9636
  }
9719
9637
  if (config.legendHide) {
9720
- barGraph.config.main.legendAvailable = false;
9638
+ barGraph.config.main.legendAvailable = config.legendHide;
9721
9639
  }
9722
9640
  barGraph.config.main.type = config.graphType;
9723
9641
  barGraph.config.main.header = config.heading;
9724
9642
  if (config.barColor) {
9725
9643
  barGraph.config.barStyle.color = config.barColor;
9726
9644
  }
9727
- if (config.containerBackground) {
9728
- barGraph.config.containerStyle.background = config.containerBackground;
9729
- }
9730
9645
  if (config.height) {
9731
9646
  barGraph.config.style.containerStyle.height = config.height;
9732
9647
  }
@@ -9736,7 +9651,6 @@ const buildStackbarGraph = (config, componentScope) => {
9736
9651
  if (config.leftLabel) {
9737
9652
  barGraph.config.main.leftLabel = config.leftLabel;
9738
9653
  }
9739
- barGraph.scope = componentScope;
9740
9654
  return barGraph;
9741
9655
  };
9742
9656
  var RunnerBoyProgressBar = {
@@ -9789,7 +9703,8 @@ var WrapperSection = {
9789
9703
  config: {
9790
9704
  main: {
9791
9705
  rowSpacing: 3,
9792
- divider: true
9706
+ divider: true,
9707
+ label: "Default Label"
9793
9708
  },
9794
9709
  defaultStyle: true
9795
9710
  },
@@ -9819,12 +9734,7 @@ var TextInputField = {
9819
9734
  widget: "InputField"
9820
9735
  },
9821
9736
  config: {
9822
- layout: {
9823
- xs: 11,
9824
- sm: 11,
9825
- md: 5.5,
9826
- lg: 5.5
9827
- },
9737
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9828
9738
  main: {
9829
9739
  label: ""
9830
9740
  },
@@ -9857,12 +9767,7 @@ var SelectInputField = {
9857
9767
  widget: "SelectInputField"
9858
9768
  },
9859
9769
  config: {
9860
- "layout": {
9861
- "xs": 11,
9862
- "sm": 11,
9863
- "md": 5.5,
9864
- "lg": 5.5
9865
- },
9770
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9866
9771
  main: {
9867
9772
  label: "",
9868
9773
  type: "text",
@@ -10154,7 +10059,7 @@ var Card = {
10154
10059
  rowSpacing: 0.5
10155
10060
  },
10156
10061
  style: {
10157
- wrapperStyle: {
10062
+ componentsBoxStyle: {
10158
10063
  position: "relative",
10159
10064
  color: "white",
10160
10065
  height: { xs: "120px", md: "160px" },
@@ -10274,12 +10179,7 @@ var DateInputField = {
10274
10179
  widget: "DateInputField"
10275
10180
  },
10276
10181
  config: {
10277
- layout: {
10278
- xs: 11,
10279
- sm: 11,
10280
- md: 5.5,
10281
- lg: 5.5
10282
- },
10182
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10283
10183
  main: {
10284
10184
  label: "",
10285
10185
  type: "date"
@@ -10293,12 +10193,7 @@ const DateTime = {
10293
10193
  widget: "DateTimeInputField"
10294
10194
  },
10295
10195
  config: {
10296
- layout: {
10297
- xs: 11,
10298
- sm: 11,
10299
- md: 5.5,
10300
- lg: 5.5
10301
- },
10196
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10302
10197
  main: {
10303
10198
  label: "DateTime",
10304
10199
  type: "date"
@@ -10425,7 +10320,7 @@ var MultipleSelect = {
10425
10320
  widget: "MultipleSelect"
10426
10321
  },
10427
10322
  config: {
10428
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10323
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10429
10324
  main: {
10430
10325
  label: "",
10431
10326
  type: "text",
@@ -10458,7 +10353,7 @@ const buildBasicUiSchema = (config) => {
10458
10353
  pageName: config.name,
10459
10354
  name: config.name,
10460
10355
  accessorKey: config.name,
10461
- header: config.label || config.name,
10356
+ headeing: config.label || config.name,
10462
10357
  "elements": []
10463
10358
  };
10464
10359
  };
@@ -10615,11 +10510,11 @@ const buildRadio = (config, componentScope) => {
10615
10510
  return Radio;
10616
10511
  };
10617
10512
  const buildEmptyBox = (config, componentScope) => {
10618
- const EmptyBox2 = _.cloneDeep(emptyBox);
10513
+ const EmptyBox = _.cloneDeep(emptyBox);
10619
10514
  if (config.layout) {
10620
- EmptyBox2.config.layout = createLayoutFormat(config.layout);
10515
+ EmptyBox.config.layout = createLayoutFormat(config.layout);
10621
10516
  }
10622
- return EmptyBox2;
10517
+ return EmptyBox;
10623
10518
  };
10624
10519
  const ArrayUiSchema = {
10625
10520
  type: "Control",
@@ -11143,7 +11038,7 @@ const buildUiSchema = (config) => {
11143
11038
  switch (config.graphType) {
11144
11039
  case "BarGraph":
11145
11040
  case "StackBarGraph":
11146
- elements = buildStackbarGraph(config, componentScope);
11041
+ elements = buildStackbarGraph(config);
11147
11042
  break;
11148
11043
  case "LineGraph":
11149
11044
  elements = buildLineGraph(config, componentScope);