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

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