impaktapps-ui-builder 0.0.101-alpha.9 → 0.0.101-alpha.91

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 (36) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1134 -809
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  18. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  19. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  20. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
  21. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  23. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  24. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  26. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  27. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +119 -51
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +30 -21
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +146 -32
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +167 -65
  35. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
@@ -50,7 +50,7 @@ export const componentBasicUiSchema: any = (theme)=>{
50
50
  type: "WrapperLayout",
51
51
  config: {
52
52
  main: {
53
- label: "",
53
+ label: " ",
54
54
  gap: "8px"
55
55
  }
56
56
  },
@@ -89,8 +89,6 @@ export const componentBasicUiSchema: any = (theme)=>{
89
89
  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
90
90
  main: {
91
91
  label: "Component ID",
92
- options: [],
93
- color: "secondary",
94
92
  required: true,
95
93
  },
96
94
  },
@@ -322,51 +320,62 @@ export const componentBasicUiSchema: any = (theme)=>{
322
320
  // },
323
321
  // ]
324
322
  // },
323
+
325
324
  {
326
- type: "Control",
327
- scope: "#/properties/btn",
328
- options: {
329
- widget: "Button",
330
- },
331
-
325
+ type: "WrapperLayout",
332
326
  config: {
333
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
334
327
  main: {
335
- name: "Ok",
336
- variant: "contained",
337
- type: "text",
338
- onClick: "okHandler",
339
- size: "medium",
340
- },
341
- },
342
- },
343
- {
344
- type: "Control",
345
- scope: "#/properties/btnSubmit",
346
- options: {
347
- widget: "Button",
328
+ gap: "8px"
329
+ }
348
330
  },
331
+ elements: [
332
+ {
333
+ type: "Control",
334
+ scope: "#/properties/btn",
335
+ options: {
336
+ widget: "Button",
337
+ },
349
338
 
350
- config: {
351
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
352
- main: {
353
- name: "Save & Exit",
354
- variant: "contained",
355
- type: "text",
356
- onClick: "saveHandler",
357
- size: "medium",
339
+ config: {
340
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
341
+ main: {
342
+ name: "Ok",
343
+ variant: "contained",
344
+ type: "text",
345
+ onClick: "okHandler",
346
+ size: "medium",
347
+ },
348
+ },
358
349
  },
359
- },
360
- },
361
- {
362
- type: "Control",
363
- scope: "#/properties/EmptyBox",
364
- config: {
365
- layout: { xs: 4, sm:7, md: 8, lg: 9 },
366
- },
367
- options: {
368
- widget: "EmptyBox",
369
- },
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/btnSubmit",
353
+ options: {
354
+ widget: "Button",
355
+ },
356
+
357
+ config: {
358
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
359
+ main: {
360
+ name: "Save & Exit",
361
+ variant: "contained",
362
+ type: "text",
363
+ onClick: "saveHandler",
364
+ size: "medium",
365
+ },
366
+ },
367
+ },
368
+ {
369
+ type: "Control",
370
+ scope: "#/properties/EmptyBox",
371
+ config: {
372
+ layout: { xs: 4, sm:7, md: 8, lg: 9 },
373
+ },
374
+ options: {
375
+ widget: "EmptyBox",
376
+ },
377
+ },
378
+ ],
370
379
  },
371
380
  {
372
381
  type: "Control",
@@ -398,15 +407,16 @@ export const componentBasicUiSchema: any = (theme)=>{
398
407
  config: {
399
408
  layout: 11,
400
409
  main: {
401
- heading: "Are you sure you want to delete ?",
410
+ heading: "Are you sure you want to delete this Component ?",
402
411
  },
403
412
  style:{
404
- marginTop: "-20px",
405
- fontSize: "20px",
406
413
  "&.MuiTypography-root": {
407
- padding: "10px 30px 20px 30px",
414
+ padding: "0px 20px",
408
415
  textAlign: "center",
409
- lineHeight: "1"
416
+ lineHeight: "1.2",
417
+ fontWeight: "normal",
418
+ fontSize: "18px",
419
+ marginBottom: theme.spacing(5)
410
420
  }
411
421
  }
412
422
  },
@@ -436,6 +446,8 @@ export const componentBasicUiSchema: any = (theme)=>{
436
446
  },
437
447
  style: {
438
448
  position: "absolute",
449
+ padding: "8px 0px",
450
+ fontSize: "16px",
439
451
  bottom: 0,
440
452
  left: 0,
441
453
  width: "50%",
@@ -471,6 +483,8 @@ export const componentBasicUiSchema: any = (theme)=>{
471
483
  },
472
484
  style: {
473
485
  position: "absolute",
486
+ padding: "8px 0px",
487
+ fontSize: "16px",
474
488
  bottom: 0,
475
489
  right: 0,
476
490
  width: "50%",
@@ -521,15 +535,17 @@ export const componentBasicUiSchema: any = (theme)=>{
521
535
  config: {
522
536
  layout: 11,
523
537
  main: {
524
- heading: "Are you sure you want to delete ?",
538
+ heading: "Are you sure you want to delete this Event ?",
525
539
  },
526
540
  style:{
527
- marginTop: "-20px",
528
541
  fontSize: "20px",
529
542
  "&.MuiTypography-root": {
530
- padding: "10px 30px 20px 30px",
543
+ padding: "0px 20px",
531
544
  textAlign: "center",
532
- lineHeight: "1"
545
+ lineHeight: "1.2",
546
+ fontWeight: "normal",
547
+ fontSize: "18px",
548
+ marginBottom: theme.spacing(5)
533
549
  }
534
550
  }
535
551
  },
@@ -559,6 +575,8 @@ export const componentBasicUiSchema: any = (theme)=>{
559
575
  },
560
576
  style: {
561
577
  position: "absolute",
578
+ padding: "8px 0px",
579
+ fontSize: "16px",
562
580
  bottom: 0,
563
581
  left: 0,
564
582
  width: "50%",
@@ -594,6 +612,8 @@ export const componentBasicUiSchema: any = (theme)=>{
594
612
  },
595
613
  style: {
596
614
  position: "absolute",
615
+ padding: "8px 0px",
616
+ fontSize: "16px",
597
617
  bottom: 0,
598
618
  right: 0,
599
619
  width: "50%",
@@ -614,6 +634,54 @@ export const componentBasicUiSchema: any = (theme)=>{
614
634
  },
615
635
  ]
616
636
  },
637
+ // {
638
+ // type: "Control",
639
+ // scope: "#/properties/pageName",
640
+
641
+ // options: {
642
+ // widget: "Box",
643
+ // },
644
+ // config: {
645
+ // layout: 12,
646
+ // main: {
647
+ // heading: "",
648
+ // },
649
+ // style: {
650
+ // paddingLeft: theme.spacing(3),
651
+ // width:"100%",
652
+ // fontSize:"10px",
653
+ // color:theme.palette.grey[600],
654
+ // position: "fixed",
655
+ // bottom: "24px",
656
+ // backgroundColor: theme.palette.background.default,
657
+ // borderBottom: `1px solid ${theme.palette.common.black}29`,
658
+ // borderTop: `1px solid ${theme.palette.common.black}29`,
659
+ // },
660
+ // },
661
+ // },
662
+ {
663
+ type: "Control",
664
+ scope: "#/properties/pageName",
665
+
666
+ options: {
667
+ widget: "Breadcrumb",
668
+ },
669
+ config: {
670
+ layout: 12,
671
+ main: {
672
+ },
673
+ style: {
674
+ paddingLeft: theme.spacing(3),
675
+ color:theme.palette.grey[600],
676
+ fontSize:"10px",
677
+ position: "fixed",
678
+ bottom: "24px",
679
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
680
+ borderTop: `1px solid ${theme.palette.common.black}29`,
681
+ backgroundColor: theme.palette.background.default,
682
+ },
683
+ },
684
+ },
617
685
  {
618
686
  type: "Control",
619
687
  scope: "#/properties/notify",
@@ -158,9 +158,10 @@ export const PageMasterUiSchema: any = (theme) => {
158
158
  main: {
159
159
  onClick: "copyPasteElement",
160
160
  size: "small",
161
- icon: "TablePasteIcon",
161
+ icon: "TablePaste",
162
162
  iconLabel: "Paste",
163
163
  styleDefault: true,
164
+ title: ""
164
165
  },
165
166
  style: {
166
167
  mt: "6px",
@@ -318,7 +319,7 @@ export const PageMasterUiSchema: any = (theme) => {
318
319
  main: {
319
320
  onClick: "copyPasteElement",
320
321
  size: "small",
321
- icon: "TablePasteIcon",
322
+ icon: "TablePaste",
322
323
  iconLabel: "Paste",
323
324
  styleDefault: true,
324
325
  },
@@ -347,19 +348,19 @@ export const PageMasterUiSchema: any = (theme) => {
347
348
 
348
349
  {
349
350
  accessorKey: "eventType",
350
- header: "Event Type",
351
+ header: "Event's Type",
351
352
  size: 300,
352
353
  type: "string"
353
354
  },
354
355
  {
355
356
  accessorKey: "Handler",
356
357
  header: "Handler",
357
- size: 300,
358
+ size: 200,
358
359
  type: "string"
359
360
  },
360
361
  {
361
362
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
363
+ header: "Edit",
363
364
  type: "action",
364
365
  size: 150,
365
366
  widget: {
@@ -387,6 +388,8 @@ export const PageMasterUiSchema: any = (theme) => {
387
388
  {
388
389
  accessorKey: "Reject_Records",
389
390
  header: "Delete",
391
+ type: "action",
392
+ size: 150,
390
393
  widget: {
391
394
  type: "Control",
392
395
  scope: "#/properties/RejectButton",
@@ -411,7 +414,8 @@ export const PageMasterUiSchema: any = (theme) => {
411
414
  {
412
415
  header: "Copy",
413
416
  field: "Copy_Event",
414
- flex: 1,
417
+ type: "action",
418
+ size: 150,
415
419
  widget: {
416
420
  type: "Control",
417
421
  scope: "#/properties/Copy_Event",
@@ -421,7 +425,6 @@ export const PageMasterUiSchema: any = (theme) => {
421
425
  config: {
422
426
  main: {
423
427
  icon: "FileCopyIcon",
424
- // color: "error",
425
428
  onClick: "copyPasteElement",
426
429
  styleDefault: true,
427
430
  },
@@ -567,15 +570,17 @@ export const PageMasterUiSchema: any = (theme) => {
567
570
  config: {
568
571
  layout: 11,
569
572
  main: {
570
- heading: "Are you sure you want to delete ?",
573
+ heading: "Are you sure you want to delete this Component ?",
571
574
  },
572
575
  style:{
573
- marginTop: "-20px",
574
576
  fontSize: "20px",
575
577
  "&.MuiTypography-root": {
576
- padding: "10px 30px 20px 30px",
578
+ padding: "0px 20px",
577
579
  textAlign: "center",
578
- lineHeight: "1"
580
+ lineHeight: "1.2",
581
+ fontWeight: "normal",
582
+ fontSize: "18px",
583
+ marginBottom: theme.spacing(5)
579
584
  }
580
585
  }
581
586
  },
@@ -598,15 +603,15 @@ export const PageMasterUiSchema: any = (theme) => {
598
603
  layout: 6,
599
604
  main: {
600
605
  name: "No",
601
- startIcon: "ApproveIcon",
602
606
  variant: "contained",
603
- color: "info",
604
607
  type: "text",
605
608
  onClick: "deletePopUpComponent",
606
609
  size: "large",
607
610
  },
608
611
  style: {
609
612
  position: "absolute",
613
+ padding: "8px 0px",
614
+ fontSize: "16px",
610
615
  bottom: 0,
611
616
  left: 0,
612
617
  width: "50%",
@@ -634,7 +639,6 @@ export const PageMasterUiSchema: any = (theme) => {
634
639
  layout: 6,
635
640
  main: {
636
641
  name: "Yes",
637
- startIcon: "ApproveIcon",
638
642
  variant: "contained",
639
643
  color: "error",
640
644
  type: "text",
@@ -643,6 +647,8 @@ export const PageMasterUiSchema: any = (theme) => {
643
647
  },
644
648
  style: {
645
649
  position: "absolute",
650
+ padding: "8px 0px",
651
+ fontSize: "16px",
646
652
  bottom: 0,
647
653
  right: 0,
648
654
  width: "50%",
@@ -693,15 +699,17 @@ export const PageMasterUiSchema: any = (theme) => {
693
699
  config: {
694
700
  layout: 11,
695
701
  main: {
696
- heading: "Are you sure you want to delete ?",
702
+ heading: "Are you sure you want to delete this Event ?",
697
703
  },
698
704
  style:{
699
- marginTop: "-20px",
700
705
  fontSize: "20px",
701
706
  "&.MuiTypography-root": {
702
- padding: "10px 30px 20px 30px",
707
+ padding: "0px 20px",
703
708
  textAlign: "center",
704
- lineHeight: "1"
709
+ lineHeight: "1.2",
710
+ fontWeight: "normal",
711
+ fontSize: "18px",
712
+ marginBottom: theme.spacing(5)
705
713
  }
706
714
  }
707
715
  },
@@ -724,15 +732,15 @@ export const PageMasterUiSchema: any = (theme) => {
724
732
  layout: 6,
725
733
  main: {
726
734
  name: "No",
727
- startIcon: "ApproveIcon",
728
735
  variant: "contained",
729
- color: "info",
730
736
  type: "text",
731
737
  onClick: "deletePopUpEvent",
732
738
  size: "large",
733
739
  },
734
740
  style: {
735
741
  position: "absolute",
742
+ padding: "8px 0px",
743
+ fontSize: "16px",
736
744
  bottom: 0,
737
745
  left: 0,
738
746
  width: "50%",
@@ -760,7 +768,6 @@ export const PageMasterUiSchema: any = (theme) => {
760
768
  layout: 6,
761
769
  main: {
762
770
  name: "Yes",
763
- startIcon: "ApproveIcon",
764
771
  variant: "contained",
765
772
  color: "error",
766
773
  type: "text",
@@ -769,6 +776,8 @@ export const PageMasterUiSchema: any = (theme) => {
769
776
  },
770
777
  style: {
771
778
  position: "absolute",
779
+ padding: "8px 0px",
780
+ fontSize: "16px",
772
781
  bottom: 0,
773
782
  right: 0,
774
783
  width: "50%",
@@ -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
  }