impaktapps-ui-builder 0.0.382-alpha.2 → 0.0.382-alpha.20

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 (30) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1206 -1076
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +18 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +28 -26
  14. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +22 -25
  15. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  16. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  17. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  19. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  22. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  23. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  24. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +343 -343
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  30. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,299 +36,406 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = {
40
- type: "HorizontalLayout",
41
- heading: "Page Master",
42
- elements: [
43
- {
44
- type: "WrapperLayout",
45
- config: {
46
- main: {
47
- label: "Page Template",
48
- isAccordion: true
49
- },
50
- wrapperStyle: {
51
- marginTop: "-6px",
52
- marginBottom: "-8px"
53
- },
54
- componentsBoxStyle: {
55
- marginLeft: "24px"
56
- },
57
- defaultStyle: true
58
- },
59
- elements: [
60
- {
61
- type: "Control",
62
- scope: "#/properties/name",
63
- options: {
64
- widget: "InputField"
39
+ const PageMasterUiSchema = (theme) => {
40
+ var _a;
41
+ const uiSchema = {
42
+ type: "HorizontalLayout",
43
+ heading: "Page Master",
44
+ elements: [
45
+ {
46
+ type: "WrapperLayout",
47
+ config: {
48
+ main: {
49
+ label: "Page Template",
50
+ isAccordion: true
65
51
  },
66
- config: {
67
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
68
- main: {
69
- label: "Name",
70
- options: [],
71
- color: "secondary",
72
- errorMessage: "Name should be start with 'page_'",
73
- helperText: 'Name should be start with "page_"',
74
- required: true
75
- }
76
- }
52
+ wrapperStyle: {
53
+ marginTop: "-6px",
54
+ marginBottom: "-8px"
55
+ },
56
+ componentsBoxStyle: {
57
+ marginLeft: "24px"
58
+ },
59
+ defaultStyle: true
77
60
  },
78
- {
79
- type: "Control",
80
- scope: "#/properties/label",
81
- options: {
82
- widget: "InputField"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
67
+ },
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
+ }
78
+ }
83
79
  },
84
- config: {
85
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
86
- main: {
87
- label: "Label",
88
- options: [],
89
- color: "secondary",
90
- 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
+ }
91
94
  }
92
- }
93
- },
94
- {
95
- type: "Control",
96
- scope: "#/properties/emptyBox",
97
- options: {
98
- widget: "EmptyBox"
99
95
  },
100
- config: {
101
- layout: { xs: 0, sm: 4 }
102
- }
103
- }
104
- ]
105
- },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
112
- },
113
- defaultStyle: true
114
- },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
96
+ {
97
+ type: "Control",
98
+ scope: "#/properties/emptyBox",
99
+ options: {
100
+ widget: "EmptyBox"
101
+ },
102
+ config: {
103
+ layout: { xs: 0, sm: 4 }
104
+ }
121
105
  },
122
- config: {
123
- main: {
124
- headerIcons: {
106
+ {
107
+ type: "TabLayout",
108
+ config: {
109
+ main: {
110
+ tabLabels: ["Components", "events"],
111
+ divider: true
112
+ },
113
+ defaultStyle: true
114
+ },
115
+ elements: [
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/elements",
119
+ options: {
120
+ widget: "Table"
121
+ },
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
+ color: "info",
136
+ onClick: "onAddClickHandler",
137
+ size: "small",
138
+ icon: "AddIcon",
139
+ iconLabel: "Add New",
140
+ styleDefault: true
141
+ },
142
+ style: {
143
+ mt: "6px"
144
+ }
145
+ }
146
+ }
147
+ }
148
+ ]
149
+ },
150
+ disableAction: true,
151
+ disableSelection: true,
152
+ enableDrag: true
153
+ }
154
+ },
125
155
  elements: [
126
156
  {
157
+ accessorKey: "name",
158
+ header: "Name"
159
+ },
160
+ {
161
+ accessorKey: "type",
162
+ header: "Type"
163
+ },
164
+ {
165
+ header: "Edit",
166
+ field: "Reject_Records",
167
+ flex: 1,
127
168
  widget: {
128
169
  type: "Control",
129
- scope: "#/properties/New_Record",
170
+ scope: "#/properties/RejectButton",
130
171
  options: {
131
172
  widget: "IconButton"
132
173
  },
133
174
  config: {
134
175
  main: {
135
- color: "info",
136
- onClick: "onAddClickHandler",
137
- size: "small",
138
- icon: "AddIcon",
139
- iconLabel: "Add New",
140
- styleDefault: true
141
- },
142
- style: {
143
- mt: "6px"
176
+ icon: "EditIcon",
177
+ color: "primary",
178
+ onClick: "Edit_Components",
179
+ tooltipMessage: "Edit This Record"
180
+ }
181
+ }
182
+ }
183
+ },
184
+ {
185
+ header: "Delete",
186
+ field: "Reject_Records",
187
+ flex: 1,
188
+ widget: {
189
+ type: "Control",
190
+ scope: "#/properties/RejectButton",
191
+ options: {
192
+ widget: "IconButton"
193
+ },
194
+ config: {
195
+ main: {
196
+ icon: "RejectIcon",
197
+ color: "error",
198
+ onClick: "Delete_Components",
199
+ tooltipMessage: "Reject This Record"
144
200
  }
145
201
  }
146
202
  }
147
203
  }
148
204
  ]
149
205
  },
