impaktapps-ui-builder 0.0.382-alpha.5 → 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 (17) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1052 -617
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  6. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -1
  7. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +4 -2
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +464 -321
  12. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +504 -340
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +87 -1
  14. package/src/impaktapps-ui-builder/builder/services/component.ts +23 -5
  15. package/src/impaktapps-ui-builder/builder/services/event.ts +9 -1
  16. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  17. package/src/impaktapps-ui-builder/runtime/services/service.ts +11 -0
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,282 +1,257 @@
1
- export const componentBasicUiSchema: 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
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: {xs:12,sm:12,md:2},
26
- // main: {
27
- // heading: "Component",
28
- // },
29
- // style:{
30
- // "float":"left",
31
- // }
32
- // },
33
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
39
- // options: {
40
- // widget: "Box",
41
- // },
42
- // config: {
43
- // layout: {xs:7,sm:7,md:9},
44
- // main: {
45
- // heading: " ",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // width:"auto",
50
- // fontSize:"12px",
51
- // color:"gray",
52
- // paddingTop:"10px"
53
- // },
54
- // },
55
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
61
- // options: {
62
- // widget: "IconButton",
63
- // },
64
- // config: {
65
- // layout: {xs:2,sm:2,md:0.5},
66
- // main: {
67
- // icon: "BackIcon",
68
- // styleDefault: true,
69
- // size: "small",
70
- // onClick: "backHandler",
71
- // tooltipMessage: "Back",
72
- // },
73
- // style: {
74
- // float: "right",
75
- // },
76
- // },
77
- // },
78
-
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
18
+
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
+ },
88
52
  },
89
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
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
86
+ },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
98
-
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
132
142
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
141
148
  },
142
149
  },
143
- {
144
- type: "HorizontalLayout",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
150
+ },
151
+
152
+ {
153
+ type: "Control",
154
+ scope: "#/properties/proc",
155
+ config: {
156
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
+ },
158
+ options: {
159
+ widget: "EmptyBox",
160
+ },
161
+ },
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/layout",
165
+ layout: 11.5,
166
+ options: {
167
+ detail: {
168
+ type: "HorizontalLayout",
169
+ elements: [
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/key",
173
+ options: {
174
+ widget: "SelectInputField",
175
+ },
176
+ config: {
177
+ layout: {
178
+ xs: 11,
179
+ sm: 11,
180
+ md: 5.5,
181
+ lg: 5.5,
156
182
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
183
+ main: {
184
+ label: "Screen Size",
185
+
163
186
  },
164
187
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/value",
168
192
 
169
- options: {
170
- widget: "InputField",
193
+ options: {
194
+ widget: "InputField",
195
+ },
196
+ config: {
197
+ layout: {
198
+ xs: 11,
199
+ sm: 11,
200
+ md: 5.5,
201
+ lg: 5.5,
171
202
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
-
181
- },
203
+ main: {
204
+ label: "Value",
205
+ type:"number",
206
+ // freeSolo:true,
207
+ helperText:'Number should be in range of 0 to 12',
208
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
+
182
210
  },
183
211
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
212
+ },
213
+ ],
196
214
  },
197
215
  },
198
- ],
199
- },
200
- ],
201
- },
202
- {
203
- type: "Control",
204
- scope: "#/properties/btn",
205
- options: {
206
- widget: "Button",
207
- },
208
-
209
- config: {
210
- layout: {
211
- xs: 11,
212
- sm: 11,
213
- md: 2.5,
214
- lg: 2.5,
215
- },
216
- main: {
217
- name: "Ok",
218
- startIcon: "ApproveIcon",
219
- variant: "contained",
220
- color: "info",
221
- type: "text",
222
- onClick: "okHandler",
223
- size: "small",
224
- },
225
- style: {
226
- marginBottom: "8px",
227
- float: "right",
228
- },
216
+ },
217
+ ],
229
218
  },
