impaktapps-ui-builder 0.0.382-alpha.8 → 0.0.382-alpha.9

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +48 -32
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +1 -1
  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 +61 -52
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +370 -415
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,460 +1,415 @@
1
1
  export const EventUiSchema: any = (theme) => {
2
- const uiSchema = {type: "HorizontalLayout",
3
- heading: "Component",
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/Component",
2
+ const uiSchema = {
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header: true
12
+ // },
13
+ // defaultStyle: true
14
+ // },
15
+ // elements: [
16
+ // {
17
+ // type: "Control",
18
+ // scope: "#/properties/Component",
18
19
 
19
- // options: {
20
- // widget: "Box",
21
- // },
22
- // config: {
23
- // layout: {xs:12,sm:12,md:2},
24
- // main: {
25
- // heading: "Component",
26
- // },
27
- // style:{
28
- // "float":"left",
29
- // }
30
- // },
31
- // },
32
-
33
- // {
34
- // type: "Control",
35
- // scope: "#/properties/pageName",
36
-
37
- // options: {
38
- // widget: "Box",
39
- // },
40
- // config: {
41
- // layout: {xs:7,sm:7,md:9},
42
- // main: {
43
- // heading: " ",
44
- // },
45
- // style: {
46
- // float: "right",
47
- // width:"auto",
48
- // fontSize:"12px",
49
- // color:"gray",
50
- // paddingTop:"10px"
51
- // },
52
- // },
53
- // },
54
-
55
- // {
56
- // type: "Control",
57
- // scope: "#/properties/Back_Button",
58
-
59
- // options: {
60
- // widget: "IconButton",
61
- // },
62
- // config: {
63
- // layout: {xs:2,sm:2,md:0.5},
64
- // main: {
65
- // icon: "BackIcon",
66
- // styleDefault: true,
67
- // size: "small",
68
- // onClick: "backHandler",
69
- // tooltipMessage: "Back",
70
- // },
71
- // style: {
72
- // float: "right",
73
- // },
74
- // },
75
- // },
76
- // ],
77
- // },
78
- {
79
- type: "TabLayout",
80
- config: {
81
- main: {
82
- tabLabels: ["Core", "Response Event"],
83
- defaultStyle: true,
84
- id: "event"
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: {xs:12,sm:12,md:2},
25
+ // main: {
26
+ // heading: "Component",
27
+ // },
28
+ // style:{
29
+ // "float":"left",
30
+ // }
31
+ // },
32
+ // },
33
+
34
+ // {
35
+ // type: "Control",
36
+ // scope: "#/properties/pageName",
37
+
38
+ // options: {
39
+ // widget: "Box",
40
+ // },
41
+ // config: {
42
+ // layout: {xs:7,sm:7,md:9},
43
+ // main: {
44
+ // heading: " ",
45
+ // },
46
+ // style: {
47
+ // float: "right",
48
+ // width:"auto",
49
+ // fontSize:"12px",
50
+ // color:"gray",
51
+ // paddingTop:"10px"
52
+ // },
53
+ // },
54
+ // },
55
+
56
+ // {
57
+ // type: "Control",
58
+ // scope: "#/properties/Back_Button",
59
+
60
+ // options: {
61
+ // widget: "IconButton",
62
+ // },
63
+ // config: {
64
+ // layout: {xs:2,sm:2,md:0.5},
65
+ // main: {
66
+ // icon: "BackIcon",
67
+ // styleDefault: true,
68
+ // size: "small",
69
+ // onClick: "backHandler",
70
+ // tooltipMessage: "Back",
71
+ // },
72
+ // style: {
73
+ // float: "right",
74
+ // },
75
+ // },
76
+ // },
77
+ // ],
78
+ // },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core", "Response Event"],
84
+ defaultStyle: true,
85
+ id: "event"
86
+ },
85
87
  },
86
- },
87
88
 
88
- elements: [
89
- {
90
- type: "HorizontalLayout",
91
- elements: [
92
- {
93
- type: "Control",
94
- scope: `#/properties/eventType`,
95
-
96
- options: {
97
- widget: "SelectInputField",
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: `#/properties/eventType`,
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
102
+ main: {
103
+ label: "Event Type",
104
+ type: "text",
105
+
106
+ },
107
+ },
98
108
  },
99
- config: {
100
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
101
- main: {
102
- label: "Event Type",
103
- type: "text",
104
-
109
+ {
110
+ type: "Control",
111
+ scope: `#/properties/Handler`,
112
+
113
+ options: {
114
+ widget: "SelectInputField",
115
+ },
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Handler",
120
+ type: "text",
121
+ },
105
122
  },
106
123
  },
124
+ {
125
+ type: "Control",
126
+ scope: "#/properties/emptyBox",
127
+ options: {
128
+ widget: "EmptyBox"
129
+ },
130
+ config: {
131
+ layout: { xs: 0, sm: 4 }
132
+ }
133
+ }
134
+ ],
135
+ },
136
+ {
137
+ type: "Control",
138
+ scope: "#/properties/events",
139
+ options: {
140
+ widget: "Table",
107
141
  },
108
- {
109
- type: "Control",
110
- scope: `#/properties/Handler`,
111
-
112
- options: {
113
- widget: "SelectInputField",
114
- },
115
- config: {
116
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
117
- main: {
118
- label: "Handler",
119
- type: "text",
142
+ config: {
143
+ main: {
144
+ headerIcons: {
145
+ elements: [
146
+ {
147
+ widget: {
148
+ type: "Control",
149
+ scope: "#/properties/New_Record",
150
+
151
+ options: {
152
+ widget: "IconButton",
153
+ },
154
+ config: {
155
+ main: {
156
+ color: "info",
157
+ onClick: "addEvent",
158
+ size: "small",
159
+ icon: "AddIcon",
160
+ iconLabel: "Add New",
161
+ styleDefault: true,
162
+ },
163
+ style: {
164
+ mt: "6px",
165
+ },
166
+ },
167
+ }
168
+ },
169
+ ]
120
170
  },
171
+ disableAction: true,
172
+ disableSelection: true,
173
+ enableDrag: true,
174
+
121
175
  },
122
176
  },
123
- {
124
- type: "Control",
125
- scope: "#/properties/emptyBox",
126
- options: {
127
- widget: "EmptyBox"
177
+ elements: [
178
+
179
+ {
180
+ accessorKey: "eventType",
181
+ header: "Event Type",
128
182
  },
129
- config: {
130
- layout: {xs: 0, sm: 4}
131
- }
132
- }
133
- ],
134
- },
135
- // {
136
- // type: "WrapperLayout",
137
- // config: {
138
- // main: {
139
- // // label: "Success Case Event",
140
- // divider: true,
141
- // },
142
- // wrapperStyle: {
143
- // border: "1px solid gray"
144
- // },
145
- // },
146
- // elements: [
147
- // {
148
- // type: "Control",
149
- // scope: "#/properties/heading",
150
-
151
- // options: {
152
- // widget: "Box",
153
- // },
154
- // config: {
155
- // layout: 8,
156
- // main: {
157
- // heading: "Response Event",
158
- // },
159
- // style: {
160
- // fontFamily: "Roboto",
161
- // fontWeight: "500",
162
- // paddingLeft: "-10px",
163
- // fontSize: "20px",
164
- // },
165
- // },
166
- // },
167
- // {
168
- // type: "Control",
169
- // scope: "#/properties/AddButton",
170
- // options: {
171
- // widget: "IconButton",
172
- // },
173
- // config: {
174
- // layout: 3,
175
- // main: {
176
- // icon: "AddIcon",
177
- // styleDefault: true,
178
- // size: "small",
179
- // onClick: "addEvent",
180
- // tooltipMessage: "Back",
181
- // },
182
- // style: {
183
- // float: "right",
184
- // },
185
- // },
186
- // },
187
-
188
- {
189
- type: "Control",
190
- scope: "#/properties/events",
191
- options: {
192
- widget: "Table",
183
+ {
184
+ accessorKey: "Handler",
185
+ header: "Handler",
193
186
  },
194
- config: {
195
- main: {
196
- headerIcons: {
197
- elements: [
198
- {
199
- widget: {
200
- type: "Control",
201
- scope: "#/properties/New_Record",
202
-
203
- options: {
204
- widget: "IconButton",
205
- },
206
- config: {
207
- main: {
208
- color: "info",
209
- onClick: "addEvent",
210
- size: "small",
211
- icon: "AddIcon",
212
- iconLabel: "Add New",
213
- styleDefault: true,
214
- },
215
- style: {
216
- mt: "6px",
217
- },
218
- },
219
- }
220
- },
221
- ]
187
+ {
188
+ accessorKey: "Edit_Approve_Records",
189
+ header: "Edit Widget",
190
+ widget: {
191
+ type: "Control",
192
+ scope: "#/properties/Edit_Records",
193
+ options: {
194
+ widget: "IconButton",
222
195
  },
223
- disableAction: true,
224
- disableSelection: true,
225
- enableDrag: true,
226
-
227
- },
228
- },
229
- elements: [
230
-
231
- {
232
- accessorKey: "eventType",
233
- header: "Event Type",
234
- },
235
- {
236
- accessorKey: "Handler",
237
- header: "Handler",
238
- },
239
- {
240
- accessorKey: "Edit_Approve_Records",
241
- header: "Edit Widget",
242
- widget: {
243
- type: "Control",
244
- scope: "#/properties/Edit_Records",
245
- options: {
246
- widget: "IconButton",
196
+ config: {
197
+ main: {
198
+ color: "info",
199
+ size: "small",
200
+ icon: "EditIcon",
201
+ tooltipMessage: "Edit This Record",
202
+ onClick: "editEvent",
247
203
  },
248
- config: {
249
- main: {
250
- color: "info",
251
- size: "small",
252
- icon: "EditIcon",
253
- tooltipMessage: "Edit This Record",
254
- onClick: "editEvent",
255
- },
256
- style: {
257
- color: "#3949ab",
258
- },
204
+ style: {
205
+ color: "#3949ab",
259
206
  },
260
207
  },
261
208
  },
262
- {
263
- accessorKey: "Reject_Records",
264
- header: "Delete",
265
- widget: {
266
- type: "Control",
267
- scope: "#/properties/RejectButton",
268
- options: {
269
- widget: "IconButton",
270
- },
271
- config: {
272
- main: {
273
- icon: "RejectIcon",
274
- color: "error",
275
- tooltipMessage: "Reject This Record",
276
- onClick: "deleteEvent",
277
- },
209
+ },
210
+ {
211
+ accessorKey: "Reject_Records",
212
+ header: "Delete",
213
+ widget: {
214
+ type: "Control",
215
+ scope: "#/properties/RejectButton",
216
+ options: {
217
+ widget: "IconButton",
218
+ },
219
+ config: {
220
+ main: {
221
+ icon: "RejectIcon",
222
+ color: "error",
223
+ tooltipMessage: "Reject This Record",
224
+ onClick: "deleteEvent",
278
225
  },
279
226
  },
280
227
  },
281
- ]
282
- // }]
283
- }
284
- ],
285
- },
286
- {
287
- type: "Control",
288
- scope: "#/properties/btn",
289
- options: {
290
- widget: "Button",
228
+ },
229
+ ]
230
+ }
231
+ ],
291
232
  },
292
-
293
- config: {
294
- layout: {
295
- xs: 11,
296
- sm: 11,
297
- md: 2.5,
298
- lg: 2.5,
299
- },
300
- main: {
301
- name: "Ok",
302
- startIcon: "ApproveIcon",
303
- variant: "contained",
304
- color: "info",
305
- type: "text",
306
- onClick: "okHandler",
307
- size: "small",
233
+ {
234
+ type: "Control",
235
+ scope: "#/properties/EmptyBox",
236
+ options: {
237
+ widget: "EmptyBox",
308
238
  },
309
- style: {
310
- marginBottom: "8px",
311
- float: "right",
239
+ config: {
240
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
312
241
  },
313
242
  },
314
- },
315
- {
316
- type: "Control",
317
- scope: "#/properties/btnSubmit",
318
- options: {
319
- widget: "Button",
320
- },
321
-
322
- config: {
323
- layout: {
324
- xs: 11,
325
- sm: 11,
326
- md: 2.5,
327
- lg: 2.5,
328
- },
329
- main: {
330
- name: "Save & Exit",
331
- startIcon: "ApproveIcon",
332
- variant: "contained",
333
- color: "info",
334
- type: "text",
335
- onClick: "saveHandler",
336
- size: "small",
243
+ {
244
+ type: "Control",
245
+ scope: "#/properties/EmptyBox",
246
+ options: {
247
+ widget: "EmptyBox",
337
248
  },
338
- style: {
339
- marginBottom: "8px",
340
- float: "right",
249
+ config: {
250
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
341
251
  },
342
252
  },
343
- },
344
- {
345
- type: "Control",
346
- scope: "#/properties/notify",
347
- options: {
348
- widget: "Notify",
349
- },
350
- layout: 6,
351
- },
352
- {
353
- type: "HorizontalLayout",
354
- config: {
355
- style: {
356
- position: "fixed",
357
- bottom: 5,
358
- overflow: 'visible',
359
- margin: "0",
360
- width: "100vw",
361
- }
362
- },
363
- elements: [
364
- {
365
- type: "Control",
366
- scope: "#/properties/EmptyBox",
367
- options: {
368
- widget: "EmptyBox",
253
+ {
254
+ type: "Control",
255
+ scope: "#/properties/btn",
256
+ options: {
257
+ widget: "Button",
258
+ },
259
+
260
+ config: {
261
+ layout: 1.8,
262
+ main: {
263
+ name: "Ok",
264
+ startIcon: "ApproveIcon",
265
+ variant: "contained",
266
+ color: "info",
267
+ type: "text",
268
+ onClick: "okHandler",
269
+ size: "medium",
369
270
  },
370
- config: {
371
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
271
+ style: {
272
+ float: "right",
372
273
  },
373
274
  },
374
- {
275
+ },
276
+ {
277
+ type: "Control",
278
+ scope: "#/properties/btnSubmit",
279
+ options: {
280
+ widget: "Button",
281
+ },
375
282
 
376
- type: "Control",
377
- scope: "#/properties/FooterText",
378
- options: {
379
- widget: "Box",
283
+ config: {
284
+ layout: 1.8,
285
+ main: {
286
+ name: "Save & Exit",
287
+ startIcon: "ApproveIcon",
288
+ variant: "contained",
289
+ color: "info",
290
+ type: "text",
291
+ onClick: "saveHandler",
292
+ size: "medium",
380
293
  },
381
- config: {
382
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
383
- main: {
384
- heading: "Copywriter@ACT21.IO"
385
- },
386
- style: {
387
- color: theme?.palette?.text.disabled || "#AFAFAF",
388
- fontSize: '12px',
389
- }
294
+ style: {
295
+ float: "right",
390
296
  },
391
297
  },
392
- {
393
- type: "HorizontalLayout",
394
- config: {
395
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
298
+ },
299
+ {
300
+ type: "Control",
301
+ scope: "#/properties/notify",
302
+ options: {
303
+ widget: "Notify",
304
+ },
305
+ layout: 6,
306
+ },
307
+ {
308
+ type: "HorizontalLayout",
309
+ config: {
310
+ style: {
311
+ position: "fixed",
312
+ bottom: 5,
313
+ overflow: 'visible',
314
+ margin: "0",
315
+ width: "100vw",
316
+ }
317
+ },
318
+ elements: [
319
+ {
320
+ type: "Control",
321
+ scope: "#/properties/EmptyBox",
322
+ options: {
323
+ widget: "EmptyBox",
324
+ },
325
+ config: {
326
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
327
+ },
396
328
  },
397
- elements: [
398
- {
399
- type: "Control",
400
- scope: "#/properties/EmptyBox",
401
- options: {
402
- widget: "EmptyBox",
403
- },
404
- config: {
405
- layout: 2,
406
- },
329
+ {
330
+
331
+ type: "Control",
332
+ scope: "#/properties/FooterText",
333
+ options: {
334
+ widget: "Box",
407
335
  },
408
- {
409
- type: "Control",
410
- scope: "#/properties/backIcon",
411
- options: {
412
- widget: "Box",
336
+ config: {
337
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
338
+ main: {
339
+ heading: "Copywriter@ACT21.IO"
413
340
  },
414
- config: {
415
- layout: 1,
416
- main: {
417
- iconName: 'PrevIcon',
418
- onClick: "backHandler"
419
- },
420
- style: {
421
- fill: theme.palette.primary.dark,
422
- width: 20,
423
- height: 20,
424
- display: 'flex',
425
- alignItems: 'center',
426
- justifyContent: 'center',
427
- marginRight: '-8px',
428
- cursor: 'pointer'
429
- }
341
+ style: {
342
+ color: theme?.palette?.text.disabled || "#AFAFAF",
343
+ fontSize: '12px',
430
344
  }
431
345
  },
432
- {
433
- type: "Control",
434
- scope: "#/properties/text",
435
-
436
- options: {
437
- widget: "Box",
346
+ },
347
+ {
348
+ type: "HorizontalLayout",
349
+ config: {
350
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
351
+ },
352
+ elements: [
353
+ {
354
+ type: "Control",
355
+ scope: "#/properties/EmptyBox",
356
+ options: {
357
+ widget: "EmptyBox",
358
+ },
359
+ config: {
360
+ layout: 2,
361
+ },
438
362
  },
439
- config: {
440
- layout: 9,
441
- main: {
442
- heading: "Previous Page",
443
- onClick: "backHandler"
363
+ {
364
+ type: "Control",
365
+ scope: "#/properties/backIcon",
366
+ options: {
367
+ widget: "Box",
444
368
  },
445
- style: {
446
- color: theme.palette.primary.dark,
447
- fontSize: "12px",
448
- cursor: 'pointer',
449
- marginLeft: '-6px'
369
+ config: {
370
+ layout: 1,
371
+ main: {
372
+ iconName: 'PrevIcon',
373
+ onClick: "backHandler"
374
+ },
375
+ style: {
376
+ fill: theme.palette.primary.dark,
377
+ width: 20,
378
+ height: 20,
379
+ display: 'flex',
380
+ alignItems: 'center',
381
+ justifyContent: 'center',
382
+ marginRight: '-8px',
383
+ cursor: 'pointer'
384
+ }
450
385
  }
451
386
  },
452
- },
453
- ],
454
- },
455
- ]
456
- }
457
- ],
458
- };
459
- return uiSchema
387
+ {
388
+ type: "Control",
389
+ scope: "#/properties/text",
390
+
391
+ options: {
392
+ widget: "Box",
393
+ },
394
+ config: {
395
+ layout: 9,
396
+ main: {
397
+ heading: "Previous Page",
398
+ onClick: "backHandler"
399
+ },
400
+ style: {
401
+ color: theme.palette.primary.dark,
402
+ fontSize: "12px",
403
+ cursor: 'pointer',
404
+ marginLeft: '-6px'
405
+ }
406
+ },
407
+ },
408
+ ],
409
+ },
410
+ ]
411
+ }
412
+ ],
413
+ };
414
+ return uiSchema
460
415
  }