impaktapps-ui-builder 0.0.382-alpha.4 → 0.0.382-alpha.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 (37) hide show
  1. package/dist/impaktapps-ui-builder.es.js +801 -863
  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 +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -1
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  14. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  17. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  19. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  20. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  21. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  22. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  24. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +58 -58
  25. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  27. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  28. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  29. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  30. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  31. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +99 -55
  33. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +200 -203
  34. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  35. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  36. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  37. package/src/impaktapps-ui-builder/runtime/services/service.ts +6 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,318 +1,449 @@
1
- import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
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",
2
19
 
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",
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
+ // },
19
33
 
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
- },
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"
75
86
  },
76
87
  },
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: 11, md: 5.5, lg: 5.5 },
102
- main: {
103
- label: "Event Type",
104
- type: "text",
105
-
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
+ },
106
107
  },
107
108
  },
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",
109
+ {
110
+ type: "Control",
111
+ scope: `#/properties/Handler`,
112
+
113
+ options: {
114
+ widget: "SelectInputField",
140
115
  },
141
- style: {
142
- fontFamily: "Roboto",
143
- fontWeight: "500",
144
- paddingLeft: "-10px",
145
- fontSize: "20px",
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Handler",
120
+ type: "text",
121
+ },
146
122
  },
147
123
  },
148
- },
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",
124
+ {
125
+ type: "Control",
126
+ scope: "#/properties/emptyBox",
127
+ options: {
128
+ widget: "EmptyBox"
163
129
  },
164
- style: {
165
- float: "right",
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
+ },
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
+ ]
166
170
  },
171
+ disableAction: true,
172
+ disableSelection: true,
173
+ enableDrag: true,
174
+
167
175
  },
168
176
  },
169
-
170
- {
171
- type: "Control",
172
- scope: "#/properties/events",
173
- options: {
174
- widget: "Table",
177
+ elements: [
178
+
179
+ {
180
+ accessorKey: "eventType",
181
+ header: "Event Type",
175
182
  },
176
- config: {
177
- main: {
178
- disableAction: true,
179
- disableSelection: true,
180
- enableDrag: true,
181
-
182
- },
183
+ {
184
+ accessorKey: "Handler",
185
+ header: "Handler",
183
186
  },
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",
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",
202
203
  },
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
- },
204
+ style: {
205
+ color: "#3949ab",
214
206
  },
215
207
  },
216
208
  },
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
- },
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",
233
225
  },
234
226
  },
235
227
  },
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",
228
+ },
229
+ ]
230
+ }
231
+ ],
256
232
  },
257
-
258
- config: {
259
- layout: {
260
- xs: 11,
261
- sm: 11,
262
- md: 2.5,
263
- lg: 2.5,
233
+ {
234
+ type: "Control",
235
+ scope: "#/properties/EmptyBox",
236
+ options: {
237
+ widget: "EmptyBox",
264
238
  },
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",
239
+ config: {
240
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
277
241
  },
278
242
  },
279
- },
280
- {
281
- type: "Control",
282
- scope: "#/properties/btnSubmit",
283
- options: {
284
- widget: "Button",
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
+ },
285
252
  },
253
+ {
254
+ type: "Control",
255
+ scope: "#/properties/btn",
256
+ options: {
257
+ widget: "Button",
258
+ },
286
259
 
287
- config: {
288
- layout: {
289
- xs: 11,
290
- sm: 11,
291
- md: 2.5,
292
- lg: 2.5,
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
+ },
293
274
  },
294
- main: {
295
- name: "Save & Exit",
296
- startIcon: "ApproveIcon",
297
- variant: "contained",
298
- color: "info",
299
- type: "text",
300
- onClick: "saveHandler",
301
- size: "small",
275
+ },
276
+ {
277
+ type: "Control",
278
+ scope: "#/properties/btnSubmit",
279
+ options: {
280
+ widget: "Button",
302
281
  },
303
- style: {
304
- marginBottom: "8px",
305
- float: "right",
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",
296
+ },
306
297
  },
307
298
  },
308
- },
309
- {
310
- type: "Control",
311
- scope: "#/properties/notify",
312
- options: {
313
- widget: "Notify",
299
+ {
300
+ type: "Control",
301
+ scope: "#/properties/notify",
302
+ options: {
303
+ widget: "Notify",
304
+ },
305
+ layout: 6,
314
306
  },
315
- layout: 6,
316
- }
317
- ],
318
- };
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
+ },
328
+ },
329
+ {
330
+
331
+ type: "Control",
332
+ scope: "#/properties/FooterText",
333
+ options: {
334
+ widget: "Box",
335
+ },
336
+ config: {
337
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
338
+ main: {
339
+ heading: "Copywriter@ACT21.IO"
340
+ },
341
+ style: {
342
+ color: theme?.palette?.text.disabled || "#AFAFAF",
343
+ fontSize: '12px',
344
+ }
345
+ },
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
+ },
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
+ },
407
+ },
408
+ ],
409
+ },
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
+ ]
445
+ }
446
+ ],
447
+ };
448
+ return uiSchema
449
+ }