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

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 (41) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1237 -1392
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +9 -9
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  17. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +11 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  19. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +29 -48
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -26
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +109 -108
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  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 +12 -12
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +311 -286
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +367 -362
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +380 -284
  38. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  39. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  40. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  41. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,393 +43,393 @@ const PageMasterSchema = {
43
43
  },
44
44
  required: ["template", "name"]
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/label",
83
+ options: {
84
+ widget: "InputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Label",
90
+ options: [],
91
+ color: "secondary",
92
+ required: true
93
+ }
119
94
  }
120
- }
121
- },
122
- {
123
- type: "Control",
124
- scope: "#/properties/template",
125
- options: {
126
- widget: "SelectInputField"
127
95
  },
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
139
- }
140
- }
141
- }
142
- ]
143
- },
144
- {
145
- type: "TabLayout",
146
- config: {
147
- main: {
148
- tabLabels: ["Components", "events"],
149
- divider: true
150
- },
151
- defaultStyle: true
152
- },
153
- elements: [
154
- {
155
- type: "WrapperLayout",
156
- config: {
157
- main: {
158
- divider: true
96
+ {
97
+ type: "Control",
98
+ scope: "#/properties/emptyBox",
99
+ options: {
100
+ widget: "EmptyBox"
159
101
  },
160
- wrapperStyle: {
161
- border: "1px solid gray"
102
+ config: {
103
+ layout: { xs: 0, sm: 4 }
162
104
  }
163
105
  },
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
- }
183
- },
184
- {
185
- type: "Control",
186
- scope: "#/properties/AddButton",
187
- options: {
188
- widget: "IconButton"
106
+ {
107
+ type: "TabLayout",
108
+ config: {
109
+ main: {
110
+ tabLabels: ["Components", "events"],
111
+ divider: true
189
112
  },
190
- config: {
191
- layout: 3,
192
- main: {
193
- icon: "AddIcon",
194
- styleDefault: true,
195
- size: "small",
196
- onClick: "onAddClickHandler",
197
- tooltipMessage: "Add New"
198
- },
199
- style: {
200
- float: "right"
201
- }
202
- }
113
+ defaultStyle: true
203
114
  },
204
- {
205
- type: "Control",
206
- scope: "#/properties/elements",
207
- options: {
208
- widget: "Table"
209
- },
210
- config: {
211
- main: {
212
- disableAction: true,
213
- disableSelection: true,
214
- enableDrag: true
215
- }
216
- },
217
- elements: [
218
- {
219
- accessorKey: "name",
220
- header: "Name"
221
- },
222
- {
223
- accessorKey: "type",
224
- header: "Type"
115
+ elements: [
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/elements",
119
+ options: {
120
+ widget: "Table"
225
121
  },
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"
122
+ config: {
123
+ main: {
124
+ headerIcons: {
125
+ elements: [
126
+ {
127
+ widget: {
128
+ type: "Control",
129
+ scope: "#/properties/New_Record",
130
+ options: {
131
+ widget: "IconButton"
132
+ },
133
+ config: {
134
+ main: {
135
+ onClick: "onAddClickHandler",
136
+ size: "small",
137
+ icon: "AddIcon",
138
+ iconLabel: "Add New",
139
+ styleDefault: true
140
+ },
141
+ style: {
142
+ mt: "6px"
143
+ }
144
+ }
145
+ }
146
+ }
147
+ ]
235
148
  },
236
- config: {
237
- main: {
238
- icon: "EditIcon",
239
- color: "primary",
240
- onClick: "Edit_Components",
241
- tooltipMessage: "Edit This Record"
149
+ disableAction: true,
150
+ disableSelection: true,
151
+ enableDrag: true
152
+ }
153
+ },
154
+ elements: [
155
+ {
156
+ accessorKey: "name",
157
+ header: "Name"
158
+ },
159
+ {
160
+ accessorKey: "type",
161
+ header: "Type"
162
+ },
163
+ {
164
+ header: "Edit",
165
+ field: "Reject_Records",
166
+ flex: 1,
167
+ widget: {
168
+ type: "Control",
169
+ scope: "#/properties/RejectButton",
170
+ options: {
171
+ widget: "IconButton"
172
+ },
173
+ config: {
174
+ main: {
175
+ icon: "EditIcon",
176
+ onClick: "Edit_Components",
177
+ tooltipMessage: "Edit This Record"
178
+ }
179
+ }
180
+ }
181
+ },
182
+ {
183
+ header: "Delete",
184
+ field: "Reject_Records",
185
+ flex: 1,
186
+ widget: {
187
+ type: "Control",
188
+ scope: "#/properties/RejectButton",
189
+ options: {
190
+ widget: "IconButton"
191
+ },
192
+ config: {
193
+ main: {
194
+ icon: "RejectIcon",
195
+ color: "error",
196
+ onClick: "Delete_Components",
197
+ tooltipMessage: "Reject This Record"
198
+ }
242
199
  }
243
200
  }
244
201
  }
202
+ ]
203
+ },
204
+ {
205
+ type: "Control",
206
+ scope: "#/properties/events",
207
+ options: {
208
+ widget: "Table"
245
209
  },
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"
210
+ config: {
211
+ main: {
212
+ headerIcons: {
213
+ elements: [
214
+ {
215
+ widget: {
216
+ type: "Control",
217
+ scope: "#/properties/New_Record",
218
+ options: {
219
+ widget: "IconButton"
220
+ },
221
+ config: {
222
+ main: {
223
+ onClick: "eventAddHandler",
224
+ size: "small",
225
+ icon: "AddIcon",
226
+ iconLabel: "Add New",
227
+ styleDefault: true
228
+ },
229
+ style: {
230
+ mt: "6px"
231
+ }
232
+ }
233
+ }
234
+ }
235
+ ]
255
236
  },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- onClick: "Delete_Components",
261
- tooltipMessage: "Reject This Record"
237
+ disableAction: true,
238
+ disableSelection: true,
239
+ enableDrag: true
240
+ }
241
+ },
242
+ elements: [
243
+ {
244
+ accessorKey: "eventType",
245
+ header: "Event Type"
246
+ },
247
+ {
248
+ accessorKey: "Handler",
249
+ header: "Handler"
250
+ },
251
+ {
252
+ accessorKey: "Edit_Approve_Records",
253
+ header: "Edit Widget",
254
+ widget: {
255
+ type: "Control",
256
+ scope: "#/properties/Edit_Records",
257
+ options: {
258
+ widget: "IconButton"
259
+ },
260
+ config: {
261
+ main: {
262
+ size: "small",
263
+ icon: "EditIcon",
264
+ tooltipMessage: "Edit This Record",
265
+ onClick: "editEvent"
266
+ },
267
+ style: {
268
+ color: "#3949ab"
269
+ }
270
+ }
271
+ }
272
+ },
273
+ {
274
+ accessorKey: "Reject_Records",
275
+ header: "Delete",
276
+ widget: {
277
+ type: "Control",
278
+ scope: "#/properties/RejectButton",
279
+ options: {
280
+ widget: "IconButton"
281
+ },
282
+ config: {
283
+ main: {
284
+ icon: "RejectIcon",
285
+ color: "error",
286
+ tooltipMessage: "Reject This Record",
287
+ onClick: "deleteEvent"
288
+ }
262
289
  }
263
290
  }
264
291
  }
265
- }
266
- ]
267
- }
268
- ]
269
- },
270
- {
271
- type: "WrapperLayout",
272
- config: {
273
- main: {
274
- divider: true
292
+ ]
293
+ }
294
+ ]
295
+ },
296
+ {
297
+ type: "Control",
298
+ scope: "#/properties/btn",
299
+ options: {
300
+ widget: "Button"
275
301
  },
276
- wrapperStyle: {
277
- border: "1px solid gray"
302
+ config: {
303
+ layout: 11.9,
304
+ main: {
305
+ name: "Save",
306
+ startIcon: "ApproveIcon",
307
+ variant: "contained",
308
+ type: "text",
309
+ onClick: "saveHandler",
310
+ size: "medium"
311
+ },
312
+ style: {
313
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
314
+ float: "right"
315
+ }
278
316
  }
317
+ }
318
+ ]
319
+ },
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/notify",
323
+ options: {
324
+ widget: "Notify"
325
+ },
326
+ layout: 6
327
+ },
328
+ {
329
+ type: "HorizontalLayout",
330
+ config: {
331
+ main: {
332
+ direction: "row"
279
333
  },
280
- elements: [
281
- {
282
- type: "Control",
283
- scope: "#/properties/heading",
284
- options: {
285
- widget: "Box"
334
+ style: {
335
+ flexDirection: "row",
336
+ position: "absolute",
337
+ bottom: 0,
338
+ marginBottom: "-8px",
339
+ height: "fit-content",
340
+ overflow: "hidden",
341
+ zIndex: 1e3,
342
+ width: "inherit"
343
+ }
344
+ },
345
+ elements: [
346
+ {
347
+ type: "Control",
348
+ scope: "#/properties/FooterText",
349
+ options: {
350
+ widget: "Box"
351
+ },
352
+ config: {
353
+ main: {
354
+ heading: "Copywriter@ACT21.IO"
286
355
  },
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"
297
- }
356
+ style: {
357
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
358
+ fontSize: "12px",
359
+ textAlign: "center",
360
+ lineHeight: 1,
361
+ width: "fit-content",
362
+ left: "50%",
363
+ position: "relative",
364
+ margin: 0,
365
+ flexGrow: 1,
366
+ height: 0
298
367
  }
368
+ }
369
+ },
370
+ {
371
+ type: "Control",
372
+ scope: "#/properties/backIcon",
373
+ options: {
374
+ widget: "Box"
299
375
  },
300
- {
301
- type: "Control",
302
- scope: "#/properties/AddButton",
303
- options: {
304
- widget: "IconButton"
376
+ config: {
377
+ main: {
378
+ iconName: "PrevIcon",
379
+ onClick: "backHandler",
380
+ width: "fit-content"
305
381
  },
306
- config: {
307
- layout: 3,
308
- main: {
309
- icon: "AddIcon",
310
- styleDefault: true,
311
- size: "small",
312
- onClick: "eventAddHandler",
313
- tooltipMessage: "Back"
314
- },
315
- style: {
316
- float: "right"
382
+ style: {
383
+ fill: theme.palette.primary.main,
384
+ width: 20,
385
+ height: 0,
386
+ margin: 0,
387
+ top: 0,
388
+ right: "82px",
389
+ position: "absolute",
390
+ fontSize: "12px",
391
+ cursor: "pointer",
392
+ ":hover": {
393
+ fill: theme.palette.primary.dark
317
394
  }
318
395
  }
396
+ }
397
+ },
398
+ {
399
+ type: "Control",
400
+ scope: "#/properties/text",
401
+ options: {
402
+ widget: "Box"
319
403
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/events",
323
- options: {
324
- widget: "Table"
404
+ config: {
405
+ main: {
406
+ heading: "Previous Page",
407
+ onClick: "backHandler"
325
408
  },
326
- config: {
327
- main: {
328
- disableAction: true,
329
- disableSelection: true,
330
- enableDrag: true
409
+ style: {
410
+ textAlign: "left",
411
+ lineHeight: 1,
412
+ height: 0,
413
+ width: "fit-content",
414
+ color: theme.palette.primary.main,
415
+ fontSize: "12px",
416
+ cursor: "pointer",
417
+ marginLeft: "2px",
418
+ marginRight: 0,
419
+ top: 3,
420
+ right: "12px",
421
+ position: "absolute",
422
+ ":hover": {
423
+ color: theme.palette.primary.dark
331
424
  }
332
- },
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"
350
- },
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
- }
362
- }
363
- }
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
- }
381
- }
382
- }
383
- }
384
- ]
425
+ }
385
426
  }
386
- ]
387
- }
388
- ]
389
- },
390
- {
391
- type: "Control",
392
- scope: "#/properties/btn",
393
- options: {
394
- widget: "EmptyBox"
395
- },
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"
405
- },
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"
416
- },
417
- style: {
418
- marginBottom: "8px",
419
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
- float: "right"
421
- }
427
+ }
428
+ ]
422
429
  }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
- },
430
- layout: 6
431
- }
432
- ]
430
+ ]
431
+ };
432
+ return uiSchema;
433
433
  };