150
- disableAction: true,
151
- disableSelection: true,
152
- enableDrag: true
153
- }
154
- },
155
- elements: [
156
- {
157
- accessorKey: "name",
158
- header: "Name"
159
- },
160
- {
161
- accessorKey: "type",
162
- header: "Type"
163
- },
164
- {
165
- header: "Edit",
166
- field: "Reject_Records",
167
- flex: 1,
168
- widget: {
206
+ {
169
207
  type: "Control",
170
- scope: "#/properties/RejectButton",
208
+ scope: "#/properties/events",
171
209
  options: {
172
- widget: "IconButton"
210
+ widget: "Table"
173
211
  },
174
212
  config: {
175
213
  main: {
176
- icon: "EditIcon",
177
- color: "primary",
178
- onClick: "Edit_Components",
179
- tooltipMessage: "Edit This Record"
214
+ headerIcons: {
215
+ elements: [
216
+ {
217
+ widget: {
218
+ type: "Control",
219
+ scope: "#/properties/New_Record",
220
+ options: {
221
+ widget: "IconButton"
222
+ },
223
+ config: {
224
+ main: {
225
+ color: "info",
226
+ onClick: "eventAddHandler",
227
+ size: "small",
228
+ icon: "AddIcon",
229
+ iconLabel: "Add New",
230
+ styleDefault: true
231
+ },
232
+ style: {
233
+ mt: "6px"
234
+ }
235
+ }
236
+ }
237
+ }
238
+ ]
239
+ },
240
+ disableAction: true,
241
+ disableSelection: true,
242
+ enableDrag: true
180
243
  }
181
- }
182
- }
183
- },
184
- {
185
- header: "Delete",
186
- field: "Reject_Records",
187
- flex: 1,
188
- widget: {
189
- type: "Control",
190
- scope: "#/properties/RejectButton",
191
- options: {
192
- widget: "IconButton"
193
244
  },
194
- config: {
195
- main: {
196
- icon: "RejectIcon",
197
- color: "error",
198
- onClick: "Delete_Components",
199
- tooltipMessage: "Reject This Record"
200
- }
201
- }
202
- }
203
- }
204
- ]
205
- },
206
- {
207
- type: "Control",
208
- scope: "#/properties/events",
209
- options: {
210
- widget: "Table"
211
- },
212
- config: {
213
- main: {
214
- headerIcons: {
215
245
  elements: [
216
246
  {
247
+ accessorKey: "eventType",
248
+ header: "Event Type"
249
+ },
250
+ {
251
+ accessorKey: "Handler",
252
+ header: "Handler"
253
+ },
254
+ {
255
+ accessorKey: "Edit_Approve_Records",
256
+ header: "Edit Widget",
217
257
  widget: {
218
258
  type: "Control",
219
- scope: "#/properties/New_Record",
259
+ scope: "#/properties/Edit_Records",
220
260
  options: {
221
261
  widget: "IconButton"
222
262
  },
223
263
  config: {
224
264
  main: {
225
265
  color: "info",
226
- onClick: "eventAddHandler",
227
266
  size: "small",
228
- icon: "AddIcon",
229
- iconLabel: "Add New",
230
- styleDefault: true
267
+ icon: "EditIcon",
268
+ tooltipMessage: "Edit This Record",
269
+ onClick: "editEvent"
231
270
  },
232
271
  style: {
233
- mt: "6px"
272
+ color: "#3949ab"
273
+ }
274
+ }
275
+ }
276
+ },
277
+ {
278
+ accessorKey: "Reject_Records",
279
+ header: "Delete",
280
+ widget: {
281
+ type: "Control",
282
+ scope: "#/properties/RejectButton",
283
+ options: {
284
+ widget: "IconButton"
285
+ },
286
+ config: {
287
+ main: {
288
+ icon: "RejectIcon",
289
+ color: "error",
290
+ tooltipMessage: "Reject This Record",
291
+ onClick: "deleteEvent"
234
292
  }
235
293
  }
236
294
  }
237
295
  }
238
296
  ]
297
+ }
298
+ ]
299
+ },
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/btn",
303
+ options: {
304
+ widget: "Button"
305
+ },
306
+ config: {
307
+ layout: 11.9,
308
+ main: {
309
+ name: "Save",
310
+ startIcon: "ApproveIcon",
311
+ variant: "contained",
312
+ color: "info",
313
+ type: "text",
314
+ onClick: "saveHandler",
315
+ size: "medium"
239
316
  },
240
- disableAction: true,
241
- disableSelection: true,
242
- enableDrag: true
317
+ style: {
318
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
319
+ float: "right"
320
+ }
321
+ }
322
+ }
323
+ ]
324
+ },
325
+ {
326
+ type: "Control",
327
+ scope: "#/properties/notify",
328
+ options: {
329
+ widget: "Notify"
330
+ },
331
+ layout: 6
332
+ },
333
+ {
334
+ type: "HorizontalLayout",
335
+ config: {
336
+ style: {
337
+ position: "fixed",
338
+ bottom: 5,
339
+ overflow: "visible",
340
+ margin: "0",
341
+ width: "100vw"
342
+ }
343
+ },
344
+ elements: [
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/EmptyBox",
348
+ options: {
349
+ widget: "EmptyBox"
350
+ },
351
+ config: {
352
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
243
353
  }
244
354
  },
245
- elements: [
246
- {
247
- accessorKey: "eventType",
248
- header: "Event Type"
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/FooterText",
358
+ options: {
359
+ widget: "Box"
249
360
  },
250
- {
251
- accessorKey: "Handler",
252
- header: "Handler"
361
+ config: {
362
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
+ main: {
364
+ heading: "Copywriter@ACT21.IO"
365
+ },
366
+ style: {
367
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
+ fontSize: "12px"
369
+ }
370
+ }
371
+ },
372
+ {
373
+ type: "HorizontalLayout",
374
+ config: {
375
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
253
376
  },
254
- {
255
- accessorKey: "Edit_Approve_Records",
256
- header: "Edit Widget",
257
- widget: {
377
+ elements: [
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/EmptyBox",
381
+ options: {
382
+ widget: "EmptyBox"
383
+ },
384
+ config: {
385
+ layout: 2
386
+ }
387
+ },
388
+ {
258
389
  type: "Control",
259
- scope: "#/properties/Edit_Records",
390
+ scope: "#/properties/backIcon",
260
391
  options: {
261
- widget: "IconButton"
392
+ widget: "Box"
262
393
  },
263
394
  config: {
395
+ layout: 1,
264
396
  main: {
265
- color: "info",
266
- size: "small",
267
- icon: "EditIcon",
268
- tooltipMessage: "Edit This Record",
269
- onClick: "editEvent"
397
+ iconName: "PrevIcon",
398
+ onClick: "backHandler"
270
399
  },
271
400
  style: {
272
- color: "#3949ab"
401
+ fill: theme.palette.primary.dark,
402
+ width: 20,
403
+ height: 20,
404
+ display: "flex",
405
+ alignItems: "center",
406
+ justifyContent: "center",
407
+ marginRight: "-8px",
408
+ cursor: "pointer"
273
409
  }
274
410
  }
275
- }
276
- },
277
- {
278
- accessorKey: "Reject_Records",
279
- header: "Delete",
280
- widget: {
411
+ },
412
+ {
281
413
  type: "Control",
282
- scope: "#/properties/RejectButton",
414
+ scope: "#/properties/text",
283
415
  options: {
284
- widget: "IconButton"
416
+ widget: "Box"
285
417
  },
286
418
  config: {
419
+ layout: 9,
287
420
  main: {
288
- icon: "RejectIcon",
289
- color: "error",
290
- tooltipMessage: "Reject This Record",
291
- onClick: "deleteEvent"
421
+ heading: "Previous Page",
422
+ onClick: "backHandler"
423
+ },
424
+ style: {
425
+ color: theme.palette.primary.dark,
426
+ fontSize: "12px",
427
+ cursor: "pointer",
428
+ marginLeft: "-6px"
292
429
  }
293
430
  }
294
431
  }
295
- }
296
- ]
297
- }
298
- ]
299
- },
300
- {
301
- type: "Control",
302
- scope: "#/properties/btn",
303
- options: {
304
- widget: "Button"
305
- },
306
- config: {
307
- layout: 11.9,
308
- main: {
309
- name: "Save",
310
- startIcon: "ApproveIcon",
311
- variant: "contained",
312
- color: "info",
313
- type: "text",
314
- onClick: "saveHandler",
315
- size: "medium"
316
- },
317
- style: {
318
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
319
- float: "right"
320
- }
432
+ ]
433
+ }
434
+ ]
321
435
  }
322
- },
323
- {
324
- type: "Control",
325
- scope: "#/properties/notify",
326
- options: {
327
- widget: "Notify"
328
- },
329
- layout: 6
330
- }
331
- ]
436
+ ]
437
+ };
438
+ return uiSchema;
332
439
  };
333
440
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
334
441
  var lodash = { exports: {} };
@@ -6062,285 +6169,332 @@ const ComponentSchema = {
6062
6169
  },
6063
6170
  required: ["name"]
6064
6171
  };
