impaktapps-ui-builder 0.0.382-alpha.44 → 0.0.382-alpha.550

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 (43) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1701 -1197
  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/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 +1 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  14. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  16. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  17. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +0 -1
  18. package/package.json +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +0 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +5 -5
  21. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -3
  22. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +27 -50
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -30
  24. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  25. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  26. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  28. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  29. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +12 -2
  32. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +58 -84
  34. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  36. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +442 -342
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -329
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +353 -398
  40. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  41. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  42. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  43. package/src/impaktapps-ui-builder/runtime/services/service.ts +14 -6
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,321 +1,277 @@
1
- export const EventUiSchema: any = (theme) => {
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",
1
+ import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
19
2
 
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",
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",
59
19
 
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"
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
+ }
86
31
  },
87
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
+ },
87
+ },
88
88
 
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
- },
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
+
107
106
  },
108
107
  },
109
- {
110
- type: "Control",
111
- scope: `#/properties/Handler`,
112
-
113
- options: {
114
- widget: "SelectInputField",
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",
115
140
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Handler",
120
- type: "text",
121
- },
141
+ style: {
142
+ fontFamily: "Roboto",
143
+ fontWeight: "500",
144
+ paddingLeft: "-10px",
145
+ fontSize: "20px",
122
146
  },
123
147
  },
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",
141
148
  },
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
- ]
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",
170
166
  },
171
- disableAction: true,
172
- disableSelection: true,
173
- enableDrag: true,
174
-
175
167
  },
176
168
  },
177
- elements: [
178
-
179
- {
180
- accessorKey: "eventType",
181
- header: "Event Type",
169
+
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/events",
173
+ options: {
174
+ widget: "Table",
182
175
  },
183
- {
184
- accessorKey: "Handler",
185
- header: "Handler",
176
+ config: {
177
+ main: {
178
+ disableAction: true,
179
+ disableSelection: true,
180
+ enableDrag: true,
181
+
182
+ },
186
183
  },
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",
195
- },
196
- config: {
197
- main: {
198
- // color: "info",
199
- size: "small",
200
- icon: "EditIcon",
201
- tooltipMessage: "Edit This Record",
202
- onClick: "editEvent",
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",
203
202
  },
204
- style: {
205
- color: "#3949ab",
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
+ },
206
214
  },
207
215
  },
208
216
  },
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",
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: "deletePopUpEvent",
232
+ },
225
233
  },
226
234
  },
227
235
  },
