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

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +936 -891
  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/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +223 -123
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +401 -285
  9. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  10. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  11. 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
  }
341
+ },
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
+ ]
422
451
  }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
- },
430
- layout: 6
431
- }
432
- ]
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: {} };
@@ -6176,303 +6198,333 @@ const ComponentSchema = {
6176
6198
  },
6177
6199
  required: ["name"]
6178
6200
  };
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
- }
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`
6226
6214
  }
6227
6215
  },
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"
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",
@@ -7468,7 +7520,7 @@ const sectionLabels = {
7468
7520
  };
7469
7521
  const refreshPage = (type, store2) => {
7470
7522
  var _a;
7471
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7523
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7472
7524
  if (type) {
7473
7525
  const sectionUiSchema = {
7474
7526
  Core: CoreSection,
@@ -7480,8 +7532,8 @@ const refreshPage = (type, store2) => {
7480
7532
  Validation: ValidationSection
7481
7533
  };
7482
7534
  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];
7535
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7536
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7485
7537
  }
7486
7538
  store2.setUiSchema(UiSchema);
7487
7539
  };
@@ -7604,7 +7656,7 @@ var pageMaster = (funcParams) => {
7604
7656
  return config;
7605
7657
  },
7606
7658
  getUiSchema: function() {
7607
- return PageMasterUiSchema;
7659
+ return PageMasterUiSchema(store2.theme.myTheme);
7608
7660
  },
7609
7661
  getSchema: () => {
7610
7662
  return PageMasterSchema;
@@ -7747,302 +7799,295 @@ const EventSchema = {
7747
7799
  },
7748
7800
  required: ["eventType", "Handler"]
7749
7801
  };
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
- }
7802
+ const EventUiSchema = (theme) => {
7803
+ var _a;
7804
+ const uiSchema = {
7805
+ type: "HorizontalLayout",
7806
+ heading: "Component",
7807
+ elements: [
7808
+ {
7809
+ type: "TabLayout",
7810
+ config: {
7811
+ main: {
7812
+ tabLabels: ["Core", "Response Event"],
7813
+ defaultStyle: true,
7814
+ id: "event"
7797
7815
  }
7798
7816
  },
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"
7817
+ elements: [
7818
+ {
7819
+ type: "HorizontalLayout",
7820
+ elements: [
7821
+ {
7822
+ type: "Control",
7823
+ scope: `#/properties/eventType`,
7824
+ options: {
7825
+ widget: "SelectInputField"
7826
+ },
7827
+ config: {
7828
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7829
+ main: {
7830
+ label: "Event Type",
7831
+ type: "text"
7832
+ }
7845
7833
  }
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
7834
  },
