impaktapps-ui-builder 0.0.382-alpha.5 → 0.0.382-alpha.551

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 (17) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1052 -617
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  6. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -1
  7. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +4 -2
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +464 -321
  12. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +504 -340
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +87 -1
  14. package/src/impaktapps-ui-builder/builder/services/component.ts +23 -5
  15. package/src/impaktapps-ui-builder/builder/services/event.ts +9 -1
  16. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  17. package/src/impaktapps-ui-builder/runtime/services/service.ts +11 -0
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,406 +36,555 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = (theme) => {
40
- var _a;
41
- const uiSchema = {
42
- type: "HorizontalLayout",
43
- heading: "Page Master",
44
- elements: [
45
- {
46
- type: "WrapperLayout",
47
- config: {
48
- main: {
49
- label: "Page Template",
50
- isAccordion: true
51
- },
52
- wrapperStyle: {
53
- marginTop: "-6px",
54
- marginBottom: "-8px"
55
- },
56
- componentsBoxStyle: {
57
- marginLeft: "24px"
39
+ const PageMasterUiSchema = {
40
+ type: "HorizontalLayout",
41
+ elements: [
42
+ {
43
+ type: "WrapperLayout",
44
+ config: {
45
+ main: {
46
+ rowSpacing: 1,
47
+ header: true
48
+ },
49
+ defaultStyle: true
50
+ },
51
+ elements: [
52
+ {
53
+ type: "Control",
54
+ scope: "#/properties/pageMaster",
55
+ options: {
56
+ widget: "Box"
58
57
  },
59
- defaultStyle: true
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
60
64
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/Back_Button",
68
+ options: {
69
+ widget: "IconButton"
70
+ },
71
+ config: {
72
+ layout: 3,
73
+ main: {
74
+ icon: "BackIcon",
75
+ styleDefault: true,
76
+ size: "small",
77
+ onClick: "backHandler",
78
+ tooltipMessage: "Back"
67
79
  },
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
- }
80
+ style: {
81
+ float: "right"
78
82
  }
83
+ }
84
+ }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
93
+ },
94
+ defaultStyle: true
95
+ },
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/name",
100
+ options: {
101
+ widget: "InputField"
79
102
  },
80
- {
81
- type: "Control",
82
- scope: "#/properties/label",
83
- options: {
84
- widget: "InputField"
85
- },
86
- config: {
87
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
- main: {
89
- label: "Label",
90
- options: [],
91
- color: "secondary",
92
- required: true
93
- }
103
+ config: {
104
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
+ main: {
106
+ label: "Name",
107
+ options: [],
108
+ color: "secondary",
109
+ errorMessage: "Name should be start with 'page_'",
110
+ helperText: 'Name should be start with "page_"',
111
+ required: true
94
112
  }
113
+ }
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/label",
118
+ options: {
119
+ widget: "InputField"
95
120
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
101
- },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
121
+ config: {
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
+ main: {
124
+ label: "Label",
125
+ options: [],
126
+ color: "secondary",
127
+ required: true
104
128
  }
105
129
  }
106
- ]
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ type: "TabLayout",
135
+ config: {
136
+ main: {
137
+ tabLabels: ["Components", "events"],
138
+ divider: true
139
+ },
140
+ defaultStyle: true
107
141
  },
108
- {
109
- type: "TabLayout",
110
- config: {
111
- main: {
112
- tabLabels: ["Components", "events"],
113
- divider: true
142
+ elements: [
143
+ {
144
+ type: "WrapperLayout",
145
+ config: {
146
+ main: {
147
+ divider: true
148
+ },
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
151
+ }
114
152
  },
115
- defaultStyle: true
116
- },
117
- elements: [
118
- {
119
- type: "Control",
120
- scope: "#/properties/elements",
121
- options: {
122
- widget: "Table"
153
+ elements: [
154
+ {
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
159
+ },
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
123
172
  },
124
- config: {
125
- main: {
126
- headerIcons: {
127
- elements: [
128
- {
129
- widget: {
130
- type: "Control",
131
- scope: "#/properties/New_Record",
132
- options: {
133
- widget: "IconButton"
134
- },
135
- config: {
136
- main: {
137
- color: "info",
138
- onClick: "onAddClickHandler",
139
- size: "small",
140
- icon: "AddIcon",
141
- iconLabel: "Add New",
142
- styleDefault: true
143
- },
144
- style: {
145
- mt: "6px"
146
- }
147
- }
148
- }
149
- }
150
- ]
173
+ {
174
+ type: "Control",
175
+ scope: "#/properties/AddButton",
176
+ options: {
177
+ widget: "IconButton"
178
+ },
179
+ config: {
180
+ layout: 3,
181
+ main: {
182
+ icon: "AddIcon",
183
+ styleDefault: true,
184
+ size: "small",
185
+ onClick: "onAddClickHandler",
186
+ tooltipMessage: "Add New"
151
187
  },
152
- disableAction: true,
153
- disableSelection: true,
154
- enableDrag: true
188
+ style: {
189
+ float: "right"
190
+ }
155
191
  }
156
192
  },
157
- elements: [
158
- {
159
- accessorKey: "name",
160
- header: "Name"
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/elements",
196
+ options: {
197
+ widget: "Table"
161
198
  },
162
- {
163
- accessorKey: "type",
164
- header: "Type"
199
+ config: {
200
+ main: {
201
+ disableAction: true,
202
+ disableSelection: true,
203
+ enableDrag: true
204
+ }
165
205
  },
166
- {
167
- header: "Edit",
168
- field: "Reject_Records",
169
- flex: 1,
170
- widget: {
171
- type: "Control",
172
- scope: "#/properties/RejectButton",
173
- options: {
174
- widget: "IconButton"
175
- },
176
- config: {
177
- main: {
178
- icon: "EditIcon",
179
- color: "primary",
180
- onClick: "Edit_Components",
181
- tooltipMessage: "Edit This Record"
206
+ elements: [
207
+ {
208
+ accessorKey: "name",
209
+ header: "Name"
210
+ },
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
224
+ },
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
231
+ }
182
232
  }
183
233
  }
184
- }
185
- },
186
- {
187
- header: "Delete",
188
- field: "Reject_Records",
189
- flex: 1,
190
- widget: {
191
- type: "Control",
192
- scope: "#/properties/RejectButton",
193
- options: {
194
- widget: "IconButton"
195
- },
196
- config: {
197
- main: {
198
- icon: "RejectIcon",
199
- color: "error",
200
- onClick: "Delete_Components",
201
- tooltipMessage: "Reject This Record"
234
+ },
235
+ {
236
+ header: "Delete",
237
+ field: "Reject_Records",
238
+ flex: 1,
239
+ widget: {
240
+ type: "Control",
241
+ scope: "#/properties/RejectButton",
242
+ options: {
243
+ widget: "IconButton"
244
+ },
245
+ config: {
246
+ main: {
247
+ icon: "RejectIcon",
248
+ color: "error",
249
+ onClick: "deletePopUpComponent",
250
+ tooltipMessage: "Reject This Record"
251
+ }
202
252
  }
203
253
  }
204
254
  }
205
- }
206
- ]
255
+ ]
256
+ }
257
+ ]
258
+ },
259
+ {
260
+ type: "WrapperLayout",
261
+ config: {
262
+ main: {
263
+ divider: true
264
+ },
265
+ wrapperStyle: {
266
+ border: "1px solid gray"
267
+ }
207
268
  },
208
- {
209
- type: "Control",
210
- scope: "#/properties/events",
211
- options: {
212
- widget: "Table"
269
+ elements: [
270
+ {
271
+ type: "Control",
272
+ scope: "#/properties/heading",
273
+ options: {
274
+ widget: "Box"
275
+ },
276
+ config: {
277
+ layout: 8,
278
+ main: {
279
+ heading: "Event Table"
280
+ },
281
+ style: {
282
+ fontFamily: "Roboto",
283
+ fontWeight: "500",
284
+ paddingLeft: "-10px",
285
+ fontSize: "20px"
286
+ }
287
+ }
213
288
  },
214
- config: {
215
- main: {
216
- headerIcons: {
217
- elements: [
218
- {
219
- widget: {
220
- type: "Control",
221
- scope: "#/properties/New_Record",
222
- options: {
223
- widget: "IconButton"
224
- },
225
- config: {
226
- main: {
227
- color: "info",
228
- onClick: "eventAddHandler",
229
- size: "small",
230
- icon: "AddIcon",
231
- iconLabel: "Add New",
232
- styleDefault: true
233
- },
234
- style: {
235
- mt: "6px"
236
- }
237
- }
238
- }
239
- }
240
- ]
289
+ {
290
+ type: "Control",
291
+ scope: "#/properties/AddButton",
292
+ options: {
293
+ widget: "IconButton"
294
+ },
295
+ config: {
296
+ layout: 3,
297
+ main: {
298
+ icon: "AddIcon",
299
+ styleDefault: true,
300
+ size: "small",
301
+ onClick: "eventAddHandler",
302
+ tooltipMessage: "Back"
241
303
  },
242
- disableAction: true,
243
- disableSelection: true,
244
- enableDrag: true
304
+ style: {
305
+ float: "right"
306
+ }
245
307
  }
246
308
  },
247
- elements: [
248
- {
249
- accessorKey: "eventType",
250
- header: "Event Type"
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/events",
312
+ options: {
313
+ widget: "Table"
251
314
  },
252
- {
253
- accessorKey: "Handler",
254
- header: "Handler"
315
+ config: {
316
+ main: {
317
+ disableAction: true,
318
+ disableSelection: true,
319
+ enableDrag: true
320
+ }
255
321
  },
256
- {
257
- accessorKey: "Edit_Approve_Records",
258
- header: "Edit Widget",
259
- widget: {
260
- type: "Control",
261
- scope: "#/properties/Edit_Records",
262
- options: {
263
- widget: "IconButton"
264
- },
265
- config: {
266
- main: {
267
- color: "info",
268
- size: "small",
269
- icon: "EditIcon",
270
- tooltipMessage: "Edit This Record",
271
- onClick: "editEvent"
322
+ elements: [
323
+ {
324
+ accessorKey: "eventType",
325
+ header: "Event Type"
326
+ },
327
+ {
328
+ accessorKey: "Handler",
329
+ header: "Handler"
330
+ },
331
+ {
332
+ accessorKey: "Edit_Approve_Records",
333
+ header: "Edit Widget",
334
+ widget: {
335
+ type: "Control",
336
+ scope: "#/properties/Edit_Records",
337
+ options: {
338
+ widget: "IconButton"
272
339
  },
273
- style: {
274
- color: "#3949ab"
340
+ config: {
341
+ main: {
342
+ color: "info",
343
+ size: "small",
344
+ icon: "EditIcon",
345
+ tooltipMessage: "Edit This Record",
346
+ onClick: "editEvent"
347
+ },
348
+ style: {
349
+ color: "#3949ab"
350
+ }
275
351
  }
276
352
  }
277
- }
278
- },
279
- {
280
- accessorKey: "Reject_Records",
281
- header: "Delete",
282
- widget: {
283
- type: "Control",
284
- scope: "#/properties/RejectButton",
285
- options: {
286
- widget: "IconButton"
287
- },
288
- config: {
289
- main: {
290
- icon: "RejectIcon",
291
- color: "error",
292
- tooltipMessage: "Reject This Record",
293
- onClick: "deleteEvent"
353
+ },
354
+ {
355
+ accessorKey: "Reject_Records",
356
+ header: "Delete",
357
+ widget: {
358
+ type: "Control",
359
+ scope: "#/properties/RejectButton",
360
+ options: {
361
+ widget: "IconButton"
362
+ },
363
+ config: {
364
+ main: {
365
+ icon: "RejectIcon",
366
+ color: "error",
367
+ tooltipMessage: "Reject This Record",
368
+ onClick: "deletePopUpEvent"
369
+ }
294
370
  }
295
371
  }
296
372
  }
297
- }
298
- ]
299
- }
300
- ]
373
+ ]
374
+ }
375
+ ]
376
+ }
377
+ ]
378
+ },
379
+ {
380
+ type: "Control",
381
+ scope: "#/properties/popUpPageMasterEvent",
382
+ options: {
383
+ widget: "PopUp"
301
384
  },
302
- {
303
- type: "Control",
304
- scope: "#/properties/btn",
305
- options: {
306
- widget: "Button"
385
+ config: {
386
+ layout: {
387
+ xs: 12,
388
+ sm: 12,
389
+ md: 12,
390
+ lg: 12
391
+ },
392
+ main: {}
393
+ },
394
+ elements: [
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/label",
398
+ options: {
399
+ widget: "Box"
400
+ },
401
+ config: {
402
+ layout: 12,
403
+ main: {
404
+ heading: "Are you sure you want to delete ?"
405
+ },
406
+ style: {
407
+ marginTop: "-40px"
408
+ }
409
+ }
307
410
  },
308
- config: {
309
- layout: 11.9,
310
- main: {
311
- name: "Save",
312
- startIcon: "ApproveIcon",
313
- variant: "contained",
314
- color: "info",
315
- type: "text",
316
- onClick: "saveHandler",
317
- size: "medium"
411
+ {
412
+ type: "Control",
413
+ scope: "#/properties/EmptyBox",
414
+ options: {
415
+ widget: "EmptyBox"
318
416
  },
319
- style: {
320
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
321
- float: "right"
417
+ config: {
418
+ main: {},
419
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
322
420
  }
323
- }
324
- },
325
- {
326
- type: "Control",
327
- scope: "#/properties/notify",
328
- options: {
329
- widget: "Notify"
330
421
  },
331
- layout: 6
332
- },
333
- {
334
- type: "HorizontalLayout",
335
- config: {
336
- style: {
337
- position: "fixed",
338
- bottom: 5,
339
- overflow: "visible",
340
- margin: "0",
341
- width: "100vw"
422
+ {
423
+ type: "Control",
424
+ scope: "#/properties/ConfirmDeleteEventButton",
425
+ options: {
426
+ widget: "Button"
427
+ },
428
+ config: {
429
+ layout: 3,
430
+ main: {
431
+ name: "Yes",
432
+ startIcon: "ApproveIcon",
433
+ variant: "contained",
434
+ color: "info",
435
+ type: "text",
436
+ onClick: "deleteEvent",
437
+ size: "small"
438
+ }
342
439
  }
343
440
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
350
- },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
441
+ {
442
+ type: "Control",
443
+ scope: "#/properties/CancelDeleteEventButton",
444
+ options: {
445
+ widget: "Button"
446
+ },
447
+ config: {
448
+ layout: 3,
449
+ main: {
450
+ name: "No",
451
+ startIcon: "ApproveIcon",
452
+ variant: "contained",
453
+ color: "info",
454
+ type: "text",
455
+ onClick: "deletePopUpEvent",
456
+ size: "small"
353
457
  }
458
+ }
459
+ }
460
+ ]
461
+ },
462
+ {
463
+ type: "Control",
464
+ scope: "#/properties/popUpPageMasterComponent",
465
+ options: {
466
+ widget: "PopUp"
467
+ },
468
+ config: {
469
+ layout: {
470
+ xs: 12,
471
+ sm: 12,
472
+ md: 12,
473
+ lg: 12
474
+ },
475
+ main: {}
476
+ },
477
+ elements: [
478
+ {
479
+ type: "Control",
480
+ scope: "#/properties/label",
481
+ options: {
482
+ widget: "Box"
354
483
  },
355
- {
356
- type: "Control",
357
- scope: "#/properties/FooterText",
358
- options: {
359
- widget: "Box"
484
+ config: {
485
+ layout: 12,
486
+ main: {
487
+ heading: "Are you sure you want to delete ?"
360
488
  },
361
- config: {
362
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
- main: {
364
- heading: "Copywriter@ACT21.IO"
365
- },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
369
- }
489
+ style: {
490
+ marginTop: "-40px"
370
491
  }
492
+ }
493
+ },
494
+ {
495
+ type: "Control",
496
+ scope: "#/properties/EmptyBox",
497
+ options: {
498
+ widget: "EmptyBox"
371
499
  },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
- },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
383
- },
384
- config: {
385
- layout: 2
386
- }
387
- },
388
- {
389
- type: "Control",
390
- scope: "#/properties/backIcon",
391
- options: {
392
- widget: "Box"
393
- },
394
- config: {
395
- layout: 1,
396
- main: {
397
- iconName: "PrevIcon",
398
- onClick: "backHandler"
399
- },
400
- style: {
401
- fill: theme.palette.primary.dark,
402
- width: 20,
403
- height: 20,
404
- display: "flex",
405
- alignItems: "center",
406
- justifyContent: "center",
407
- marginRight: "-8px",
408
- cursor: "pointer"
409
- }
410
- }
411
- },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
417
- },
418
- config: {
419
- layout: 9,
420
- main: {
421
- heading: "Previous Page",
422
- onClick: "backHandler"
423
- },
424
- style: {
425
- color: theme.palette.primary.dark,
426
- fontSize: "12px",
427
- cursor: "pointer",
428
- marginLeft: "-6px"
429
- }
430
- }
431
- }
432
- ]
500
+ config: {
501
+ main: {},
502
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
503
+ }
504
+ },
505
+ {
506
+ type: "Control",
507
+ scope: "#/properties/ConfirmDeleteCompButton",
508
+ options: {
509
+ widget: "Button"
510
+ },
511
+ config: {
512
+ layout: 3,
513
+ main: {
514
+ name: "Yes",
515
+ startIcon: "ApproveIcon",
516
+ variant: "contained",
517
+ color: "info",
518
+ type: "text",
519
+ onClick: "Delete_Components",
520
+ size: "small"
521
+ }
433
522
  }
434
- ]
523
+ },
524
+ {
525
+ type: "Control",
526
+ scope: "#/properties/CancelDeleteCompButton",
527
+ options: {
528
+ widget: "Button"
529
+ },
530
+ config: {
531
+ layout: 3,
532
+ main: {
533
+ name: "No",
534
+ startIcon: "ApproveIcon",
535
+ variant: "contained",
536
+ color: "info",
537
+ type: "text",
538
+ onClick: "deletePopUpComponent",
539
+ size: "small"
540
+ }
541
+ }
542
+ }
543
+ ]
544
+ },
545
+ {
546
+ type: "Control",
547
+ scope: "#/properties/btn",
548
+ options: {
549
+ widget: "EmptyBox"
550
+ },
551
+ config: {
552
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
553
  }
436
- ]
437
- };
438
- return uiSchema;
554
+ },
555
+ {
556
+ type: "Control",
557
+ scope: "#/properties/btn",
558
+ options: {
559
+ widget: "Button"
560
+ },
561
+ config: {
562
+ layout: 11.7,
563
+ main: {
564
+ name: "Save",
565
+ startIcon: "ApproveIcon",
566
+ variant: "contained",
567
+ color: "info",
568
+ type: "text",
569
+ onClick: "saveHandler",
570
+ size: "small"
571
+ },
572
+ style: {
573
+ marginBottom: "8px",
574
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
575
+ float: "right"
576
+ }
577
+ }
578
+ },
579
+ {
580
+ type: "Control",
581
+ scope: "#/properties/notify",
582
+ options: {
583
+ widget: "Notify"
584
+ },
585
+ layout: 6
586
+ }
587
+ ]
439
588
  };
440
589
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
590
  var lodash = { exports: {} };
@@ -6169,295 +6318,451 @@ const ComponentSchema = {
6169
6318
  },
6170
6319
  required: ["name"]
6171
6320
  };
6172
- const componentBasicUiSchema = (theme) => {
6173
- var _a;
6174
- const uiSchema = {
6175
- type: "HorizontalLayout",
6176
- heading: "Component",
6177
- elements: [
6178
- {
6179
- type: "TabLayout",
6180
- config: {
6181
- main: {
6182
- tabLabels: ["Core"],
6183
- defaultStyle: true,
6184
- id: `component`
6321
+ const componentBasicUiSchema = {
6322
+ type: "HorizontalLayout",
6323
+ elements: [
6324
+ {
6325
+ type: "WrapperLayout",
6326
+ config: {
6327
+ main: {
6328
+ rowSpacing: 1,
6329
+ header: true
6330
+ },
6331
+ defaultStyle: true
6332
+ },
6333
+ elements: [
6334
+ {
6335
+ type: "Control",
6336
+ scope: "#/properties/Component",
6337
+ options: {
6338
+ widget: "Box"
6339
+ },
6340
+ config: {
6341
+ layout: { xs: 12, sm: 12, md: 2 },
6342
+ main: {
6343
+ heading: "Component"
6344
+ },
6345
+ style: {
6346
+ "float": "left"
6347
+ }
6185
6348
  }
6186
6349
  },
6187
- elements: [
6188
- {
6189
- type: "HorizontalLayout",
6190
- elements: [
6191
- {
6192
- type: "Control",
6193
- scope: "#/properties/type",
6194
- options: {
6195
- widget: "SelectInputField"
6196
- },
6197
- config: {
6198
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6199
- main: {
6200
- label: "Type"
6201
- }
6350
+ {
6351
+ type: "Control",
6352
+ scope: "#/properties/pageName",
6353
+ options: {
6354
+ widget: "Box"
6355
+ },
6356
+ config: {
6357
+ layout: { xs: 7, sm: 7, md: 9 },
6358
+ main: {
6359
+ heading: " "
6360
+ },
6361
+ style: {
6362
+ float: "right",
6363
+ width: "auto",
6364
+ fontSize: "12px",
6365
+ color: "gray",
6366
+ paddingTop: "10px"
6367
+ }
6368
+ }
6369
+ },
6370
+ {
6371
+ type: "Control",
6372
+ scope: "#/properties/Back_Button",
6373
+ options: {
6374
+ widget: "IconButton"
6375
+ },
6376
+ config: {
6377
+ layout: { xs: 2, sm: 2, md: 0.5 },
6378
+ main: {
6379
+ icon: "BackIcon",
6380
+ styleDefault: true,
6381
+ size: "small",
6382
+ onClick: "backHandler",
6383
+ tooltipMessage: "Back"
6384
+ },
6385
+ style: {
6386
+ float: "right"
6387
+ }
6388
+ }
6389
+ }
6390
+ ]
6391
+ },
6392
+ {
6393
+ type: "TabLayout",
6394
+ config: {
6395
+ main: {
6396
+ tabLabels: ["Core"],
6397
+ defaultStyle: true,
6398
+ id: `component`
6399
+ }
6400
+ },
6401
+ elements: [
6402
+ {
6403
+ type: "HorizontalLayout",
6404
+ elements: [
6405
+ {
6406
+ type: "Control",
6407
+ scope: "#/properties/type",
6408
+ options: {
6409
+ widget: "SelectInputField"
6410
+ },
6411
+ config: {
6412
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6413
+ main: {
6414
+ label: "Type"
6202
6415
  }
6416
+ }
6417
+ },
6418
+ {
6419
+ type: "Control",
6420
+ scope: "#/properties/name",
6421
+ options: {
6422
+ widget: "InputField"
6203
6423
  },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/name",
6207
- options: {
6208
- widget: "InputField"
6424
+ config: {
6425
+ layout: {
6426
+ xs: 12,
6427
+ sm: 12,
6428
+ md: 6,
6429
+ lg: 6
6209
6430
  },
6210
- config: {
6211
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6212
- main: {
6213
- label: "Name",
6214
- options: [],
6215
- color: "secondary",
6216
- required: true
6217
- }
6431
+ main: {
6432
+ label: "Name",
6433
+ options: [],
6434
+ color: "secondary",
6435
+ required: true
6218
6436
  }
6437
+ }
6438
+ },
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/label",
6442
+ options: {
6443
+ widget: "InputField"
6219
6444
  },
6220
- {
6221
- type: "Control",
6222
- scope: "#/properties/label",
6223
- options: {
6224
- widget: "InputField"
6445
+ config: {
6446
+ layout: {
6447
+ xs: 12,
6448
+ sm: 12,
6449
+ md: 6,
6450
+ lg: 6
6225
6451
  },
6226
- config: {
6227
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6228
- main: {
6229
- label: "Label",
6230
- options: [],
6231
- color: "secondary",
6232
- required: true
6233
- }
6452
+ main: {
6453
+ label: "Label",
6454
+ options: [],
6455
+ color: "secondary",
6456
+ required: true
6234
6457
  }
6458
+ }
6459
+ },
6460
+ {
6461
+ type: "Control",
6462
+ scope: "#/properties/proc",
6463
+ config: {
6464
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6235
6465
  },
6236
- {
6237
- type: "HorizontalLayout",
6238
- scope: "#/properties/layout",
6239
- layout: 12,
6240
- options: {
6241
- detail: {
6242
- type: "HorizontalLayout",
6243
- elements: [
6244
- {
6245
- type: "Control",
6246
- scope: "#/properties/key",
6247
- options: {
6248
- widget: "SelectInputField"
6249
- },
6250
- config: {
6251
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6252
- main: {
6253
- label: "Screen Size"
6254
- }
6255
- }
6466
+ options: {
6467
+ widget: "EmptyBox"
6468
+ }
6469
+ },
6470
+ {
6471
+ type: "Control",
6472
+ scope: "#/properties/layout",
6473
+ layout: 11.5,
6474
+ options: {
6475
+ detail: {
6476
+ type: "HorizontalLayout",
6477
+ elements: [
6478
+ {
6479
+ type: "Control",
6480
+ scope: "#/properties/key",
6481
+ options: {
6482
+ widget: "SelectInputField"
6256
6483
  },
6257
- {
6258
- type: "Control",
6259
- scope: "#/properties/value",
6260
- options: {
6261
- widget: "InputField"
6484
+ config: {
6485
+ layout: {
6486
+ xs: 11,
6487
+ sm: 11,
6488
+ md: 5.5,
6489
+ lg: 5.5
6262
6490
  },
6263
- config: {
6264
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6265
- main: {
6266
- label: "Value",
6267
- type: "number",
6268
- helperText: "Number should be in range of 0 to 12",
6269
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6270
- }
6491
+ main: {
6492
+ label: "Screen Size"
6271
6493
  }
6494
+ }
6495
+ },
6496
+ {
6497
+ type: "Control",
6498
+ scope: "#/properties/value",
6499
+ options: {
6500
+ widget: "InputField"
6272
6501
  },
6273
- {
6274
- type: "Control",
6275
- scope: "#/properties/emptyBox",
6276
- options: {
6277
- widget: "EmptyBox"
6502
+ config: {
6503
+ layout: {
6504
+ xs: 11,
6505
+ sm: 11,
6506
+ md: 5.5,
6507
+ lg: 5.5
6278
6508
  },
6279
- config: {
6280
- layout: { xs: 0, sm: 4 }
6509
+ main: {
6510
+ label: "Value",
6511
+ type: "number",
6512
+ helperText: "Number should be in range of 0 to 12",
6513
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6281
6514
  }
6282
6515
  }
6283
- ]
6284
- }
6516
+ }
6517
+ ]
6285
6518
  }
6286
6519
  }
6287
- ]
6520
+ }
6521
+ ]
6522
+ }
6523
+ ]
6524
+ },
6525
+ {
6526
+ type: "Control",
6527
+ scope: "#/properties/popUpComponentSection",
6528
+ options: {
6529
+ widget: "PopUp"
6530
+ },
6531
+ config: {
6532
+ layout: {
6533
+ xs: 12,
6534
+ sm: 12,
6535
+ md: 12,
6536
+ lg: 12
6537
+ },
6538
+ main: {}
6539
+ },
6540
+ elements: [
6541
+ {
6542
+ type: "Control",
6543
+ scope: "#/properties/label",
6544
+ options: {
6545
+ widget: "Box"
6546
+ },
6547
+ config: {
6548
+ layout: 12,
6549
+ main: {
6550
+ heading: "Are you sure you want to delete ?"
6551
+ },
6552
+ style: {
6553
+ marginTop: "-40px"
6554
+ }
6555
+ }
6556
+ },
6557
+ {
6558
+ type: "Control",
6559
+ scope: "#/properties/EmptyBox",
6560
+ options: {
6561
+ widget: "EmptyBox"
6562
+ },
6563
+ config: {
6564
+ main: {},
6565
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6566
+ }
6567
+ },
6568
+ {
6569
+ type: "Control",
6570
+ scope: "#/properties/ConfirmDeleteCompButton",
6571
+ options: {
6572
+ widget: "Button"
6573
+ },
6574
+ config: {
6575
+ layout: 3,
6576
+ main: {
6577
+ name: "Yes",
6578
+ startIcon: "ApproveIcon",
6579
+ variant: "contained",
6580
+ color: "info",
6581
+ type: "text",
6582
+ onClick: "deleteComponents",
6583
+ size: "small"
6584
+ }
6585
+ }
6586
+ },
6587
+ {
6588
+ type: "Control",
6589
+ scope: "#/properties/CancelDeleteCompButton",
6590
+ options: {
6591
+ widget: "Button"
6592
+ },
6593
+ config: {
6594
+ layout: 3,
6595
+ main: {
6596
+ name: "No",
6597
+ startIcon: "ApproveIcon",
6598
+ variant: "contained",
6599
+ color: "info",
6600
+ type: "text",
6601
+ onClick: "deletePopUpComponent",
6602
+ size: "small"
6603
+ }
6288
6604
  }
6289
- ]
6605
+ }
6606
+ ]
6607
+ },
6608
+ {
6609
+ type: "Control",
6610
+ scope: "#/properties/popUpEventSection",
6611
+ options: {
6612
+ widget: "PopUp"
6290
6613
  },
6291
- {
6292
- type: "Control",
6293
- scope: "#/properties/btn",
6294
- options: {
6295
- widget: "Button"
6614
+ config: {
6615
+ layout: {
6616
+ xs: 12,
6617
+ sm: 12,
6618
+ md: 12,
6619
+ lg: 12
6296
6620
  },
6297
- config: {
6298
- layout: {
6299
- xs: 11,
6300
- sm: 11,
6301
- md: 2.5,
6302
- lg: 2.5
6621
+ main: {}
6622
+ },
6623
+ elements: [
6624
+ {
6625
+ type: "Control",
6626
+ scope: "#/properties/label",
6627
+ options: {
6628
+ widget: "Box"
6303
6629
  },
6304
- main: {
6305
- name: "Ok",
6306
- startIcon: "ApproveIcon",
6307
- variant: "contained",
6308
- color: "info",
6309
- type: "text",
6310
- onClick: "okHandler",
6311
- size: "small"
6630
+ config: {
6631
+ layout: 12,
6632
+ main: {
6633
+ heading: "Are you sure you want to delete ?"
6634
+ },
6635
+ style: {
6636
+ marginTop: "-40px"
6637
+ }
6638
+ }
6639
+ },
6640
+ {
6641
+ type: "Control",
6642
+ scope: "#/properties/EmptyBox",
6643
+ options: {
6644
+ widget: "EmptyBox"
6312
6645
  },
6313
- style: {
6314
- marginBottom: "8px",
6315
- float: "right"
6646
+ config: {
6647
+ main: {},
6648
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6316
6649
  }
6317
- }
6318
- },
6319
- {
6320
- type: "Control",
6321
- scope: "#/properties/btnSubmit",
6322
- options: {
6323
- widget: "Button"
6324
6650
  },
6325
- config: {
6326
- layout: {
6327
- xs: 11,
6328
- sm: 11,
6329
- md: 2.5,
6330
- lg: 2.5
6651
+ {
6652
+ type: "Control",
6653
+ scope: "#/properties/ConfirmDeleteEventButton",
6654
+ options: {
6655
+ widget: "Button"
6331
6656
  },
6332
- main: {
6333
- name: "Save & Exit",
6334
- startIcon: "ApproveIcon",
6335
- variant: "contained",
6336
- color: "info",
6337
- type: "text",
6338
- onClick: "saveHandler",
6339
- size: "small"
6657
+ config: {
6658
+ layout: 3,
6659
+ main: {
6660
+ name: "Yes",
6661
+ startIcon: "ApproveIcon",
6662
+ variant: "contained",
6663
+ color: "info",
6664
+ type: "text",
6665
+ onClick: "deleteEvent",
6666
+ size: "small"
6667
+ }
6668
+ }
6669
+ },
6670
+ {
6671
+ type: "Control",
6672
+ scope: "#/properties/CancelDeleteEventButton",
6673
+ options: {
6674
+ widget: "Button"
6340
6675
  },
6341
- style: {
6342
- marginBottom: "8px",
6343
- float: "right"
6676
+ config: {
6677
+ layout: 3,
6678
+ main: {
6679
+ name: "No",
6680
+ startIcon: "ApproveIcon",
6681
+ variant: "contained",
6682
+ color: "info",
6683
+ type: "text",
6684
+ onClick: "deletePopUpEvent",
6685
+ size: "small"
6686
+ }
6344
6687
  }
6345
6688
  }
6689
+ ]
6690
+ },
6691
+ {
6692
+ type: "Control",
6693
+ scope: "#/properties/proc",
6694
+ config: {
6695
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6346
6696
  },
6347
- {
6348
- type: "Control",
6349
- scope: "#/properties/notify",
6350
- options: {
6351
- widget: "Notify"
6697
+ options: {
6698
+ widget: "EmptyBox"
6699
+ }
6700
+ },
6701
+ {
6702
+ type: "Control",
6703
+ scope: "#/properties/btn",
6704
+ options: {
6705
+ widget: "Button"
6706
+ },
6707
+ config: {
6708
+ layout: {
6709
+ xs: 11,
6710
+ sm: 11,
6711
+ md: 2.5,
6712
+ lg: 2.5
6352
6713
  },
6353
- layout: 6
6714
+ main: {
6715
+ name: "Ok",
6716
+ startIcon: "ApproveIcon",
6717
+ variant: "contained",
6718
+ color: "info",
6719
+ type: "text",
6720
+ onClick: "okHandler",
6721
+ size: "small"
6722
+ },
6723
+ style: {
6724
+ marginBottom: "8px",
6725
+ float: "right"
6726
+ }
6727
+ }
6728
+ },
6729
+ {
6730
+ type: "Control",
6731
+ scope: "#/properties/btnSubmit",
6732
+ options: {
6733
+ widget: "Button"
6354
6734
  },
6355
- {
6356
- type: "HorizontalLayout",
6357
- config: {
6358
- style: {
6359
- position: "fixed",
6360
- bottom: 5,
6361
- overflow: "visible",
6362
- margin: "0",
6363
- width: "100vw"
6364
- }
6735
+ config: {
6736
+ layout: {
6737
+ xs: 11,
6738
+ sm: 11,
6739
+ md: 2.5,
6740
+ lg: 2.5
6365
6741
  },
6366
- elements: [
6367
- {
6368
- type: "Control",
6369
- scope: "#/properties/EmptyBox",
6370
- options: {
6371
- widget: "EmptyBox"
6372
- },
6373
- config: {
6374
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6375
- }
6376
- },
6377
- {
6378
- type: "Control",
6379
- scope: "#/properties/FooterText",
6380
- options: {
6381
- widget: "Box"
6382
- },
6383
- config: {
6384
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6385
- main: {
6386
- heading: "Copywriter@ACT21.IO"
6387
- },
6388
- style: {
6389
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6390
- fontSize: "12px"
6391
- }
6392
- }
6393
- },
6394
- {
6395
- type: "HorizontalLayout",
6396
- config: {
6397
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6398
- },
6399
- elements: [
6400
- {
6401
- type: "Control",
6402
- scope: "#/properties/EmptyBox",
6403
- options: {
6404
- widget: "EmptyBox"
6405
- },
6406
- config: {
6407
- layout: 2
6408
- }
6409
- },
6410
- {
6411
- type: "Control",
6412
- scope: "#/properties/backIcon",
6413
- options: {
6414
- widget: "Box"
6415
- },
6416
- config: {
6417
- layout: 1,
6418
- main: {
6419
- iconName: "PrevIcon",
6420
- onClick: "backHandler"
6421
- },
6422
- style: {
6423
- fill: theme.palette.primary.dark,
6424
- width: 20,
6425
- height: 20,
6426
- display: "flex",
6427
- alignItems: "center",
6428
- justifyContent: "center",
6429
- marginRight: "-8px",
6430
- cursor: "pointer"
6431
- }
6432
- }
6433
- },
6434
- {
6435
- type: "Control",
6436
- scope: "#/properties/text",
6437
- options: {
6438
- widget: "Box"
6439
- },
6440
- config: {
6441
- layout: 9,
6442
- main: {
6443
- heading: "Previous Page",
6444
- onClick: "backHandler"
6445
- },
6446
- style: {
6447
- color: theme.palette.primary.dark,
6448
- fontSize: "12px",
6449
- cursor: "pointer",
6450
- marginLeft: "-6px"
6451
- }
6452
- }
6453
- }
6454
- ]
6455
- }
6456
- ]
6742
+ main: {
6743
+ name: "Save & Exit",
6744
+ startIcon: "ApproveIcon",
6745
+ variant: "contained",
6746
+ color: "info",
6747
+ type: "text",
6748
+ onClick: "saveHandler",
6749
+ size: "small"
6750
+ },
6751
+ style: {
6752
+ marginBottom: "8px",
6753
+ float: "right"
6754
+ }
6457
6755
  }
6458
- ]
6459
- };
6460
- return uiSchema;
6756
+ },
6757
+ {
6758
+ type: "Control",
6759
+ scope: "#/properties/notify",
6760
+ options: {
6761
+ widget: "Notify"
6762
+ },
6763
+ layout: 6
6764
+ }
6765
+ ]
6461
6766
  };
6462
6767
  const CoreSection = {
6463
6768
  type: "HorizontalLayout",
@@ -6689,7 +6994,7 @@ const EventSection = {
6689
6994
  icon: "RejectIcon",
6690
6995
  color: "error",
6691
6996
  tooltipMessage: "Reject This Record",
6692
- onClick: "deleteEvent"
6997
+ onClick: "deletePopUpEvent"
6693
6998
  }
6694
6999
  }
6695
7000
  }
@@ -7205,7 +7510,7 @@ const TableSection = {
7205
7510
  main: {
7206
7511
  icon: "RejectIcon",
7207
7512
  color: "error",
7208
- onClick: "deleteComponents",
7513
+ onClick: "deletePopUpComponent",
7209
7514
  tooltipMessage: "Reject This Record"
7210
7515
  }
7211
7516
  }
@@ -7498,7 +7803,7 @@ const sectionLabels = {
7498
7803
  };
7499
7804
  const refreshPage = (type, store2) => {
7500
7805
  var _a;
7501
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7806
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7502
7807
  if (type) {
7503
7808
  const sectionUiSchema = {
7504
7809
  Core: CoreSection,
@@ -7557,22 +7862,30 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7557
7862
  store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
7558
7863
  }
7559
7864
  },
7560
- deleteComponents: function() {
7865
+ deleteComponents: function(shouldUpdateDialog = true) {
7561
7866
  var _a;
7562
7867
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7563
- const rowId = dynamicData2.path.split(".")[1];
7868
+ const rowId = localStorage.getItem("rowId");
7564
7869
  store2.formData.elements.splice(rowId, 1);
7565
7870
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7566
7871
  const data2 = path ? _.get(response2, path) : response2;
7567
7872
  store2.setFormdata(data2);
7873
+ if (shouldUpdateDialog) {
7874
+ store2.updateDialog("popUpComponentSection");
7875
+ }
7876
+ localStorage.removeItem("rowId");
7568
7877
  },
7569
- deleteEvent: function() {
7878
+ deleteEvent: function(shouldUpdateDialog = true) {
7570
7879
  var _a;
7571
7880
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7572
- const rowId = dynamicData2.path.split(".")[1];
7881
+ const rowId = localStorage.getItem("rowId");
7573
7882
  store2.formData.events.splice(rowId, 1);
7574
7883
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7575
7884
  store2.setFormdata(_.get(response2, path));
7885
+ if (shouldUpdateDialog) {
7886
+ store2.updateDialog("popUpEventSection");
7887
+ }
7888
+ localStorage.removeItem("rowId");
7576
7889
  },
7577
7890
  widgetAddClickHandler: function() {
7578
7891
  var _a;
@@ -7608,6 +7921,16 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7608
7921
  },
7609
7922
  backHandler: function() {
7610
7923
  store2.navigate(-1);
7924
+ },
7925
+ deletePopUpComponent: function() {
7926
+ const rowId = dynamicData2.path.split(".")[1];
7927
+ localStorage.setItem("rowId", rowId);
7928
+ store2.updateDialog("popUpComponentSection");
7929
+ },
7930
+ deletePopUpEvent: function() {
7931
+ const rowId = dynamicData2.path.split(".")[1];
7932
+ localStorage.setItem("rowId", rowId);
7933
+ store2.updateDialog("popUpEventSection");
7611
7934
  }
7612
7935
  };
7613
7936
  };
@@ -7633,7 +7956,7 @@ var pageMaster = (funcParams) => {
7633
7956
  return config;
7634
7957
  },
7635
7958
  getUiSchema: function() {
7636
- return PageMasterUiSchema(store2.theme.myTheme);
7959
+ return PageMasterUiSchema;
7637
7960
  },
7638
7961
  getSchema: () => {
7639
7962
  return PageMasterSchema;
@@ -7655,7 +7978,10 @@ var pageMaster = (funcParams) => {
7655
7978
  },
7656
7979
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7657
7980
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7658
- Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7981
+ Delete_Components: async function() {
7982
+ await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
7983
+ store2.updateDialog("popUpPageMasterComponent");
7984
+ },
7659
7985
  eventAddHandler: function() {
7660
7986
  var _a;
7661
7987
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7675,10 +8001,22 @@ var pageMaster = (funcParams) => {
7675
8001
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7676
8002
  },
7677
8003
  deleteEvent: function() {
7678
- const rowId = dynamicData2.path.split(".")[1];
8004
+ const rowId = localStorage.getItem("rowId");
7679
8005
  store2.formData.events.splice(rowId, 1);
7680
8006
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7681
8007
  store2.setFormdata(response2);
8008
+ store2.updateDialog("popUpPageMasterEvent");
8009
+ localStorage.removeItem("rowId");
8010
+ },
8011
+ deletePopUpComponent: function() {
8012
+ const rowId = dynamicData2.path.split(".")[1];
8013
+ localStorage.setItem("rowId", rowId);
8014
+ store2.updateDialog("popUpPageMasterComponent");
8015
+ },
8016
+ deletePopUpEvent: function() {
8017
+ const rowId = dynamicData2.path.split(".")[1];
8018
+ localStorage.setItem("rowId", rowId);
8019
+ store2.updateDialog("popUpPageMasterEvent");
7682
8020
  }
7683
8021
  };
7684
8022
  };
@@ -7978,7 +8316,7 @@ const EventUiSchema = {
7978
8316
  icon: "RejectIcon",
7979
8317
  color: "error",
7980
8318
  tooltipMessage: "Reject This Record",
7981
- onClick: "deleteEvent"
8319
+ onClick: "deletePopUpEvent"
7982
8320
  }
7983
8321
  }
7984
8322
  }
@@ -7989,6 +8327,89 @@ const EventUiSchema = {
7989
8327
  }
7990
8328
  ]
7991
8329
  },
8330
+ {
8331
+ type: "Control",
8332
+ scope: "#/properties/popUpEvent",
8333
+ options: {
8334
+ widget: "PopUp"
8335
+ },
8336
+ config: {
8337
+ layout: {
8338
+ xs: 12,
8339
+ sm: 12,
8340
+ md: 12,
8341
+ lg: 12
8342
+ },
8343
+ main: {}
8344
+ },
8345
+ elements: [
8346
+ {
8347
+ type: "Control",
8348
+ scope: "#/properties/label",
8349
+ options: {
8350
+ widget: "Box"
8351
+ },
8352
+ config: {
8353
+ layout: 12,
8354
+ main: {
8355
+ heading: "Are you sure you want to delete ?"
8356
+ },
8357
+ style: {
8358
+ marginTop: "-40px"
8359
+ }
8360
+ }
8361
+ },
8362
+ {
8363
+ type: "Control",
8364
+ scope: "#/properties/EmptyBox",
8365
+ options: {
8366
+ widget: "EmptyBox"
8367
+ },
8368
+ config: {
8369
+ main: {},
8370
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
8371
+ }
8372
+ },
8373
+ {
8374
+ type: "Control",
8375
+ scope: "#/properties/ConfirmDeleteEventButton",
8376
+ options: {
8377
+ widget: "Button"
8378
+ },
8379
+ config: {
8380
+ layout: 3,
8381
+ main: {
8382
+ name: "Yes",
8383
+ startIcon: "ApproveIcon",
8384
+ variant: "contained",
8385
+ color: "info",
8386
+ type: "text",
8387
+ onClick: "deleteEvent",
8388
+ size: "small"
8389
+ }
8390
+ }
8391
+ },
8392
+ {
8393
+ type: "Control",
8394
+ scope: "#/properties/CancelDeleteEventButton",
8395
+ options: {
8396
+ widget: "Button"
8397
+ },
8398
+ config: {
8399
+ layout: 3,
8400
+ main: {
8401
+ name: "No",
8402
+ startIcon: "ApproveIcon",
8403
+ variant: "contained",
8404
+ color: "info",
8405
+ type: "text",
8406
+ onClick: "deletePopUpEvent",
8407
+ size: "small"
8408
+ }
8409
+ }
8410
+ }
8411
+ ]
8412
+ },
7992
8413
  {
7993
8414
  type: "Control",
7994
8415
  scope: "#/properties/proc",
@@ -8320,9 +8741,17 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8320
8741
  store2.setSearchParams(store2.searchParams);
8321
8742
  this.setPage();
8322
8743
  },
8323
- deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
8744
+ deleteEvent: async function() {
8745
+ await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
8746
+ store2.updateDialog("popUpEvent");
8747
+ },
8324
8748
  backHandler: function() {
8325
8749
  store2.navigate(-1);
8750
+ },
8751
+ deletePopUpEvent: function() {
8752
+ const rowId = dynamicData2.path.split(".")[1];
8753
+ localStorage.setItem("rowId", rowId);
8754
+ store2.updateDialog("popUpEvent");
8326
8755
  }
8327
8756
  };
8328
8757
  };
@@ -8649,6 +9078,12 @@ var service = (funcParams) => {
8649
9078
  );
8650
9079
  funcParams.uiSchema.elements.push(notifyUiSchema);
8651
9080
  funcParams.store.setUiSchema(funcParams.uiSchema);
9081
+ const simulateDelay = async (time) => {
9082
+ return new Promise((resolve) => {
9083
+ return setTimeout(resolve, time);
9084
+ });
9085
+ };
9086
+ await simulateDelay(3e3);
8652
9087
  await executeRefreshHandler({
8653
9088
  config: {},
8654
9089
  componentName: "",