impaktapps-ui-builder 0.0.412-mtreemap.6 → 0.0.412-mtreemap.8

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 (14) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1025 -995
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +46 -121
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -51
  8. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +223 -123
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +427 -284
  12. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  13. package/src/impaktapps-ui-builder/builder/services/event.ts +10 -8
  14. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,393 +43,415 @@ const PageMasterSchema = {
43
43
  },
44
44
  required: ["template", "name", "label"]
45
45
  };
46
- const PageMasterUiSchema = {
47
- type: "HorizontalLayout",
48
- elements: [
49
- {
50
- type: "WrapperLayout",
51
- config: {
52
- main: {
53
- rowSpacing: 1,
54
- header: true
55
- },
56
- defaultStyle: true
57
- },
58
- elements: [
59
- {
60
- type: "Control",
61
- scope: "#/properties/pageMaster",
62
- options: {
63
- widget: "Box"
46
+ const PageMasterUiSchema = (theme) => {
47
+ var _a;
48
+ const uiSchema = {
49
+ type: "HorizontalLayout",
50
+ heading: "Page Master",
51
+ elements: [
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {},
56
+ wrapperStyle: {
57
+ backgroundColor: theme.palette.background.default
64
58
  },
65
- config: {
66
- layout: 8,
67
- main: {
68
- heading: "Page Master"
69
- }
70
- }
59
+ defaultStyle: true
71
60
  },
72
- {
73
- type: "Control",
74
- scope: "#/properties/Back_Button",
75
- options: {
76
- widget: "IconButton"
77
- },
78
- config: {
79
- layout: 3,
80
- main: {
81
- icon: "BackIcon",
82
- styleDefault: true,
83
- size: "small",
84
- onClick: "backHandler",
85
- tooltipMessage: "Back"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
86
67
  },
87
- style: {
88
- float: "right"
68
+ config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ main: {
71
+ label: "Name",
72
+ options: [],
73
+ color: "secondary",
74
+ errorMessage: "Name should be start with 'page_'",
75
+ helperText: 'Name should be start with "page_"',
76
+ required: true
77
+ }
89
78
  }
90
- }
91
- }
92
- ]
93
- },
94
- {
95
- type: "WrapperLayout",
96
- config: {
97
- main: {
98
- label: "Page Template",
99
- divider: true
100
- },
101
- defaultStyle: true
102
- },
103
- elements: [
104
- {
105
- type: "Control",
106
- scope: "#/properties/name",
107
- options: {
108
- widget: "InputField"
109
79
  },
110
- config: {
111
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
112
- main: {
113
- label: "Name",
114
- options: [],
115
- color: "secondary",
116
- errorMessage: "Name should be start with 'page_'",
117
- helperText: 'Name should be start with "page_"',
118
- required: true
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/template",
83
+ options: {
84
+ widget: "SelectInputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Template",
90
+ options: [
91
+ { const: "template1", title: "template1" },
92
+ { const: "template2", title: "template2" },
93
+ { const: "template3", title: "template3" }
94
+ ],
95
+ color: "secondary",
96
+ required: true
97
+ }
119
98
  }
120
- }
121
- },
122
- {
123
- type: "Control",
124
- scope: "#/properties/template",
125
- options: {
126
- widget: "SelectInputField"
127
99
  },
128
- config: {
129
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
130
- main: {
131
- label: "Template",
132
- options: [
133
- { const: "template1", title: "template1" },
134
- { const: "template2", title: "template2" },
135
- { const: "template3", title: "template3" }
136
- ],
137
- color: "secondary",
138
- required: true
100
+ {
101
+ type: "Control",
102
+ scope: "#/properties/label",
103
+ options: {
104
+ widget: "InputField"
105
+ },
106
+ config: {
107
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
108
+ main: {
109
+ label: "Label",
110
+ options: [],
111
+ color: "secondary",
112
+ required: true
113
+ }
139
114
  }
140
115
  }
141
- }
142
- ]
143
- },
144
- {
145
- type: "TabLayout",
146
- config: {
147
- main: {
148
- tabLabels: ["Components", "events"],
149
- divider: true
150
- },
151
- defaultStyle: true
116
+ ]
152
117
  },
153
- elements: [
154
- {
155
- type: "WrapperLayout",
156
- config: {
157
- main: {
158
- divider: true
159
- },
160
- wrapperStyle: {
161
- border: "1px solid gray"
162
- }
118
+ {
119
+ type: "TabLayout",
120
+ config: {
121
+ main: {
122
+ tabLabels: ["Components", "events"],
123
+ divider: true
163
124
  },
164
- elements: [
165
- {
166
- type: "Control",
167
- scope: "#/properties/heading",
168
- options: {
169
- widget: "Box"
170
- },
171
- config: {
172
- layout: 8,
173
- main: {
174
- heading: "Components Table"
175
- },
176
- style: {
177
- fontFamily: "Roboto",
178
- fontWeight: "500",
179
- paddingLeft: "-10px",
180
- fontSize: "20px"
181
- }
182
- }
125
+ defaultStyle: true
126
+ },
127
+ elements: [
128
+ {
129
+ type: "Control",
130
+ scope: "#/properties/elements",
131
+ options: {
132
+ widget: "Table"
183
133
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/AddButton",
187
- options: {
188
- widget: "IconButton"
189
- },
190
- config: {
191
- layout: 3,
192
- main: {
193
- icon: "AddIcon",
194
- styleDefault: true,
195
- size: "small",
196
- onClick: "onAddClickHandler",
197
- tooltipMessage: "Add New"
134
+ config: {
135
+ main: {
136
+ headerIcons: {
137
+ elements: [
138
+ {
139
+ widget: {
140
+ type: "Control",
141
+ scope: "#/properties/New_Record",
142
+ options: {
143
+ widget: "IconButton"
144
+ },
145
+ config: {
146
+ main: {
147
+ onClick: "onAddClickHandler",
148
+ size: "small",
149
+ icon: "AddIcon",
150
+ iconLabel: "Add New",
151
+ styleDefault: true
152
+ },
153
+ style: {
154
+ mt: "6px"
155
+ }
156
+ }
157
+ }
158
+ }
159
+ ]
198
160
  },
199
- style: {
200
- float: "right"
201
- }
161
+ disableAction: true,
162
+ disableSelection: true,
163
+ enableDrag: true
202
164
  }
203
165
  },
204
- {
205
- type: "Control",
206
- scope: "#/properties/elements",
207
- options: {
208
- widget: "Table"
166
+ elements: [
167
+ {
168
+ accessorKey: "name",
169
+ header: "Name"
209
170
  },
210
- config: {
211
- main: {
212
- disableAction: true,
213
- disableSelection: true,
214
- enableDrag: true
215
- }
171
+ {
172
+ accessorKey: "type",
173
+ header: "Type"
216
174
  },
217
- elements: [
218
- {
219
- accessorKey: "name",
220
- header: "Name"
221
- },
222
- {
223
- accessorKey: "type",
224
- header: "Type"
225
- },
226
- {
227
- header: "Edit",
228
- field: "Reject_Records",
229
- flex: 1,
230
- widget: {
231
- type: "Control",
232
- scope: "#/properties/RejectButton",
233
- options: {
234
- widget: "IconButton"
235
- },
236
- config: {
237
- main: {
238
- icon: "EditIcon",
239
- color: "primary",
240
- onClick: "Edit_Components",
241
- tooltipMessage: "Edit This Record"
242
- }
243
- }
244
- }
245
- },
246
- {
247
- header: "Delete",
248
- field: "Reject_Records",
249
- flex: 1,
250
- widget: {
251
- type: "Control",
252
- scope: "#/properties/RejectButton",
253
- options: {
254
- widget: "IconButton"
255
- },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- onClick: "Delete_Components",
261
- tooltipMessage: "Reject This Record"
262
- }
175
+ {
176
+ header: "Edit",
177
+ field: "Reject_Records",
178
+ flex: 1,
179
+ widget: {
180
+ type: "Control",
181
+ scope: "#/properties/RejectButton",
182
+ options: {
183
+ widget: "IconButton"
184
+ },
185
+ config: {
186
+ main: {
187
+ icon: "EditIcon",
188
+ color: "primary",
189
+ onClick: "Edit_Components",
190
+ tooltipMessage: "Edit This Record"
263
191
  }
264
192
  }
265
193
  }
266
- ]
267
- }
268
- ]
269
- },
270
- {
271
- type: "WrapperLayout",
272
- config: {
273
- main: {
274
- divider: true
275
- },
276
- wrapperStyle: {
277
- border: "1px solid gray"
278
- }
279
- },
280
- elements: [
281
- {
282
- type: "Control",
283
- scope: "#/properties/heading",
284
- options: {
285
- widget: "Box"
286
194
  },
287
- config: {
288
- layout: 8,
289
- main: {
290
- heading: "Event Table"
291
- },
292
- style: {
293
- fontFamily: "Roboto",
294
- fontWeight: "500",
295
- paddingLeft: "-10px",
296
- fontSize: "20px"
195
+ {
196
+ header: "Delete",
197
+ field: "Reject_Records",
198
+ flex: 1,
199
+ widget: {
200
+ type: "Control",
201
+ scope: "#/properties/RejectButton",
202
+ options: {
203
+ widget: "IconButton"
204
+ },
205
+ config: {
206
+ main: {
207
+ icon: "RejectIcon",
208
+ color: "error",
209
+ onClick: "Delete_Components",
210
+ tooltipMessage: "Reject This Record"
211
+ }
212
+ }
297
213
  }
298
214
  }
215
+ ]
216
+ },
217
+ {
218
+ type: "Control",
219
+ scope: "#/properties/events",
220
+ options: {
221
+ widget: "Table"
299
222
  },
300
- {
301
- type: "Control",
302
- scope: "#/properties/AddButton",
303
- options: {
304
- widget: "IconButton"
305
- },
306
- config: {
307
- layout: 3,
308
- main: {
309
- icon: "AddIcon",
310
- styleDefault: true,
311
- size: "small",
312
- onClick: "eventAddHandler",
313
- tooltipMessage: "Back"
223
+ config: {
224
+ main: {
225
+ headerIcons: {
226
+ elements: [
227
+ {
228
+ widget: {
229
+ type: "Control",
230
+ scope: "#/properties/New_Record",
231
+ options: {
232
+ widget: "IconButton"
233
+ },
234
+ config: {
235
+ main: {
236
+ onClick: "eventAddHandler",
237
+ size: "small",
238
+ icon: "AddIcon",
239
+ iconLabel: "Add New",
240
+ styleDefault: true
241
+ },
242
+ style: {
243
+ mt: "6px"
244
+ }
245
+ }
246
+ }
247
+ }
248
+ ]
314
249
  },
315
- style: {
316
- float: "right"
317
- }
250
+ disableAction: true,
251
+ disableSelection: true,
252
+ enableDrag: true
318
253
  }
319
254
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/events",
323
- options: {
324
- widget: "Table"
255
+ elements: [
256
+ {
257
+ accessorKey: "eventType",
258
+ header: "Event Type"
325
259
  },
326
- config: {
327
- main: {
328
- disableAction: true,
329
- disableSelection: true,
330
- enableDrag: true
331
- }
260
+ {
261
+ accessorKey: "Handler",
262
+ header: "Handler"
332
263
  },
333
- elements: [
334
- {
335
- accessorKey: "eventType",
336
- header: "Event Type"
337
- },
338
- {
339
- accessorKey: "Handler",
340
- header: "Handler"
341
- },
342
- {
343
- accessorKey: "Edit_Approve_Records",
344
- header: "Edit Widget",
345
- widget: {
346
- type: "Control",
347
- scope: "#/properties/Edit_Records",
348
- options: {
349
- widget: "IconButton"
264
+ {
265
+ accessorKey: "Edit_Approve_Records",
266
+ header: "Edit Widget",
267
+ widget: {
268
+ type: "Control",
269
+ scope: "#/properties/Edit_Records",
270
+ options: {
271
+ widget: "IconButton"
272
+ },
273
+ config: {
274
+ main: {
275
+ color: "info",
276
+ size: "small",
277
+ icon: "EditIcon",
278
+ tooltipMessage: "Edit This Record",
279
+ onClick: "editEvent"
350
280
  },
351
- config: {
352
- main: {
353
- color: "info",
354
- size: "small",
355
- icon: "EditIcon",
356
- tooltipMessage: "Edit This Record",
357
- onClick: "editEvent"
358
- },
359
- style: {
360
- color: "#3949ab"
361
- }
281
+ style: {
282
+ color: "#3949ab"
362
283
  }
363
284
  }
364
- },
365
- {
366
- accessorKey: "Reject_Records",
367
- header: "Delete",
368
- widget: {
369
- type: "Control",
370
- scope: "#/properties/RejectButton",
371
- options: {
372
- widget: "IconButton"
373
- },
374
- config: {
375
- main: {
376
- icon: "RejectIcon",
377
- color: "error",
378
- tooltipMessage: "Reject This Record",
379
- onClick: "deleteEvent"
380
- }
285
+ }
286
+ },
287
+ {
288
+ accessorKey: "Reject_Records",
289
+ header: "Delete",
290
+ widget: {
291
+ type: "Control",
292
+ scope: "#/properties/RejectButton",
293
+ options: {
294
+ widget: "IconButton"
295
+ },
296
+ config: {
297
+ main: {
298
+ icon: "RejectIcon",
299
+ color: "error",
300
+ tooltipMessage: "Reject This Record",
301
+ onClick: "deleteEvent"
381
302
  }
382
303
  }
383
304
  }
384
- ]
385
- }
386
- ]
387
- }
388
- ]
389
- },
390
- {
391
- type: "Control",
392
- scope: "#/properties/btn",
393
- options: {
394
- widget: "EmptyBox"
305
+ }
306
+ ]
307
+ }
308
+ ]
395
309
  },
396
- config: {
397
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
398
- }
399
- },
400
- {
401
- type: "Control",
402
- scope: "#/properties/btn",
403
- options: {
404
- widget: "Button"
310
+ {
311
+ type: "Control",
312
+ scope: "#/properties/btn",
313
+ options: {
314
+ widget: "EmptyBox"
315
+ },
316
+ config: {
317
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
318
+ }
405
319
  },
406
- config: {
407
- layout: 11.7,
408
- main: {
409
- name: "Save",
410
- startIcon: "ApproveIcon",
411
- variant: "contained",
412
- color: "info",
413
- type: "text",
414
- onClick: "saveHandler",
415
- size: "small"
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/btn",
323
+ options: {
324
+ widget: "Button"
416
325
  },
417
- style: {
418
- marginBottom: "8px",
419
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
- float: "right"
326
+ config: {
327
+ layout: 11.9,
328
+ main: {
329
+ name: "Save",
330
+ startIcon: "ApproveIcon",
331
+ variant: "contained",
332
+ type: "text",
333
+ onClick: "saveHandler",
334
+ size: "medium"
335
+ },
336
+ style: {
337
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
338
+ float: "right"
339
+ }
421
340
  }
422
- }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
341
  },
430
- layout: 6
431
- }
432
- ]
342
+ {
343
+ type: "Control",
344
+ scope: "#/properties/notify",
345
+ options: {
346
+ widget: "Notify"
347
+ },
348
+ layout: 6
349
+ },
350
+ {
351
+ type: "HorizontalLayout",
352
+ config: {
353
+ main: {
354
+ direction: "row"
355
+ },
356
+ style: {
357
+ flexDirection: "row",
358
+ position: "absolute",
359
+ bottom: 0,
360
+ marginBottom: "-8px",
361
+ height: "fit-content",
362
+ overflow: "hidden",
363
+ zIndex: 1e3,
364
+ width: "inherit"
365
+ }
366
+ },
367
+ elements: [
368
+ {
369
+ type: "Control",
370
+ scope: "#/properties/FooterText",
371
+ options: {
372
+ widget: "Box"
373
+ },
374
+ config: {
375
+ main: {
376
+ heading: "Copywriter@ACT21.IO"
377
+ },
378
+ style: {
379
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
380
+ fontSize: "12px",
381
+ textAlign: "center",
382
+ lineHeight: 1,
383
+ width: "fit-content",
384
+ left: "50%",
385
+ position: "relative",
386
+ margin: 0,
387
+ flexGrow: 1,
388
+ height: 0
389
+ }
390
+ }
391
+ },
392
+ {
393
+ type: "Control",
394
+ scope: "#/properties/backIcon",
395
+ options: {
396
+ widget: "Box"
397
+ },
398
+ config: {
399
+ main: {
400
+ iconName: "PrevIcon",
401
+ onClick: "backHandler",
402
+ width: "fit-content"
403
+ },
404
+ style: {
405
+ fill: theme.palette.primary.main,
406
+ width: 20,
407
+ height: 0,
408
+ margin: 0,
409
+ top: 0,
410
+ right: "82px",
411
+ position: "absolute",
412
+ fontSize: "12px",
413
+ cursor: "pointer",
414
+ ":hover": {
415
+ fill: theme.palette.primary.dark
416
+ }
417
+ }
418
+ }
419
+ },
420
+ {
421
+ type: "Control",
422
+ scope: "#/properties/text",
423
+ options: {
424
+ widget: "Box"
425
+ },
426
+ config: {
427
+ main: {
428
+ heading: "Previous Page",
429
+ onClick: "backHandler"
430
+ },
431
+ style: {
432
+ textAlign: "left",
433
+ lineHeight: 1,
434
+ height: 0,
435
+ width: "fit-content",
436
+ color: theme.palette.primary.main,
437
+ fontSize: "12px",
438
+ cursor: "pointer",
439
+ marginLeft: "2px",
440
+ marginRight: 0,
441
+ top: 3,
442
+ right: "12px",
443
+ position: "absolute",
444
+ ":hover": {
445
+ color: theme.palette.primary.dark
446
+ }
447
+ }
448
+ }
449
+ }
450
+ ]
451
+ }
452
+ ]
453
+ };
454
+ return uiSchema;
433
455
  };
434
456
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
457
  var lodash = { exports: {} };
@@ -6173,306 +6195,336 @@ const ComponentSchema = {
6173
6195
  type: "string"
6174
6196
  },
6175
6197
  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"
6198
+ },
6199
+ required: ["name"]
6200
+ };
6201
+ const componentBasicUiSchema = (theme) => {
6202
+ var _a;
6203
+ const uiSchema = {
6204
+ type: "HorizontalLayout",
6205
+ heading: "Component",
6206
+ elements: [
6207
+ {
6208
+ type: "TabLayout",
6209
+ config: {
6210
+ main: {
6211
+ tabLabels: ["Core"],
6212
+ defaultStyle: true,
6213
+ id: `component`
6214
+ }
6215
+ },
6216
+ elements: [
6217
+ {
6218
+ type: "HorizontalLayout",
6219
+ elements: [
6220
+ {
6221
+ type: "Control",
6222
+ scope: "#/properties/type",
6223
+ options: {
6224
+ widget: "SelectInputField"
6225
+ },
6226
+ config: {
6227
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6228
+ main: {
6229
+ label: "Type"
6230
+ }
6231
+ }
6268
6232
  },
6269
- config: {
6270
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
- main: {
6272
- label: "Type"
6233
+ {
6234
+ type: "Control",
6235
+ scope: "#/properties/name",
6236
+ options: {
6237
+ widget: "InputField"
6238
+ },
6239
+ config: {
6240
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6241
+ main: {
6242
+ label: "Name",
6243
+ options: [],
6244
+ color: "secondary",
6245
+ required: true
6246
+ }
6273
6247
  }
6274
- }
6275
- },
6276
- {
6277
- type: "Control",
6278
- scope: "#/properties/name",
6279
- options: {
6280
- widget: "InputField"
6281
6248
  },
6282
- config: {
6283
- layout: {
6284
- xs: 12,
6285
- sm: 12,
6286
- md: 6,
6287
- lg: 6
6249
+ {
6250
+ type: "Control",
6251
+ scope: "#/properties/label",
6252
+ options: {
6253
+ widget: "InputField"
6288
6254
  },
6289
- main: {
6290
- label: "Name",
6291
- options: [],
6292
- color: "secondary",
6293
- required: true
6255
+ config: {
6256
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6257
+ main: {
6258
+ label: "Label",
6259
+ options: [],
6260
+ color: "secondary",
6261
+ required: true
6262
+ }
6294
6263
  }
6295
- }
6296
- },
6297
- {
6298
- type: "Control",
6299
- scope: "#/properties/label",
6300
- options: {
6301
- widget: "InputField"
6302
6264
  },
6303
- config: {
6304
- layout: {
6305
- xs: 12,
6306
- sm: 12,
6307
- md: 6,
6308
- lg: 6
6265
+ {
6266
+ type: "Control",
6267
+ scope: "#/properties/columnFormat",
6268
+ options: {
6269
+ widget: "SelectInputField"
6309
6270
  },
6310
- main: {
6311
- label: "Label",
6312
- options: [],
6313
- color: "secondary",
6314
- required: true
6271
+ config: {
6272
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6273
+ main: {
6274
+ label: "Column Format"
6275
+ }
6315
6276
  }
6316
- }
6317
- },
6318
- {
6319
- type: "Control",
6320
- scope: "#/properties/columnFormat",
6321
- options: {
6322
- widget: "SelectInputField"
6323
6277
  },
6324
- config: {
6325
- layout: {
6326
- xs: 12,
6327
- sm: 12,
6328
- md: 6,
6329
- lg: 6
6278
+ {
6279
+ type: "Control",
6280
+ scope: "#/properties/proc",
6281
+ config: {
6282
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6330
6283
  },
6331
- main: {
6332
- label: "Column Format"
6284
+ options: {
6285
+ widget: "EmptyBox"
6333
6286
  }
6334
- }
6335
- },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/proc",
6339
- config: {
6340
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6341
6287
  },
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"
6288
+ {
6289
+ type: "Control",
6290
+ scope: "#/properties/proc",
6291
+ config: {
6292
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6293
+ },
6294
+ options: {
6295
+ widget: "EmptyBox"
6296
+ }
6297
+ },
6298
+ {
6299
+ type: "Control",
6300
+ scope: "#/properties/layout",
6301
+ layout: 12,
6302
+ options: {
6303
+ detail: {
6304
+ type: "HorizontalLayout",
6305
+ elements: [
6306
+ {
6307
+ type: "Control",
6308
+ scope: "#/properties/key",
6309
+ options: {
6310
+ widget: "SelectInputField"
6311
+ },
6312
+ config: {
6313
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6314
+ main: {
6315
+ label: "Screen Size"
6316
+ }
6317
+ }
6359
6318
  },
6360
- config: {
6361
- layout: {
6362
- xs: 11,
6363
- sm: 11,
6364
- md: 5.5,
6365
- lg: 5.5
6319
+ {
6320
+ type: "Control",
6321
+ scope: "#/properties/value",
6322
+ options: {
6323
+ widget: "InputField"
6366
6324
  },
6367
- main: {
6368
- label: "Screen Size"
6325
+ config: {
6326
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6327
+ main: {
6328
+ label: "Value",
6329
+ type: "number",
6330
+ helperText: "Number should be in range of 0 to 12",
6331
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6332
+ }
6369
6333
  }
6370
- }
6371
- },
6372
- {
6373
- type: "Control",
6374
- scope: "#/properties/value",
6375
- options: {
6376
- widget: "InputField"
6377
6334
  },
6378
- config: {
6379
- layout: {
6380
- xs: 11,
6381
- sm: 11,
6382
- md: 5.5,
6383
- lg: 5.5
6335
+ {
6336
+ type: "Control",
6337
+ scope: "#/properties/proc",
6338
+ config: {
6339
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6384
6340
  },
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."
6341
+ options: {
6342
+ widget: "EmptyBox"
6390
6343
  }
6391
6344
  }
6392
- }
6393
- ]
6345
+ ]
6346
+ }
6394
6347
  }
6395
6348
  }
6396
- }
6397
- ]
6349
+ ]
6350
+ }
6351
+ ]
6352
+ },
6353
+ {
6354
+ type: "Control",
6355
+ scope: "#/properties/EmptyBox",
6356
+ options: {
6357
+ widget: "EmptyBox"
6358
+ },
6359
+ config: {
6360
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6398
6361
  }
6399
- ]
6400
- },
6401
- {
6402
- type: "Control",
6403
- scope: "#/properties/proc",
6404
- config: {
6405
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6406
6362
  },
6407
- options: {
6408
- widget: "EmptyBox"
6409
- }
6410
- },
6411
- {
6412
- type: "Control",
6413
- scope: "#/properties/btn",
6414
- options: {
6415
- widget: "Button"
6363
+ {
6364
+ type: "Control",
6365
+ scope: "#/properties/EmptyBox",
6366
+ options: {
6367
+ widget: "EmptyBox"
6368
+ },
6369
+ config: {
6370
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6371
+ }
6416
6372
  },
6417
- config: {
6418
- layout: {
6419
- xs: 11,
6420
- sm: 11,
6421
- md: 2.5,
6422
- lg: 2.5
6373
+ {
6374
+ type: "Control",
6375
+ scope: "#/properties/btn",
6376
+ options: {
6377
+ widget: "Button"
6423
6378
  },
6424
- main: {
6425
- name: "Ok",
6426
- startIcon: "ApproveIcon",
6427
- variant: "contained",
6428
- color: "info",
6429
- type: "text",
6430
- onClick: "okHandler",
6431
- size: "small"
6379
+ config: {
6380
+ layout: 1.8,
6381
+ main: {
6382
+ name: "Ok",
6383
+ startIcon: "ApproveIcon",
6384
+ variant: "contained",
6385
+ type: "text",
6386
+ onClick: "okHandler",
6387
+ size: "medium"
6388
+ },
6389
+ style: {
6390
+ float: "right"
6391
+ }
6392
+ }
6393
+ },
6394
+ {
6395
+ type: "Control",
6396
+ scope: "#/properties/btnSubmit",
6397
+ options: {
6398
+ widget: "Button"
6432
6399
  },
6433
- style: {
6434
- marginBottom: "8px",
6435
- float: "right"
6400
+ config: {
6401
+ layout: 1.8,
6402
+ main: {
6403
+ name: "Save & Exit",
6404
+ startIcon: "ApproveIcon",
6405
+ variant: "contained",
6406
+ type: "text",
6407
+ onClick: "saveHandler",
6408
+ size: "medium"
6409
+ },
6410
+ style: {
6411
+ float: "right"
6412
+ }
6436
6413
  }
6437
- }
6438
- },
6439
- {
6440
- type: "Control",
6441
- scope: "#/properties/btnSubmit",
6442
- options: {
6443
- widget: "Button"
6444
6414
  },
6445
- config: {
6446
- layout: {
6447
- xs: 11,
6448
- sm: 11,
6449
- md: 2.5,
6450
- lg: 2.5
6415
+ {
6416
+ type: "Control",
6417
+ scope: "#/properties/notify",
6418
+ options: {
6419
+ widget: "Notify"
6451
6420
  },
6452
- main: {
6453
- name: "Save & Exit",
6454
- startIcon: "ApproveIcon",
6455
- variant: "contained",
6456
- color: "info",
6457
- type: "text",
6458
- onClick: "saveHandler",
6459
- size: "small"
6421
+ layout: 6
6422
+ },
6423
+ {
6424
+ type: "HorizontalLayout",
6425
+ config: {
6426
+ main: {
6427
+ direction: "row"
6428
+ },
6429
+ style: {
6430
+ flexDirection: "row",
6431
+ position: "absolute",
6432
+ bottom: 0,
6433
+ marginBottom: "-8px",
6434
+ height: "fit-content",
6435
+ overflow: "hidden",
6436
+ zIndex: 1e3,
6437
+ width: "inherit"
6438
+ }
6460
6439
  },
6461
- style: {
6462
- marginBottom: "8px",
6463
- float: "right"
6464
- }
6440
+ elements: [
6441
+ {
6442
+ type: "Control",
6443
+ scope: "#/properties/FooterText",
6444
+ options: {
6445
+ widget: "Box"
6446
+ },
6447
+ config: {
6448
+ main: {
6449
+ heading: "Copywriter@ACT21.IO"
6450
+ },
6451
+ style: {
6452
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6453
+ fontSize: "12px",
6454
+ textAlign: "center",
6455
+ lineHeight: 1,
6456
+ width: "fit-content",
6457
+ left: "50%",
6458
+ position: "relative",
6459
+ margin: 0,
6460
+ flexGrow: 1,
6461
+ height: 0
6462
+ }
6463
+ }
6464
+ },
6465
+ {
6466
+ type: "Control",
6467
+ scope: "#/properties/backIcon",
6468
+ options: {
6469
+ widget: "Box"
6470
+ },
6471
+ config: {
6472
+ main: {
6473
+ iconName: "PrevIcon",
6474
+ onClick: "backHandler",
6475
+ width: "fit-content"
6476
+ },
6477
+ style: {
6478
+ fill: theme.palette.primary.main,
6479
+ width: 20,
6480
+ height: 0,
6481
+ margin: 0,
6482
+ top: 0,
6483
+ right: "90px",
6484
+ position: "absolute",
6485
+ fontSize: "12px",
6486
+ cursor: "pointer",
6487
+ ":hover": {
6488
+ fill: theme.palette.primary.dark
6489
+ }
6490
+ }
6491
+ }
6492
+ },
6493
+ {
6494
+ type: "Control",
6495
+ scope: "#/properties/text",
6496
+ options: {
6497
+ widget: "Box"
6498
+ },
6499
+ config: {
6500
+ main: {
6501
+ heading: "Previous Page",
6502
+ onClick: "backHandler"
6503
+ },
6504
+ style: {
6505
+ textAlign: "left",
6506
+ lineHeight: 1,
6507
+ height: 0,
6508
+ width: "fit-content",
6509
+ color: theme.palette.primary.main,
6510
+ fontSize: "12px",
6511
+ cursor: "pointer",
6512
+ marginLeft: "2px",
6513
+ marginRight: 0,
6514
+ top: 3,
6515
+ right: "20px",
6516
+ position: "absolute",
6517
+ ":hover": {
6518
+ color: theme.palette.primary.dark
6519
+ }
6520
+ }
6521
+ }
6522
+ }
6523
+ ]
6465
6524
  }
6466
- },
6467
- {
6468
- type: "Control",
6469
- scope: "#/properties/notify",
6470
- options: {
6471
- widget: "Notify"
6472
- },
6473
- layout: 6
6474
- }
6475
- ]
6525
+ ]
6526
+ };
6527
+ return uiSchema;
6476
6528
  };
6477
6529
  const CoreSection = {
6478
6530
  type: "HorizontalLayout",
@@ -6575,121 +6627,69 @@ const EventSection = {
6575
6627
  type: "HorizontalLayout",
6576
6628
  elements: [
6577
6629
  {
6578
- type: "WrapperLayout",
6630
+ type: "Control",
6631
+ scope: "#/properties/events",
6632
+ options: {
6633
+ widget: "Table"
6634
+ },
6579
6635
  config: {
6580
6636
  main: {
6581
- divider: true
6582
- },
6583
- wrapperStyle: {
6584
- border: "1px solid gray"
6637
+ disableAction: true,
6638
+ disableSelection: true,
6639
+ enableDrag: true
6585
6640
  }
6586
6641
  },
6587
6642
  elements: [
6588
6643
  {
6589
- type: "Control",
6590
- scope: "#/properties/programType",
6591
- options: {
6592
- widget: "Box"
6593
- },
6594
- config: {
6595
- layout: 8,
6596
- main: {
6597
- heading: "Event Table"
6598
- },
6599
- style: {
6600
- fontFamily: "Roboto",
6601
- fontWeight: "500",
6602
- paddingLeft: "-10px",
6603
- fontSize: "20px"
6604
- }
6605
- }
6644
+ accessorKey: "eventType",
6645
+ header: "Event Type"
6606
6646
  },
6607
6647
  {
6608
- type: "Control",
6609
- scope: "#/properties/Back_Button",
6610
- options: {
6611
- widget: "IconButton"
6612
- },
6613
- config: {
6614
- layout: 3,
6615
- main: {
6616
- icon: "AddIcon",
6617
- styleDefault: true,
6618
- size: "small",
6619
- onClick: "eventAddHandler",
6620
- tooltipMessage: "Back"
6648
+ accessorKey: "Handler",
6649
+ header: "Handler"
6650
+ },
6651
+ {
6652
+ accessorKey: "Edit_Approve_Records",
6653
+ header: "Edit Widget",
6654
+ widget: {
6655
+ type: "Control",
6656
+ scope: "#/properties/Edit_Records",
6657
+ options: {
6658
+ widget: "IconButton"
6621
6659
  },
6622
- style: {
6623
- float: "right"
6660
+ config: {
6661
+ main: {
6662
+ color: "info",
6663
+ size: "small",
6664
+ icon: "EditIcon",
6665
+ tooltipMessage: "Edit This Record",
6666
+ onClick: "eventEditHandler"
6667
+ },
6668
+ style: {
6669
+ color: "#3949ab"
6670
+ }
6624
6671
  }
6625
6672
  }
6626
6673
  },
6627
6674
  {
6628
- type: "Control",
6629
- scope: "#/properties/events",
6630
- options: {
6631
- widget: "Table"
6632
- },
6633
- config: {
6634
- main: {
6635
- disableAction: true,
6636
- disableSelection: true,
6637
- enableDrag: true
6638
- }
6639
- },
6640
- elements: [
6641
- {
6642
- accessorKey: "eventType",
6643
- header: "Event Type"
6644
- },
6645
- {
6646
- accessorKey: "Handler",
6647
- header: "Handler"
6648
- },
6649
- {
6650
- accessorKey: "Edit_Approve_Records",
6651
- header: "Edit Widget",
6652
- widget: {
6653
- type: "Control",
6654
- scope: "#/properties/Edit_Records",
6655
- options: {
6656
- widget: "IconButton"
6657
- },
6658
- config: {
6659
- main: {
6660
- color: "info",
6661
- size: "small",
6662
- icon: "EditIcon",
6663
- tooltipMessage: "Edit This Record",
6664
- onClick: "eventEditHandler"
6665
- },
6666
- style: {
6667
- color: "#3949ab"
6668
- }
6669
- }
6670
- }
6671
- },
6672
- {
6673
- accessorKey: "Reject_Records",
6674
- header: "Delete",
6675
- widget: {
6676
- type: "Control",
6677
- scope: "#/properties/RejectButton",
6678
- accessorKeyName: "Reject_Records",
6679
- options: {
6680
- widget: "IconButton"
6681
- },
6682
- config: {
6683
- main: {
6684
- icon: "RejectIcon",
6685
- color: "error",
6686
- tooltipMessage: "Reject This Record",
6687
- onClick: "deleteEvent"
6688
- }
6689
- }
6675
+ accessorKey: "Reject_Records",
6676
+ header: "Delete",
6677
+ widget: {
6678
+ type: "Control",
6679
+ scope: "#/properties/RejectButton",
6680
+ accessorKeyName: "Reject_Records",
6681
+ options: {
6682
+ widget: "IconButton"
6683
+ },
6684
+ config: {
6685
+ main: {
6686
+ icon: "RejectIcon",
6687
+ color: "error",
6688
+ tooltipMessage: "Reject This Record",
6689
+ onClick: "deleteEvent"
6690
6690
  }
6691
6691
  }
6692
- ]
6692
+ }
6693
6693
  }
6694
6694
  ]
6695
6695
  }
@@ -7468,7 +7468,7 @@ const sectionLabels = {
7468
7468
  };
7469
7469
  const refreshPage = (type, store2) => {
7470
7470
  var _a;
7471
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7471
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7472
7472
  if (type) {
7473
7473
  const sectionUiSchema = {
7474
7474
  Core: CoreSection,
@@ -7480,8 +7480,8 @@ const refreshPage = (type, store2) => {
7480
7480
  Validation: ValidationSection
7481
7481
  };
7482
7482
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7483
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7484
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7483
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7484
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7485
7485
  }
7486
7486
  store2.setUiSchema(UiSchema);
7487
7487
  };
@@ -7604,7 +7604,7 @@ var pageMaster = (funcParams) => {
7604
7604
  return config;
7605
7605
  },
7606
7606
  getUiSchema: function() {
7607
- return PageMasterUiSchema;
7607
+ return PageMasterUiSchema(store2.theme.myTheme);
7608
7608
  },
7609
7609
  getSchema: () => {
7610
7610
  return PageMasterSchema;
@@ -7747,302 +7747,320 @@ const EventSchema = {
7747
7747
  },
7748
7748
  required: ["eventType", "Handler"]
7749
7749
  };
7750
- const EventUiSchema = {
7751
- type: "HorizontalLayout",
7752
- elements: [
7753
- {
7754
- type: "WrapperLayout",
7755
- config: {
7756
- main: {
7757
- rowSpacing: 1,
7758
- header: true
7759
- },
7760
- defaultStyle: true
7761
- },
7762
- elements: [
7763
- {
7764
- type: "Control",
7765
- scope: "#/properties/Component",
7766
- options: {
7767
- widget: "Box"
7768
- },
7769
- config: {
7770
- layout: { xs: 12, sm: 12, md: 2 },
7771
- main: {
7772
- heading: "Component"
7773
- },
7774
- style: {
7775
- "float": "left"
7776
- }
7777
- }
7778
- },
7779
- {
7780
- type: "Control",
7781
- scope: "#/properties/pageName",
7782
- options: {
7783
- widget: "Box"
7784
- },
7785
- config: {
7786
- layout: { xs: 7, sm: 7, md: 9 },
7787
- main: {
7788
- heading: " "
7789
- },
7790
- style: {
7791
- float: "right",
7792
- width: "auto",
7793
- fontSize: "12px",
7794
- color: "gray",
7795
- paddingTop: "10px"
7796
- }
7750
+ const EventUiSchema = (theme) => {
7751
+ var _a;
7752
+ const uiSchema = {
7753
+ type: "HorizontalLayout",
7754
+ heading: "Component",
7755
+ elements: [
7756
+ {
7757
+ type: "TabLayout",
7758
+ config: {
7759
+ main: {
7760
+ tabLabels: ["Core", "Response Event"],
7761
+ defaultStyle: true,
7762
+ id: "event"
7797
7763
  }
7798
7764
  },
7799
- {
7800
- type: "Control",
7801
- scope: "#/properties/Back_Button",
7802
- options: {
7803
- widget: "IconButton"
7804
- },
7805
- config: {
7806
- layout: { xs: 2, sm: 2, md: 0.5 },
7807
- main: {
7808
- icon: "BackIcon",
7809
- styleDefault: true,
7810
- size: "small",
7811
- onClick: "backHandler",
7812
- tooltipMessage: "Back"
7813
- },
7814
- style: {
7815
- float: "right"
7816
- }
7817
- }
7818
- }
7819
- ]
7820
- },
7821
- {
7822
- type: "TabLayout",
7823
- config: {
7824
- main: {
7825
- tabLabels: ["Core", "Response Event"],
7826
- defaultStyle: true,
7827
- id: "event"
7828
- }
7829
- },
7830
- elements: [
7831
- {
7832
- type: "HorizontalLayout",
7833
- elements: [
7834
- {
7835
- type: "Control",
7836
- scope: `#/properties/eventType`,
7837
- options: {
7838
- widget: "SelectInputField"
7839
- },
7840
- config: {
7841
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7842
- main: {
7843
- label: "Event Type",
7844
- type: "text"
7765
+ elements: [
7766
+ {
7767
+ type: "HorizontalLayout",
7768
+ elements: [
7769
+ {
7770
+ type: "Control",
7771
+ scope: `#/properties/eventType`,
7772
+ options: {
7773
+ widget: "SelectInputField"
7774
+ },
7775
+ config: {
7776
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7777
+ main: {
7778
+ label: "Event Type",
7779
+ type: "text"
7780
+ }
7845
7781
  }
7846
- }
7847
- },
7848
- getSelectField("Handler", "Handler")
7849
- ]
7850
- },
7851
- {
7852
- type: "WrapperLayout",
7853
- config: {
7854
- main: {
7855
- divider: true
7856
- },
7857
- wrapperStyle: {
7858
- border: "1px solid gray"
7859
- }
7860
- },
7861
- elements: [
7862
- {
7863
- type: "Control",
7864
- scope: "#/properties/heading",
7865
- options: {
7866
- widget: "Box"
7867
7782
  },
7868
- config: {
7869
- layout: 8,
7870
- main: {
7871
- heading: "Response Event"
7783
+ getSelectField("Handler", "Handler"),
7784
+ {
7785
+ type: "Control",
7786
+ scope: "#/properties/EmptyBox",
7787
+ options: {
7788
+ widget: "EmptyBox"
7872
7789
  },
7873
- style: {
7874
- fontFamily: "Roboto",
7875
- fontWeight: "500",
7876
- paddingLeft: "-10px",
7877
- fontSize: "20px"
7790
+ config: {
7791
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7878
7792
  }
7879
7793
  }
7794
+ ]
7795
+ },
7796
+ {
7797
+ type: "Control",
7798
+ scope: "#/properties/events",
7799
+ options: {
7800
+ widget: "Table"
7880
7801
  },
7881
- {
7882
- type: "Control",
7883
- scope: "#/properties/AddButton",
7884
- options: {
7885
- widget: "IconButton"
7886
- },
7887
- config: {
7888
- layout: 3,
7889
- main: {
7890
- icon: "AddIcon",
7891
- styleDefault: true,
7892
- size: "small",
7893
- onClick: "addEvent",
7894
- tooltipMessage: "Back"
7802
+ config: {
7803
+ main: {
7804
+ headerIcons: {
7805
+ elements: [
7806
+ {
7807
+ widget: {
7808
+ type: "Control",
7809
+ scope: "#/properties/New_Record",
7810
+ options: {
7811
+ widget: "IconButton"
7812
+ },
7813
+ config: {
7814
+ main: {
7815
+ onClick: "addEvent",
7816
+ size: "small",
7817
+ icon: "AddIcon",
7818
+ iconLabel: "Add New",
7819
+ styleDefault: true
7820
+ },
7821
+ style: {
7822
+ mt: "6px"
7823
+ }
7824
+ }
7825
+ }
7826
+ }
7827
+ ]
7895
7828
  },
7896
- style: {
7897
- float: "right"
7898
- }
7829
+ disableAction: true,
7830
+ disableSelection: true,
7831
+ enableDrag: true
7899
7832
  }
7900
7833
  },
7901
- {
7902
- type: "Control",
7903
- scope: "#/properties/events",
7904
- options: {
7905
- widget: "Table"
7834
+ elements: [
7835
+ {
7836
+ accessorKey: "eventType",
7837
+ header: "Event Type"
7906
7838
  },
7907
- config: {
7908
- main: {
7909
- disableAction: true,
7910
- disableSelection: true,
7911
- enableDrag: true
7912
- }
7839
+ {
7840
+ accessorKey: "Handler",
7841
+ header: "Handler"
7913
7842
  },
7914
- elements: [
7915
- {
7916
- accessorKey: "eventType",
7917
- header: "Event Type"
7918
- },
7919
- {
7920
- accessorKey: "Handler",
7921
- header: "Handler"
7922
- },
7923
- {
7924
- accessorKey: "Edit_Approve_Records",
7925
- header: "Edit Widget",
7926
- widget: {
7927
- type: "Control",
7928
- scope: "#/properties/Edit_Records",
7929
- options: {
7930
- widget: "IconButton"
7843
+ {
7844
+ accessorKey: "Edit_Approve_Records",
7845
+ header: "Edit Widget",
7846
+ widget: {
7847
+ type: "Control",
7848
+ scope: "#/properties/Edit_Records",
7849
+ options: {
7850
+ widget: "IconButton"
7851
+ },
7852
+ config: {
7853
+ main: {
7854
+ color: "info",
7855
+ size: "small",
7856
+ icon: "EditIcon",
7857
+ tooltipMessage: "Edit This Record",
7858
+ onClick: "editEvent"
7931
7859
  },
7932
- config: {
7933
- main: {
7934
- color: "info",
7935
- size: "small",
7936
- icon: "EditIcon",
7937
- tooltipMessage: "Edit This Record",
7938
- onClick: "editEvent"
7939
- },
7940
- style: {
7941
- color: "#3949ab"
7942
- }
7860
+ style: {
7861
+ color: "#3949ab"
7943
7862
  }
7944
7863
  }
7945
- },
7946
- {
7947
- accessorKey: "Reject_Records",
7948
- header: "Delete",
7949
- widget: {
7950
- type: "Control",
7951
- scope: "#/properties/RejectButton",
7952
- options: {
7953
- widget: "IconButton"
7954
- },
7955
- config: {
7956
- main: {
7957
- icon: "RejectIcon",
7958
- color: "error",
7959
- tooltipMessage: "Reject This Record",
7960
- onClick: "deleteEvent"
7961
- }
7864
+ }
7865
+ },
7866
+ {
7867
+ accessorKey: "Reject_Records",
7868
+ header: "Delete",
7869
+ widget: {
7870
+ type: "Control",
7871
+ scope: "#/properties/RejectButton",
7872
+ options: {
7873
+ widget: "IconButton"
7874
+ },
7875
+ config: {
7876
+ main: {
7877
+ icon: "RejectIcon",
7878
+ color: "error",
7879
+ tooltipMessage: "Reject This Record",
7880
+ onClick: "deleteEvent"
7962
7881
  }
7963
7882
  }
7964
7883
  }
7965
- ]
7966
- }
7967
- ]
7884
+ }
7885
+ ]
7886
+ }
7887
+ ]
7888
+ },
7889
+ {
7890
+ type: "Control",
7891
+ scope: "#/properties/EmptyBox",
7892
+ options: {
7893
+ widget: "EmptyBox"
7894
+ },
7895
+ config: {
7896
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7968
7897
  }
7969
- ]
7970
- },
7971
- {
7972
- type: "Control",
7973
- scope: "#/properties/proc",
7974
- config: {
7975
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7976
7898
  },
7977
- options: {
7978
- widget: "EmptyBox"
7979
- }
7980
- },
7981
- {
7982
- type: "Control",
7983
- scope: "#/properties/btn",
7984
- options: {
7985
- widget: "Button"
7899
+ {
7900
+ type: "Control",
7901
+ scope: "#/properties/EmptyBox",
7902
+ options: {
7903
+ widget: "EmptyBox"
7904
+ },
7905
+ config: {
7906
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7907
+ }
7986
7908
  },
7987
- config: {
7988
- layout: {
7989
- xs: 11,
7990
- sm: 11,
7991
- md: 2.5,
7992
- lg: 2.5
7909
+ {
7910
+ type: "Control",
7911
+ scope: "#/properties/btn",
7912
+ options: {
7913
+ widget: "Button"
7993
7914
  },
7994
- main: {
7995
- name: "Ok",
7996
- startIcon: "ApproveIcon",
7997
- variant: "contained",
7998
- color: "info",
7999
- type: "text",
8000
- onClick: "okHandler",
8001
- size: "small"
7915
+ config: {
7916
+ layout: 1.8,
7917
+ main: {
7918
+ name: "Ok",
7919
+ startIcon: "ApproveIcon",
7920
+ variant: "contained",
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"
8002
7935
  },
8003
- style: {
8004
- marginBottom: "8px",
8005
- float: "right"
7936
+ config: {
7937
+ layout: 1.8,
7938
+ main: {
7939
+ name: "Save & Exit",
7940
+ startIcon: "ApproveIcon",
7941
+ variant: "contained",
7942
+ type: "text",
7943
+ onClick: "saveHandler",
7944
+ size: "medium"
7945
+ },
7946
+ style: {
7947
+ float: "right"
7948
+ }
8006
7949
  }
8007
- }
8008
- },
8009
- {
8010
- type: "Control",
8011
- scope: "#/properties/btnSubmit",
8012
- options: {
8013
- widget: "Button"
8014
7950
  },
8015
- config: {
8016
- layout: {
8017
- xs: 11,
8018
- sm: 11,
8019
- md: 2.5,
8020
- lg: 2.5
7951
+ {
7952
+ type: "Control",
7953
+ scope: "#/properties/notify",
7954
+ options: {
7955
+ widget: "Notify"
8021
7956
  },
8022
- main: {
8023
- name: "Save & Exit",
8024
- startIcon: "ApproveIcon",
8025
- variant: "contained",
8026
- color: "info",
8027
- type: "text",
8028
- onClick: "saveHandler",
8029
- size: "small"
7957
+ layout: 6
7958
+ },
7959
+ {
7960
+ type: "HorizontalLayout",
7961
+ config: {
7962
+ main: {
7963
+ direction: "row"
7964
+ },
7965
+ style: {
7966
+ flexDirection: "row",
7967
+ position: "absolute",
7968
+ bottom: 0,
7969
+ marginBottom: "-8px",
7970
+ height: "fit-content",
7971
+ overflow: "hidden",
7972
+ zIndex: 1e3,
7973
+ width: "inherit"
7974
+ }
8030
7975
  },
8031
- style: {
8032
- marginBottom: "8px",
8033
- float: "right"
8034
- }
7976
+ elements: [
7977
+ {
7978
+ type: "Control",
7979
+ scope: "#/properties/FooterText",
7980
+ options: {
7981
+ widget: "Box"
7982
+ },
7983
+ config: {
7984
+ main: {
7985
+ heading: "Copywriter@ACT21.IO"
7986
+ },
7987
+ style: {
7988
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7989
+ fontSize: "12px",
7990
+ textAlign: "center",
7991
+ lineHeight: 1,
7992
+ width: "fit-content",
7993
+ left: "50%",
7994
+ position: "relative",
7995
+ margin: 0,
7996
+ flexGrow: 1,
7997
+ height: 0
7998
+ }
7999
+ }
8000
+ },
8001
+ {
8002
+ type: "Control",
8003
+ scope: "#/properties/backIcon",
8004
+ options: {
8005
+ widget: "Box"
8006
+ },
8007
+ config: {
8008
+ main: {
8009
+ iconName: "PrevIcon",
8010
+ onClick: "backHandler",
8011
+ width: "fit-content"
8012
+ },
8013
+ style: {
8014
+ fill: theme.palette.primary.main,
8015
+ width: 20,
8016
+ height: 0,
8017
+ margin: 0,
8018
+ top: 0,
8019
+ right: "82px",
8020
+ position: "absolute",
8021
+ fontSize: "12px",
8022
+ cursor: "pointer",
8023
+ ":hover": {
8024
+ fill: theme.palette.primary.dark
8025
+ }
8026
+ }
8027
+ }
8028
+ },
8029
+ {
8030
+ type: "Control",
8031
+ scope: "#/properties/text",
8032
+ options: {
8033
+ widget: "Box"
8034
+ },
8035
+ config: {
8036
+ main: {
8037
+ heading: "Previous Page",
8038
+ onClick: "backHandler"
8039
+ },
8040
+ style: {
8041
+ textAlign: "left",
8042
+ lineHeight: 1,
8043
+ height: 0,
8044
+ width: "fit-content",
8045
+ color: theme.palette.primary.main,
8046
+ fontSize: "12px",
8047
+ cursor: "pointer",
8048
+ marginLeft: "2px",
8049
+ marginRight: 0,
8050
+ top: 3,
8051
+ right: "12px",
8052
+ position: "absolute",
8053
+ ":hover": {
8054
+ color: theme.palette.primary.dark
8055
+ }
8056
+ }
8057
+ }
8058
+ }
8059
+ ]
8035
8060
  }
8036
- },
8037
- {
8038
- type: "Control",
8039
- scope: "#/properties/notify",
8040
- options: {
8041
- widget: "Notify"
8042
- },
8043
- layout: 6
8044
- }
8045
- ]
8061
+ ]
8062
+ };
8063
+ return uiSchema;
8046
8064
  };
8047
8065
  const APISection = {
8048
8066
  type: "HorizontalLayout",
@@ -8222,6 +8240,17 @@ const refreshSectionUiSchema = {
8222
8240
  }
8223
8241
  }
8224
8242
  },
8243
+ {
8244
+ type: "Control",
8245
+ scope: "#/properties/emptyBox",
8246
+ options: {
8247
+ widget: "EmptyBox"
8248
+ },
8249
+ config: {
8250
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8251
+ main: {}
8252
+ }
8253
+ },
8225
8254
  {
8226
8255
  type: "Control",
8227
8256
  scope: "#/properties/emptyBox",
@@ -8261,23 +8290,24 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8261
8290
  this.refreshPage(formdata.Handler, store2);
8262
8291
  },
8263
8292
  refreshPage: (handlerType, store22) => {
8264
- const uiSchema = _.cloneDeep(EventUiSchema);
8293
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8265
8294
  const schema2 = _.cloneDeep(EventSchema);
8266
8295
  if (handlerType) {
8267
8296
  if (handlerType === "custom") {
8268
- uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8269
- uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8270
- uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8297
+ uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8298
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8271
8299
  schema2.required = ["eventType", "Handler", "eventCode"];
8272
8300
  } else if (handlerType === "api") {
8273
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8301
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
8302
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8274
8303
  schema2.required = ["eventType", "Handler", "method", "path"];
8275
8304
  } else if (handlerType === "inBuiltFunction") {
8276
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8277
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8305
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8306
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
8278
8307
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8279
8308
  } else if (handlerType === "refresh") {
8280
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8309
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
8310
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8281
8311
  schema2.properties.refreshElements.required = ["value"];
8282
8312
  schema2.properties.refreshElements.items.required = ["value"];
8283
8313
  schema2.required = ["eventType", "Handler", "refreshElements"];