impaktapps-ui-builder 0.0.101-alpha.28 → 0.0.101-alpha.281

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 (32) hide show
  1. package/dist/impaktapps-ui-builder.es.js +466 -223
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +5 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  7. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  8. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  9. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  10. package/package.json +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  12. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +38 -30
  13. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +7 -4
  15. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +1 -60
  16. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
  17. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  18. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +0 -52
  19. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +0 -50
  20. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +33 -28
  21. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +26 -164
  22. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +23 -97
  23. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +19 -93
  25. package/src/impaktapps-ui-builder/builder/services/component.ts +220 -56
  26. package/src/impaktapps-ui-builder/builder/services/event.ts +175 -58
  27. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  28. package/src/impaktapps-ui-builder/runtime/services/service.ts +14 -131
  29. package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
  30. package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
  31. package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
  32. package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,28 +1,8 @@
1
- export const componentBasicUiSchema: any = (theme)=>{
1
+ export const componentBasicUiSchema: any = (theme) => {
2
2
  const uiSchema = {
3
3
  type: "HorizontalLayout",
4
4
  heading: "Page-Component",
5
5
  elements: [
6
- // {
7
- // type: "Control",
8
- // scope: "#/properties/pageName",
9
-
10
- // options: {
11
- // widget: "Box",
12
- // },
13
- // config: {
14
- // layout: 12,
15
- // main: {
16
- // heading: " ",
17
- // },
18
- // style: {
19
- // marginLeft: theme.spacing(3),
20
- // width:"auto",
21
- // fontSize:"12px",
22
- // color:"gray",
23
- // },
24
- // },
25
- // },
26
6
  {
27
7
  type: "TabLayout",
28
8
  config: {
@@ -110,20 +90,6 @@ export const componentBasicUiSchema: any = (theme)=>{
110
90
  },
111
91
  },
112
92
  },
113
- // {//////////////////////////
114
- // type: "Control",
115
- // scope: "#/properties/columnFormat",
116
- // options: {
117
- // widget: "SelectInputField",
118
- // },
119
- // config: {
120
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
121
- // main: {
122
- // label: "Column Format",
123
-
124
- // },
125
- // },
126
- // },/////////////////////
127
93
  {
128
94
  type: "Control",
129
95
  scope: "#/properties/proc",
@@ -134,61 +100,6 @@ export const componentBasicUiSchema: any = (theme)=>{
134
100
  widget: "EmptyBox",
135
101
  },
136
102
  },
137
- // {
138
- // type: "Control",
139
- // scope: "#/properties/layout",
140
- // layout: 12,
141
- // options: {
142
- // detail: {
143
- // type: "HorizontalLayout",
144
- // elements: [
145
- // {
146
- // type: "Control",
147
- // scope: "#/properties/key",
148
- // options: {
149
- // widget: "SelectInputField",
150
- // },
151
- // config: {
152
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
- // main: {
154
- // label: "Screen Size",
155
-
156
- // },
157
- // },
158
- // },
159
- // {
160
- // type: "Control",
161
- // scope: "#/properties/value",
162
-
163
- // options: {
164
- // widget: "InputField",
165
- // },
166
- // config: {
167
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
168
- // main: {
169
- // label: "Value",
170
- // type:"number",
171
- // // freeSolo:true,
172
- // helperText:'Number should be in range of 0 to 12',
173
- // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
174
-
175
- // },
176
- // },
177
- // },
178
- // {
179
- // type: "Control",
180
- // scope: "#/properties/proc",
181
- // config: {
182
- // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
183
- // },
184
- // options: {
185
- // widget: "EmptyBox",
186
- // },
187
- // },
188
- // ],
189
- // },
190
- // },
191
- // },
192
103
  {
193
104
  type: "Control",
194
105
  scope: "#/properties/layout",
@@ -239,7 +150,6 @@ export const componentBasicUiSchema: any = (theme)=>{
239
150
  main: {
240
151
  label: "Value",
241
152
  type:"number",
242
- // freeSolo:true,
243
153
  helperText:'Number should be in range of 0 to 12',
244
154
  errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
245
155
 
@@ -262,65 +172,6 @@ export const componentBasicUiSchema: any = (theme)=>{
262
172
  },
263
173
  ],
264
174
  },
265
- // {
266
- // type: "HorizontalLayout",
267
- // config: {
268
- // layout:{xs:12,sm: 6}
269
- // },
270
- // elements: [
271
- // {
272
- // type: "Control",
273
- // scope: "#/properties/RemoveItemButton",
274
- // options: {
275
- // widget: "IconButton",
276
- // },
277
- // config: {
278
- // layout: { xs: 1, sm: 1 },
279
- // main: {
280
- // onClick: "RemoveItemButton",
281
- // size: "large",
282
- // icon: "RejectIcon",
283
- // styleDefault: true,
284
- // },
285
- // style:{
286
- // marginLeft: "-10px"
287
- // }
288
- // },
289
- // },
290
-
291
- // {
292
- // type: "Control",
293
- // scope: "#/properties/copiedElementDetails",
294
-
295
- // options: {
296
- // widget: "Box",
297
- // },
298
- // config: {
299
- // layout: { xs: 6, sm: 6 },
300
- // main: {
301
- // heading: "No element copied",
302
- // },
303
- // style: {
304
- // color: "#535557",
305
- // marginLeft: "-10px",
306
- // fontSize: "12px",
307
- // marginTop: "4px"
308
- // },
309
- // },
310
- // },
311
- // {
312
- // type: "Control",
313
- // scope: "#/properties/EmptyBox",
314
- // options: {
315
- // widget: "EmptyBox",
316
- // },
317
- // config: {
318
- // layout: { xs: 1, sm: 5 },
319
- // },
320
- // },
321
- // ]
322
- // },
323
-
324
175
  {
325
176
  type: "WrapperLayout",
326
177
  config: {
@@ -407,15 +258,16 @@ export const componentBasicUiSchema: any = (theme)=>{
407
258
  config: {
408
259
  layout: 11,
409
260
  main: {
410
- heading: "Are you sure you want to delete ?",
261
+ heading: "Are you sure you want to delete this Component ?",
411
262
  },
412
263
  style:{
413
- marginTop: "-20px",
414
- fontSize: "20px",
415
264
  "&.MuiTypography-root": {
416
- padding: "10px 30px 20px 30px",
265
+ padding: "0px 20px",
417
266
  textAlign: "center",
418
- lineHeight: "1"
267
+ lineHeight: "1.2",
268
+ fontWeight: "normal",
269
+ fontSize: "18px",
270
+ marginBottom: theme.spacing(5)
419
271
  }
420
272
  }
421
273
  },
@@ -445,6 +297,8 @@ export const componentBasicUiSchema: any = (theme)=>{
445
297
  },
446
298
  style: {
447
299
  position: "absolute",
300
+ padding: "8px 0px",
301
+ fontSize: "16px",
448
302
  bottom: 0,
449
303
  left: 0,
450
304
  width: "50%",
@@ -480,6 +334,8 @@ export const componentBasicUiSchema: any = (theme)=>{
480
334
  },
481
335
  style: {
482
336
  position: "absolute",
337
+ padding: "8px 0px",
338
+ fontSize: "16px",
483
339
  bottom: 0,
484
340
  right: 0,
485
341
  width: "50%",
@@ -530,15 +386,17 @@ export const componentBasicUiSchema: any = (theme)=>{
530
386
  config: {
531
387
  layout: 11,
532
388
  main: {
533
- heading: "Are you sure you want to delete ?",
389
+ heading: "Are you sure you want to delete this Event ?",
534
390
  },
535
391
  style:{
536
- marginTop: "-20px",
537
392
  fontSize: "20px",
538
393
  "&.MuiTypography-root": {
539
- padding: "10px 30px 20px 30px",
394
+ padding: "0px 20px",
540
395
  textAlign: "center",
541
- lineHeight: "1"
396
+ lineHeight: "1.2",
397
+ fontWeight: "normal",
398
+ fontSize: "18px",
399
+ marginBottom: theme.spacing(5)
542
400
  }
543
401
  }
544
402
  },
@@ -568,6 +426,8 @@ export const componentBasicUiSchema: any = (theme)=>{
568
426
  },
569
427
  style: {
570
428
  position: "absolute",
429
+ padding: "8px 0px",
430
+ fontSize: "16px",
571
431
  bottom: 0,
572
432
  left: 0,
573
433
  width: "50%",
@@ -603,6 +463,8 @@ export const componentBasicUiSchema: any = (theme)=>{
603
463
  },
604
464
  style: {
605
465
  position: "absolute",
466
+ padding: "8px 0px",
467
+ fontSize: "16px",
606
468
  bottom: 0,
607
469
  right: 0,
608
470
  width: "50%",
@@ -628,23 +490,23 @@ export const componentBasicUiSchema: any = (theme)=>{
628
490
  scope: "#/properties/pageName",
629
491
 
630
492
  options: {
631
- widget: "Box",
493
+ widget: "Breadcrumb",
632
494
  },
633
495
  config: {
634
496
  layout: 12,
635
497
  main: {
636
- heading: "",
498
+ onNavigatePopupNo: "onNavigatePopupNo",
499
+ onNavigatePopupYes: "onNavigatePopupYes"
637
500
  },
638
501
  style: {
639
502
  paddingLeft: theme.spacing(3),
640
- width:"100%",
641
- fontSize:"10px",
642
503
  color:theme.palette.grey[600],
504
+ fontSize:"10px",
643
505
  position: "fixed",
644
506
  bottom: "24px",
645
- backgroundColor: theme.palette.background.default,
646
507
  borderBottom: `1px solid ${theme.palette.common.black}29`,
647
508
  borderTop: `1px solid ${theme.palette.common.black}29`,
509
+ backgroundColor: theme.palette.background.default,
648
510
  },
649
511
  },
650
512
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -33,27 +33,6 @@ export const PageMasterUiSchema: any = (theme) => {
33
33
  },
34
34
  },
35
35
  },
36
- // {
37
- // type: "Control",
38
- // scope: "#/properties/template",
39
-
40
- // options: {
41
- // widget: "SelectInputField",
42
- // },
43
- // config: {
44
- // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
45
- // main: {
46
- // label: "Template",
47
- // options: [
48
- // { const: "template1", title: "template1" },
49
- // { const: "template2", title: "template2" },
50
- // { const: "template3", title: "template3" }
51
- // ],
52
- // color: "secondary",
53
- // required: true,
54
- // },
55
- // },
56
- // },
57
36
  {
58
37
  type: "Control",
59
38
  scope: "#/properties/label",
@@ -161,6 +140,7 @@ export const PageMasterUiSchema: any = (theme) => {
161
140
  icon: "TablePaste",
162
141
  iconLabel: "Paste",
163
142
  styleDefault: true,
143
+ title: ""
164
144
  },
165
145
  style: {
166
146
  mt: "6px",
@@ -259,7 +239,6 @@ export const PageMasterUiSchema: any = (theme) => {
259
239
  config: {
260
240
  main: {
261
241
  icon: "FileCopyIcon",
262
- // color: "error",
263
242
  onClick: "copyPasteElement",
264
243
  styleDefault: true,
265
244
  },
@@ -347,7 +326,7 @@ export const PageMasterUiSchema: any = (theme) => {
347
326
 
348
327
  {
349
328
  accessorKey: "eventType",
350
- header: "Event Type",
329
+ header: "Event's Type",
351
330
  size: 300,
352
331
  type: "string"
353
332
  },
@@ -359,7 +338,7 @@ export const PageMasterUiSchema: any = (theme) => {
359
338
  },
360
339
  {
361
340
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
341
+ header: "Edit",
363
342
  type: "action",
364
343
  size: 150,
365
344
  widget: {
@@ -431,69 +410,10 @@ export const PageMasterUiSchema: any = (theme) => {
431
410
  },
432
411
  },
433
412
  ]
434
- // }]
435
413
  },
436
414
 
437
415
  ],
438
416
  },
439
- // {
440
- // type: "HorizontalLayout",
441
- // config: {
442
- // layout:{xs:12,sm: 9}
443
- // },
444
- // elements: [
445
- // {
446
- // type: "Control",
447
- // scope: "#/properties/RemoveItemButton",
448
- // options: {
449
- // widget: "IconButton",
450
- // },
451
- // config: {
452
- // layout: { xs: 1, sm: 1 },
453
- // main: {
454
- // onClick: "RemoveItemButton",
455
- // size: "large",
456
- // icon: "RejectIcon",
457
- // styleDefault: true,
458
- // },
459
- // style:{
460
- // marginLeft: "-5px"
461
- // }
462
- // },
463
- // },
464
-
465
- // {
466
- // type: "Control",
467
- // scope: "#/properties/copiedElementDetails",
468
-
469
- // options: {
470
- // widget: "Box",
471
- // },
472
- // config: {
473
- // layout: { xs: 6, sm: 6 },
474
- // main: {
475
- // heading: "No element copied",
476
- // },
477
- // style: {
478
- // color: "#535557",
479
- // marginLeft: "-30px",
480
- // fontSize: "12px",
481
- // marginTop: "4px"
482
- // },
483
- // },
484
- // },
485
- // {
486
- // type: "Control",
487
- // scope: "#/properties/EmptyBox",
488
- // options: {
489
- // widget: "EmptyBox",
490
- // },
491
- // config: {
492
- // layout: { xs: 1, sm: 5 },
493
- // },
494
- // },
495
- // ]
496
- // },
497
417
  {
498
418
  scope: "#/properties/Remarks Container",
499
419
  type: "WrapperLayout",
@@ -569,15 +489,17 @@ export const PageMasterUiSchema: any = (theme) => {
569
489
  config: {
570
490
  layout: 11,
571
491
  main: {
572
- heading: "Are you sure you want to delete ?",
492
+ heading: "Are you sure you want to delete this Component ?",
573
493
  },
574
494
  style:{
575
- marginTop: "-20px",
576
495
  fontSize: "20px",
577
496
  "&.MuiTypography-root": {
578
- padding: "10px 30px 20px 30px",
497
+ padding: "0px 20px",
579
498
  textAlign: "center",
580
- lineHeight: "1"
499
+ lineHeight: "1.2",
500
+ fontWeight: "normal",
501
+ fontSize: "18px",
502
+ marginBottom: theme.spacing(5)
581
503
  }
582
504
  }
583
505
  },
@@ -600,15 +522,15 @@ export const PageMasterUiSchema: any = (theme) => {
600
522
  layout: 6,
601
523
  main: {
602
524
  name: "No",
603
- startIcon: "ApproveIcon",
604
525
  variant: "contained",
605
- color: "info",
606
526
  type: "text",
607
527
  onClick: "deletePopUpComponent",
608
528
  size: "large",
609
529
  },
610
530
  style: {
611
531
  position: "absolute",
532
+ padding: "8px 0px",
533
+ fontSize: "16px",
612
534
  bottom: 0,
613
535
  left: 0,
614
536
  width: "50%",
@@ -636,7 +558,6 @@ export const PageMasterUiSchema: any = (theme) => {
636
558
  layout: 6,
637
559
  main: {
638
560
  name: "Yes",
639
- startIcon: "ApproveIcon",
640
561
  variant: "contained",
641
562
  color: "error",
642
563
  type: "text",
@@ -645,6 +566,8 @@ export const PageMasterUiSchema: any = (theme) => {
645
566
  },
646
567
  style: {
647
568
  position: "absolute",
569
+ padding: "8px 0px",
570
+ fontSize: "16px",
648
571
  bottom: 0,
649
572
  right: 0,
650
573
  width: "50%",
@@ -695,15 +618,17 @@ export const PageMasterUiSchema: any = (theme) => {
695
618
  config: {
696
619
  layout: 11,
697
620
  main: {
698
- heading: "Are you sure you want to delete ?",
621
+ heading: "Are you sure you want to delete this Event ?",
699
622
  },
700
623
  style:{
701
- marginTop: "-20px",
702
624
  fontSize: "20px",
703
625
  "&.MuiTypography-root": {
704
- padding: "10px 30px 20px 30px",
626
+ padding: "0px 20px",
705
627
  textAlign: "center",
706
- lineHeight: "1"
628
+ lineHeight: "1.2",
629
+ fontWeight: "normal",
630
+ fontSize: "18px",
631
+ marginBottom: theme.spacing(5)
707
632
  }
708
633
  }
709
634
  },
@@ -726,15 +651,15 @@ export const PageMasterUiSchema: any = (theme) => {
726
651
  layout: 6,
727
652
  main: {
728
653
  name: "No",
729
- startIcon: "ApproveIcon",
730
654
  variant: "contained",
731
- color: "info",
732
655
  type: "text",
733
656
  onClick: "deletePopUpEvent",
734
657
  size: "large",
735
658
  },
736
659
  style: {
737
660
  position: "absolute",
661
+ padding: "8px 0px",
662
+ fontSize: "16px",
738
663
  bottom: 0,
739
664
  left: 0,
740
665
  width: "50%",
@@ -762,7 +687,6 @@ export const PageMasterUiSchema: any = (theme) => {
762
687
  layout: 6,
763
688
  main: {
764
689
  name: "Yes",
765
- startIcon: "ApproveIcon",
766
690
  variant: "contained",
767
691
  color: "error",
768
692
  type: "text",
@@ -771,6 +695,8 @@ export const PageMasterUiSchema: any = (theme) => {
771
695
  },
772
696
  style: {
773
697
  position: "absolute",
698
+ padding: "8px 0px",
699
+ fontSize: "16px",
774
700
  bottom: 0,
775
701
  right: 0,
776
702
  width: "50%",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts CHANGED
@@ -38,18 +38,18 @@ export const EventSchema = {
38
38
  eventType: {
39
39
  type: "string",
40
40
  oneOf: [
41
- { title: "Click Event", const: "onClick" },
42
- { title: "Load Event", const: "onLoad" },
43
- { title: "Change Event", const: "onChange" },
44
- { title: "Mount Event", const: "onMount" },
41
+ { title: "Click", const: "onClick" },
42
+ { title: "Load", const: "onLoad" },
43
+ { title: "Change", const: "onChange" },
44
+ { title: "Mount", const: "onMount" },
45
45
  { title: "Success", const: "Success" },
46
- { title: "onStart", const: "onStart" },
47
- { title: "Cell Renderer", const: "onCellRenderer" },
48
- { title: "File Upload Event", const: "onUpload" },
49
- { title: "Back Event", const: "onBack" },
50
- { title: "Next Event", const: "onNext" },
51
- { title: "onRowMovement", const: "onRowMovement" },
52
- { title: "File Download Event", const: "onDownload" },
46
+ { title: "Start", const: "onStart" },
47
+ { title: "Cell Render", const: "onCellRenderer" },
48
+ { title: "Upload", const: "onUpload" },
49
+ { title: "Back", const: "onBack" },
50
+ { title: "Next", const: "onNext" },
51
+ { title: "Row Movement", const: "onRowMovement" },
52
+ { title: "Download", const: "onDownload" },
53
53
  { title: "Fail", const: "Fail" }
54
54
  ]
55
55
  },
@@ -57,7 +57,7 @@ export const EventSchema = {
57
57
  type: "string",
58
58
  oneOf: [
59
59
  { title: "Custom", const: "custom" },
60
- { title: "Api", const: "api" },
60
+ { title: "API", const: "api" },
61
61
  { title: "Inbuilt Function", const: "inBuiltFunction" },
62
62
  { title: "Refresh", const: "refresh" },
63
63
  ]
@@ -87,6 +87,9 @@ export const EventSchema = {
87
87
  RemoveItemButton:{
88
88
  disabled: true,
89
89
  },
90
+ pageName: {
91
+ path: [{label: "defaultLabel", path: "defaultPath"}]
92
+ },
90
93
  },
91
94
  required:["eventType","Handler"]
92
95
  }