impaktapps-ui-builder 0.0.412-mtreemap.4 → 0.0.412-mtreemap.41

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