impaktapps-ui-builder 0.0.382-alpha.21 → 0.0.382-alpha.210

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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1379 -1239
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +0 -18
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +4 -2
  13. package/package.json +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +26 -28
  15. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +25 -24
  16. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  17. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
  20. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
  23. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +532 -360
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -6
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,412 +1,584 @@
1
- export const PageMasterUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Page Master",
5
- elements: [
6
- {
7
- type: "WrapperLayout",
8
- config: {
9
- main: {
10
- label: "Page Template",
11
- isAccordion: true,
12
- },
13
- wrapperStyle: {
14
- marginTop: '-6px',
15
- marginBottom: '-8px',
1
+ import { EventUiSchema } from "../event/uiSchema"
2
+ export const PageMasterUiSchema: any = {
3
+ type: "HorizontalLayout",
4
+ elements: [
5
+ {
6
+ type: "WrapperLayout",
7
+ config: {
8
+ main: {
9
+ rowSpacing: 1,
10
+ header: true,
11
+ },
12
+ defaultStyle: true,
13
+ },
14
+ elements: [
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/pageMaster",
18
+
19
+ options: {
20
+ widget: "Box",
16
21
  },
17
- componentsBoxStyle: {
18
- marginLeft: "24px",
22
+ config: {
23
+ layout: 8,
24
+ main: {
25
+ heading: "Page Master",
26
+ },
19
27
  },
20
- defaultStyle: true,
21
28
  },
22
- elements: [
23
- {
24
- type: "Control",
25
- scope: "#/properties/name",
29
+ {
30
+ type: "Control",
31
+ scope: "#/properties/Back_Button",
26
32
 
27
- options: {
28
- widget: "InputField",
33
+ options: {
34
+ widget: "IconButton",
35
+ },
36
+ config: {
37
+ layout: 3,
38
+ main: {
39
+ icon: "BackIcon",
40
+ styleDefault: true,
41
+ size: "small",
42
+ onClick: "backHandler",
43
+ tooltipMessage: "Back",
29
44
  },
30
- config: {
31
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
32
- main: {
33
- label: "Name",
34
- options: [],
35
- color: "secondary",
36
- errorMessage: "Name should be start with 'page_'",
37
- helperText: 'Name should be start with "page_"',
38
- required: true,
39
- },
45
+ style: {
46
+ float: "right",
40
47
  },
41
48
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/label",
49
+ },
50
+ ],
51
+ },
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {
56
+ label: "Page Template",
57
+ divider: true,
58
+ },
59
+ defaultStyle: true,
60
+ },
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
45
65
 
46
- options: {
47
- widget: "InputField",
66
+ options: {
67
+ widget: "InputField",
68
+ },
69
+ config: {
70
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
71
+ main: {
72
+ label: "Name",
73
+ options: [],
74
+ color: "secondary",
75
+ errorMessage:"Name should be start with 'page_'",
76
+ helperText:'Name should be start with "page_"',
77
+ required: true,
48
78
  },
49
- config: {
50
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
51
- main: {
52
- label: "Label",
53
- options: [],
54
- color: "secondary",
55
- required: true,
56
- },
79
+ },
80
+ },
81
+ {
82
+ type: "Control",
83
+ scope: "#/properties/label",
84
+
85
+ options: {
86
+ widget: "InputField",
87
+ },
88
+ config: {
89
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
90
+ main: {
91
+ label: "Label",
92
+ options: [],
93
+ color: "secondary",
94
+ required: true,
57
95
  },
58
96
  },
59
- {
60
- type: "Control",
61
- scope: "#/properties/emptyBox",
62
- options: {
63
- widget: "EmptyBox"
97
+ }
98
+ ],
99
+ },
100
+ {
101
+ type: "TabLayout",
102
+ config: {
103
+ main: {
104
+ tabLabels: ["Components", "events"],
105
+ divider: true,
106
+ },
107
+ defaultStyle: true,
108
+ },
109
+ elements: [
110
+ {
111
+ type: "WrapperLayout",
112
+ config: {
113
+ main: {
114
+ // label: "Success Case Event",
115
+ divider: true,
116
+ },
117
+ wrapperStyle: {
118
+ border: "1px solid gray"
64
119
  },
65
- config: {
66
- layout: { xs: 0, sm: 4 }
67
- }
68
120
  },
69
- {
70
- type: "TabLayout",
71
- config: {
72
- main: {
73
- tabLabels: ["Components", "events"],
74
- divider: true,
121
+ elements: [
122
+ {
123
+ type: "Control",
124
+ scope: "#/properties/heading",
125
+
126
+ options: {
127
+ widget: "Box",
128
+ },
129
+ config: {
130
+ layout: 8,
131
+ main: {
132
+ heading: "Components Table",
133
+ },
134
+ style: {
135
+ fontFamily: "Roboto",
136
+ fontWeight: "500",
137
+ paddingLeft: "-10px",
138
+ fontSize: "20px",
139
+ },
140
+ },
141
+ },
142
+ {
143
+ type: "Control",
144
+ scope: "#/properties/AddButton",
145
+ options: {
146
+ widget: "IconButton",
147
+ },
148
+ config: {
149
+ layout: 3,
150
+ main: {
151
+ icon: "AddIcon",
152
+ styleDefault: true,
153
+ size: "small",
154
+ onClick: "onAddClickHandler",
155
+ tooltipMessage: "Add New",
156
+ },
157
+ style: {
158
+ float: "right",
159
+ },
75
160
  },
76
- defaultStyle: true,
77
161
  },
78
- elements: [
79
- {
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/elements",
165
+ options: {
166
+ widget: "Table",
167
+ },
168
+ config: {
169
+ main: {
170
+ disableAction: true,
171
+ disableSelection: true,
172
+ enableDrag: true,
173
+ }
174
+ },
175
+ elements: [
176
+ {
177
+ accessorKey: "name",
178
+
179
+ header: "Name",
180
+ },
181
+ {
182
+ accessorKey: "type",
183
+
184
+ header: "Type",
185
+ },
186
+ {
187
+ header: "Edit",
188
+ field: "Reject_Records",
189
+ flex: 1,
190
+ widget: {
80
191
  type: "Control",
81
- scope: "#/properties/elements",
192
+ scope: "#/properties/RejectButton",
82
193
  options: {
83
- widget: "Table",
194
+ widget: "IconButton",
84
195
  },
85
196
  config: {
86
197
  main: {
87
- headerIcons: {
88
- elements: [
89
- {
90
- widget: {
91
- type: "Control",
92
- scope: "#/properties/New_Record",
93
-
94
- options: {
95
- widget: "IconButton",
96
- },
97
- config: {
98
- main: {
99
- color: "info",
100
- onClick: "onAddClickHandler",
101
- size: "small",
102
- icon: "AddIcon",
103
- iconLabel: "Add New",
104
- styleDefault: true,
105
- },
106
- style: {
107
- mt: "6px",
108
- },
109
- },
110
- }
111
- },
112
- ]
113
- },
114
- disableAction: true,
115
- disableSelection: true,
116
- enableDrag: true,
117
- }
118
- },
119
- elements: [
120
- {
121
- accessorKey: "name",
122
-
123
- header: "Name",
124
- },
125
- {
126
- accessorKey: "type",
127
-
128
- header: "Type",
129
- },
130
- {
131
- header: "Edit",
132
- field: "Reject_Records",
133
- flex: 1,
134
- widget: {
135
- type: "Control",
136
- scope: "#/properties/RejectButton",
137
- options: {
138
- widget: "IconButton",
139
- },
140
- config: {
141
- main: {
142
- icon: "EditIcon",
143
- color: "primary",
144
- onClick: "Edit_Components",
145
- tooltipMessage: "Edit This Record",
146
- },
147
- },
148
- },
198
+ icon: "EditIcon",
199
+ color: "primary",
200
+ onClick: "Edit_Components",
201
+ tooltipMessage: "Edit This Record",
149
202
  },
150
- {
151
- header: "Delete",
152
- field: "Reject_Records",
153
- flex: 1,
154
- widget: {
155
- type: "Control",
156
- scope: "#/properties/RejectButton",
157
- options: {
158
- widget: "IconButton",
159
- },
160
- config: {
161
- main: {
162
- icon: "RejectIcon",
163
- color: "error",
164
- onClick: "Delete_Components",
165
- tooltipMessage: "Reject This Record",
166
- },
167
- },
168
- },
169
- }]
203
+ },
170
204
  },
171
- {
205
+ },
206
+ {
207
+ header: "Delete",
208
+ field: "Reject_Records",
209
+ flex: 1,
210
+ widget: {
172
211
  type: "Control",
173
- scope: "#/properties/events",
212
+ scope: "#/properties/RejectButton",
174
213
  options: {
175
- widget: "Table",
214
+ widget: "IconButton",
176
215
  },
177
216
  config: {
178
217
  main: {
179
- headerIcons: {
180
- elements: [
181
- {
182
- widget: {
183
- type: "Control",
184
- scope: "#/properties/New_Record",
185
-
186
- options: {
187
- widget: "IconButton",
188
- },
189
- config: {
190
- main: {
191
- color: "info",
192
- onClick: "eventAddHandler",
193
- size: "small",
194
- icon: "AddIcon",
195
- iconLabel: "Add New",
196
- styleDefault: true,
197
- },
198
- style: {
199
- mt: "6px",
200
- },
201
- },
202
- }
203
- },
204
- ]
205
- },
206
- disableAction: true,
207
- disableSelection: true,
208
- enableDrag: true,
209
-
218
+ icon: "RejectIcon",
219
+ color: "error",
220
+ onClick: "deletePopUpComponent",
221
+ tooltipMessage: "Reject This Record",
210
222
  },
211
223
  },
212
- elements: [
213
-
214
- {
215
- accessorKey: "eventType",
216
- header: "Event Type",
217
- },
218
- {
219
- accessorKey: "Handler",
220
- header: "Handler",
221
- },
222
- {
223
- accessorKey: "Edit_Approve_Records",
224
- header: "Edit Widget",
225
- widget: {
226
- type: "Control",
227
- scope: "#/properties/Edit_Records",
228
- options: {
229
- widget: "IconButton",
230
- },
231
- config: {
232
- main: {
233
- color: "info",
234
- size: "small",
235
- icon: "EditIcon",
236
- tooltipMessage: "Edit This Record",
237
- onClick: "editEvent",
238
- },
239
- style: {
240
- color: "#3949ab",
241
- },
242
- },
243
- },
244
- },
245
- {
246
- accessorKey: "Reject_Records",
247
- header: "Delete",
248
- widget: {
249
- type: "Control",
250
- scope: "#/properties/RejectButton",
251
- options: {
252
- widget: "IconButton",
253
- },
254
- config: {
255
- main: {
256
- icon: "RejectIcon",
257
- color: "error",
258
- tooltipMessage: "Reject This Record",
259
- onClick: "deleteEvent",
260
- },
261
- },
262
- },
263
- },
264
- ]
265
224
  },
266
-
267
- ],
225
+ }
226
+ ]
227
+ },
228
+ {
229
+ type: "Control",
230
+ scope: "#/properties/popUpComponent",
231
+ options:{
232
+ widget: "PopUp"
268
233
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/btn",
272
- options: {
273
- widget: "Button",
234
+ config:{
235
+ layout: {
236
+ xs: 12,
237
+ sm: 12,
238
+ md: 12,
239
+ lg: 12,
274
240
  },
275
-
276
- config: {
277
- layout: 11.9,
278
- main: {
279
- name: "Save",
280
- startIcon: "ApproveIcon",
281
- variant: "contained",
282
- color: "info",
283
- type: "text",
284
- onClick: "saveHandler",
285
- size: "medium",
286
- },
287
- style: {
288
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
289
- float: "right",
290
- },
241
+ main: {
291
242
  },
292
243
  },
293
- ]
294
- },
295
-
296
- {
297
- type: "Control",
298
- scope: "#/properties/notify",
299
- options: {
300
- widget: "Notify",
301
- },
302
- layout: 6,
303
- },
304
- {
305
- type: "HorizontalLayout",
306
- config: {
307
- style: {
308
- position: "fixed",
309
- bottom: 5,
310
- overflow: 'visible',
311
- margin: "0",
312
- width: "100vw",
313
- }
314
- },
315
- elements: [
316
- {
317
- type: "Control",
318
- scope: "#/properties/EmptyBox",
319
- options: {
320
- widget: "EmptyBox",
244
+ elements:
245
+ [
246
+ {
247
+ type: "Control",
248
+ scope: "#/properties/label",
249
+
250
+ options: {
251
+ widget: "Box",
252
+ },
253
+ config: {
254
+ layout: 12,
255
+ main: {
256
+ heading: "Are you sure you want to delete ?",
257
+ },
258
+ },
321
259
  },
322
- config: {
323
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
260
+ {
261
+ type: "Control",
262
+ scope: "#/properties/ConfirmDeleteButton",
263
+ options: {
264
+ widget: "Button",
265
+ },
266
+ config: {
267
+ layout: 3,
268
+ main: {
269
+ name: "No",
270
+ startIcon: "ApproveIcon",
271
+ variant: "contained",
272
+ color: "info",
273
+ type: "text",
274
+ onClick: "deletePopUpComponent",
275
+ size: "small",
276
+ },
277
+ style: {
278
+ marginBottom: "8px",
279
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
280
+ // float: "left",
281
+ },
282
+ },
324
283
  },
325
- },
326
- {
284
+ {
285
+ type: "Control",
286
+ scope: "#/properties/CancelDeleteButton1",
287
+ options: {
288
+ widget: "Button",
289
+ },
290
+ config: {
291
+ layout: 3,
292
+ main: {
293
+ name: "Yes",
294
+ startIcon: "ApproveIcon",
295
+ variant: "contained",
296
+ color: "info",
297
+ type: "text",
298
+ onClick: "Delete_Components",
299
+ size: "small",
300
+ },
327
301
 
328
- type: "Control",
329
- scope: "#/properties/FooterText",
330
- options: {
331
- widget: "Box",
302
+ style: {
303
+ marginBottom: "8px",
304
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
305
+ // float: "left",
306
+ },
307
+ },
332
308
  },
333
- config: {
334
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
335
- main: {
336
- heading: "Copywriter@ACT21.IO"
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/emptyBox",
312
+
313
+ options: {
314
+ widget: "Box",
337
315
  },
338
- style: {
339
- color: theme?.palette?.text.disabled || "#AFAFAF",
340
- fontSize: '12px',
341
- }
316
+ config: {
317
+ layout: 6,
318
+ },
319
+ },
320
+ ]
321
+ }
322
+ ]
323
+ },
324
+ {
325
+ type: "WrapperLayout",
326
+ config: {
327
+ main: {
328
+ // label: "Success Case Event",
329
+ divider: true,
330
+ },
331
+ wrapperStyle: {
332
+ border: "1px solid gray"
342
333
  },
343
334
  },
344
- {
345
- type: "HorizontalLayout",
346
- config: {
347
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
335
+ elements: [
336
+ {
337
+ type: "Control",
338
+ scope: "#/properties/heading",
339
+
340
+ options: {
341
+ widget: "Box",
342
+ },
343
+ config: {
344
+ layout: 8,
345
+ main: {
346
+ heading: "Event Table",
347
+ },
348
+ style: {
349
+ fontFamily: "Roboto",
350
+ fontWeight: "500",
351
+ paddingLeft: "-10px",
352
+ fontSize: "20px",
353
+ },
354
+ },
348
355
  },
349
- elements: [
350
- {
351
- type: "Control",
352
- scope: "#/properties/EmptyBox",
353
- options: {
354
- widget: "EmptyBox",
356
+ {
357
+ type: "Control",
358
+ scope: "#/properties/AddButton",
359
+ options: {
360
+ widget: "IconButton",
361
+ },
362
+ config: {
363
+ layout: 3,
364
+ main: {
365
+ icon: "AddIcon",
366
+ styleDefault: true,
367
+ size: "small",
368
+ onClick: "eventAddHandler",
369
+ tooltipMessage: "Back",
355
370
  },
356
- config: {
357
- layout: 2,
371
+ style: {
372
+ float: "right",
358
373
  },
359
374
  },
360
- {
361
- type: "Control",
362
- scope: "#/properties/backIcon",
363
- options: {
364
- widget: "Box",
375
+ },
376
+
377
+ {
378
+ type: "Control",
379
+ scope: "#/properties/events",
380
+ options: {
381
+ widget: "Table",
382
+ },
383
+ config: {
384
+ main: {
385
+ disableAction: true,
386
+ disableSelection: true,
387
+ enableDrag: true,
388
+
365
389
  },
366
- config: {
367
- layout: 1,
368
- main: {
369
- iconName: 'PrevIcon',
370
- onClick: "backHandler"
371
- },
372
- style: {
373
- fill: theme.palette.primary.dark,
374
- width: 20,
375
- height: 20,
376
- display: 'flex',
377
- alignItems: 'center',
378
- justifyContent: 'center',
379
- marginRight: '-8px',
380
- cursor: 'pointer'
381
- }
382
- }
383
390
  },
384
- {
385
- type: "Control",
386
- scope: "#/properties/text",
387
-
388
- options: {
389
- widget: "Box",
391
+ elements: [
392
+
393
+ {
394
+ accessorKey: "eventType",
395
+ header: "Event Type",
390
396
  },
391
- config: {
392
- layout: 9,
393
- main: {
394
- heading: "Previous Page",
395
- onClick: "backHandler"
397
+ {
398
+ accessorKey: "Handler",
399
+ header: "Handler",
400
+ },
401
+ {
402
+ accessorKey: "Edit_Approve_Records",
403
+ header: "Edit Widget",
404
+ widget: {
405
+ type: "Control",
406
+ scope: "#/properties/Edit_Records",
407
+ options: {
408
+ widget: "IconButton",
409
+ },
410
+ config: {
411
+ main: {
412
+ color: "info",
413
+ size: "small",
414
+ icon: "EditIcon",
415
+ tooltipMessage: "Edit This Record",
416
+ onClick: "editEvent",
417
+ },
418
+ style: {
419
+ color: "#3949ab",
420
+ },
421
+ },
396
422
  },
397
- style: {
398
- color: theme.palette.primary.dark,
399
- fontSize: "12px",
400
- cursor: 'pointer',
401
- marginLeft: '-6px'
402
- }
403
423
  },
424
+ {
425
+ accessorKey: "Reject_Records",
426
+ header: "Delete",
427
+ widget: {
428
+ type: "Control",
429
+ scope: "#/properties/RejectButton",
430
+ options: {
431
+ widget: "IconButton",
432
+ },
433
+ config: {
434
+ main: {
435
+ icon: "RejectIcon",
436
+ color: "error",
437
+ tooltipMessage: "Reject This Record",
438
+ onClick: "deleteEvent",
439
+ },
440
+ },
441
+ },
442
+ },
443
+ ]
444
+ },
445
+ {
446
+ type: "Control",
447
+ scope: "#/properties/popUpEvent",
448
+ options:{
449
+ widget: "PopUp"
404
450
  },
405
- ],
406
- },
407
- ]
451
+ config:{
452
+ layout: {
453
+ xs: 12,
454
+ sm: 12,
455
+ md: 12,
456
+ lg: 12,
457
+ },
458
+ main: {
459
+ },
460
+ },
461
+ elemetns:[
462
+ {
463
+ type: "Control",
464
+ scope: "#/properties/Label",
465
+ options: {
466
+ widget: "Box",
467
+ },
468
+ config: {
469
+ layout: 12,
470
+ main: {
471
+ heading: "Are you sure you want to delete ?",
472
+ },
473
+ },
474
+ },
475
+ {
476
+ type: "Control",
477
+ scope: "#/properties/ConfirmDeleteEventButton",
478
+ options: {
479
+ widget: "Button",
480
+ },
481
+ config: {
482
+ layout: 3,
483
+ main: {
484
+ name: "No",
485
+ startIcon: "ApproveIcon",
486
+ variant: "contained",
487
+ color: "info",
488
+ type: "text",
489
+ onClick: "deleteEvent",
490
+ size: "small",
491
+ },
492
+ style: {
493
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
494
+ // float: "left",
495
+ },
496
+ },
497
+ },
498
+ {
499
+ type: "Control",
500
+ scope: "#/properties/CancelDeleteEventButton",
501
+ options: {
502
+ widget: "Button",
503
+ },
504
+ config: {
505
+ layout: 3,
506
+ main: {
507
+ name: "Yes",
508
+ startIcon: "ApproveIcon",
509
+ variant: "contained",
510
+ color: "info",
511
+ type: "text",
512
+ onClick: "deleteEvent",
513
+ size: "small",
514
+ },
515
+ style: {
516
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
517
+ // float: "left",
518
+ },
519
+ },
520
+ },
521
+ {
522
+ type: "Control",
523
+ scope: "#/properties/emptyBox",
524
+
525
+ options: {
526
+ widget: "Box",
527
+ },
528
+ config: {
529
+ layout: 6,
530
+ },
531
+ },
532
+ ]
533
+ }
534
+ ]
535
+ },
536
+
537
+ ],
538
+ },
539
+ {
540
+ type: "Control",
541
+ scope: "#/properties/btn",
542
+ options: {
543
+ widget: "EmptyBox",
544
+ },
545
+ config: {
546
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 },
408
547
  }
409
- ]
410
- };
411
- return uiSchema
412
- }
548
+ },
549
+ {
550
+ type: "Control",
551
+ scope: "#/properties/btn",
552
+ options: {
553
+ widget: "Button",
554
+ },
555
+
556
+ config: {
557
+ layout: 11.7,
558
+ main: {
559
+ name: "Save",
560
+ startIcon: "ApproveIcon",
561
+ variant: "contained",
562
+ color: "info",
563
+ type: "text",
564
+ onClick: "saveHandler",
565
+ size: "small",
566
+ },
567
+ style: {
568
+ marginBottom: "8px",
569
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
570
+ float: "right",
571
+ },
572
+ },
573
+ },
574
+ {
575
+ type: "Control",
576
+ scope: "#/properties/notify",
577
+ options: {
578
+ widget: "Notify",
579
+ },
580
+ layout: 6,
581
+ }
582
+ ]
583
+ }
584
+