impaktapps-ui-builder 0.0.101-alpha.8 → 0.0.101-alpha.81

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 +1106 -808
  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 +108 -48
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +19 -20
  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 +182 -294
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +144 -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",
@@ -401,12 +410,12 @@ export const componentBasicUiSchema: any = (theme)=>{
401
410
  heading: "Are you sure you want to delete ?",
402
411
  },
403
412
  style:{
404
- marginTop: "-20px",
405
413
  fontSize: "20px",
406
414
  "&.MuiTypography-root": {
407
- padding: "10px 30px 20px 30px",
415
+ padding: "0px 20px",
408
416
  textAlign: "center",
409
- lineHeight: "1"
417
+ lineHeight: "1",
418
+ marginBottom: theme.spacing(5)
410
419
  }
411
420
  }
412
421
  },
@@ -436,6 +445,7 @@ export const componentBasicUiSchema: any = (theme)=>{
436
445
  },
437
446
  style: {
438
447
  position: "absolute",
448
+ padding: "10px 0px",
439
449
  bottom: 0,
440
450
  left: 0,
441
451
  width: "50%",
@@ -471,6 +481,7 @@ export const componentBasicUiSchema: any = (theme)=>{
471
481
  },
472
482
  style: {
473
483
  position: "absolute",
484
+ padding: "10px 0px",
474
485
  bottom: 0,
475
486
  right: 0,
476
487
  width: "50%",
@@ -524,12 +535,12 @@ export const componentBasicUiSchema: any = (theme)=>{
524
535
  heading: "Are you sure you want to delete ?",
525
536
  },
526
537
  style:{
527
- marginTop: "-20px",
528
538
  fontSize: "20px",
529
539
  "&.MuiTypography-root": {
530
- padding: "10px 30px 20px 30px",
540
+ padding: "0px 20px",
531
541
  textAlign: "center",
532
- lineHeight: "1"
542
+ lineHeight: "1",
543
+ marginBottom: theme.spacing(5)
533
544
  }
534
545
  }
535
546
  },
@@ -559,6 +570,7 @@ export const componentBasicUiSchema: any = (theme)=>{
559
570
  },
560
571
  style: {
561
572
  position: "absolute",
573
+ padding: "10px 0px",
562
574
  bottom: 0,
563
575
  left: 0,
564
576
  width: "50%",
@@ -594,6 +606,7 @@ export const componentBasicUiSchema: any = (theme)=>{
594
606
  },
595
607
  style: {
596
608
  position: "absolute",
609
+ padding: "10px 0px",
597
610
  bottom: 0,
598
611
  right: 0,
599
612
  width: "50%",
@@ -614,6 +627,53 @@ export const componentBasicUiSchema: any = (theme)=>{
614
627
  },
615
628
  ]
616
629
  },
630
+ // {
631
+ // type: "Control",
632
+ // scope: "#/properties/pageName",
633
+
634
+ // options: {
635
+ // widget: "Box",
636
+ // },
637
+ // config: {
638
+ // layout: 12,
639
+ // main: {
640
+ // heading: "",
641
+ // },
642
+ // style: {
643
+ // paddingLeft: theme.spacing(3),
644
+ // width:"100%",
645
+ // fontSize:"10px",
646
+ // color:theme.palette.grey[600],
647
+ // position: "fixed",
648
+ // bottom: "24px",
649
+ // backgroundColor: theme.palette.background.default,
650
+ // borderBottom: `1px solid ${theme.palette.common.black}29`,
651
+ // borderTop: `1px solid ${theme.palette.common.black}29`,
652
+ // },
653
+ // },
654
+ // },
655
+ {
656
+ type: "Control",
657
+ scope: "#/properties/pageName",
658
+
659
+ options: {
660
+ widget: "Breadcrumb",
661
+ },
662
+ config: {
663
+ layout: 12,
664
+ main: {
665
+ },
666
+ style: {
667
+ paddingLeft: theme.spacing(3),
668
+ color:theme.palette.grey[600],
669
+ fontSize:"10px",
670
+ position: "fixed",
671
+ bottom: "24px",
672
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
673
+ borderTop: `1px solid ${theme.palette.common.black}29`,
674
+ },
675
+ },
676
+ },
617
677
  {
618
678
  type: "Control",
619
679
  scope: "#/properties/notify",
@@ -158,7 +158,7 @@ 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
164
  },
@@ -318,7 +318,7 @@ export const PageMasterUiSchema: any = (theme) => {
318
318
  main: {
319
319
  onClick: "copyPasteElement",
320
320
  size: "small",
321
- icon: "TablePasteIcon",
321
+ icon: "TablePaste",
322
322
  iconLabel: "Paste",
323
323
  styleDefault: true,
324
324
  },
@@ -347,19 +347,19 @@ export const PageMasterUiSchema: any = (theme) => {
347
347
 
348
348
  {
349
349
  accessorKey: "eventType",
350
- header: "Event Type",
350
+ header: "Event's Type",
351
351
  size: 300,
352
352
  type: "string"
353
353
  },
354
354
  {
355
355
  accessorKey: "Handler",
356
356
  header: "Handler",
357
- size: 300,
357
+ size: 200,
358
358
  type: "string"
359
359
  },
360
360
  {
361
361
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
362
+ header: "Edit",
363
363
  type: "action",
364
364
  size: 150,
365
365
  widget: {
@@ -387,6 +387,8 @@ export const PageMasterUiSchema: any = (theme) => {
387
387
  {
388
388
  accessorKey: "Reject_Records",
389
389
  header: "Delete",
390
+ type: "action",
391
+ size: 150,
390
392
  widget: {
391
393
  type: "Control",
392
394
  scope: "#/properties/RejectButton",
@@ -411,7 +413,8 @@ export const PageMasterUiSchema: any = (theme) => {
411
413
  {
412
414
  header: "Copy",
413
415
  field: "Copy_Event",
414
- flex: 1,
416
+ type: "action",
417
+ size: 150,
415
418
  widget: {
416
419
  type: "Control",
417
420
  scope: "#/properties/Copy_Event",
@@ -421,7 +424,6 @@ export const PageMasterUiSchema: any = (theme) => {
421
424
  config: {
422
425
  main: {
423
426
  icon: "FileCopyIcon",
424
- // color: "error",
425
427
  onClick: "copyPasteElement",
426
428
  styleDefault: true,
427
429
  },
@@ -518,7 +520,6 @@ export const PageMasterUiSchema: any = (theme) => {
518
520
  layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
519
521
  main: {
520
522
  name: "Save",
521
- startIcon: "ApproveIcon",
522
523
  variant: "contained",
523
524
  type: "text",
524
525
  onClick: "saveHandler",
@@ -571,12 +572,12 @@ export const PageMasterUiSchema: any = (theme) => {
571
572
  heading: "Are you sure you want to delete ?",
572
573
  },
573
574
  style:{
574
- marginTop: "-20px",
575
575
  fontSize: "20px",
576
576
  "&.MuiTypography-root": {
577
- padding: "10px 30px 20px 30px",
577
+ padding: "0px 20px",
578
578
  textAlign: "center",
579
- lineHeight: "1"
579
+ lineHeight: "1",
580
+ marginBottom: theme.spacing(5)
580
581
  }
581
582
  }
582
583
  },
@@ -599,15 +600,14 @@ export const PageMasterUiSchema: any = (theme) => {
599
600
  layout: 6,
600
601
  main: {
601
602
  name: "No",
602
- startIcon: "ApproveIcon",
603
603
  variant: "contained",
604
- color: "info",
605
604
  type: "text",
606
605
  onClick: "deletePopUpComponent",
607
606
  size: "large",
608
607
  },
609
608
  style: {
610
609
  position: "absolute",
610
+ padding: "10px 0px",
611
611
  bottom: 0,
612
612
  left: 0,
613
613
  width: "50%",
@@ -635,7 +635,6 @@ export const PageMasterUiSchema: any = (theme) => {
635
635
  layout: 6,
636
636
  main: {
637
637
  name: "Yes",
638
- startIcon: "ApproveIcon",
639
638
  variant: "contained",
640
639
  color: "error",
641
640
  type: "text",
@@ -644,6 +643,7 @@ export const PageMasterUiSchema: any = (theme) => {
644
643
  },
645
644
  style: {
646
645
  position: "absolute",
646
+ padding: "10px 0px",
647
647
  bottom: 0,
648
648
  right: 0,
649
649
  width: "50%",
@@ -697,12 +697,12 @@ export const PageMasterUiSchema: any = (theme) => {
697
697
  heading: "Are you sure you want to delete ?",
698
698
  },
699
699
  style:{
700
- marginTop: "-20px",
701
700
  fontSize: "20px",
702
701
  "&.MuiTypography-root": {
703
- padding: "10px 30px 20px 30px",
702
+ padding: "0px 20px",
704
703
  textAlign: "center",
705
- lineHeight: "1"
704
+ lineHeight: "1",
705
+ marginBottom: theme.spacing(5)
706
706
  }
707
707
  }
708
708
  },
@@ -725,15 +725,14 @@ export const PageMasterUiSchema: any = (theme) => {
725
725
  layout: 6,
726
726
  main: {
727
727
  name: "No",
728
- startIcon: "ApproveIcon",
729
728
  variant: "contained",
730
- color: "info",
731
729
  type: "text",
732
730
  onClick: "deletePopUpEvent",
733
731
  size: "large",
734
732
  },
735
733
  style: {
736
734
  position: "absolute",
735
+ padding: "10px 0px",
737
736
  bottom: 0,
738
737
  left: 0,
739
738
  width: "50%",
@@ -761,7 +760,6 @@ export const PageMasterUiSchema: any = (theme) => {
761
760
  layout: 6,
762
761
  main: {
763
762
  name: "Yes",
764
- startIcon: "ApproveIcon",
765
763
  variant: "contained",
766
764
  color: "error",
767
765
  type: "text",
@@ -770,6 +768,7 @@ export const PageMasterUiSchema: any = (theme) => {
770
768
  },
771
769
  style: {
772
770
  position: "absolute",
771
+ padding: "10px 0px",
773
772
  bottom: 0,
774
773
  right: 0,
775
774
  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
  }