impaktapps-ui-builder 0.0.382-alpha.18 → 0.0.382-alpha.200

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 (28) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1237 -1193
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  11. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -0
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  14. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
  17. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
  20. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  22. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  23. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +440 -365
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
  26. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  27. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  28. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +5 -1
@@ -1,58 +1,58 @@
1
1
  export const EventSection = {
2
2
  type: "HorizontalLayout",
3
3
  elements: [
4
- // {
5
- // type: "WrapperLayout",
6
- // config: {
7
- // main: {
8
- // // label: "Table Columns",
9
- // divider: true,
10
- // },
11
- // wrapperStyle: {
12
- // border:"1px solid gray"
13
- // },
14
- // },
15
- // elements: [
16
- // {
17
- // type: "Control",
18
- // scope: "#/properties/programType",
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ // label: "Table Columns",
9
+ divider: true,
10
+ },
11
+ wrapperStyle: {
12
+ border:"1px solid gray"
13
+ },
14
+ },
15
+ elements: [
16
+ {
17
+ type: "Control",
18
+ scope: "#/properties/programType",
19
19
 
20
- // options: {
21
- // widget: "Box",
22
- // },
23
- // config: {
24
- // layout: 8,
25
- // main: {
26
- // heading: "Event Table",
27
- // },
28
- // style: {
29
- // fontFamily: "Roboto",
30
- // fontWeight: "500",
31
- // paddingLeft:"-10px",
32
- // fontSize: "20px",},
33
- // },
34
- // },
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/Back_Button",
20
+ options: {
21
+ widget: "Box",
22
+ },
23
+ config: {
24
+ layout: 8,
25
+ main: {
26
+ heading: "Event Table",
27
+ },
28
+ style: {
29
+ fontFamily: "Roboto",
30
+ fontWeight: "500",
31
+ paddingLeft:"-10px",
32
+ fontSize: "20px",},
33
+ },
34
+ },
35
+ {
36
+ type: "Control",
37
+ scope: "#/properties/Back_Button",
38
38
 
39
- // options: {
40
- // widget: "IconButton",
41
- // },
42
- // config: {
43
- // layout: 3,
44
- // main: {
45
- // icon: "AddIcon",
46
- // styleDefault: true,
47
- // size: "small",
48
- // onClick: "eventAddHandler",
49
- // tooltipMessage: "Back",
50
- // },
51
- // style: {
52
- // float: "right",
53
- // },
54
- // },
55
- // },
39
+ options: {
40
+ widget: "IconButton",
41
+ },
42
+ config: {
43
+ layout: 3,
44
+ main: {
45
+ icon: "AddIcon",
46
+ styleDefault: true,
47
+ size: "small",
48
+ onClick: "eventAddHandler",
49
+ tooltipMessage: "Back",
50
+ },
51
+ style: {
52
+ float: "right",
53
+ },
54
+ },
55
+ },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/events",
@@ -61,33 +61,6 @@ export const EventSection = {
61
61
  },
62
62
  config: {
63
63
  main: {
64
- headerIcons: {
65
- elements: [
66
- {
67
- widget: {
68
- type: "Control",
69
- scope: "#/properties/New_Record",
70
-
71
- options: {
72
- widget: "IconButton",
73
- },
74
- config: {
75
- main: {
76
- color: "info",
77
- onClick: "eventAddHandler",
78
- size: "small",
79
- icon: "AddIcon",
80
- iconLabel: "Add New",
81
- styleDefault: true,
82
- },
83
- style: {
84
- mt: "6px",
85
- },
86
- },
87
- }
88
- },
89
- ]
90
- },
91
64
  disableAction: true,
92
65
  disableSelection: true,
93
66
  enableDrag: true,
@@ -151,7 +124,7 @@ export const EventSection = {
151
124
  },
152
125
  ]
153
126
  }]}
154
- // ]}
127
+ ]}
155
128
 