434
434
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
435
  var lodash = { exports: {} };
@@ -6159,320 +6159,317 @@ const ComponentSchema = {
6159
6159
  { title: "Exception Icon", const: "ExceptionIcon" }
6160
6160
  ]
6161
6161
  },
6162
- color: {
6163
- type: "string",
6164
- oneOf: [
6165
- { title: "Primary", const: "primary" },
6166
- { title: "Secondary", const: "secondary" },
6167
- { title: "Error", const: "error" },
6168
- { title: "Success", const: "success" },
6169
- { title: "Info", const: "info" }
6170
- ]
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"
6268
- },
6269
- config: {
6270
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
- main: {
6272
- label: "Type"
6273
- }
6274
- }
6275
- },
6276
- {
6277
- type: "Control",
6278
- scope: "#/properties/name",
6279
- options: {
6280
- widget: "InputField"
6281
- },
6282
- config: {
6283
- layout: {
6284
- xs: 12,
6285
- sm: 12,
6286
- md: 6,
6287
- lg: 6
6162
+ color: {
6163
+ type: "string",
6164
+ oneOf: [
6165
+ { title: "Primary", const: "primary" },
6166
+ { title: "Secondary", const: "secondary" },
6167
+ { title: "Error", const: "error" },
6168
+ { title: "Success", const: "success" },
6169
+ { title: "Info", const: "info" }
6170
+ ]
6171
+ },
6172
+ name: {
6173
+ type: "string"
6174
+ },
6175
+ label: { type: "string" }
6176
+ },
6177
+ required: ["name"]
6178
+ };
6179
+ const componentBasicUiSchema = (theme) => {
6180
+ var _a;
6181
+ const uiSchema = {
6182
+ type: "HorizontalLayout",
6183
+ heading: "Component",
6184
+ elements: [
6185
+ {
6186
+ type: "TabLayout",
6187
+ config: {
6188
+ main: {
6189
+ tabLabels: ["Core"],
6190
+ defaultStyle: true,
6191
+ id: `component`
6192
+ }
6193
+ },
6194
+ elements: [
6195
+ {
6196
+ type: "HorizontalLayout",
6197
+ elements: [
6198
+ {
6199
+ type: "Control",
6200
+ scope: "#/properties/type",
6201
+ options: {
6202
+ widget: "SelectInputField"
6288
6203
  },
6289
- main: {
6290
- label: "Name",
6291
- options: [],
6292
- color: "secondary",
6293
- required: true
6204
+ config: {
6205
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6206
+ main: {
6207
+ label: "Type"
6208
+ }
6294
6209
  }
6295
- }
6296
- },
6297
- {
6298
- type: "Control",
6299
- scope: "#/properties/label",
6300
- options: {
6301
- widget: "InputField"
6302
6210
  },
6303
- config: {
6304
- layout: {
6305
- xs: 12,
6306
- sm: 12,
6307
- md: 6,
6308
- lg: 6
6211
+ {
6212
+ type: "Control",
6213
+ scope: "#/properties/name",
6214
+ options: {
6215
+ widget: "InputField"
6309
6216
  },
6310
- main: {
6311
- label: "Label",
6312
- options: [],
6313
- color: "secondary",
6314
- required: true
6217
+ config: {
6218
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6219
+ main: {
6220
+ label: "Name",
6221
+ options: [],
6222
+ color: "secondary",
6223
+ required: true
6224
+ }
6315
6225
  }
6316
- }
6317
- },
6318
- {
6319
- type: "Control",
6320
- scope: "#/properties/columnFormat",
6321
- options: {
6322
- widget: "SelectInputField"
6323
6226
  },
6324
- config: {
6325
- layout: {
6326
- xs: 12,
6327
- sm: 12,
6328
- md: 6,
6329
- lg: 6
6227
+ {
6228
+ type: "Control",
6229
+ scope: "#/properties/label",
6230
+ options: {
6231
+ widget: "InputField"
6330
6232
  },
6331
- main: {
6332
- label: "Column Format"
6233
+ config: {
6234
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6235
+ main: {
6236
+ label: "Label",
6237
+ options: [],
6238
+ color: "secondary",
6239
+ required: true
6240
+ }
6333
6241
  }
6334
- }
6335
- },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/proc",
6339
- config: {
6340
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6341
6242
  },
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"
6243
+ {
6244
+ type: "Control",
6245
+ scope: "#/properties/layout",
6246
+ layout: 12,
6247
+ options: {
6248
+ detail: {
6249
+ type: "HorizontalLayout",
6250
+ elements: [
6251
+ {
6252
+ type: "Control",
6253
+ scope: "#/properties/key",
6254
+ options: {
6255
+ widget: "SelectInputField"
6256
+ },
6257
+ config: {
6258
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6259
+ main: {
6260
+ label: "Screen Size"
6261
+ }
6262
+ }
6359
6263
  },
6360
- config: {
6361
- layout: {
6362
- xs: 11,
6363
- sm: 11,
6364
- md: 5.5,
6365
- lg: 5.5
6264
+ {
6265
+ type: "Control",
6266
+ scope: "#/properties/value",
6267
+ options: {
6268
+ widget: "InputField"
6366
6269
  },
6367
- main: {
6368
- label: "Screen Size"
6270
+ config: {
6271
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6272
+ main: {
6273
+ label: "Value",
6274
+ type: "number",
6275
+ helperText: "Number should be in range of 0 to 12",
6276
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6277
+ }
6369
6278
  }
6370
- }
6371
- },
6372
- {
6373
- type: "Control",
6374
- scope: "#/properties/value",
6375
- options: {
6376
- widget: "InputField"
6377
6279
  },
6378
- config: {
6379
- layout: {
6380
- xs: 11,
6381
- sm: 11,
6382
- md: 5.5,
6383
- lg: 5.5
6280
+ {
6281
+ type: "Control",
6282
+ scope: "#/properties/emptyBox",
6283
+ options: {
6284
+ widget: "EmptyBox"
6384
6285
  },
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."
6286
+ config: {
6287
+ layout: { xs: 0, sm: 4 }
6390
6288
  }
6391
6289
  }
6392
- }
6393
- ]
6290
+ ]
6291
+ }
6394
6292
  }
6395
6293
  }
6396
- }
6397
- ]
6294
+ ]
6295
+ }
6296
+ ]
6297
+ },
6298
+ {
6299
+ type: "Control",
6300
+ scope: "#/properties/EmptyBox",
6301
+ options: {
6302
+ widget: "EmptyBox"
6303
+ },
6304
+ config: {
6305
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6398
6306
  }
6399
- ]
6400
- },
6401
- {
6402
- type: "Control",
6403
- scope: "#/properties/proc",
6404
- config: {
6405
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6406
6307
  },
6407
- options: {
6408
- widget: "EmptyBox"
6409
- }
6410
- },
6411
- {
6412
- type: "Control",
6413
- scope: "#/properties/btn",
6414
- options: {
6415
- widget: "Button"
6308
+ {
6309
+ type: "Control",
6310
+ scope: "#/properties/EmptyBox",
6311
+ options: {
6312
+ widget: "EmptyBox"
6313
+ },
6314
+ config: {
6315
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6316
+ }
6416
6317
  },
6417
- config: {
6418
- layout: {
6419
- xs: 11,
6420
- sm: 11,
6421
- md: 2.5,
6422
- lg: 2.5
6318
+ {
6319
+ type: "Control",
6320
+ scope: "#/properties/btn",
6321
+ options: {
6322
+ widget: "Button"
6423
6323
  },
6424
- main: {
6425
- name: "Ok",
6426
- startIcon: "ApproveIcon",
6427
- variant: "contained",
6428
- color: "info",
6429
- type: "text",
6430
- onClick: "okHandler",
6431
- size: "small"
6324
+ config: {
6325
+ layout: 1.8,
6326
+ main: {
6327
+ name: "Ok",
6328
+ startIcon: "ApproveIcon",
6329
+ variant: "contained",
6330
+ type: "text",
6331
+ onClick: "okHandler",
6332
+ size: "medium"
6333
+ },
6334
+ style: {
6335
+ float: "right"
6336
+ }
6337
+ }
6338
+ },
6339
+ {
6340
+ type: "Control",
6341
+ scope: "#/properties/btnSubmit",
6342
+ options: {
6343
+ widget: "Button"
6432
6344
  },
6433
- style: {
6434
- marginBottom: "8px",
6435
- float: "right"
6345
+ config: {
6346
+ layout: 1.8,
6347
+ main: {
6348
+ name: "Save & Exit",
6349
+ startIcon: "ApproveIcon",
6350
+ variant: "contained",
6351
+ type: "text",
6352
+ onClick: "saveHandler",
6353
+ size: "medium"
6354
+ },
6355
+ style: {
6356
+ float: "right"
6357
+ }
6436
6358
  }
6437
- }
6438
- },
6439
- {
6440
- type: "Control",
6441
- scope: "#/properties/btnSubmit",
6442
- options: {
6443
- widget: "Button"
6444
6359
  },
6445
- config: {
6446
- layout: {
6447
- xs: 11,
6448
- sm: 11,
6449
- md: 2.5,
6450
- lg: 2.5
6360
+ {
6361
+ type: "Control",
6362
+ scope: "#/properties/notify",
6363
+ options: {
6364
+ widget: "Notify"
6451
6365
  },
6452
- main: {
6453
- name: "Save & Exit",
6454
- startIcon: "ApproveIcon",
6455
- variant: "contained",
6456
- color: "info",
6457
- type: "text",
6458
- onClick: "saveHandler",
6459
- size: "small"
6366
+ layout: 6
6367
+ },
6368
+ {
6369
+ type: "HorizontalLayout",
6370
+ config: {
6371
+ main: {
6372
+ direction: "row"
6373
+ },
6374
+ style: {
6375
+ flexDirection: "row",
6376
+ position: "absolute",
6377
+ bottom: 0,
6378
+ marginBottom: "-8px",
6379
+ height: "fit-content",
6380
+ overflow: "hidden",
6381
+ zIndex: 1e3,
6382
+ width: "inherit"
6383
+ }
6460
6384
  },
6461
- style: {
6462
- marginBottom: "8px",
6463
- float: "right"
6464
- }
6385
+ elements: [
6386
+ {
6387
+ type: "Control",
6388
+ scope: "#/properties/FooterText",
6389
+ options: {
6390
+ widget: "Box"
6391
+ },
6392
+ config: {
6393
+ main: {
6394
+ heading: "Copywriter@ACT21.IO"
6395
+ },
6396
+ style: {
6397
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6398
+ fontSize: "12px",
6399
+ textAlign: "center",
6400
+ lineHeight: 1,
6401
+ width: "fit-content",
6402
+ left: "50%",
6403
+ position: "relative",
6404
+ margin: 0,
6405
+ flexGrow: 1,
6406
+ height: 0
6407
+ }
6408
+ }
6409
+ },
6410
+ {
6411
+ type: "Control",
6412
+ scope: "#/properties/backIcon",
6413
+ options: {
6414
+ widget: "Box"
6415
+ },
6416
+ config: {
6417
+ main: {
6418
+ iconName: "PrevIcon",
6419
+ onClick: "backHandler",
6420
+ width: "fit-content"
6421
+ },
6422
+ style: {
6423
+ fill: theme.palette.primary.main,
6424
+ width: 20,
6425
+ height: 0,
6426
+ margin: 0,
6427
+ top: 0,
6428
+ right: "90px",
6429
+ position: "absolute",
6430
+ fontSize: "12px",
6431
+ cursor: "pointer",
6432
+ ":hover": {
6433
+ fill: theme.palette.primary.dark
6434
+ }
6435
+ }
6436
+ }
6437
+ },
6438
+ {
6439
+ type: "Control",
6440
+ scope: "#/properties/text",
6441
+ options: {
6442
+ widget: "Box"
6443
+ },
6444
+ config: {
6445
+ main: {
6446
+ heading: "Previous Page",
6447
+ onClick: "backHandler"
6448
+ },
6449
+ style: {
6450
+ textAlign: "left",
6451
+ lineHeight: 1,
6452
+ height: 0,
6453
+ width: "fit-content",
6454
+ color: theme.palette.primary.main,
6455
+ fontSize: "12px",
6456
+ cursor: "pointer",
6457
+ marginLeft: "2px",
6458
+ marginRight: 0,
6459
+ top: 3,
6460
+ right: "20px",
6461
+ position: "absolute",
6462
+ ":hover": {
6463
+ color: theme.palette.primary.dark
6464
+ }
6465
+ }
6466
+ }
6467
+ }
6468
+ ]
6465
6469
  }
6466
- },
6467
- {
6468
- type: "Control",
6469
- scope: "#/properties/notify",
6470
- options: {
6471
- widget: "Notify"
6472
- },
6473
- layout: 6
6474
- }
6475
- ]
6470
+ ]
6471
+ };
6472
+ return uiSchema;
6476
6473
  };
6477
6474
  const CoreSection = {
6478
6475
  type: "HorizontalLayout",
@@ -6484,7 +6481,7 @@ const CoreSection = {
6484
6481
  widget: "SelectInputField"
6485
6482
  },
6486
6483
  config: {
6487
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6484
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6488
6485
  main: {
6489
6486
  label: "Type",
6490
6487
  type: "text"
@@ -6498,12 +6495,7 @@ const CoreSection = {
6498
6495
  widget: "InputField"
6499
6496
  },
6500
6497
  config: {
6501
- layout: {
6502
- xs: 12,
6503
- sm: 12,
6504
- md: 6,
6505
- lg: 6
6506
- },
6498
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6507
6499
  main: {
6508
6500
  label: "Name"
6509
6501
  }
@@ -6516,12 +6508,7 @@ const CoreSection = {
6516
6508
  widget: "InputField"
6517
6509
  },
6518
6510
  config: {
6519
- layout: {
6520
- xs: 12,
6521
- sm: 12,
6522
- md: 6,
6523
- lg: 6
6524
- },
6511
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6525
6512
  main: {
6526
6513
  label: "Label"
6527
6514
  }
@@ -6558,7 +6545,7 @@ const CoreSection = {
6558
6545
  {
6559
6546
  type: "Control",
6560
6547
  scope: "#/properties/layout",
6561
- layout: 11.5,
6548
+ layout: 12,
6562
6549
  options: {
6563
6550
  "elementLabelProp": "key",
6564
6551
  detail: {
@@ -6571,12 +6558,7 @@ const CoreSection = {
6571
6558
  widget: "SelectInputField"
6572
6559
  },
6573
6560
  config: {
6574
- layout: {
6575
- xs: 11,
6576
- sm: 11,
6577
- md: 5.5,
6578
- lg: 5.5
6579
- },
6561
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6580
6562
  main: {
6581
6563
  label: "Screen Size"
6582
6564
  }
@@ -6589,12 +6571,7 @@ const CoreSection = {
6589
6571
  widget: "InputField"
6590
6572
  },
6591
6573
  config: {
6592
- layout: {
6593
- xs: 11,
6594
- sm: 11,
6595
- md: 5.5,
6596
- lg: 5.5
6597
- },
6574
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6598
6575
  main: {
6599
6576
  label: "Value",
6600
6577
  type: "number",
@@ -6602,6 +6579,16 @@ const CoreSection = {
6602
6579
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6603
6580
  }
6604
6581
  }
6582
+ },
6583
+ {
6584
+ type: "Control",
6585
+ scope: "#/properties/emptyBox",
6586
+ options: {
6587
+ widget: "EmptyBox"
6588
+ },
6589
+ config: {
6590
+ layout: { xs: 0, sm: 4 }
6591
+ }
6605
6592
  }
6606
6593
  ]
6607
6594
  }
@@ -6613,121 +6600,95 @@ const EventSection = {
6613
6600
  type: "HorizontalLayout",
6614
6601
  elements: [
6615
6602
  {
6616
- type: "WrapperLayout",
6603
+ type: "Control",
6604
+ scope: "#/properties/events",
6605
+ options: {
6606
+ widget: "Table"
6607
+ },
6617
6608
  config: {
6618
6609
  main: {
6619
- divider: true
6620
- },
6621
- wrapperStyle: {
6622
- border: "1px solid gray"
6610
+ headerIcons: {
6611
+ elements: [
6612
+ {
6613
+ widget: {
6614
+ type: "Control",
6615
+ scope: "#/properties/New_Record",
6616
+ options: {
6617
+ widget: "IconButton"
6618
+ },
6619
+ config: {
6620
+ main: {
6621
+ color: "info",
6622
+ onClick: "eventAddHandler",
6623
+ size: "small",
6624
+ icon: "AddIcon",
6625
+ iconLabel: "Add New",
6626
+ styleDefault: true
6627
+ },
6628
+ style: {
6629
+ mt: "6px"
6630
+ }
6631
+ }
6632
+ }
6633
+ }
6634
+ ]
6635
+ },
6636
+ disableAction: true,
6637
+ disableSelection: true,
6638
+ enableDrag: true
6623
6639
  }
6624
6640
  },
6625
6641
  elements: [
6626
6642
  {
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
- }
6643
+ accessorKey: "eventType",
6644
+ header: "Event Type"
6644
6645
  },
6645
6646
  {
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"
6647
+ accessorKey: "Handler",
6648
+ header: "Handler"
6649
+ },
6650
+ {
6651
+ accessorKey: "Edit_Approve_Records",
6652
+ header: "Edit Widget",
6653
+ widget: {
6654
+ type: "Control",
6655
+ scope: "#/properties/Edit_Records",
6656
+ options: {
6657
+ widget: "IconButton"
6659
6658
  },
6660
- style: {
6661
- float: "right"
6659
+ config: {
6660
+ main: {
6661
+ color: "info",
6662
+ size: "small",
6663
+ icon: "EditIcon",
6664
+ tooltipMessage: "Edit This Record",
6665
+ onClick: "eventEditHandler"
6666
+ },
6667
+ style: {
6668
+ color: "#3949ab"
6669
+ }
6662
6670
  }
6663
6671
  }
6664
6672
  },
6665
6673
  {
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
- }
6674
+ accessorKey: "Reject_Records",
6675
+ header: "Delete",
6676
+ widget: {
6677
+ type: "Control",
6678
+ scope: "#/properties/RejectButton",
6679
+ accessorKeyName: "Reject_Records",
6680
+ options: {
6681
+ widget: "IconButton"
6709
6682
  },
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
- }
6683
+ config: {
6684
+ main: {
6685
+ icon: "RejectIcon",
6686
+ color: "error",
6687
+ tooltipMessage: "Reject This Record",
6688
+ onClick: "deleteEvent"
6728
6689
  }
6729
6690
  }
6730
- ]
6691
+ }
6731
6692
  }
6732
6693
  ]
6733
6694
  }
@@ -6740,12 +6701,7 @@ const EmptyBox = {
6740
6701
  widget: "EmptyBox"
6741
6702
  },
6742
6703
  config: {
6743
- layout: {
6744
- xs: 11,
6745
- sm: 11,
6746
- md: 5.5,
6747
- lg: 5.5
6748
- },
6704
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6749
6705
  main: {}
6750
6706
  }
6751
6707
  };
@@ -6764,12 +6720,7 @@ const cardLayout = {
6764
6720
  widget: "SelectInputField"
6765
6721
  },
6766
6722
  config: {
6767
- layout: {
6768
- xs: 11,
6769
- sm: 11,
6770
- md: 5.5,
6771
- lg: 5.5
6772
- },
6723
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6773
6724
  main: {
6774
6725
  label: "Screen Size"
6775
6726
  }
@@ -6782,12 +6733,7 @@ const cardLayout = {
6782
6733
  widget: "InputField"
6783
6734
  },
6784
6735
  config: {
6785
- layout: {
6786
- xs: 11,
6787
- sm: 11,
6788
- md: 5.5,
6789
- lg: 5.5
6790
- },
6736
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6791
6737
  main: {
6792
6738
  label: "Value",
6793
6739
  type: "number",
@@ -6795,7 +6741,8 @@ const cardLayout = {
6795
6741
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6796
6742
  }
6797
6743
  }
6798
- }
6744
+ },
6745
+ EmptyBox
6799
6746
  ]
6800
6747
  }
6801
6748
  }
@@ -6817,17 +6764,13 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6817
6764
  widget: "InputField"
6818
6765
  },
6819
6766
  config: {
6820
- layout: {
6821
- xs: 11,
6822
- sm: 11,
6823
- md: 5.5,
6824
- lg: 5.5
6825
- },
6767
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6826
6768
  main: {
6827
6769
  label: childLabel || "Labels for Tab"
6828
6770
  }
6829
6771
  }
6830
6772
  },
6773
+ EmptyBox,
6831
6774
  EmptyBox
6832
6775
  ]
6833
6776
  }
@@ -6842,12 +6785,7 @@ sizeHolder.options.detail.elements[1] = {
6842
6785
  widget: "InputField"
6843
6786
  },
6844
6787
  config: {
6845
- layout: {
6846
- xs: 11,
6847
- sm: 11,
6848
- md: 5.5,
6849
- lg: 5.5
6850
- },
6788
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6851
6789
  main: {
6852
6790
  label: "Size"
6853
6791
  }
@@ -6861,12 +6799,7 @@ const getInputField = (scope, label) => {
6861
6799
  widget: "InputField"
6862
6800
  },
6863
6801
  config: {
6864
- layout: {
6865
- xs: 11,
6866
- sm: 11,
6867
- md: 5.5,
6868
- lg: 5.5
6869
- },
6802
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6870
6803
  main: {
6871
6804
  label
6872
6805
  }
@@ -6881,12 +6814,7 @@ const getRadioInputField = (scope, label, options) => {
6881
6814
  widget: "RadioInputField"
6882
6815
  },
6883
6816
  config: {
6884
- layout: {
6885
- xs: 11,
6886
- sm: 11,
6887
- md: 5.5,
6888
- lg: 5.5
6889
- },
6817
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6890
6818
  main: {
6891
6819
  label,
6892
6820
  options
@@ -6929,7 +6857,7 @@ const getSelectField = (scope, label, options) => {
6929
6857
  widget: "SelectInputField"
6930
6858
  },
6931
6859
  config: {
6932
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6860
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6933
6861
  main: {
6934
6862
  label,
6935
6863
  type: "text"
@@ -6967,6 +6895,8 @@ const buildPropertiesSection = function(type) {
6967
6895
  getInputField("elevation", "Card Elevation"),
6968
6896
  getInputField("height", "Grid height"),
6969
6897
  getInputField("justifyContent", "justifyContent"),
6898
+ EmptyBox,
6899
+ EmptyBox,
6970
6900
  cardLayout
6971
6901
  ];
6972
6902
  break;
@@ -6977,6 +6907,7 @@ const buildPropertiesSection = function(type) {
6977
6907
  getInputField("resetText", "Reset Text"),
6978
6908
  getInputField("completeText", "Complete Text"),
6979
6909
  getSelectField("orientation", "Orientation Type"),
6910
+ EmptyBox,
6980
6911
  getArrayControl("sectionLabels", "label")
6981
6912
  ];
6982
6913
  break;
@@ -6992,12 +6923,14 @@ const buildPropertiesSection = function(type) {
6992
6923
  uiSchema.elements = [
6993
6924
  getInputField("placeholder", "Placeholder"),
6994
6925
  EmptyBox,
6926
+ EmptyBox,
6995
6927
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6996
6928
  ];
6997
6929
  break;
6998
6930
  case "TextArea":
6999
6931
  uiSchema.elements = [
7000
6932
  getInputField("placeholder", "Placeholder"),
6933
+ EmptyBox,
7001
6934
  EmptyBox
7002
6935
  ];
7003
6936
  break;
@@ -7007,7 +6940,8 @@ const buildPropertiesSection = function(type) {
7007
6940
  getInputField("heading", "Container Heading"),
7008
6941
  getInputField("heading", "Container Heading"),
7009
6942
  getInputField("speedoCaption", "Speedometer Caption"),
7010
- getInputField("width", "Speedometer Width")
6943
+ getInputField("width", "Speedometer Width"),
6944
+ EmptyBox
7011
6945
  ];
7012
6946
  break;
7013
6947
  case "RankCard":
@@ -7015,7 +6949,9 @@ const buildPropertiesSection = function(type) {
7015
6949
  getInputField("rank", "Rank"),
7016
6950
  getInputField("image", "Image Url"),
7017
6951
  getInputField("title", "Card Title"),
7018
- getInputField("description", "Card Description")
6952
+ getInputField("description", "Card Description"),
6953
+ EmptyBox,
6954
+ EmptyBox
7019
6955
  ];
7020
6956
  break;
7021
6957
  case "LeaderBoard":
@@ -7024,6 +6960,8 @@ const buildPropertiesSection = function(type) {
7024
6960
  getInputField("firstImage", "First Image url"),
7025
6961
  getInputField("secondImage", "Second Image url"),
7026
6962
  getInputField("thirdImage", "Third Image url"),
6963
+ EmptyBox,
6964
+ EmptyBox,
7027
6965
  getTextArea("functionCode", "Write Compare Code", false)
7028
6966
  ];
7029
6967
  break;
@@ -7039,7 +6977,9 @@ const buildPropertiesSection = function(type) {
7039
6977
  getInputField("heading", "Heading"),
7040
6978
  getInputField("bottomLabel_1", "First BottomLabel"),
7041
6979
  getInputField("bottomLabel_2", "Second BottomLabel"),
7042
- getInputField("bottomLabel_3", "Third BottomLabel")
6980
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6981
+ EmptyBox,
6982
+ EmptyBox
7043
6983
  ];
7044
6984
  break;
7045
6985
  case "card":
@@ -7110,12 +7050,14 @@ const buildPropertiesSection = function(type) {
7110
7050
  case "Select":
7111
7051
  uiSchema.elements = [
7112
7052
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7113
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7053
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7054
+ EmptyBox
7114
7055
  ];
7115
7056
  break;
7116
7057
  case "MultipleSelect":
7117
7058
  uiSchema.elements = [
7118
7059
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7060
+ EmptyBox,
7119
7061
  EmptyBox
7120
7062
  ];
7121
7063
  break;
@@ -7161,116 +7103,92 @@ const TableSection = {
7161
7103
  type: "HorizontalLayout",
7162
7104
  elements: [
7163
7105
  {
7164
- type: "WrapperLayout",
7106
+ type: "Control",
7107
+ scope: "#/properties/elements",
7108
+ options: {
7109
+ widget: "Table"
7110
+ },
7165
7111
  config: {
7166
- main: {},
7167
- wrapperStyle: {
7168
- border: "1px solid gray"
7112
+ main: {
7113
+ headerIcons: {
7114
+ elements: [
7115
+ {
7116
+ widget: {
7117
+ type: "Control",
7118
+ scope: "#/properties/New_Record",
7119
+ options: {
7120
+ widget: "IconButton"
7121
+ },
7122
+ config: {
7123
+ main: {
7124
+ color: "info",
7125
+ onClick: "widgetAddClickHandler",
7126
+ size: "small",
7127
+ icon: "AddIcon",
7128
+ iconLabel: "Add New",
7129
+ styleDefault: true
7130
+ },
7131
+ style: {
7132
+ mt: "6px"
7133
+ }
7134
+ }
7135
+ }
7136
+ }
7137
+ ]
7138
+ },
7139
+ disableAction: true,
7140
+ disableSelection: true,
7141
+ enableDrag: true
7169
7142
  }
7170
7143
  },
7171
7144
  elements: [
7172
7145
  {
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
- }
7146
+ accessorKey: "name",
7147
+ header: "Name"
7190
7148
  },
7191
7149
  {
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"
7150
+ accessorKey: "type",
7151
+ header: "Type"
7152
+ },
7153
+ {
7154
+ header: "Edit Record",
7155
+ field: "Reject_Records",
7156
+ flex: 1,
7157
+ widget: {
7158
+ type: "Control",
7159
+ scope: "#/properties/RejectButton",
7160
+ options: {
7161
+ widget: "IconButton"
7205
7162
  },
7206
- style: {
7207
- float: "right"
7163
+ config: {
7164
+ main: {
7165
+ icon: "EditIcon",
7166
+ color: "primary",
7167
+ onClick: "editComponents",
7168
+ tooltipMessage: "Reject This Record"
7169
+ }
7208
7170
  }
7209
7171
  }
7210
7172
  },
7211
7173
  {
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
- }
7174
+ header: "Delete",
7175
+ field: "Reject_Records",
7176
+ flex: 1,
7177
+ widget: {
7178
+ type: "Control",
7179
+ scope: "#/properties/RejectButton",
7180
+ options: {
7181
+ widget: "IconButton"
7252
7182
  },
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
- }
7183
+ config: {
7184
+ main: {
7185
+ icon: "RejectIcon",
7186
+ color: "error",
7187
+ onClick: "deleteComponent",
7188
+ tooltipMessage: "Reject This Record"
7271
7189
  }
7272
7190
  }
7273
- ]
7191
+ }
7274
7192
  }
7275
7193
  ]
7276
7194
  }
@@ -7294,12 +7212,7 @@ const ValueTab = {
7294
7212
  widget: "InputField"
7295
7213
  },
7296
7214
  config: {
7297
- layout: {
7298
- xs: 11,
7299
- sm: 11,
7300
- md: 5.5,
7301
- lg: 5.5
7302
- },
7215
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7303
7216
  main: {
7304
7217
  label: "Label"
7305
7218
  }
@@ -7312,16 +7225,21 @@ const ValueTab = {
7312
7225
  widget: "InputField"
7313
7226
  },
7314
7227
  config: {
7315
- layout: {
7316
- xs: 11,
7317
- sm: 11,
7318
- md: 5.5,
7319
- lg: 5.5
7320
- },
7228
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7321
7229
  main: {
7322
7230
  label: "Value"
7323
7231
  }
7324
7232
  }
7233
+ },
7234
+ {
7235
+ type: "Control",
7236
+ scope: "#/properties/emptyBox",
7237
+ options: {
7238
+ widget: "EmptyBox"
7239
+ },
7240
+ config: {
7241
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7242
+ }
7325
7243
  }
7326
7244
  ]
7327
7245
  }
@@ -7348,12 +7266,7 @@ const ValidationSection = {
7348
7266
  widget: "SelectInputField"
7349
7267
  },
7350
7268
  config: {
7351
- layout: {
7352
- xs: 11,
7353
- sm: 11,
7354
- md: 5.5,
7355
- lg: 5.5
7356
- },
7269
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7357
7270
  main: {
7358
7271
  label: "Validation Type"
7359
7272
  }
@@ -7366,16 +7279,21 @@ const ValidationSection = {
7366
7279
  widget: "InputField"
7367
7280
  },
7368
7281
  config: {
7369
- layout: {
7370
- xs: 11,
7371
- sm: 11,
7372
- md: 5.5,
7373
- lg: 5.5
7374
- },
7282
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7375
7283
  main: {
7376
7284
  label: "Validation Value"
7377
7285
  }
7378
7286
  }
7287
+ },
7288
+ {
7289
+ type: "Control",
7290
+ scope: "#/properties/emptyBox",
7291
+ options: {
7292
+ widget: "EmptyBox"
7293
+ },
7294
+ config: {
7295
+ layout: { xs: 0, sm: 4 }
7296
+ }
7379
7297
  }
7380
7298
  ]
7381
7299
  }
@@ -7563,20 +7481,20 @@ const sectionLabels = {
7563
7481
  };
7564
7482
  const refreshPage = (type, store2) => {
7565
7483
  var _a;
7566
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7484
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7567
7485
  if (type) {
7568
7486
  const sectionUiSchema = {
7569
7487
  Core: CoreSection,
7570
7488
  Value: ValueTab,
7571
- Style: StyleSection,
7489
+ style: StyleSection,
7572
7490
  Event: EventSection,
7573
7491
  Components: TableSection,
7574
7492
  Properties: buildPropertiesSection(type),
7575
7493
  Validation: ValidationSection
7576
7494
  };
7577
7495
  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];
7496
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7497
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7580
7498
  }
7581
7499
  store2.setUiSchema(UiSchema);
7582
7500
  };
@@ -7699,7 +7617,7 @@ var pageMaster = (funcParams) => {
7699
7617
  return config;
7700
7618
  },
7701
7619
  getUiSchema: function() {
7702
- return PageMasterUiSchema;
7620
+ return PageMasterUiSchema(store2.theme.myTheme);
7703
7621
  },
7704
7622
  getSchema: () => {
7705
7623
  return PageMasterSchema;
@@ -7842,302 +7760,332 @@ const EventSchema = {
7842
7760
  },
7843
7761
  required: ["eventType", "Handler"]
7844
7762
  };
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
- }
7763
+ const EventUiSchema = (theme) => {
7764
+ var _a;
7765
+ const uiSchema = {
7766
+ type: "HorizontalLayout",
7767
+ heading: "Component",
7768
+ elements: [
7769
+ {
7770
+ type: "TabLayout",
7771
+ config: {
7772
+ main: {
7773
+ tabLabels: ["Core", "Response Event"],
7774
+ defaultStyle: true,
7775
+ id: "event"
7892
7776
  }
7893
7777
  },
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"
7778
+ elements: [
7779
+ {
7780
+ type: "HorizontalLayout",
7781
+ elements: [
7782
+ {
7783
+ type: "Control",
7784
+ scope: `#/properties/eventType`,
7785
+ options: {
7786
+ widget: "SelectInputField"
7787
+ },
7788
+ config: {
7789
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7790
+ main: {
7791
+ label: "Event Type",
7792
+ type: "text"
7793
+ }
7794
+ }
7934
7795
  },
7935
- config: {
7936
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7937
- main: {
7938
- label: "Event Type",
7939
- type: "text"
7796
+ {
7797
+ type: "Control",
7798
+ scope: `#/properties/Handler`,
7799
+ options: {
7800
+ widget: "SelectInputField"
7801
+ },
7802
+ config: {
7803
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7804
+ main: {
7805
+ label: "Handler",
7806
+ type: "text"
7807
+ }
7940
7808
  }
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
7809
  },
7963
- config: {
7964
- layout: 8,
7965
- main: {
7966
- heading: "Response Event"
7810
+ {
7811
+ type: "Control",
7812
+ scope: "#/properties/emptyBox",
7813
+ options: {
7814
+ widget: "EmptyBox"
7967
7815
  },
7968
- style: {
7969
- fontFamily: "Roboto",
7970
- fontWeight: "500",
7971
- paddingLeft: "-10px",
7972
- fontSize: "20px"
7816
+ config: {
7817
+ layout: { xs: 0, sm: 4 }
7973
7818
  }
7974
7819
  }
7820
+ ]
7821
+ },
7822
+ {
7823
+ type: "Control",
7824
+ scope: "#/properties/events",
7825
+ options: {
7826
+ widget: "Table"
7975
7827
  },
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"
7828
+ config: {
7829
+ main: {
7830
+ headerIcons: {
7831
+ elements: [
7832
+ {
7833
+ widget: {
7834
+ type: "Control",
7835
+ scope: "#/properties/New_Record",
7836
+ options: {
7837
+ widget: "IconButton"
7838
+ },
7839
+ config: {
7840
+ main: {
7841
+ onClick: "addEvent",
7842
+ size: "small",
7843
+ icon: "AddIcon",
7844
+ iconLabel: "Add New",
7845
+ styleDefault: true
7846
+ },
7847
+ style: {
7848
+ mt: "6px"
7849
+ }
7850
+ }
7851
+ }
7852
+ }
7853
+ ]
7990
7854
  },
7991
- style: {
7992
- float: "right"
7993
- }
7855
+ disableAction: true,
7856
+ disableSelection: true,
7857
+ enableDrag: true
7994
7858
  }
7995
7859
  },
7996
- {
7997
- type: "Control",
7998
- scope: "#/properties/events",
7999
- options: {
8000
- widget: "Table"
7860
+ elements: [
7861
+ {
7862
+ accessorKey: "eventType",
7863
+ header: "Event Type"
8001
7864
  },
8002
- config: {
8003
- main: {
8004
- disableAction: true,
8005
- disableSelection: true,
8006
- enableDrag: true
8007
- }
7865
+ {
7866
+ accessorKey: "Handler",
7867
+ header: "Handler"
8008
7868
  },
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"
7869
+ {
7870
+ accessorKey: "Edit_Approve_Records",
7871
+ header: "Edit Widget",
7872
+ widget: {
7873
+ type: "Control",
7874
+ scope: "#/properties/Edit_Records",
7875
+ options: {
7876
+ widget: "IconButton"
7877
+ },
7878
+ config: {
7879
+ main: {
7880
+ size: "small",
7881
+ icon: "EditIcon",
7882
+ tooltipMessage: "Edit This Record",
7883
+ onClick: "editEvent"
8026
7884
  },
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
- }
7885
+ style: {
7886
+ color: "#3949ab"
8038
7887
  }
8039
7888
  }
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
- }
7889
+ }
7890
+ },
7891
+ {
7892
+ accessorKey: "Reject_Records",
7893
+ header: "Delete",
7894
+ widget: {
7895
+ type: "Control",
7896
+ scope: "#/properties/RejectButton",
7897
+ options: {
7898
+ widget: "IconButton"
7899
+ },
7900
+ config: {
7901
+ main: {
7902
+ icon: "RejectIcon",
7903
+ color: "error",
7904
+ tooltipMessage: "Reject This Record",
7905
+ onClick: "deleteEvent"
8057
7906
  }
8058
7907
  }
8059
7908
  }
8060
- ]
8061
- }
8062
- ]
7909
+ }
7910
+ ]
7911
+ }
7912
+ ]
7913
+ },
7914
+ {
7915
+ type: "Control",
7916
+ scope: "#/properties/EmptyBox",
7917
+ options: {
7918
+ widget: "EmptyBox"
7919
+ },
7920
+ config: {
7921
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8063
7922
  }
8064
- ]
8065
- },
8066
- {
8067
- type: "Control",
8068
- scope: "#/properties/proc",
8069
- config: {
8070
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8071
7923
  },
8072
- options: {
8073
- widget: "EmptyBox"
8074
- }
8075
- },
8076
- {
8077
- type: "Control",
8078
- scope: "#/properties/btn",
8079
- options: {
8080
- widget: "Button"
7924
+ {
7925
+ type: "Control",
7926
+ scope: "#/properties/EmptyBox",
7927
+ options: {
7928
+ widget: "EmptyBox"
7929
+ },
7930
+ config: {
7931
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7932
+ }
8081
7933
  },
8082
- config: {
8083
- layout: {
8084
- xs: 11,
8085
- sm: 11,
8086
- md: 2.5,
8087
- lg: 2.5
7934
+ {
7935
+ type: "Control",
7936
+ scope: "#/properties/btn",
7937
+ options: {
7938
+ widget: "Button"
8088
7939
  },
8089
- main: {
8090
- name: "Ok",
8091
- startIcon: "ApproveIcon",
8092
- variant: "contained",
8093
- color: "info",
8094
- type: "text",
8095
- onClick: "okHandler",
8096
- size: "small"
7940
+ config: {
7941
+ layout: 1.8,
7942
+ main: {
7943
+ name: "Ok",
7944
+ startIcon: "ApproveIcon",
7945
+ variant: "contained",
7946
+ type: "text",
7947
+ onClick: "okHandler",
7948
+ size: "medium"
7949
+ },
7950
+ style: {
7951
+ float: "right"
7952
+ }
7953
+ }
7954
+ },
7955
+ {
7956
+ type: "Control",
7957
+ scope: "#/properties/btnSubmit",
7958
+ options: {
7959
+ widget: "Button"
8097
7960
  },
8098
- style: {
8099
- marginBottom: "8px",
8100
- float: "right"
7961
+ config: {
7962
+ layout: 1.8,
7963
+ main: {
7964
+ name: "Save & Exit",
7965
+ startIcon: "ApproveIcon",
7966
+ variant: "contained",
7967
+ type: "text",
7968
+ onClick: "saveHandler",
7969
+ size: "medium"
7970
+ },
7971
+ style: {
7972
+ float: "right"
7973
+ }
8101
7974
  }
8102
- }
8103
- },
8104
- {
8105
- type: "Control",
8106
- scope: "#/properties/btnSubmit",
8107
- options: {
8108
- widget: "Button"
8109
7975
  },
8110
- config: {
8111
- layout: {
8112
- xs: 11,
8113
- sm: 11,
8114
- md: 2.5,
8115
- lg: 2.5
7976
+ {
7977
+ type: "Control",
7978
+ scope: "#/properties/notify",
7979
+ options: {
7980
+ widget: "Notify"
8116
7981
  },
8117
- main: {
8118
- name: "Save & Exit",
8119
- startIcon: "ApproveIcon",
8120
- variant: "contained",
8121
- color: "info",
8122
- type: "text",
8123
- onClick: "saveHandler",
8124
- size: "small"
7982
+ layout: 6
7983
+ },
7984
+ {
7985
+ type: "HorizontalLayout",
7986
+ config: {
7987
+ main: {
7988
+ direction: "row"
7989
+ },
7990
+ style: {
7991
+ flexDirection: "row",
7992
+ position: "absolute",
7993
+ bottom: 0,
7994
+ marginBottom: "-8px",
7995
+ height: "fit-content",
7996
+ overflow: "hidden",
7997
+ zIndex: 1e3,
7998
+ width: "inherit"
7999
+ }
8125
8000
  },
8126
- style: {
8127
- marginBottom: "8px",
8128
- float: "right"
8129
- }
8001
+ elements: [
8002
+ {
8003
+ type: "Control",
8004
+ scope: "#/properties/FooterText",
8005
+ options: {
8006
+ widget: "Box"
8007
+ },
8008
+ config: {
8009
+ main: {
8010
+ heading: "Copywriter@ACT21.IO"
8011
+ },
8012
+ style: {
8013
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8014
+ fontSize: "12px",
8015
+ textAlign: "center",
8016
+ lineHeight: 1,
8017
+ width: "fit-content",
8018
+ left: "50%",
8019
+ position: "relative",
8020
+ margin: 0,
8021
+ flexGrow: 1,
8022
+ height: 0
8023
+ }
8024
+ }
8025
+ },
8026
+ {
8027
+ type: "Control",
8028
+ scope: "#/properties/backIcon",
8029
+ options: {
8030
+ widget: "Box"
8031
+ },
8032
+ config: {
8033
+ main: {
8034
+ iconName: "PrevIcon",
8035
+ onClick: "backHandler",
8036
+ width: "fit-content"
8037
+ },
8038
+ style: {
8039
+ fill: theme.palette.primary.main,
8040
+ width: 20,
8041
+ height: 0,
8042
+ margin: 0,
8043
+ top: 0,
8044
+ right: "82px",
8045
+ position: "absolute",
8046
+ fontSize: "12px",
8047
+ cursor: "pointer",
8048
+ ":hover": {
8049
+ fill: theme.palette.primary.dark
8050
+ }
8051
+ }
8052
+ }
8053
+ },
8054
+ {
8055
+ type: "Control",
8056
+ scope: "#/properties/text",
8057
+ options: {
8058
+ widget: "Box"
8059
+ },
8060
+ config: {
8061
+ main: {
8062
+ heading: "Previous Page",
8063
+ onClick: "backHandler"
8064
+ },
8065
+ style: {
8066
+ textAlign: "left",
8067
+ lineHeight: 1,
8068
+ height: 0,
8069
+ width: "fit-content",
8070
+ color: theme.palette.primary.main,
8071
+ fontSize: "12px",
8072
+ cursor: "pointer",
8073
+ marginLeft: "2px",
8074
+ marginRight: 0,
8075
+ top: 3,
8076
+ right: "12px",
8077
+ position: "absolute",
8078
+ ":hover": {
8079
+ color: theme.palette.primary.dark
8080
+ }
8081
+ }
8082
+ }
8083
+ }
8084
+ ]
8130
8085
  }
8131
- },
8132
- {
8133
- type: "Control",
8134
- scope: "#/properties/notify",
8135
- options: {
8136
- widget: "Notify"
8137
- },
8138
- layout: 6
8139
- }
8140
- ]
8086
+ ]
8087
+ };
8088
+ return uiSchema;
8141
8089
  };
8142
8090
  const APISection = {
8143
8091
  type: "HorizontalLayout",
@@ -8149,7 +8097,7 @@ const APISection = {
8149
8097
  widget: "SelectInputField"
8150
8098
  },
8151
8099
  config: {
8152
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8100
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8153
8101
  main: {
8154
8102
  label: "Method",
8155
8103
  type: "text"
@@ -8163,7 +8111,7 @@ const APISection = {
8163
8111
  widget: "InputField"
8164
8112
  },
8165
8113
  config: {
8166
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8114
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8167
8115
  main: {
8168
8116
  label: "Path",
8169
8117
  type: "text",
@@ -8172,6 +8120,26 @@ const APISection = {
8172
8120
  }
8173
8121
  }
8174
8122
  },
8123
+ {
8124
+ type: "Control",
8125
+ scope: "#/properties/emptyBox",
8126
+ options: {
8127
+ widget: "EmptyBox"
8128
+ },
8129
+ config: {
8130
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8131
+ }
8132
+ },
8133
+ {
8134
+ type: "Control",
8135
+ scope: "#/properties/emptyBox",
8136
+ options: {
8137
+ widget: "EmptyBox"
8138
+ },
8139
+ config: {
8140
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8141
+ }
8142
+ },
8175
8143
  {
8176
8144
  type: "Control",
8177
8145
  scope: "#/properties/headers",
@@ -8188,12 +8156,7 @@ const APISection = {
8188
8156
  widget: "InputField"
8189
8157
  },
8190
8158
  config: {
8191
- layout: {
8192
- xs: 11,
8193
- sm: 11,
8194
- md: 5.5,
8195
- lg: 5.5
8196
- },
8159
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8197
8160
  main: {
8198
8161
  label: "Key"
8199
8162
  }
@@ -8206,16 +8169,21 @@ const APISection = {
8206
8169
  widget: "InputField"
8207
8170
  },
8208
8171
  config: {
8209
- layout: {
8210
- xs: 11,
8211
- sm: 11,
8212
- md: 5.5,
8213
- lg: 5.5
8214
- },
8172
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8215
8173
  main: {
8216
8174
  label: "Value"
8217
8175
  }
8218
8176
  }
8177
+ },
8178
+ {
8179
+ type: "Control",
8180
+ scope: "#/properties/emptyBox",
8181
+ options: {
8182
+ widget: "EmptyBox"
8183
+ },
8184
+ config: {
8185
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8186
+ }
8219
8187
  }
8220
8188
  ]
8221
8189
  }
@@ -8237,12 +8205,7 @@ const APISection = {
8237
8205
  widget: "InputField"
8238
8206
  },
8239
8207
  config: {
8240
- layout: {
8241
- xs: 11,
8242
- sm: 11,
8243
- md: 5.5,
8244
- lg: 5.5
8245
- },
8208
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8246
8209
  main: {
8247
8210
  label: "Key"
8248
8211
  }
@@ -8255,16 +8218,21 @@ const APISection = {
8255
8218
  widget: "InputField"
8256
8219
  },
8257
8220
  config: {
8258
- layout: {
8259
- xs: 11,
8260
- sm: 11,
8261
- md: 5.5,
8262
- lg: 5.5
8263
- },
8221
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8264
8222
  main: {
8265
8223
  label: "Value"
8266
8224
  }
8267
8225
  }
8226
+ },
8227
+ {
8228
+ type: "Control",
8229
+ scope: "#/properties/emptyBox",
8230
+ options: {
8231
+ widget: "EmptyBox"
8232
+ },
8233
+ config: {
8234
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8235
+ }
8268
8236
  }
8269
8237
  ]
8270
8238
  }
@@ -8291,12 +8259,7 @@ const refreshSectionUiSchema = {
8291
8259
  widget: "InputField"
8292
8260
  },
8293
8261
  config: {
8294
- layout: {
8295
- xs: 11,
8296
- sm: 11,
8297
- md: 5.5,
8298
- lg: 5.5
8299
- },
8262
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8300
8263
  main: {
8301
8264
  label: "Value"
8302
8265
  }
@@ -8309,12 +8272,7 @@ const refreshSectionUiSchema = {
8309
8272
  widget: "EmptyBox"
8310
8273
  },
8311
8274
  config: {
8312
- layout: {
8313
- xs: 11,
8314
- sm: 11,
8315
- md: 5.5,
8316
- lg: 5.5
8317
- },
8275
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8318
8276
  main: {}
8319
8277
  }
8320
8278
  }
@@ -8331,7 +8289,7 @@ var emptyBox = {
8331
8289
  widget: "EmptyBox"
8332
8290
  },
8333
8291
  config: {
8334
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
8292
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8335
8293
  main: {},
8336
8294
  style: {}
8337
8295
  }
@@ -8346,23 +8304,23 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8346
8304
  this.refreshPage(formdata.Handler, store2);
8347
8305
  },
8348
8306
  refreshPage: (handlerType, store22) => {
8349
- const uiSchema = _.cloneDeep(EventUiSchema);
8307
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8350
8308
  const schema2 = _.cloneDeep(EventSchema);
8351
8309
  if (handlerType) {
8352
8310
  if (handlerType === "custom") {
8353
8311
  uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8354
8312
  uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8355
- uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8313
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8356
8314
  schema2.required = ["eventType", "Handler", "eventCode"];
8357
8315
  } else if (handlerType === "api") {
8358
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8316
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8359
8317
  schema2.required = ["eventType", "Handler", "method", "path"];
8360
8318
  } 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 });
8319
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8320
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8363
8321
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8364
8322
  } else if (handlerType === "refresh") {
8365
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8323
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8366
8324
  schema2.properties.refreshElements.required = ["value"];
8367
8325
  schema2.properties.refreshElements.items.required = ["value"];
8368
8326
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8378,8 +8336,8 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8378
8336
  store22.setUiSchema(uiSchema);
8379
8337
  },
8380
8338
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8381
- getUiSchema: function() {
8382
- return EventUiSchema;
8339
+ getUiSchema: async function() {
8340
+ return await EventUiSchema(store2.theme.myTheme);
8383
8341
  },
8384
8342
  getSchema: () => {
8385
8343
  return EventSchema;
@@ -9405,62 +9363,7 @@ const BarGraph = {
9405
9363
  widget: "Graph"
9406
9364
  },
9407
9365
  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
- }
9366
+ main: {}
9464
9367
  }
9465
9368
  };
9466
9369
  const PieGraph = {
@@ -9471,35 +9374,7 @@ const PieGraph = {
9471
9374
  },
9472
9375
  config: {
9473
9376
  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: {}
9377
+ type: "PieGraph"
9503
9378
  }
9504
9379
  }
9505
9380
  };
@@ -9547,28 +9422,7 @@ const HorizontalBarGraph = {
9547
9422
  },
9548
9423
  config: {
9549
9424
  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
- }
9425
+ type: "HorizontalBarGraph"
9572
9426
  }
9573
9427
  }
9574
9428
  };
@@ -9587,7 +9441,11 @@ const buildHorizontalBarGraph = (config, componentScope) => {
9587
9441
  horizontalBarGraph.config.containerStyle.background = config.containerBackground;
9588
9442
  }
9589
9443
  if (config.height) {
9590
- horizontalBarGraph.config.style.containerStyle.height = config.height;
9444
+ horizontalBarGraph.config.style = {
9445
+ containerStyle: {
9446
+ height: config.height
9447
+ }
9448
+ };
9591
9449
  }
9592
9450
  if (config.bottomLabel) {
9593
9451
  horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
@@ -9696,7 +9554,11 @@ const buildPieGraph = (config, componentScope) => {
9696
9554
  pieGraph.config.layout = createLayoutFormat(config.layout);
9697
9555
  }
9698
9556
  if (config.height) {
9699
- pieGraph.config.style.containerStyle.height = config.height;
9557
+ pieGraph.config.style = {
9558
+ containerStyle: {
9559
+ height: config.height
9560
+ }
9561
+ };
9700
9562
  }
9701
9563
  if (config.legendHide) {
9702
9564
  pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
@@ -9707,7 +9569,11 @@ const buildPieGraph = (config, componentScope) => {
9707
9569
  pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
9708
9570
  }
9709
9571
  if (config.pieArcColors) {
9710
- pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
9572
+ pieGraph.config.style = {
9573
+ pieStyle: {
9574
+ colorRange: flatObjectValueInArray(config.pieArcColors)
9575
+ }
9576
+ };
9711
9577
  }
9712
9578
  return pieGraph;
9713
9579
  };
@@ -9717,16 +9583,13 @@ const buildStackbarGraph = (config, componentScope) => {
9717
9583
  barGraph.config.layout = createLayoutFormat(config.layout);
9718
9584
  }
9719
9585
  if (config.legendHide) {
9720
- barGraph.config.main.legendAvailable = false;
9586
+ barGraph.config.main.legendAvailable = config.legendHide;
9721
9587
  }
9722
9588
  barGraph.config.main.type = config.graphType;
9723
9589
  barGraph.config.main.header = config.heading;
9724
9590
  if (config.barColor) {
9725
9591
  barGraph.config.barStyle.color = config.barColor;
9726
9592
  }
9727
- if (config.containerBackground) {
9728
- barGraph.config.containerStyle.background = config.containerBackground;
9729
- }
9730
9593
  if (config.height) {
9731
9594
  barGraph.config.style.containerStyle.height = config.height;
9732
9595
  }
@@ -9736,7 +9599,6 @@ const buildStackbarGraph = (config, componentScope) => {
9736
9599
  if (config.leftLabel) {
9737
9600
  barGraph.config.main.leftLabel = config.leftLabel;
9738
9601
  }
9739
- barGraph.scope = componentScope;
9740
9602
  return barGraph;
9741
9603
  };
9742
9604
  var RunnerBoyProgressBar = {
@@ -9819,12 +9681,7 @@ var TextInputField = {
9819
9681
  widget: "InputField"
9820
9682
  },
9821
9683
  config: {
9822
- layout: {
9823
- xs: 11,
9824
- sm: 11,
9825
- md: 5.5,
9826
- lg: 5.5
9827
- },
9684
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9828
9685
  main: {
9829
9686
  label: ""
9830
9687
  },
@@ -9857,12 +9714,7 @@ var SelectInputField = {
9857
9714
  widget: "SelectInputField"
9858
9715
  },
9859
9716
  config: {
9860
- "layout": {
9861
- "xs": 11,
9862
- "sm": 11,
9863
- "md": 5.5,
9864
- "lg": 5.5
9865
- },
9717
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9866
9718
  main: {
9867
9719
  label: "",
9868
9720
  type: "text",
@@ -10153,16 +10005,14 @@ var Card = {
10153
10005
  main: {
10154
10006
  rowSpacing: 0.5
10155
10007
  },
10156
- style: {
10157
- wrapperStyle: {
10158
- position: "relative",
10159
- color: "white",
10160
- height: { xs: "120px", md: "160px" },
10161
- width: "100%",
10162
- textAlign: "left",
10163
- background: "#3f51b5",
10164
- borderRadius: "20px"
10165
- }
10008
+ componentsBoxStyle: {
10009
+ position: "relative",
10010
+ color: "white",
10011
+ height: { xs: "120px", md: "160px" },
10012
+ width: "100%",
10013
+ textAlign: "left",
10014
+ background: "#3f51b5",
10015
+ borderRadius: "20px"
10166
10016
  },
10167
10017
  layout: { xs: 12, sm: 12, md: 6, lg: 6 }
10168
10018
  },
@@ -10274,12 +10124,7 @@ var DateInputField = {
10274
10124
  widget: "DateInputField"
10275
10125
  },
10276
10126
  config: {
10277
- layout: {
10278
- xs: 11,
10279
- sm: 11,
10280
- md: 5.5,
10281
- lg: 5.5
10282
- },
10127
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10283
10128
  main: {
10284
10129
  label: "",
10285
10130
  type: "date"
@@ -10425,7 +10270,7 @@ var MultipleSelect = {
10425
10270
  widget: "MultipleSelect"
10426
10271
  },
10427
10272
  config: {
10428
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10273
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10429
10274
  main: {
10430
10275
  label: "",
10431
10276
  type: "text",
@@ -11143,7 +10988,7 @@ const buildUiSchema = (config) => {
11143
10988
  switch (config.graphType) {
11144
10989
  case "BarGraph":
11145
10990
  case "StackBarGraph":
11146
- elements = buildStackbarGraph(config, componentScope);
10991
+ elements = buildStackbarGraph(config);
11147
10992
  break;
11148
10993
  case "LineGraph":
11149
10994
  elements = buildLineGraph(config, componentScope);