6065
- const componentBasicUiSchema = {
6066
- type: "HorizontalLayout",
6067
- elements: [
6068
- {
6069
- type: "WrapperLayout",
6070
- config: {
6071
- main: {
6072
- rowSpacing: 1,
6073
- header: true
6074
- },
6075
- defaultStyle: true
6076
- },
6077
- elements: [
6078
- {
6079
- type: "Control",
6080
- scope: "#/properties/Component",
6081
- options: {
6082
- widget: "Box"
6083
- },
6084
- config: {
6085
- layout: { xs: 12, sm: 12, md: 2 },
6086
- main: {
6087
- heading: "Component"
6088
- },
6089
- style: {
6090
- "float": "left"
6091
- }
6172
+ const componentBasicUiSchema = (theme) => {
6173
+ var _a;
6174
+ const uiSchema = {
6175
+ type: "HorizontalLayout",
6176
+ heading: "Component",
6177
+ elements: [
6178
+ {
6179
+ type: "TabLayout",
6180
+ config: {
6181
+ main: {
6182
+ tabLabels: ["Core"],
6183
+ defaultStyle: true,
6184
+ id: `component`
6092
6185
  }
6093
6186
  },
6094
- {
6095
- type: "Control",
6096
- scope: "#/properties/pageName",
6097
- options: {
6098
- widget: "Box"
6099
- },
6100
- config: {
6101
- layout: { xs: 7, sm: 7, md: 9 },
6102
- main: {
6103
- heading: " "
6104
- },
6105
- style: {
6106
- float: "right",
6107
- width: "auto",
6108
- fontSize: "12px",
6109
- color: "gray",
6110
- paddingTop: "10px"
6111
- }
6112
- }
6113
- },
6114
- {
6115
- type: "Control",
6116
- scope: "#/properties/Back_Button",
6117
- options: {
6118
- widget: "IconButton"
6119
- },
6120
- config: {
6121
- layout: { xs: 2, sm: 2, md: 0.5 },
6122
- main: {
6123
- icon: "BackIcon",
6124
- styleDefault: true,
6125
- size: "small",
6126
- onClick: "backHandler",
6127
- tooltipMessage: "Back"
6128
- },
6129
- style: {
6130
- float: "right"
6131
- }
6132
- }
6133
- }
6134
- ]
6135
- },
6136
- {
6137
- type: "TabLayout",
6138
- config: {
6139
- main: {
6140
- tabLabels: ["Core"],
6141
- defaultStyle: true,
6142
- id: `component`
6143
- }
6144
- },
6145
- elements: [
6146
- {
6147
- type: "HorizontalLayout",
6148
- elements: [
6149
- {
6150
- type: "Control",
6151
- scope: "#/properties/type",
6152
- options: {
6153
- widget: "SelectInputField"
6154
- },
6155
- config: {
6156
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6157
- main: {
6158
- label: "Type"
6187
+ elements: [
6188
+ {
6189
+ type: "HorizontalLayout",
6190
+ elements: [
6191
+ {
6192
+ type: "Control",
6193
+ scope: "#/properties/type",
6194
+ options: {
6195
+ widget: "SelectInputField"
6196
+ },
6197
+ config: {
6198
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6199
+ main: {
6200
+ label: "Type"
6201
+ }
6159
6202
  }
6160
- }
6161
- },
6162
- {
6163
- type: "Control",
6164
- scope: "#/properties/name",
6165
- options: {
6166
- widget: "InputField"
6167
6203
  },
6168
- config: {
6169
- layout: {
6170
- xs: 12,
6171
- sm: 12,
6172
- md: 6,
6173
- lg: 6
6204
+ {
6205
+ type: "Control",
6206
+ scope: "#/properties/name",
6207
+ options: {
6208
+ widget: "InputField"
6174
6209
  },
6175
- main: {
6176
- label: "Name",
6177
- options: [],
6178
- color: "secondary",
6179
- required: true
6210
+ config: {
6211
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6212
+ main: {
6213
+ label: "Name",
6214
+ options: [],
6215
+ color: "secondary",
6216
+ required: true
6217
+ }
6180
6218
  }
6181
- }
6182
- },
6183
- {
6184
- type: "Control",
6185
- scope: "#/properties/label",
6186
- options: {
6187
- widget: "InputField"
6188
6219
  },
6189
- config: {
6190
- layout: {
6191
- xs: 12,
6192
- sm: 12,
6193
- md: 6,
6194
- lg: 6
6220
+ {
6221
+ type: "Control",
6222
+ scope: "#/properties/label",
6223
+ options: {
6224
+ widget: "InputField"
6195
6225
  },
6196
- main: {
6197
- label: "Label",
6198
- options: [],
6199
- color: "secondary",
6200
- required: true
6226
+ config: {
6227
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6228
+ main: {
6229
+ label: "Label",
6230
+ options: [],
6231
+ color: "secondary",
6232
+ required: true
6233
+ }
6201
6234
  }
6202
- }
6203
- },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/proc",
6207
- config: {
6208
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6209
6235
  },
6210
- options: {
6211
- widget: "EmptyBox"
6212
- }
6213
- },
6214
- {
6215
- type: "Control",
6216
- scope: "#/properties/layout",
6217
- layout: 11.5,
6218
- options: {
6219
- detail: {
6220
- type: "HorizontalLayout",
6221
- elements: [
6222
- {
6223
- type: "Control",
6224
- scope: "#/properties/key",
6225
- options: {
6226
- widget: "SelectInputField"
6236
+ {
6237
+ type: "Control",
6238
+ scope: "#/properties/layout",
6239
+ layout: 12,
6240
+ options: {
6241
+ detail: {
6242
+ type: "HorizontalLayout",
6243
+ elements: [
6244
+ {
6245
+ type: "Control",
6246
+ scope: "#/properties/key",
6247
+ options: {
6248
+ widget: "SelectInputField"
6249
+ },
6250
+ config: {
6251
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6252
+ main: {
6253
+ label: "Screen Size"
6254
+ }
6255
+ }
6227
6256
  },
6228
- config: {
6229
- layout: {
6230
- xs: 11,
6231
- sm: 11,
6232
- md: 5.5,
6233
- lg: 5.5
6257
+ {
6258
+ type: "Control",
6259
+ scope: "#/properties/value",
6260
+ options: {
6261
+ widget: "InputField"
6234
6262
  },
6235
- main: {
6236
- label: "Screen Size"
6263
+ config: {
6264
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6265
+ main: {
6266
+ label: "Value",
6267
+ type: "number",
6268
+ helperText: "Number should be in range of 0 to 12",
6269
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6270
+ }
6237
6271
  }
6238
- }
6239
- },
6240
- {
6241
- type: "Control",
6242
- scope: "#/properties/value",
6243
- options: {
6244
- widget: "InputField"
6245
6272
  },
6246
- config: {
6247
- layout: {
6248
- xs: 11,
6249
- sm: 11,
6250
- md: 5.5,
6251
- lg: 5.5
6273
+ {
6274
+ type: "Control",
6275
+ scope: "#/properties/emptyBox",
6276
+ options: {
6277
+ widget: "EmptyBox"
6252
6278
  },
6253
- main: {
6254
- label: "Value",
6255
- type: "number",
6256
- helperText: "Number should be in range of 0 to 12",
6257
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6279
+ config: {
6280
+ layout: { xs: 0, sm: 4 }
6258
6281
  }
6259
6282
  }
6260
- }
6261
- ]
6283
+ ]
6284
+ }
6262
6285
  }
6263
6286
  }
6264
- }
6265
- ]
6287
+ ]
6288
+ }
6289
+ ]
6290
+ },
6291
+ {
6292
+ type: "Control",
6293
+ scope: "#/properties/EmptyBox",
6294
+ options: {
6295
+ widget: "EmptyBox"
6296
+ },
6297
+ config: {
6298
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6266
6299
  }
6267
- ]
6268
- },
6269
- {
6270
- type: "Control",
6271
- scope: "#/properties/proc",
6272
- config: {
6273
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6274
6300
  },
6275
- options: {
6276
- widget: "EmptyBox"
6277
- }
6278
- },
6279
- {
6280
- type: "Control",
6281
- scope: "#/properties/btn",
6282
- options: {
6283
- widget: "Button"
6301
+ {
6302
+ type: "Control",
6303
+ scope: "#/properties/EmptyBox",
6304
+ options: {
6305
+ widget: "EmptyBox"
6306
+ },
6307
+ config: {
6308
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6309
+ }
6284
6310
  },
6285
- config: {
6286
- layout: {
6287
- xs: 11,
6288
- sm: 11,
6289
- md: 2.5,
6290
- lg: 2.5
6311
+ {
6312
+ type: "Control",
6313
+ scope: "#/properties/btn",
6314
+ options: {
6315
+ widget: "Button"
6291
6316
  },
6292
- main: {
6293
- name: "Ok",
6294
- startIcon: "ApproveIcon",
6295
- variant: "contained",
6296
- color: "info",
6297
- type: "text",
6298
- onClick: "okHandler",
6299
- size: "small"
6317
+ config: {
6318
+ layout: 1.8,
6319
+ main: {
6320
+ name: "Ok",
6321
+ startIcon: "ApproveIcon",
6322
+ variant: "contained",
6323
+ color: "info",
6324
+ type: "text",
6325
+ onClick: "okHandler",
6326
+ size: "medium"
6327
+ },
6328
+ style: {
6329
+ float: "right"
6330
+ }
6331
+ }
6332
+ },
6333
+ {
6334
+ type: "Control",
6335
+ scope: "#/properties/btnSubmit",
6336
+ options: {
6337
+ widget: "Button"
6300
6338
  },
6301
- style: {
6302
- marginBottom: "8px",
6303
- float: "right"
6339
+ config: {
6340
+ layout: 1.8,
6341
+ main: {
6342
+ name: "Save & Exit",
6343
+ startIcon: "ApproveIcon",
6344
+ variant: "contained",
6345
+ color: "info",
6346
+ type: "text",
6347
+ onClick: "saveHandler",
6348
+ size: "medium"
6349
+ },
6350
+ style: {
6351
+ float: "right"
6352
+ }
6304
6353
  }
6305
- }
6306
- },
6307
- {
6308
- type: "Control",
6309
- scope: "#/properties/btnSubmit",
6310
- options: {
6311
- widget: "Button"
6312
6354
  },
6313
- config: {
6314
- layout: {
6315
- xs: 11,
6316
- sm: 11,
6317
- md: 2.5,
6318
- lg: 2.5
6355
+ {
6356
+ type: "Control",
6357
+ scope: "#/properties/notify",
6358
+ options: {
6359
+ widget: "Notify"
6319
6360
  },
6320
- main: {
6321
- name: "Save & Exit",
6322
- startIcon: "ApproveIcon",
6323
- variant: "contained",
6324
- color: "info",
6325
- type: "text",
6326
- onClick: "saveHandler",
6327
- size: "small"
6361
+ layout: 6
6362
+ },
6363
+ {
6364
+ type: "HorizontalLayout",
6365
+ config: {
6366
+ style: {
6367
+ position: "fixed",
6368
+ bottom: 5,
6369
+ overflow: "visible",
6370
+ margin: "0",
6371
+ width: "100vw"
6372
+ }
6328
6373
  },
6329
- style: {
6330
- marginBottom: "8px",
6331
- float: "right"
6332
- }
6374
+ elements: [
6375
+ {
6376
+ type: "Control",
6377
+ scope: "#/properties/EmptyBox",
6378
+ options: {
6379
+ widget: "EmptyBox"
6380
+ },
6381
+ config: {
6382
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6383
+ }
6384
+ },
6385
+ {
6386
+ type: "Control",
6387
+ scope: "#/properties/FooterText",
6388
+ options: {
6389
+ widget: "Box"
6390
+ },
6391
+ config: {
6392
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
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
+ }
6400
+ }
6401
+ },
6402
+ {
6403
+ type: "HorizontalLayout",
6404
+ config: {
6405
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6406
+ },
6407
+ elements: [
6408
+ {
6409
+ type: "Control",
6410
+ scope: "#/properties/EmptyBox",
6411
+ options: {
6412
+ widget: "EmptyBox"
6413
+ },
6414
+ config: {
6415
+ layout: 2
6416
+ }
6417
+ },
6418
+ {
6419
+ type: "Control",
6420
+ scope: "#/properties/backIcon",
6421
+ options: {
6422
+ widget: "Box"
6423
+ },
6424
+ config: {
6425
+ layout: 1,
6426
+ main: {
6427
+ iconName: "PrevIcon",
6428
+ onClick: "backHandler"
6429
+ },
6430
+ style: {
6431
+ fill: theme.palette.primary.dark,
6432
+ width: 20,
6433
+ height: 20,
6434
+ display: "flex",
6435
+ alignItems: "center",
6436
+ justifyContent: "center",
6437
+ marginRight: "-8px",
6438
+ cursor: "pointer"
6439
+ }
6440
+ }
6441
+ },
6442
+ {
6443
+ type: "Control",
6444
+ scope: "#/properties/text",
6445
+ options: {
6446
+ widget: "Box"
6447
+ },
6448
+ config: {
6449
+ layout: 9,
6450
+ main: {
6451
+ heading: "Previous Page",
6452
+ onClick: "backHandler"
6453
+ },
6454
+ style: {
6455
+ color: theme.palette.primary.dark,
6456
+ fontSize: "12px",
6457
+ cursor: "pointer",
6458
+ marginLeft: "-6px"
6459
+ }
6460
+ }
6461
+ }
6462
+ ]
6463
+ },
6464
+ {
6465
+ type: "Control",
6466
+ scope: "#/properties/pageName",
6467
+ options: {
6468
+ widget: "Box"
6469
+ },
6470
+ config: {
6471
+ layout: 9.7,
6472
+ main: {
6473
+ heading: " "
6474
+ },
6475
+ style: {
6476
+ color: theme.palette.text.disabled,
6477
+ textAlign: "right",
6478
+ fontSize: "12px",
6479
+ marginTop: "-16px"
6480
+ }
6481
+ }
6482
+ },
6483
+ {
6484
+ type: "Control",
6485
+ scope: "#/properties/emptyBox",
6486
+ options: {
6487
+ widget: "EmptyBox"
6488
+ },
6489
+ config: {
6490
+ layout: 2.3
6491
+ }
6492
+ }
6493
+ ]
6333
6494
  }
6334
- },
6335
- {
6336
- type: "Control",
6337
- scope: "#/properties/notify",
6338
- options: {
6339
- widget: "Notify"
6340
- },
6341
- layout: 6
6342
- }
6343
- ]
6495
+ ]
6496
+ };
6497
+ return uiSchema;
6344
6498
  };
6345
6499
  const CoreSection = {
6346
6500
  type: "HorizontalLayout",
@@ -6352,7 +6506,7 @@ const CoreSection = {
6352
6506
  widget: "SelectInputField"
6353
6507
  },
6354
6508
  config: {
6355
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6509
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6356
6510
  main: {
6357
6511
  label: "Type",
6358
6512
  type: "text"
@@ -6366,12 +6520,7 @@ const CoreSection = {
6366
6520
  widget: "InputField"
6367
6521
  },
6368
6522
  config: {
6369
- layout: {
6370
- xs: 12,
6371
- sm: 12,
6372
- md: 6,
6373
- lg: 6
6374
- },
6523
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6375
6524
  main: {
6376
6525
  label: "Name"
6377
6526
  }
@@ -6384,31 +6533,16 @@ const CoreSection = {
6384
6533
  widget: "InputField"
6385
6534
  },
6386
6535
  config: {
6387
- layout: {
6388
- xs: 12,
6389
- sm: 12,
6390
- md: 6,
6391
- lg: 6
6392
- },
6536
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6393
6537
  main: {
6394
6538
  label: "Label"
6395
6539
  }
6396
6540
  }
6397
6541
  },
6398
- {
6399
- type: "Control",
6400
- scope: "#/properties/proc",
6401
- config: {
6402
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6403
- },
6404
- options: {
6405
- widget: "EmptyBox"
6406
- }
6407
- },
6408
6542
  {
6409
6543
  type: "Control",
6410
6544
  scope: "#/properties/layout",
6411
- layout: 11.5,
6545
+ layout: 12,
6412
6546
  options: {
6413
6547
  "elementLabelProp": "key",
6414
6548
  detail: {
@@ -6421,12 +6555,7 @@ const CoreSection = {
6421
6555
  widget: "SelectInputField"
6422
6556
  },
6423
6557
  config: {
6424
- layout: {
6425
- xs: 11,
6426
- sm: 11,
6427
- md: 5.5,
6428
- lg: 5.5
6429
- },
6558
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6430
6559
  main: {
6431
6560
  label: "Screen Size"
6432
6561
  }
@@ -6439,12 +6568,7 @@ const CoreSection = {
6439
6568
  widget: "InputField"
6440
6569
  },
6441
6570
  config: {
6442
- layout: {
6443
- xs: 11,
6444
- sm: 11,
6445
- md: 5.5,
6446
- lg: 5.5
6447
- },
6571
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6448
6572
  main: {
6449
6573
  label: "Value",
6450
6574
  type: "number",
@@ -6452,6 +6576,16 @@ const CoreSection = {
6452
6576
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6453
6577
  }
6454
6578
  }
6579
+ },
6580
+ {
6581
+ type: "Control",
6582
+ scope: "#/properties/emptyBox",
6583
+ options: {
6584
+ widget: "EmptyBox"
6585
+ },
6586
+ config: {
6587
+ layout: { xs: 0, sm: 4 }
6588
+ }
6455
6589
  }
6456
6590
  ]
6457
6591
  }
@@ -6463,121 +6597,95 @@ const EventSection = {
6463
6597
  type: "HorizontalLayout",
6464
6598
  elements: [
6465
6599
  {
6466
- type: "WrapperLayout",
6600
+ type: "Control",
6601
+ scope: "#/properties/events",
6602
+ options: {
6603
+ widget: "Table"
6604
+ },
6467
6605
  config: {
6468
6606
  main: {
6469
- divider: true
6470
- },
6471
- wrapperStyle: {
6472
- border: "1px solid gray"
6607
+ headerIcons: {
6608
+ elements: [
6609
+ {
6610
+ widget: {
6611
+ type: "Control",
6612
+ scope: "#/properties/New_Record",
6613
+ options: {
6614
+ widget: "IconButton"
6615
+ },
6616
+ config: {
6617
+ main: {
6618
+ color: "info",
6619
+ onClick: "eventAddHandler",
6620
+ size: "small",
6621
+ icon: "AddIcon",
6622
+ iconLabel: "Add New",
6623
+ styleDefault: true
6624
+ },
6625
+ style: {
6626
+ mt: "6px"
6627
+ }
6628
+ }
6629
+ }
6630
+ }
6631
+ ]
6632
+ },
6633
+ disableAction: true,
6634
+ disableSelection: true,
6635
+ enableDrag: true
6473
6636
  }
6474
6637
  },
6475
6638
  elements: [
6476
6639
  {
6477
- type: "Control",
6478
- scope: "#/properties/programType",
6479
- options: {
6480
- widget: "Box"
6481
- },
6482
- config: {
6483
- layout: 8,
6484
- main: {
6485
- heading: "Event Table"
6486
- },
6487
- style: {
6488
- fontFamily: "Roboto",
6489
- fontWeight: "500",
6490
- paddingLeft: "-10px",
6491
- fontSize: "20px"
6492
- }
6493
- }
6640
+ accessorKey: "eventType",
6641
+ header: "Event Type"
6494
6642
  },
6495
6643
  {
6496
- type: "Control",
6497
- scope: "#/properties/Back_Button",
6498
- options: {
6499
- widget: "IconButton"
6500
- },
6501
- config: {
6502
- layout: 3,
6503
- main: {
6504
- icon: "AddIcon",
6505
- styleDefault: true,
6506
- size: "small",
6507
- onClick: "eventAddHandler",
6508
- tooltipMessage: "Back"
6644
+ accessorKey: "Handler",
6645
+ header: "Handler"
6646
+ },
6647
+ {
6648
+ accessorKey: "Edit_Approve_Records",
6649
+ header: "Edit Widget",
6650
+ widget: {
6651
+ type: "Control",
6652
+ scope: "#/properties/Edit_Records",
6653
+ options: {
6654
+ widget: "IconButton"
6509
6655
  },
6510
- style: {
6511
- float: "right"
6656
+ config: {
6657
+ main: {
6658
+ color: "info",
6659
+ size: "small",
6660
+ icon: "EditIcon",
6661
+ tooltipMessage: "Edit This Record",
6662
+ onClick: "eventEditHandler"
6663
+ },
6664
+ style: {
6665
+ color: "#3949ab"
6666
+ }
6512
6667
  }
6513
6668
  }
6514
6669
  },
6515
6670
  {
6516
- type: "Control",
6517
- scope: "#/properties/events",
6518
- options: {
6519
- widget: "Table"
6520
- },
6521
- config: {
6522
- main: {
6523
- disableAction: true,
6524
- disableSelection: true,
6525
- enableDrag: true
6526
- }
6527
- },
6528
- elements: [
6529
- {
6530
- accessorKey: "eventType",
6531
- header: "Event Type"
6532
- },
6533
- {
6534
- accessorKey: "Handler",
6535
- header: "Handler"
6536
- },
6537
- {
6538
- accessorKey: "Edit_Approve_Records",
6539
- header: "Edit Widget",
6540
- widget: {
6541
- type: "Control",
6542
- scope: "#/properties/Edit_Records",
6543
- options: {
6544
- widget: "IconButton"
6545
- },
6546
- config: {
6547
- main: {
6548
- color: "info",
6549
- size: "small",
6550
- icon: "EditIcon",
6551
- tooltipMessage: "Edit This Record",
6552
- onClick: "eventEditHandler"
6553
- },
6554
- style: {
6555
- color: "#3949ab"
6556
- }
6557
- }
6558
- }
6671
+ accessorKey: "Reject_Records",
6672
+ header: "Delete",
6673
+ widget: {
6674
+ type: "Control",
6675
+ scope: "#/properties/RejectButton",
6676
+ accessorKeyName: "Reject_Records",
6677
+ options: {
6678
+ widget: "IconButton"
6559
6679
  },
6560
- {
6561
- accessorKey: "Reject_Records",
6562
- header: "Delete",
6563
- widget: {
6564
- type: "Control",
6565
- scope: "#/properties/RejectButton",
6566
- accessorKeyName: "Reject_Records",
6567
- options: {
6568
- widget: "IconButton"
6569
- },
6570
- config: {
6571
- main: {
6572
- icon: "RejectIcon",
6573
- color: "error",
6574
- tooltipMessage: "Reject This Record",
6575
- onClick: "deleteEvent"
6576
- }
6577
- }
6680
+ config: {
6681
+ main: {
6682
+ icon: "RejectIcon",
6683
+ color: "error",
6684
+ tooltipMessage: "Reject This Record",
6685
+ onClick: "deleteEvent"
6578
6686
  }
6579
6687
  }
6580
- ]
6688
+ }
6581
6689
  }
6582
6690
  ]
6583
6691
  }
@@ -6590,12 +6698,7 @@ const EmptyBox = {
6590
6698
  widget: "EmptyBox"
6591
6699
  },
6592
6700
  config: {
6593
- layout: {
6594
- xs: 11,
6595
- sm: 11,
6596
- md: 5.5,
6597
- lg: 5.5
6598
- },
6701
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6599
6702
  main: {}
6600
6703
  }
6601
6704
  };
@@ -6711,12 +6814,7 @@ const getInputField = (scope, label) => {
6711
6814
  widget: "InputField"
6712
6815
  },
6713
6816
  config: {
6714
- layout: {
6715
- xs: 11,
6716
- sm: 11,
6717
- md: 5.5,
6718
- lg: 5.5
6719
- },
6817
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6720
6818
  main: {
6721
6819
  label
6722
6820
  }
@@ -6731,12 +6829,7 @@ const getRadioInputField = (scope, label, options) => {
6731
6829
  widget: "RadioInputField"
6732
6830
  },
6733
6831
  config: {
6734
- layout: {
6735
- xs: 11,
6736
- sm: 11,
6737
- md: 5.5,
6738
- lg: 5.5
6739
- },
6832
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6740
6833
  main: {
6741
6834
  label,
6742
6835
  options
@@ -6779,7 +6872,7 @@ const getSelectField = (scope, label, options) => {
6779
6872
  widget: "SelectInputField"
6780
6873
  },
6781
6874
  config: {
6782
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6875
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6783
6876
  main: {
6784
6877
  label,
6785
6878
  type: "text"
@@ -6800,6 +6893,7 @@ const buildPropertiesSection = function(type) {
6800
6893
  getInputField("elevation", "Card Elevation"),
6801
6894
  getInputField("height", "Grid height"),
6802
6895
  getInputField("justifyContent", "justifyContent"),
6896
+ EmptyBox,
6803
6897
  cardLayout
6804
6898
  ];
6805
6899
  break;
@@ -6810,6 +6904,7 @@ const buildPropertiesSection = function(type) {
6810
6904
  getInputField("resetText", "Reset Text"),
6811
6905
  getInputField("completeText", "Complete Text"),
6812
6906
  getSelectField("orientation", "Orientation Type"),
6907
+ EmptyBox,
6813
6908
  getArrayControl("sectionLabels", "label")
6814
6909
  ];
6815
6910
  break;
@@ -6825,12 +6920,14 @@ const buildPropertiesSection = function(type) {
6825
6920
  uiSchema.elements = [
6826
6921
  getInputField("placeholder", "Placeholder"),
6827
6922
  EmptyBox,
6923
+ EmptyBox,
6828
6924
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6829
6925
  ];
6830
6926
  break;
6831
6927
  case "TextArea":
6832
6928
  uiSchema.elements = [
6833
6929
  getInputField("placeholder", "Placeholder"),
6930
+ EmptyBox,
6834
6931
  EmptyBox
6835
6932
  ];
6836
6933
  break;
@@ -6840,7 +6937,8 @@ const buildPropertiesSection = function(type) {
6840
6937
  getInputField("heading", "Container Heading"),
6841
6938
  getInputField("heading", "Container Heading"),
6842
6939
  getInputField("speedoCaption", "Speedometer Caption"),
6843
- getInputField("width", "Speedometer Width")
6940
+ getInputField("width", "Speedometer Width"),
6941
+ EmptyBox
6844
6942
  ];
6845
6943
  break;
6846
6944
  case "RankCard":
@@ -6848,7 +6946,9 @@ const buildPropertiesSection = function(type) {
6848
6946
  getInputField("rank", "Rank"),
6849
6947
  getInputField("image", "Image Url"),
6850
6948
  getInputField("title", "Card Title"),
6851
- getInputField("description", "Card Description")
6949
+ getInputField("description", "Card Description"),
6950
+ EmptyBox,
6951
+ EmptyBox
6852
6952
  ];
6853
6953
  break;
6854
6954
  case "LeaderBoard":
@@ -6857,6 +6957,7 @@ const buildPropertiesSection = function(type) {
6857
6957
  getInputField("firstImage", "First Image url"),
6858
6958
  getInputField("secondImage", "Second Image url"),
6859
6959
  getInputField("thirdImage", "Third Image url"),
6960
+ EmptyBox,
6860
6961
  getTextArea("functionCode", "Write Compare Code", false)
6861
6962
  ];
6862
6963
  break;
@@ -6872,7 +6973,9 @@ const buildPropertiesSection = function(type) {
6872
6973
  getInputField("heading", "Heading"),
6873
6974
  getInputField("bottomLabel_1", "First BottomLabel"),
6874
6975
  getInputField("bottomLabel_2", "Second BottomLabel"),
6875
- getInputField("bottomLabel_3", "Third BottomLabel")
6976
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6977
+ EmptyBox,
6978
+ EmptyBox
6876
6979
  ];
6877
6980
  break;
6878
6981
  case "card":
@@ -6906,7 +7009,7 @@ const buildPropertiesSection = function(type) {
6906
7009
  ];
6907
7010
  break;
6908
7011
  case "WrapperSection":
6909
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
7012
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox, EmptyBox];
6910
7013
  break;
6911
7014
  case "TabSection":
6912
7015
  uiSchema.elements = [
@@ -6934,12 +7037,14 @@ const buildPropertiesSection = function(type) {
6934
7037
  case "Select":
6935
7038
  uiSchema.elements = [
6936
7039
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
6937
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7040
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7041
+ EmptyBox
6938
7042
  ];
6939
7043
  break;
6940
7044
  case "MultipleSelect":
6941
7045
  uiSchema.elements = [
6942
7046
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7047
+ EmptyBox,
6943
7048
  EmptyBox
6944
7049
  ];
6945
7050
  break;
@@ -6985,116 +7090,92 @@ const TableSection = {
6985
7090
  type: "HorizontalLayout",
6986
7091
  elements: [
6987
7092
  {
6988
- type: "WrapperLayout",
7093
+ type: "Control",
7094
+ scope: "#/properties/elements",
7095
+ options: {
7096
+ widget: "Table"
7097
+ },
6989
7098
  config: {
6990
- main: {},
6991
- wrapperStyle: {
6992
- border: "1px solid gray"
7099
+ main: {
7100
+ headerIcons: {
7101
+ elements: [
7102
+ {
7103
+ widget: {
7104
+ type: "Control",
7105
+ scope: "#/properties/New_Record",
7106
+ options: {
7107
+ widget: "IconButton"
7108
+ },
7109
+ config: {
7110
+ main: {
7111
+ color: "info",
7112
+ onClick: "widgetAddClickHandler",
7113
+ size: "small",
7114
+ icon: "AddIcon",
7115
+ iconLabel: "Add New",
7116
+ styleDefault: true
7117
+ },
7118
+ style: {
7119
+ mt: "6px"
7120
+ }
7121
+ }
7122
+ }
7123
+ }
7124
+ ]
7125
+ },
7126
+ disableAction: true,
7127
+ disableSelection: true,
7128
+ enableDrag: true
6993
7129
  }
6994
7130
  },
6995
7131
  elements: [
6996
7132
  {
6997
- type: "Control",
6998
- scope: "#/properties/programType",
6999
- options: {
7000
- widget: "Box"
7001
- },
7002
- config: {
7003
- layout: 8,
7004
- main: {
7005
- heading: "Components Table"
7006
- },
7007
- style: {
7008
- fontFamily: "Roboto",
7009
- fontWeight: "500",
7010
- paddingLeft: "-10px",
7011
- fontSize: "20px"
7012
- }
7013
- }
7133
+ accessorKey: "name",
7134
+ header: "Name"
7014
7135
  },
7015
7136
  {
7016
- type: "Control",
7017
- scope: "#/properties/Back_Button",
7018
- options: {
7019
- widget: "IconButton"
7020
- },
7021
- config: {
7022
- layout: 3,
7023
- main: {
7024
- icon: "AddIcon",
7025
- styleDefault: true,
7026
- size: "small",
7027
- onClick: "widgetAddClickHandler",
7028
- tooltipMessage: "Add New"
7137
+ accessorKey: "type",
7138
+ header: "Type"
7139
+ },
7140
+ {
7141
+ header: "Edit Record",
7142
+ field: "Reject_Records",
7143
+ flex: 1,
7144
+ widget: {
7145
+ type: "Control",
7146
+ scope: "#/properties/RejectButton",
7147
+ options: {
7148
+ widget: "IconButton"
7029
7149
  },
7030
- style: {
7031
- float: "right"
7150
+ config: {
7151
+ main: {
7152
+ icon: "EditIcon",
7153
+ color: "primary",
7154
+ onClick: "editComponents",
7155
+ tooltipMessage: "Reject This Record"
7156
+ }
7032
7157
  }
7033
7158
  }
7034
7159
  },
7035
7160
  {
7036
- type: "Control",
7037
- scope: "#/properties/elements",
7038
- options: {
7039
- widget: "Table"
7040
- },
7041
- config: {
7042
- main: {
7043
- disableAction: true,
7044
- disableSelection: true,
7045
- enableDrag: true
7046
- }
7047
- },
7048
- elements: [
7049
- {
7050
- accessorKey: "name",
7051
- header: "Name"
7052
- },
7053
- {
7054
- accessorKey: "type",
7055
- header: "Type"
7056
- },
7057
- {
7058
- header: "Edit Record",
7059
- field: "Reject_Records",
7060
- flex: 1,
7061
- widget: {
7062
- type: "Control",
7063
- scope: "#/properties/RejectButton",
7064
- options: {
7065
- widget: "IconButton"
7066
- },
7067
- config: {
7068
- main: {
7069
- icon: "EditIcon",
7070
- color: "primary",
7071
- onClick: "editComponents",
7072
- tooltipMessage: "Reject This Record"
7073
- }
7074
- }
7075
- }
7161
+ header: "Delete",
7162
+ field: "Reject_Records",
7163
+ flex: 1,
7164
+ widget: {
7165
+ type: "Control",
7166
+ scope: "#/properties/RejectButton",
7167
+ options: {
7168
+ widget: "IconButton"
7076
7169
  },
7077
- {
7078
- header: "Delete",
7079
- field: "Reject_Records",
7080
- flex: 1,
7081
- widget: {
7082
- type: "Control",
7083
- scope: "#/properties/RejectButton",
7084
- options: {
7085
- widget: "IconButton"
7086
- },
7087
- config: {
7088
- main: {
7089
- icon: "RejectIcon",
7090
- color: "error",
7091
- onClick: "deleteComponents",
7092
- tooltipMessage: "Reject This Record"
7093
- }
7094
- }
7170
+ config: {
7171
+ main: {
7172
+ icon: "RejectIcon",
7173
+ color: "error",
7174
+ onClick: "deleteComponents",
7175
+ tooltipMessage: "Reject This Record"
7095
7176
  }
7096
7177
  }
7097
- ]
7178
+ }
7098
7179
  }
7099
7180
  ]
7100
7181
  }
@@ -7118,12 +7199,7 @@ const ValueTab = {
7118
7199
  widget: "InputField"
7119
7200
  },
7120
7201
  config: {
7121
- layout: {
7122
- xs: 11,
7123
- sm: 11,
7124
- md: 5.5,
7125
- lg: 5.5
7126
- },
7202
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7127
7203
  main: {
7128
7204
  label: "Label"
7129
7205
  }
@@ -7136,16 +7212,21 @@ const ValueTab = {
7136
7212
  widget: "InputField"
7137
7213
  },
7138
7214
  config: {
7139
- layout: {
7140
- xs: 11,
7141
- sm: 11,
7142
- md: 5.5,
7143
- lg: 5.5
7144
- },
7215
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7145
7216
  main: {
7146
7217
  label: "Value"
7147
7218
  }
7148
7219
  }
7220
+ },
7221
+ {
7222
+ type: "Control",
7223
+ scope: "#/properties/emptyBox",
7224
+ options: {
7225
+ widget: "EmptyBox"
7226
+ },
7227
+ config: {
7228
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7229
+ }
7149
7230
  }
7150
7231
  ]
7151
7232
  }
@@ -7172,12 +7253,7 @@ const ValidationSection = {
7172
7253
  widget: "SelectInputField"
7173
7254
  },
7174
7255
  config: {
7175
- layout: {
7176
- xs: 11,
7177
- sm: 11,
7178
- md: 5.5,
7179
- lg: 5.5
7180
- },
7256
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7181
7257
  main: {
7182
7258
  label: "Validation Type"
7183
7259
  }
@@ -7190,16 +7266,21 @@ const ValidationSection = {
7190
7266
  widget: "InputField"
7191
7267
  },
7192
7268
  config: {
7193
- layout: {
7194
- xs: 11,
7195
- sm: 11,
7196
- md: 5.5,
7197
- lg: 5.5
7198
- },
7269
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7199
7270
  main: {
7200
7271
  label: "Validation Value"
7201
7272
  }
7202
7273
  }
7274
+ },
7275
+ {
7276
+ type: "Control",
7277
+ scope: "#/properties/emptyBox",
7278
+ options: {
7279
+ widget: "EmptyBox"
7280
+ },
7281
+ config: {
7282
+ layout: { xs: 0, sm: 4 }
7283
+ }
7203
7284
  }
7204
7285
  ]
7205
7286
  }
@@ -7381,7 +7462,7 @@ const sectionLabels = {
7381
7462
  };
7382
7463
  const refreshPage = (type, store2) => {
7383
7464
  var _a;
7384
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7465
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7385
7466
  if (type) {
7386
7467
  const sectionUiSchema = {
7387
7468
  Core: CoreSection,
@@ -7393,8 +7474,8 @@ const refreshPage = (type, store2) => {
7393
7474
  Validation: ValidationSection
7394
7475
  };
7395
7476
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7396
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7397
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7477
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7478
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7398
7479
  }
7399
7480
  store2.setUiSchema(UiSchema);
7400
7481
  };
@@ -7516,7 +7597,7 @@ var pageMaster = (funcParams) => {
7516
7597
  return config;
7517
7598
  },
7518
7599
  getUiSchema: function() {
7519
- return PageMasterUiSchema;
7600
+ return PageMasterUiSchema(store2.theme.myTheme);
7520
7601
  },
7521
7602
  getSchema: () => {
7522
7603
  return PageMasterSchema;
@@ -7651,302 +7732,366 @@ const EventSchema = {
7651
7732
  },
7652
7733
  required: ["eventType", "Handler"]
7653
7734
  };
7654
- const EventUiSchema = {
7655
- type: "HorizontalLayout",
7656
- elements: [
7657
- {
7658
- type: "WrapperLayout",
7659
- config: {
7660
- main: {
7661
- rowSpacing: 1,
7662
- header: true
7663
- },
7664
- defaultStyle: true
7665
- },
7666
- elements: [
7667
- {
7668
- type: "Control",
7669
- scope: "#/properties/Component",
7670
- options: {
7671
- widget: "Box"
7672
- },
7673
- config: {
7674
- layout: { xs: 12, sm: 12, md: 2 },
7675
- main: {
7676
- heading: "Component"
7677
- },
7678
- style: {
7679
- "float": "left"
7680
- }
7681
- }
7682
- },
7683
- {
7684
- type: "Control",
7685
- scope: "#/properties/pageName",
7686
- options: {
7687
- widget: "Box"
7688
- },
7689
- config: {
7690
- layout: { xs: 7, sm: 7, md: 9 },
7691
- main: {
7692
- heading: " "
7693
- },
7694
- style: {
7695
- float: "right",
7696
- width: "auto",
7697
- fontSize: "12px",
7698
- color: "gray",
7699
- paddingTop: "10px"
7700
- }
7735
+ const EventUiSchema = (theme) => {
7736
+ var _a;
7737
+ const uiSchema = {
7738
+ type: "HorizontalLayout",
7739
+ heading: "Component",
7740
+ elements: [
7741
+ {
7742
+ type: "TabLayout",
7743
+ config: {
7744
+ main: {
7745
+ tabLabels: ["Core", "Response Event"],
7746
+ defaultStyle: true,
7747
+ id: "event"
7701
7748
  }
7702
7749
  },
7703
- {
7704
- type: "Control",
7705
- scope: "#/properties/Back_Button",
7706
- options: {
7707
- widget: "IconButton"
7708
- },
7709
- config: {
7710
- layout: { xs: 2, sm: 2, md: 0.5 },
7711
- main: {
7712
- icon: "BackIcon",
7713
- styleDefault: true,
7714
- size: "small",
7715
- onClick: "backHandler",
7716
- tooltipMessage: "Back"
7717
- },
7718
- style: {
7719
- float: "right"
7720
- }
7721
- }
7722
- }
7723
- ]
7724
- },
7725
- {
7726
- type: "TabLayout",
7727
- config: {
7728
- main: {
7729
- tabLabels: ["Core", "Response Event"],
7730
- defaultStyle: true,
7731
- id: "event"
7732
- }
7733
- },
7734
- elements: [
7735
- {
7736
- type: "HorizontalLayout",
7737
- elements: [
7738
- {
7739
- type: "Control",
7740
- scope: `#/properties/eventType`,
7741
- options: {
7742
- widget: "SelectInputField"
7750
+ elements: [
7751
+ {
7752
+ type: "HorizontalLayout",
7753
+ elements: [
7754
+ {
7755
+ type: "Control",
7756
+ scope: `#/properties/eventType`,
7757
+ options: {
7758
+ widget: "SelectInputField"
7759
+ },
7760
+ config: {
7761
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7762
+ main: {
7763
+ label: "Event Type",
7764
+ type: "text"
7765
+ }
7766
+ }
7743
7767
  },
7744
- config: {
7745
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7746
- main: {
7747
- label: "Event Type",
7748
- type: "text"
7768
+ {
7769
+ type: "Control",
7770
+ scope: `#/properties/Handler`,
7771
+ options: {
7772
+ widget: "SelectInputField"
7773
+ },
7774
+ config: {
7775
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7776
+ main: {
7777
+ label: "Handler",
7778
+ type: "text"
7779
+ }
7749
7780
  }
7750
- }
7751
- },
7752
- getSelectField("Handler", "Handler")
7753
- ]
7754
- },
7755
- {
7756
- type: "WrapperLayout",
7757
- config: {
7758
- main: {
7759
- divider: true
7760
- },
7761
- wrapperStyle: {
7762
- border: "1px solid gray"
7763
- }
7764
- },
7765
- elements: [
7766
- {
7767
- type: "Control",
7768
- scope: "#/properties/heading",
7769
- options: {
7770
- widget: "Box"
7771
7781
  },
7772
- config: {
7773
- layout: 8,
7774
- main: {
7775
- heading: "Response Event"
7782
+ {
7783
+ type: "Control",
7784
+ scope: "#/properties/emptyBox",
7785
+ options: {
7786
+ widget: "EmptyBox"
7776
7787
  },
7777
- style: {
7778
- fontFamily: "Roboto",
7779
- fontWeight: "500",
7780
- paddingLeft: "-10px",
7781
- fontSize: "20px"
7788
+ config: {
7789
+ layout: { xs: 0, sm: 4 }
7782
7790
  }
7783
7791
  }
7792
+ ]
7793
+ },
7794
+ {
7795
+ type: "Control",
7796
+ scope: "#/properties/events",
7797
+ options: {
7798
+ widget: "Table"
7784
7799
  },
7785
- {
7786
- type: "Control",
7787
- scope: "#/properties/AddButton",
7788
- options: {
7789
- widget: "IconButton"
7790
- },
7791
- config: {
7792
- layout: 3,
7793
- main: {
7794
- icon: "AddIcon",
7795
- styleDefault: true,
7796
- size: "small",
7797
- onClick: "addEvent",
7798
- tooltipMessage: "Back"
7800
+ config: {
7801
+ main: {
7802
+ headerIcons: {
7803
+ elements: [
7804
+ {
7805
+ widget: {
7806
+ type: "Control",
7807
+ scope: "#/properties/New_Record",
7808
+ options: {
7809
+ widget: "IconButton"
7810
+ },
7811
+ config: {
7812
+ main: {
7813
+ color: "info",
7814
+ onClick: "addEvent",
7815
+ size: "small",
7816
+ icon: "AddIcon",
7817
+ iconLabel: "Add New",
7818
+ styleDefault: true
7819
+ },
7820
+ style: {
7821
+ mt: "6px"
7822
+ }
7823
+ }
7824
+ }
7825
+ }
7826
+ ]
7799
7827
  },
7800
- style: {
7801
- float: "right"
7802
- }
7828
+ disableAction: true,
7829
+ disableSelection: true,
7830
+ enableDrag: true
7803
7831
  }
7804
7832
  },
7805
- {
7806
- type: "Control",
7807
- scope: "#/properties/events",
7808
- options: {
7809
- widget: "Table"
7833
+ elements: [
7834
+ {
7835
+ accessorKey: "eventType",
7836
+ header: "Event Type"
7810
7837
  },
7811
- config: {
7812
- main: {
7813
- disableAction: true,
7814
- disableSelection: true,
7815
- enableDrag: true
7816
- }
7838
+ {
7839
+ accessorKey: "Handler",
7840
+ header: "Handler"
7817
7841
  },
7818
- elements: [
7819
- {
7820
- accessorKey: "eventType",
7821
- header: "Event Type"
7822
- },
7823
- {
7824
- accessorKey: "Handler",
7825
- header: "Handler"
7826
- },
7827
- {
7828
- accessorKey: "Edit_Approve_Records",
7829
- header: "Edit Widget",
7830
- widget: {
7831
- type: "Control",
7832
- scope: "#/properties/Edit_Records",
7833
- options: {
7834
- widget: "IconButton"
7842
+ {
7843
+ accessorKey: "Edit_Approve_Records",
7844
+ header: "Edit Widget",
7845
+ widget: {
7846
+ type: "Control",
7847
+ scope: "#/properties/Edit_Records",
7848
+ options: {
7849
+ widget: "IconButton"
7850
+ },
7851
+ config: {
7852
+ main: {
7853
+ color: "info",
7854
+ size: "small",
7855
+ icon: "EditIcon",
7856
+ tooltipMessage: "Edit This Record",
7857
+ onClick: "editEvent"
7835
7858
  },
7836
- config: {
7837
- main: {
7838
- color: "info",
7839
- size: "small",
7840
- icon: "EditIcon",
7841
- tooltipMessage: "Edit This Record",
7842
- onClick: "editEvent"
7843
- },
7844
- style: {
7845
- color: "#3949ab"
7846
- }
7859
+ style: {
7860
+ color: "#3949ab"
7847
7861
  }
7848
7862
  }
7849
- },
7850
- {
7851
- accessorKey: "Reject_Records",
7852
- header: "Delete",
7853
- widget: {
7854
- type: "Control",
7855
- scope: "#/properties/RejectButton",
7856
- options: {
7857
- widget: "IconButton"
7858
- },
7859
- config: {
7860
- main: {
7861
- icon: "RejectIcon",
7862
- color: "error",
7863
- tooltipMessage: "Reject This Record",
7864
- onClick: "deleteEvent"
7865
- }
7863
+ }
7864
+ },
7865
+ {
7866
+ accessorKey: "Reject_Records",
7867
+ header: "Delete",
7868
+ widget: {
7869
+ type: "Control",
7870
+ scope: "#/properties/RejectButton",
7871
+ options: {
7872
+ widget: "IconButton"
7873
+ },
7874
+ config: {
7875
+ main: {
7876
+ icon: "RejectIcon",
7877
+ color: "error",
7878
+ tooltipMessage: "Reject This Record",
7879
+ onClick: "deleteEvent"
7866
7880
  }
7867
7881
  }
7868
7882
  }
7869
- ]
7870
- }
7871
- ]
7883
+ }
7884
+ ]
7885
+ }
7886
+ ]
7887
+ },
7888
+ {
7889
+ type: "Control",
7890
+ scope: "#/properties/EmptyBox",
7891
+ options: {
7892
+ widget: "EmptyBox"
7893
+ },
7894
+ config: {
7895
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7872
7896
  }
7873
- ]
7874
- },
7875
- {
7876
- type: "Control",
7877
- scope: "#/properties/proc",
7878
- config: {
7879
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7880
7897
  },
7881
- options: {
7882
- widget: "EmptyBox"
7883
- }
7884
- },
7885
- {
7886
- type: "Control",
7887
- scope: "#/properties/btn",
7888
- options: {
7889
- widget: "Button"
7898
+ {
7899
+ type: "Control",
7900
+ scope: "#/properties/EmptyBox",
7901
+ options: {
7902
+ widget: "EmptyBox"
7903
+ },
7904
+ config: {
7905
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7906
+ }
7890
7907
  },
7891
- config: {
7892
- layout: {
7893
- xs: 11,
7894
- sm: 11,
7895
- md: 2.5,
7896
- lg: 2.5
7908
+ {
7909
+ type: "Control",
7910
+ scope: "#/properties/btn",
7911
+ options: {
7912
+ widget: "Button"
7897
7913
  },
7898
- main: {
7899
- name: "Ok",
7900
- startIcon: "ApproveIcon",
7901
- variant: "contained",
7902
- color: "info",
7903
- type: "text",
7904
- onClick: "okHandler",
7905
- size: "small"
7914
+ config: {
7915
+ layout: 1.8,
7916
+ main: {
7917
+ name: "Ok",
7918
+ startIcon: "ApproveIcon",
7919
+ variant: "contained",
7920
+ color: "info",
7921
+ type: "text",
7922
+ onClick: "okHandler",
7923
+ size: "medium"
7924
+ },
7925
+ style: {
7926
+ float: "right"
7927
+ }
7928
+ }
7929
+ },
7930
+ {
7931
+ type: "Control",
7932
+ scope: "#/properties/btnSubmit",
7933
+ options: {
7934
+ widget: "Button"
7906
7935
  },
7907
- style: {
7908
- marginBottom: "8px",
7909
- float: "right"
7936
+ config: {
7937
+ layout: 1.8,
7938
+ main: {
7939
+ name: "Save & Exit",
7940
+ startIcon: "ApproveIcon",
7941
+ variant: "contained",
7942
+ color: "info",
7943
+ type: "text",
7944
+ onClick: "saveHandler",
7945
+ size: "medium"
7946
+ },
7947
+ style: {
7948
+ float: "right"
7949
+ }
7910
7950
  }
7911
- }
7912
- },
7913
- {
7914
- type: "Control",
7915
- scope: "#/properties/btnSubmit",
7916
- options: {
7917
- widget: "Button"
7918
7951
  },
7919
- config: {
7920
- layout: {
7921
- xs: 11,
7922
- sm: 11,
7923
- md: 2.5,
7924
- lg: 2.5
7952
+ {
7953
+ type: "Control",
7954
+ scope: "#/properties/notify",
7955
+ options: {
7956
+ widget: "Notify"
7925
7957
  },
7926
- main: {
7927
- name: "Save & Exit",
7928
- startIcon: "ApproveIcon",
7929
- variant: "contained",
7930
- color: "info",
7931
- type: "text",
7932
- onClick: "saveHandler",
7933
- size: "small"
7958
+ layout: 6
7959
+ },
7960
+ {
7961
+ type: "HorizontalLayout",
7962
+ config: {
7963
+ style: {
7964
+ position: "fixed",
7965
+ bottom: 5,
7966
+ overflow: "visible",
7967
+ margin: "0",
7968
+ width: "100vw"
7969
+ }
7934
7970
  },
7935
- style: {
7936
- marginBottom: "8px",
7937
- float: "right"
7938
- }
7971
+ elements: [
7972
+ {
7973
+ type: "Control",
7974
+ scope: "#/properties/EmptyBox",
7975
+ options: {
7976
+ widget: "EmptyBox"
7977
+ },
7978
+ config: {
7979
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7980
+ }
7981
+ },
7982
+ {
7983
+ type: "Control",
7984
+ scope: "#/properties/FooterText",
7985
+ options: {
7986
+ widget: "Box"
7987
+ },
7988
+ config: {
7989
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7990
+ main: {
7991
+ heading: "Copywriter@ACT21.IO"
7992
+ },
7993
+ style: {
7994
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7995
+ fontSize: "12px"
7996
+ }
7997
+ }
7998
+ },
7999
+ {
8000
+ type: "HorizontalLayout",
8001
+ config: {
8002
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8003
+ },
8004
+ elements: [
8005
+ {
8006
+ type: "Control",
8007
+ scope: "#/properties/EmptyBox",
8008
+ options: {
8009
+ widget: "EmptyBox"
8010
+ },
8011
+ config: {
8012
+ layout: 2
8013
+ }
8014
+ },
8015
+ {
8016
+ type: "Control",
8017
+ scope: "#/properties/backIcon",
8018
+ options: {
8019
+ widget: "Box"
8020
+ },
8021
+ config: {
8022
+ layout: 1,
8023
+ main: {
8024
+ iconName: "PrevIcon",
8025
+ onClick: "backHandler"
8026
+ },
8027
+ style: {
8028
+ fill: theme.palette.primary.dark,
8029
+ width: 20,
8030
+ height: 20,
8031
+ display: "flex",
8032
+ alignItems: "center",
8033
+ justifyContent: "center",
8034
+ marginRight: "-8px",
8035
+ cursor: "pointer"
8036
+ }
8037
+ }
8038
+ },
8039
+ {
8040
+ type: "Control",
8041
+ scope: "#/properties/text",
8042
+ options: {
8043
+ widget: "Box"
8044
+ },
8045
+ config: {
8046
+ layout: 9,
8047
+ main: {
8048
+ heading: "Previous Page",
8049
+ onClick: "backHandler"
8050
+ },
8051
+ style: {
8052
+ color: theme.palette.primary.dark,
8053
+ fontSize: "12px",
8054
+ cursor: "pointer",
8055
+ marginLeft: "-6px"
8056
+ }
8057
+ }
8058
+ }
8059
+ ]
8060
+ },
8061
+ {
8062
+ type: "Control",
8063
+ scope: "#/properties/pageName",
8064
+ options: {
8065
+ widget: "Box"
8066
+ },
8067
+ config: {
8068
+ layout: 9.7,
8069
+ main: {
8070
+ heading: " "
8071
+ },
8072
+ style: {
8073
+ color: theme.palette.text.disabled,
8074
+ textAlign: "right",
8075
+ fontSize: "12px",
8076
+ marginTop: "-16px"
8077
+ }
8078
+ }
8079
+ },
8080
+ {
8081
+ type: "Control",
8082
+ scope: "#/properties/emptyBox",
8083
+ options: {
8084
+ widget: "EmptyBox"
8085
+ },
8086
+ config: {
8087
+ layout: 2.3
8088
+ }
8089
+ }
8090
+ ]
7939
8091
  }
7940
- },
7941
- {
7942
- type: "Control",
7943
- scope: "#/properties/notify",
7944
- options: {
7945
- widget: "Notify"
7946
- },
7947
- layout: 6
7948
- }
7949
- ]
8092
+ ]
8093
+ };
8094
+ return uiSchema;
7950
8095
  };
7951
8096
  const APISection = {
7952
8097
  type: "HorizontalLayout",
@@ -7958,7 +8103,7 @@ const APISection = {
7958
8103
  widget: "SelectInputField"
7959
8104
  },
7960
8105
  config: {
7961
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8106
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7962
8107
  main: {
7963
8108
  label: "Method",
7964
8109
  type: "text"
@@ -7972,7 +8117,7 @@ const APISection = {
7972
8117
  widget: "InputField"
7973
8118
  },
7974
8119
  config: {
7975
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8120
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7976
8121
  main: {
7977
8122
  label: "Path",
7978
8123
  type: "text",
@@ -7981,6 +8126,26 @@ const APISection = {
7981
8126
  }
7982
8127
  }
7983
8128
  },
8129
+ {
8130
+ type: "Control",
8131
+ scope: "#/properties/emptyBox",
8132
+ options: {
8133
+ widget: "EmptyBox"
8134
+ },
8135
+ config: {
8136
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8137
+ }
8138
+ },
8139
+ {
8140
+ type: "Control",
8141
+ scope: "#/properties/emptyBox",
8142
+ options: {
8143
+ widget: "EmptyBox"
8144
+ },
8145
+ config: {
8146
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8147
+ }
8148
+ },
7984
8149
  {
7985
8150
  type: "Control",
7986
8151
  scope: "#/properties/headers",
@@ -7997,12 +8162,7 @@ const APISection = {
7997
8162
  widget: "InputField"
7998
8163
  },
7999
8164
  config: {
8000
- layout: {
8001
- xs: 11,
8002
- sm: 11,
8003
- md: 5.5,
8004
- lg: 5.5
8005
- },
8165
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8006
8166
  main: {
8007
8167
  label: "Key"
8008
8168
  }
@@ -8015,12 +8175,7 @@ const APISection = {
8015
8175
  widget: "InputField"
8016
8176
  },
8017
8177
  config: {
8018
- layout: {
8019
- xs: 11,
8020
- sm: 11,
8021
- md: 5.5,
8022
- lg: 5.5
8023
- },
8178
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8024
8179
  main: {
8025
8180
  label: "Value"
8026
8181
  }
@@ -8046,12 +8201,7 @@ const APISection = {
8046
8201
  widget: "InputField"
8047
8202
  },
8048
8203
  config: {
8049
- layout: {
8050
- xs: 11,
8051
- sm: 11,
8052
- md: 5.5,
8053
- lg: 5.5
8054
- },
8204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8055
8205
  main: {
8056
8206
  label: "Key"
8057
8207
  }
@@ -8064,12 +8214,7 @@ const APISection = {
8064
8214
  widget: "InputField"
8065
8215
  },
8066
8216
  config: {
8067
- layout: {
8068
- xs: 11,
8069
- sm: 11,
8070
- md: 5.5,
8071
- lg: 5.5
8072
- },
8217
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8073
8218
  main: {
8074
8219
  label: "Value"
8075
8220
  }
@@ -8143,21 +8288,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8143
8288
  this.refreshPage(formdata.Handler, store2);
8144
8289
  },
8145
8290
  refreshPage: (handlerType, store22) => {
8146
- const uiSchema = _.cloneDeep(EventUiSchema);
8291
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8147
8292
  const schema2 = _.cloneDeep(EventSchema);
8148
8293
  if (handlerType) {
8149
8294
  if (handlerType === "custom") {
8150
- uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8295
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8151
8296
  schema2.required = ["eventType", "Handler", "eventCode"];
8152
8297
  } else if (handlerType === "api") {
8153
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8298
+ uiSchema.elements[0].elements[0].elements[2] = APISection;
8154
8299
  schema2.required = ["eventType", "Handler", "method", "path"];
8155
8300
  } else if (handlerType === "inBuiltFunction") {
8156
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8157
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8301
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8302
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8158
8303
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8159
8304
  } else if (handlerType === "refresh") {
8160
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8305
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8161
8306
  schema2.properties.refreshElements.required = ["value"];
8162
8307
  schema2.properties.refreshElements.items.required = ["value"];
8163
8308
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8167,8 +8312,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8167
8312
  store22.setUiSchema(uiSchema);
8168
8313
  },
8169
8314
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8170
- getUiSchema: function() {
8171
- return EventUiSchema;
8315
+ getUiSchema: async function() {
8316
+ return await EventUiSchema(store2.theme.myTheme);
8172
8317
  },
8173
8318
  getSchema: () => {
8174
8319
  return EventSchema;
@@ -9490,12 +9635,7 @@ var TextInputField = {
9490
9635
  widget: "InputField"
9491
9636
  },
9492
9637
  config: {
9493
- layout: {
9494
- xs: 11,
9495
- sm: 11,
9496
- md: 5.5,
9497
- lg: 5.5
9498
- },
9638
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9499
9639
  main: {
9500
9640
  label: ""
9501
9641
  },
@@ -9528,12 +9668,7 @@ var SelectInputField = {
9528
9668
  widget: "SelectInputField"
9529
9669
  },
9530
9670
  config: {
9531
- "layout": {
9532
- "xs": 11,
9533
- "sm": 11,
9534
- "md": 5.5,
9535
- "lg": 5.5
9536
- },
9671
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9537
9672
  main: {
9538
9673
  label: "",
9539
9674
  type: "text",
@@ -9943,12 +10078,7 @@ var DateInputField = {
9943
10078
  widget: "DateInputField"
9944
10079
  },
9945
10080
  config: {
9946
- layout: {
9947
- xs: 11,
9948
- sm: 11,
9949
- md: 5.5,
9950
- lg: 5.5
9951
- },
10081
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9952
10082
  main: {
9953
10083
  label: "",
9954
10084
  type: "date"
@@ -10065,7 +10195,7 @@ var MultipleSelect = {
10065
10195
  widget: "MultipleSelect"
10066
10196
  },
10067
10197
  config: {
10068
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10198
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10069
10199
  main: {
10070
10200
  label: "",
10071
10201
  type: "text",
@@ -10252,7 +10382,7 @@ var emptyBox = {
10252
10382
  widget: "EmptyBox"
10253
10383
  },
10254
10384
  config: {
10255
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10385
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10256
10386
  main: {},
10257
10387
  style: {}
10258
10388
  }