228
- },
229
- ]
230
- }
231
- ],
232
- },
233
- {
234
- type: "Control",
235
- scope: "#/properties/EmptyBox",
236
- options: {
237
- widget: "EmptyBox",
238
- },
239
- config: {
240
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
241
- },
242
- },
243
- {
244
- type: "Control",
245
- scope: "#/properties/EmptyBox",
246
- options: {
247
- widget: "EmptyBox",
248
- },
249
- config: {
250
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
251
- },
236
+ ]
237
+ }]
238
+ }
239
+ ],
240
+ },
241
+ {
242
+ type: "Control",
243
+ scope: "#/properties/popUpEvent",
244
+ options: {
245
+ widget: "PopUp"
252
246
  },
253
- {
254
- type: "Control",
255
- scope: "#/properties/btn",
256
- options: {
257
- widget: "Button",
247
+ config: {
248
+ layout: {
249
+ xs: 12,
250
+ sm: 12,
251
+ md: 12,
252
+ lg: 12,
258
253
  },
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",
270
- },
271
- style: {
272
- float: "right",
273
- },
254
+ main: {
274
255
  },
275
256
  },
276
- {
277
- type: "Control",
278
- scope: "#/properties/btnSubmit",
279
- options: {
280
- widget: "Button",
281
- },
282
-
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",
293
- },
294
- style: {
295
- float: "right",
257
+ elements:
258
+ [
259
+ {
260
+ type: "Control",
261
+ scope: "#/properties/label",
262
+ options: {
263
+ widget: "Box",
264
+ },
265
+ config: {
266
+ layout: 12,
267
+ main: {
268
+ heading: "Are you sure you want to delete ?",
269
+ },
270
+ style:{
271
+ marginTop: "-40px"
272
+ }
273
+ },
296
274
  },
297
- },
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
275
  {
320
276
  type: "Control",
321
277
  scope: "#/properties/EmptyBox",
@@ -323,127 +279,126 @@ export const EventUiSchema: any = (theme) => {
323
279
  widget: "EmptyBox",
324
280
  },
325
281
  config: {
326
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
282
+ main:{},
283
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
327
284
  },
328
285
  },
329
286
  {
330
-
331
287
  type: "Control",
332
- scope: "#/properties/FooterText",
288
+ scope: "#/properties/ConfirmDeleteEventButton",
333
289
  options: {
334
- widget: "Box",
290
+ widget: "Button",
335
291
  },
336
292
  config: {
337
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
293
+ layout: 3,
338
294
  main: {
339
- heading: "Copywriter@ACT21.IO"
295
+ name: "Yes",
296
+ startIcon: "ApproveIcon",
297
+ variant: "contained",
298
+ color: "info",
299
+ type: "text",
300
+ onClick: "deleteEvent",
301
+ size: "small",
340
302
  },
341
- style: {
342
- color: theme?.palette?.text.disabled || "#AFAFAF",
343
- fontSize: '12px',
344
- }
345
303
  },
346
304
  },
347
305
  {
348
- type: "HorizontalLayout",
349
- config: {
350
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
306
+ type: "Control",
307
+ scope: "#/properties/CancelDeleteEventButton",
308
+ options: {
309
+ widget: "Button",
351
310
  },
352
- elements: [
353
- {
354
- type: "Control",
355
- scope: "#/properties/EmptyBox",
356
- options: {
357
- widget: "EmptyBox",
358
- },
359
- config: {
360
- layout: 2,
361
- },
362
- },
363
- {
364
- type: "Control",
365
- scope: "#/properties/backIcon",
366
- options: {
367
- widget: "Box",
368
- },
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
- }
385
- }
386
- },
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
- },
311
+ config: {
312
+ layout: 3,
313
+ main: {
314
+ name: "No",
315
+ startIcon: "ApproveIcon",
316
+ variant: "contained",
317
+ color: "info",
318
+ type: "text",
319
+ onClick: "deletePopUpEvent",
320
+ size: "small",
407
321
  },
408
- ],
322
+ },
409
323
  },
410
- // {
411
- // type: "Control",
412
- // scope: "#/properties/pageName",
413
-
414
- // options: {
415
- // widget: "Box",
416
- // },
417
- // config: {
418
- // layout: 9.7,
419
- // main: {
420
- // heading: " ",
421
- // },
422
- // style: {
423
- // color: theme.palette.text.disabled,
424
- // // float: 'right',
425
- // textAlign: 'right',
426
- // // width: 'fit-content',
427
- // fontSize: "12px",
428
- // marginTop: '-16px',
429
- // // marginRight: '100px'
430
- // // marginLeft: '-6px'
431
- // }
432
- // },
433
- // },
434
- // {
435
- // type: "Control",
436
- // scope: "#/properties/emptyBox",
437
- // options: {
438
- // widget: "EmptyBox",
439
- // },
440
- // config: {
441
- // layout: 2.3
442
- // }
443
- // },
444
324
  ]
445
- }
446
- ],
447
- };
448
- return uiSchema
449
- }
325
+ },
326
+
327
+ {
328
+ type: "Control",
329
+ scope: "#/properties/proc",
330
+ config: {
331
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
332
+ },
333
+ options: {
334
+ widget: "EmptyBox",
335
+ },
336
+ },
337
+ {
338
+ type: "Control",
339
+ scope: "#/properties/btn",
340
+ options: {
341
+ widget: "Button",
342
+ },
343
+
344
+ config: {
345
+ layout: {
346
+ xs: 11,
347
+ sm: 11,
348
+ md: 2.5,
349
+ lg: 2.5,
350
+ },
351
+ main: {
352
+ name: "Ok",
353
+ startIcon: "ApproveIcon",
354
+ variant: "contained",
355
+ color: "info",
356
+ type: "text",
357
+ onClick: "okHandler",
358
+ size: "small",
359
+ },
360
+ style: {
361
+ marginBottom: "8px",
362
+ float: "right",
363
+ },
364
+ },
365
+ },
366
+ {
367
+ type: "Control",
368
+ scope: "#/properties/btnSubmit",
369
+ options: {
370
+ widget: "Button",
371
+ },
372
+
373
+ config: {
374
+ layout: {
375
+ xs: 11,
376
+ sm: 11,
377
+ md: 2.5,
378
+ lg: 2.5,
379
+ },
380
+ main: {
381
+ name: "Save & Exit",
382
+ startIcon: "ApproveIcon",
383
+ variant: "contained",
384
+ color: "info",
385
+ type: "text",
386
+ onClick: "saveHandler",
387
+ size: "small",
388
+ },
389
+ style: {
390
+ marginBottom: "8px",
391
+ float: "right",
392
+ },
393
+ },
394
+ },
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/notify",
398
+ options: {
399
+ widget: "Notify",
400
+ },
401
+ layout: 6,
402
+ }
403
+ ],
404
+ };