impaktapps-ui-builder 0.0.382-alpha.60 → 0.0.382-alpha.6000

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