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

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