156
129
  export const EventSectionSchema = {
157
130
  events: {
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
@@ -6,7 +6,12 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ "layout": {
10
+ "xs": 11,
11
+ "sm": 11,
12
+ "md": 5.5,
13
+ "lg": 5.5
14
+ },
10
15
  main: {
11
16
  label: "",
12
17
  type: "text",
@@ -1,58 +1,58 @@
1
1
  export const TableSection = {
2
2
  type: "HorizontalLayout",
3
3
  elements: [
4
- // {
5
- // type: "WrapperLayout",
6
- // config: {
7
- // main: {
8
- // // label: "Table Columns",
9
- // // divider: true,
10
- // },
11
- // wrapperStyle: {
12
- // border:"1px solid gray"
13
- // },
14
- // },
15
- // elements: [
16
- // {
17
- // type: "Control",
18
- // scope: "#/properties/programType",
19
-
20
- // options: {
21
- // widget: "Box",
22
- // },
23
- // config: {
24
- // layout: 8,
25
- // main: {
26
- // heading: "Components Table",
27
- // },
28
- // style: {
29
- // fontFamily: "Roboto",
30
- // fontWeight: "500",
31
- // paddingLeft:"-10px",
32
- // fontSize: "20px",},
33
- // },
34
- // },
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/Back_Button",
38
-
39
- // options: {
40
- // widget: "IconButton",
41
- // },
42
- // config: {
43
- // layout: 3,
44
- // main: {
45
- // icon: "AddIcon",
46
- // styleDefault: true,
47
- // size: "small",
48
- // onClick: "widgetAddClickHandler",
49
- // tooltipMessage: "Add New",
50
- // },
51
- // style: {
52
- // float: "right",
53
- // },
54
- // },
55
- // },
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ // label: "Table Columns",
9
+ // divider: true,
10
+ },
11
+ wrapperStyle: {
12
+ border:"1px solid gray"
13
+ },
14
+ },
15
+ elements: [
16
+ {
17
+ type: "Control",
18
+ scope: "#/properties/programType",
19
+
20
+ options: {
21
+ widget: "Box",
22
+ },
23
+ config: {
24
+ layout: 8,
25
+ main: {
26
+ heading: "Components Table",
27
+ },
28
+ style: {
29
+ fontFamily: "Roboto",
30
+ fontWeight: "500",
31
+ paddingLeft:"-10px",
32
+ fontSize: "20px",},
33
+ },
34
+ },
35
+ {
36
+ type: "Control",
37
+ scope: "#/properties/Back_Button",
38
+
39
+ options: {
40
+ widget: "IconButton",
41
+ },
42
+ config: {
43
+ layout: 3,
44
+ main: {
45
+ icon: "AddIcon",
46
+ styleDefault: true,
47
+ size: "small",
48
+ onClick: "widgetAddClickHandler",
49
+ tooltipMessage: "Add New",
50
+ },
51
+ style: {
52
+ float: "right",
53
+ },
54
+ },
55
+ },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/elements",
@@ -61,40 +61,13 @@ export const TableSection = {
61
61
  },
62
62
  config: {
63
63
  main: {
64
- headerIcons: {
65
- elements: [
66
- {
67
- widget: {
68
- type: "Control",
69
- scope: "#/properties/New_Record",
70
-
71
- options: {
72
- widget: "IconButton",
73
- },
74
- config: {
75
- main: {
76
- color: "info",
77
- onClick: "widgetAddClickHandler",
78
- size: "small",
79
- icon: "AddIcon",
80
- iconLabel: "Add New",
81
- styleDefault: true,
82
- },
83
- style: {
84
- mt: "6px",
85
- },
86
- },
87
- }
88
- },
89
- ]
90
- },
91
64
  disableAction: true,
92
65
  disableSelection: true,
93
66
  enableDrag: true,
94
-
67
+
95
68
  },
96
69
  },
97
- elements: [
70
+ elements:[
98
71
  {
99
72
  accessorKey: "name",
100
73
  header: "Name"
@@ -144,9 +117,8 @@ export const TableSection = {
144
117
  },
145
118
  }
146
119
  ]
147
- }]
148
- }
149
- // ]}
120
+ }]}
121
+ ]}
150
122
 
151
123
  export const TableSectionSchema = {
152
124
  columns: {
@@ -6,7 +6,12 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: {
10
+ xs: 11,
11
+ sm: 11,
12
+ md: 5.5,
13
+ lg: 5.5,
14
+ },
10
15
  main: {
11
16
  label: "",
12
17
  },
@@ -18,7 +18,12 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: {
22
+ xs: 11,
23
+ sm: 11,
24
+ md: 5.5,
25
+ lg: 5.5,
26
+ },
22
27
  main: {
23
28
  label: "Validation Type",
24
29
  },
@@ -32,21 +37,16 @@ export const ValidationSection = {
32
37
  widget: "InputField",
33
38
  },
34
39
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
40
+ layout: {
41
+ xs: 11,
42
+ sm: 11,
43
+ md: 5.5,
44
+ lg: 5.5,
45
+ },
36
46
  main: {
37
47
  label: "Validation Value",
38
48
  },
39
49
  },
40
- },
41
- {
42
- type: "Control",
43
- scope: "#/properties/emptyBox",
44
- options: {
45
- widget: "EmptyBox"
46
- },
47
- config: {
48
- layout: {xs: 0, sm: 4}
49
- }
50
50
  }
51
51
  ],
52
52
  },
@@ -18,7 +18,12 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: {
22
+ xs: 11,
23
+ sm: 11,
24
+ md: 5.5,
25
+ lg: 5.5,
26
+ },
22
27
  main: {
23
28
  label: "Label",
24
29
  },
@@ -32,23 +37,18 @@ export const ValueTab = {
32
37
  widget: "InputField",
33
38
  },
34
39
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
40
+ layout: {
41
+ xs: 11,
42
+ sm: 11,
43
+ md: 5.5,
44
+ lg: 5.5,
45
+ },
36
46
  main: {
37
47
  label: "Value",
38
48
 
39
49
  },
40
50
  },
41
51
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
45
- options: {
46
- widget: "EmptyBox"
47
- },
48
- config: {
49
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
- }
51
- }
52
52
  ],
53
53
  },
54
54
  },