7868
- config: {
7869
- layout: 8,
7870
- main: {
7871
- heading: "Response Event"
7835
+ getSelectField("Handler", "Handler"),
7836
+ {
7837
+ type: "Control",
7838
+ scope: "#/properties/EmptyBox",
7839
+ options: {
7840
+ widget: "EmptyBox"
7872
7841
  },
7873
- style: {
7874
- fontFamily: "Roboto",
7875
- fontWeight: "500",
7876
- paddingLeft: "-10px",
7877
- fontSize: "20px"
7842
+ config: {
7843
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7878
7844
  }
7879
7845
  }
7846
+ ]
7847
+ },
7848
+ {
7849
+ type: "Control",
7850
+ scope: "#/properties/events",
7851
+ options: {
7852
+ widget: "Table"
7880
7853
  },
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"
7895
- },
7896
- style: {
7897
- float: "right"
7898
- }
7854
+ config: {
7855
+ main: {
7856
+ disableAction: true,
7857
+ disableSelection: true,
7858
+ enableDrag: true
7899
7859
  }
7900
7860
  },
7901
- {
7902
- type: "Control",
7903
- scope: "#/properties/events",
7904
- options: {
7905
- widget: "Table"
7861
+ elements: [
7862
+ {
7863
+ accessorKey: "eventType",
7864
+ header: "Event Type"
7906
7865
  },
7907
- config: {
7908
- main: {
7909
- disableAction: true,
7910
- disableSelection: true,
7911
- enableDrag: true
7912
- }
7866
+ {
7867
+ accessorKey: "Handler",
7868
+ header: "Handler"
7913
7869
  },
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"
7870
+ {
7871
+ accessorKey: "Edit_Approve_Records",
7872
+ header: "Edit Widget",
7873
+ widget: {
7874
+ type: "Control",
7875
+ scope: "#/properties/Edit_Records",
7876
+ options: {
7877
+ widget: "IconButton"
7878
+ },
7879
+ config: {
7880
+ main: {
7881
+ color: "info",
7882
+ size: "small",
7883
+ icon: "EditIcon",
7884
+ tooltipMessage: "Edit This Record",
7885
+ onClick: "editEvent"
7931
7886
  },
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
- }
7887
+ style: {
7888
+ color: "#3949ab"
7943
7889
  }
7944
7890
  }
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
- }
7891
+ }
7892
+ },
7893
+ {
7894
+ accessorKey: "Reject_Records",
7895
+ header: "Delete",
7896
+ widget: {
7897
+ type: "Control",
7898
+ scope: "#/properties/RejectButton",
7899
+ options: {
7900
+ widget: "IconButton"
7901
+ },
7902
+ config: {
7903
+ main: {
7904
+ icon: "RejectIcon",
7905
+ color: "error",
7906
+ tooltipMessage: "Reject This Record",
7907
+ onClick: "deleteEvent"
7962
7908
  }
7963
7909
  }
7964
7910
  }
7965
- ]
7966
- }
7967
- ]
7911
+ }
7912
+ ]
7913
+ }
7914
+ ]
7915
+ },
7916
+ {
7917
+ type: "Control",
7918
+ scope: "#/properties/EmptyBox",
7919
+ options: {
7920
+ widget: "EmptyBox"
7921
+ },
7922
+ config: {
7923
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7968
7924
  }
7969
- ]
7970
- },
7971
- {
7972
- type: "Control",
7973
- scope: "#/properties/proc",
7974
- config: {
7975
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7976
7925
  },
7977
- options: {
7978
- widget: "EmptyBox"
7979
- }
7980
- },
7981
- {
7982
- type: "Control",
7983
- scope: "#/properties/btn",
7984
- options: {
7985
- widget: "Button"
7926
+ {
7927
+ type: "Control",
7928
+ scope: "#/properties/EmptyBox",
7929
+ options: {
7930
+ widget: "EmptyBox"
7931
+ },
7932
+ config: {
7933
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7934
+ }
7986
7935
  },
7987
- config: {
7988
- layout: {
7989
- xs: 11,
7990
- sm: 11,
7991
- md: 2.5,
7992
- lg: 2.5
7936
+ {
7937
+ type: "Control",
7938
+ scope: "#/properties/btn",
7939
+ options: {
7940
+ widget: "Button"
7993
7941
  },
7994
- main: {
7995
- name: "Ok",
7996
- startIcon: "ApproveIcon",
7997
- variant: "contained",
7998
- color: "info",
7999
- type: "text",
8000
- onClick: "okHandler",
8001
- size: "small"
7942
+ config: {
7943
+ layout: 1.8,
7944
+ main: {
7945
+ name: "Ok",
7946
+ startIcon: "ApproveIcon",
7947
+ variant: "contained",
7948
+ type: "text",
7949
+ onClick: "okHandler",
7950
+ size: "medium"
7951
+ },
7952
+ style: {
7953
+ float: "right"
7954
+ }
7955
+ }
7956
+ },
7957
+ {
7958
+ type: "Control",
7959
+ scope: "#/properties/btnSubmit",
7960
+ options: {
7961
+ widget: "Button"
8002
7962
  },
8003
- style: {
8004
- marginBottom: "8px",
8005
- float: "right"
7963
+ config: {
7964
+ layout: 1.8,
7965
+ main: {
7966
+ name: "Save & Exit",
7967
+ startIcon: "ApproveIcon",
7968
+ variant: "contained",
7969
+ type: "text",
7970
+ onClick: "saveHandler",
7971
+ size: "medium"
7972
+ },
7973
+ style: {
7974
+ float: "right"
7975
+ }
8006
7976
  }
8007
- }
8008
- },
8009
- {
8010
- type: "Control",
8011
- scope: "#/properties/btnSubmit",
8012
- options: {
8013
- widget: "Button"
8014
7977
  },
8015
- config: {
8016
- layout: {
8017
- xs: 11,
8018
- sm: 11,
8019
- md: 2.5,
8020
- lg: 2.5
7978
+ {
7979
+ type: "Control",
7980
+ scope: "#/properties/notify",
7981
+ options: {
7982
+ widget: "Notify"
8021
7983
  },
8022
- main: {
8023
- name: "Save & Exit",
8024
- startIcon: "ApproveIcon",
8025
- variant: "contained",
8026
- color: "info",
8027
- type: "text",
8028
- onClick: "saveHandler",
8029
- size: "small"
7984
+ layout: 6
7985
+ },
7986
+ {
7987
+ type: "HorizontalLayout",
7988
+ config: {
7989
+ main: {
7990
+ direction: "row"
7991
+ },
7992
+ style: {
7993
+ flexDirection: "row",
7994
+ position: "absolute",
7995
+ bottom: 0,
7996
+ marginBottom: "-8px",
7997
+ height: "fit-content",
7998
+ overflow: "hidden",
7999
+ zIndex: 1e3,
8000
+ width: "inherit"
8001
+ }
8030
8002
  },
8031
- style: {
8032
- marginBottom: "8px",
8033
- float: "right"
8034
- }
8003
+ elements: [
8004
+ {
8005
+ type: "Control",
8006
+ scope: "#/properties/FooterText",
8007
+ options: {
8008
+ widget: "Box"
8009
+ },
8010
+ config: {
8011
+ main: {
8012
+ heading: "Copywriter@ACT21.IO"
8013
+ },
8014
+ style: {
8015
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8016
+ fontSize: "12px",
8017
+ textAlign: "center",
8018
+ lineHeight: 1,
8019
+ width: "fit-content",
8020
+ left: "50%",
8021
+ position: "relative",
8022
+ margin: 0,
8023
+ flexGrow: 1,
8024
+ height: 0
8025
+ }
8026
+ }
8027
+ },
8028
+ {
8029
+ type: "Control",
8030
+ scope: "#/properties/backIcon",
8031
+ options: {
8032
+ widget: "Box"
8033
+ },
8034
+ config: {
8035
+ main: {
8036
+ iconName: "PrevIcon",
8037
+ onClick: "backHandler",
8038
+ width: "fit-content"
8039
+ },
8040
+ style: {
8041
+ fill: theme.palette.primary.main,
8042
+ width: 20,
8043
+ height: 0,
8044
+ margin: 0,
8045
+ top: 0,
8046
+ right: "82px",
8047
+ position: "absolute",
8048
+ fontSize: "12px",
8049
+ cursor: "pointer",
8050
+ ":hover": {
8051
+ fill: theme.palette.primary.dark
8052
+ }
8053
+ }
8054
+ }
8055
+ },
8056
+ {
8057
+ type: "Control",
8058
+ scope: "#/properties/text",
8059
+ options: {
8060
+ widget: "Box"
8061
+ },
8062
+ config: {
8063
+ main: {
8064
+ heading: "Previous Page",
8065
+ onClick: "backHandler"
8066
+ },
8067
+ style: {
8068
+ textAlign: "left",
8069
+ lineHeight: 1,
8070
+ height: 0,
8071
+ width: "fit-content",
8072
+ color: theme.palette.primary.main,
8073
+ fontSize: "12px",
8074
+ cursor: "pointer",
8075
+ marginLeft: "2px",
8076
+ marginRight: 0,
8077
+ top: 3,
8078
+ right: "12px",
8079
+ position: "absolute",
8080
+ ":hover": {
8081
+ color: theme.palette.primary.dark
8082
+ }
8083
+ }
8084
+ }
8085
+ }
8086
+ ]
8035
8087
  }
8036
- },
8037
- {
8038
- type: "Control",
8039
- scope: "#/properties/notify",
8040
- options: {
8041
- widget: "Notify"
8042
- },
8043
- layout: 6
8044
- }
8045
- ]
8088
+ ]
8089
+ };
8090
+ return uiSchema;
8046
8091
  };
8047
8092
  const APISection = {
8048
8093
  type: "HorizontalLayout",
@@ -8261,23 +8306,23 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8261
8306
  this.refreshPage(formdata.Handler, store2);
8262
8307
  },
8263
8308
  refreshPage: (handlerType, store22) => {
8264
- const uiSchema = _.cloneDeep(EventUiSchema);
8309
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8265
8310
  const schema2 = _.cloneDeep(EventSchema);
8266
8311
  if (handlerType) {
8267
8312
  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);
8313
+ uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8314
+ uiSchema.elements[0].elements[0].elements[3] = emptyBox;
8315
+ uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8271
8316
  schema2.required = ["eventType", "Handler", "eventCode"];
8272
8317
  } else if (handlerType === "api") {
8273
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8318
+ uiSchema.elements[0].elements[0].elements[2] = APISection;
8274
8319
  schema2.required = ["eventType", "Handler", "method", "path"];
8275
8320
  } 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 });
8321
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8322
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8278
8323
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8279
8324
  } else if (handlerType === "refresh") {
8280
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8325
+ uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8281
8326
  schema2.properties.refreshElements.required = ["value"];
8282
8327
  schema2.properties.refreshElements.items.required = ["value"];
8283
8328
  schema2.required = ["eventType", "Handler", "refreshElements"];