219
+ ],
220
+ },
221
+ {
222
+ type: "Control",
223
+ scope: "#/properties/popUpComponentSection",
224
+ options: {
225
+ widget: "PopUp"
230
226
  },
231
- {
232
- type: "Control",
233
- scope: "#/properties/btnSubmit",
234
- options: {
235
- widget: "Button",
236
- },
237
-
238
- config: {
239
- layout: {
240
- xs: 11,
241
- sm: 11,
242
- md: 2.5,
243
- lg: 2.5,
244
- },
245
- main: {
246
- name: "Save & Exit",
247
- startIcon: "ApproveIcon",
248
- variant: "contained",
249
- color: "info",
250
- type: "text",
251
- onClick: "saveHandler",
252
- size: "small",
253
- },
254
- style: {
255
- marginBottom: "8px",
256
- float: "right",
257
- },
227
+ config: {
228
+ layout: {
229
+ xs: 12,
230
+ sm: 12,
231
+ md: 12,
232
+ lg: 12,
258
233
  },
259
- },
260
- {
261
- type: "Control",
262
- scope: "#/properties/notify",
263
- options: {
264
- widget: "Notify",
234
+ main: {
265
235
  },
266
- layout: 6,
267
236
  },
268
- {
269
- type: "HorizontalLayout",
270
- config: {
271
- style: {
272
- position: "fixed",
273
- bottom: 5,
274
- overflow: 'visible',
275
- margin: "0",
276
- width: "100vw",
277
- }
278
- },
279
- elements: [
237
+ elements:
238
+ [
239
+ {
240
+ type: "Control",
241
+ scope: "#/properties/label",
242
+ options: {
243
+ widget: "Box",
244
+ },
245
+ config: {
246
+ layout: 12,
247
+ main: {
248
+ heading: "Are you sure you want to delete ?",
249
+ },
250
+ style:{
251
+ marginTop: "-40px"
252
+ }
253
+ },
254
+ },
280
255
  {
281
256
  type: "Control",
282
257
  scope: "#/properties/EmptyBox",
@@ -284,93 +259,261 @@ export const componentBasicUiSchema: any = (theme) => {
284
259
  widget: "EmptyBox",
285
260
  },
286
261
  config: {
287
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
262
+ main:{},
263
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
288
264
  },
289
265
  },
290
266
  {
267
+ type: "Control",
268
+ scope: "#/properties/ConfirmDeleteCompButton",
269
+ options: {
270
+ widget: "Button",
271
+ },
272
+ config: {
273
+ layout: 3,
274
+ main: {
275
+ name: "Yes",
276
+ startIcon: "ApproveIcon",
277
+ variant: "contained",
278
+ color: "info",
279
+ type: "text",
280
+ onClick: "deleteComponents",
281
+ size: "small",
282
+ },
283
+ },
284
+ },
285
+ {
286
+ type: "Control",
287
+ scope: "#/properties/CancelDeleteCompButton",
288
+ options: {
289
+ widget: "Button",
290
+ },
291
+ config: {
292
+ layout: 3,
293
+ main: {
294
+ name: "No",
295
+ startIcon: "ApproveIcon",
296
+ variant: "contained",
297
+ color: "info",
298
+ type: "text",
299
+ onClick: "deletePopUpComponent",
300
+ size: "small",
301
+ },
302
+ },
303
+ },
304
+ ]
305
+ },
306
+
307
+
308
+
309
+
291
310
 
311
+
312
+
313
+
314
+ {
315
+ type: "Control",
316
+ scope: "#/properties/popUpEventSection",
317
+ options: {
318
+ widget: "PopUp"
319
+ },
320
+ config: {
321
+ layout: {
322
+ xs: 12,
323
+ sm: 12,
324
+ md: 12,
325
+ lg: 12,
326
+ },
327
+ main: {
328
+ },
329
+ },
330
+ elements:
331
+ [
332
+ {
292
333
  type: "Control",
293
- scope: "#/properties/FooterText",
334
+ scope: "#/properties/label",
294
335
  options: {
295
336
  widget: "Box",
296
337
  },
297
338
  config: {
298
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
339
+ layout: 12,
299
340
  main: {
300
- heading: "Copywriter@ACT21.IO"
341
+ heading: "Are you sure you want to delete ?",
301
342
  },
302
- style: {
303
- color: theme?.palette?.text.disabled || "#AFAFAF",
304
- fontSize: '12px',
343
+ style:{
344
+ marginTop: "-40px"
305
345
  }
306
346
  },
307
347
  },
308
348
  {
309
- type: "HorizontalLayout",
349
+ type: "Control",
350
+ scope: "#/properties/EmptyBox",
351
+ options: {
352
+ widget: "EmptyBox",
353
+ },
310
354
  config: {
311
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
355
+ main:{},
356
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
312
357
  },
313
- elements: [
314
- {
315
- type: "Control",
316
- scope: "#/properties/EmptyBox",
317
- options: {
318
- widget: "EmptyBox",
319
- },
320
- config: {
321
- layout: 2,
322
- },
323
- },
324
- {
325
- type: "Control",
326
- scope: "#/properties/backIcon",
327
- options: {
328
- widget: "Box",
329
- },
330
- config: {
331
- layout: 1,
332
- main: {
333
- iconName: 'PrevIcon',
334
- onClick: "backHandler"
335
- },
336
- style: {
337
- fill: theme.palette.primary.dark,
338
- width: 20,
339
- height: 20,
340
- display: 'flex',
341
- alignItems: 'center',
342
- justifyContent: 'center',
343
- marginRight: '-8px',
344
- cursor: 'pointer'
345
- }
346
- }
358
+ },
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/ConfirmDeleteEventButton",
362
+ options: {
363
+ widget: "Button",
364
+ },
365
+ config: {
366
+ layout: 3,
367
+ main: {
368
+ name: "Yes",
369
+ startIcon: "ApproveIcon",
370
+ variant: "contained",
371
+ color: "info",
372
+ type: "text",
373
+ onClick: "deleteEvent",
374
+ size: "small",
347
375
  },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
354
- },
355
- config: {
356
- layout: 9,
357
- main: {
358
- heading: "Previous Page",
359
- onClick: "backHandler"
360
- },
361
- style: {
362
- color: theme.palette.primary.dark,
363
- fontSize: "12px",
364
- cursor: 'pointer',
365
- marginLeft: '-6px'
366
- }
367
- },
376
+ },
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/CancelDeleteEventButton",
381
+ options: {
382
+ widget: "Button",
383
+ },
384
+ config: {
385
+ layout: 3,
386
+ main: {
387
+ name: "No",
388
+ startIcon: "ApproveIcon",
389
+ variant: "contained",
390
+ color: "info",
391
+ type: "text",
392
+ onClick: "deletePopUpEvent",
393
+ size: "small",
368
394
  },
369
- ],
395
+ },
370
396
  },
371
397
  ]
372
- }
373
- ],
374
- };
375
- return uiSchema
376
- }
398
+ },
399
+
400
+ {
401
+ type: "Control",
402
+ scope: "#/properties/proc",
403
+ config: {
404
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
405
+ },
406
+ options: {
407
+ widget: "EmptyBox",
408
+ },
409
+ },
410
+ {
411
+ type: "Control",
412
+ scope: "#/properties/btn",
413
+ options: {
414
+ widget: "Button",
415
+ },
416
+
417
+ config: {
418
+ layout: {
419
+ xs: 11,
420
+ sm: 11,
421
+ md: 2.5,
422
+ lg: 2.5,
423
+ },
424
+ main: {
425
+ name: "Ok",
426
+ startIcon: "ApproveIcon",
427
+ variant: "contained",
428
+ color: "info",
429
+ type: "text",
430
+ onClick: "okHandler",
431
+ size: "small",
432
+ },
433
+ style: {
434
+ marginBottom: "8px",
435
+ float: "right",
436
+ },
437
+ },
438
+ },
439
+ {
440
+ type: "Control",
441
+ scope: "#/properties/btnSubmit",
442
+ options: {
443
+ widget: "Button",
444
+ },
445
+
446
+ config: {
447
+ layout: {
448
+ xs: 11,
449
+ sm: 11,
450
+ md: 2.5,
451
+ lg: 2.5,
452
+ },
453
+ main: {
454
+ name: "Save & Exit",
455
+ startIcon: "ApproveIcon",
456
+ variant: "contained",
457
+ color: "info",
458
+ type: "text",
459
+ onClick: "saveHandler",
460
+ size: "small",
461
+ },
462
+ style: {
463
+ marginBottom: "8px",
464
+ float: "right",
465
+ },
466
+ },
467
+ },
468
+ {
469
+ type: "Control",
470
+ scope: "#/properties/notify",
471
+ options: {
472
+ widget: "Notify",
473
+ },
474
+ layout: 6,
475
+ }
476
+ ],
477
+ };
478
+
479
+
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+
490
+
491
+
492
+
493
+
494
+
495
+ // {
496
+ // type: "Control",
497
+ // scope: "#/properties/homeBtn",
498
+
499
+ // options: {
500
+ // widget: "Button",
501
+ // },
502
+ // config: {
503
+ // layout: {xs:2,sm:2,md:1},
504
+ // main: {
505
+ // name: "🏠",
506
+ // },
507
+ // style: {
508
+ // marginRight:'auto',
509
+ // marginLeft:"auto",
510
+ // width:"20px",
511
+
512
+ // // background:"inherit",
513
+ // // boxShadow:"none",
514
+ // float:"left",
515
+ // borderRadius:"50%"
516
+
517
+ // },
518
+ // },
519
+ // },