impaktapps-ui-builder 0.0.382-alpha.41 → 0.0.382-alpha.43

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 (10) hide show
  1. package/dist/impaktapps-ui-builder.es.js +10 -5
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +1 -1
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -0
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +5 -5
  8. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -0
  9. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +101 -154
  10. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +58 -58
package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts CHANGED
@@ -5,6 +5,18 @@ declare const _default: {
5
5
  rowSpacing: number;
6
6
  };
7
7
  style: {
8
+ componentsBoxStyle: {
9
+ position: string;
10
+ color: string;
11
+ height: {
12
+ xs: string;
13
+ md: string;
14
+ };
15
+ width: string;
16
+ textAlign: string;
17
+ background: string;
18
+ borderRadius: string;
19
+ };
8
20
  wrapperStyle: {
9
21
  position: string;
10
22
  color: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.41",
3
+ "version": "0.0.382-alpha.43",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts CHANGED
@@ -15,10 +15,10 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
15
15
  if (config.barColor) {
16
16
  barGraph.config.barStyle.color = config.barColor;
17
17
  }
18
- if (config.containerBackground) {
19
- barGraph.config.containerStyle.background =
20
- config.containerBackground;
21
- }
18
+ // if (config.containerBackground) {
19
+ // barGraph.config.containerStyle.background =
20
+ // config.containerBackground;
21
+ // }
22
22
  if (config.height) {
23
23
  barGraph.config.style.containerStyle.height = config.height;
24
24
  }
@@ -28,6 +28,6 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
28
28
  if (config.leftLabel) {
29
29
  barGraph.config.main.leftLabel = config.leftLabel;
30
30
  }
31
- barGraph.scope = componentScope;
31
+ // barGraph.scope = componentScope;
32
32
  return barGraph;
33
33
  }
package/src/impaktapps-ui-builder/builder/build/uischema/card.ts CHANGED
@@ -5,6 +5,15 @@ export default {
5
5
  rowSpacing: 0.5,
6
6
  },
7
7
  style: {
8
+ componentsBoxStyle: {
9
+ position : "relative",
10
+ color: "white",
11
+ height: {xs:"120px",md:"160px"},
12
+ width: "100%",
13
+ textAlign: "left",
14
+ background: "#3f51b5",
15
+ borderRadius: "20px",
16
+ },
8
17
  wrapperStyle: {
9
18
  position : "relative",
10
19
  color: "white",
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -1,172 +1,119 @@
1
1
  export const EventSection = {
2
- type: "HorizontalLayout",
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: "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
-
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
- {
57
- type: "Control",
58
- scope: "#/properties/events",
59
- options: {
60
- widget: "Table",
61
- },
62
- config: {
63
- main: {
64
- headerIcons: {
65
- elements: [
66
- {
67
- widget: {
68
- type: "Control",
69
- scope: "#/properties/New_Record",
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "Control",
6
+ scope: "#/properties/events",
7
+ options: {
8
+ widget: "Table",
9
+ },
10
+ config: {
11
+ main: {
12
+ headerIcons: {
13
+ elements: [
14
+ {
15
+ widget: {
16
+ type: "Control",
17
+ scope: "#/properties/New_Record",
70
18
 
71
- options: {
72
- widget: "IconButton",
19
+ options: {
20
+ widget: "IconButton",
21
+ },
22
+ config: {
23
+ main: {
24
+ color: "info",
25
+ onClick: "eventAddHandler",
26
+ size: "small",
27
+ icon: "AddIcon",
28
+ iconLabel: "Add New",
29
+ styleDefault: true,
73
30
  },
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
- },
31
+ style: {
32
+ mt: "6px",
86
33
  },
87
- }
88
- },
89
- ]
90
- },
91
- disableAction: true,
92
- disableSelection: true,
93
- enableDrag: true,
94
-
34
+ },
35
+ }
36
+ },
37
+ ]
95
38
  },
39
+ disableAction: true,
40
+ disableSelection: true,
41
+ enableDrag: true,
42
+
96
43
  },
97
- elements: [
98
-
99
- {
100
- accessorKey: "eventType",
101
- header: "Event Type",
102
- },
103
- {
104
- accessorKey: "Handler",
105
- header: "Handler",
106
- },
107
- {
108
- accessorKey: "Edit_Approve_Records",
109
- header: "Edit Widget",
44
+ },
45
+ elements: [
46
+
47
+ {
48
+ accessorKey: "eventType",
49
+ header: "Event Type",
50
+ },
51
+ {
52
+ accessorKey: "Handler",
53
+ header: "Handler",
54
+ },
55
+ {
56
+ accessorKey: "Edit_Approve_Records",
57
+ header: "Edit Widget",
110
58
 
111
- widget: {
112
- type: "Control",
113
- scope: "#/properties/Edit_Records",
114
- options: {
115
- widget: "IconButton",
59
+ widget: {
60
+ type: "Control",
61
+ scope: "#/properties/Edit_Records",
62
+ options: {
63
+ widget: "IconButton",
64
+ },
65
+ config: {
66
+ main: {
67
+ color: "info",
68
+ size: "small",
69
+ icon: "EditIcon",
70
+ tooltipMessage: "Edit This Record",
71
+ onClick: "eventEditHandler",
116
72
  },
117
- config: {
118
- main: {
119
- color: "info",
120
- size: "small",
121
- icon: "EditIcon",
122
- tooltipMessage: "Edit This Record",
123
- onClick: "eventEditHandler",
124
- },
125
- style: {
126
- color: "#3949ab",
127
- },
73
+ style: {
74
+ color: "#3949ab",
128
75
  },
129
76
  },
130
77
  },
131
- {
132
- accessorKey: "Reject_Records",
133
- header: "Delete",
78
+ },
79
+ {
80
+ accessorKey: "Reject_Records",
81
+ header: "Delete",
134
82
 
135
- widget: {
136
- type: "Control",
137
- scope: "#/properties/RejectButton",
138
- accessorKeyName: "Reject_Records",
139
- options: {
140
- widget: "IconButton",
141
- },
142
- config: {
143
- main: {
144
- icon: "RejectIcon",
145
- color: "error",
146
- tooltipMessage: "Reject This Record",
147
- onClick: "deleteEvent",
148
- },
83
+ widget: {
84
+ type: "Control",
85
+ scope: "#/properties/RejectButton",
86
+ accessorKeyName: "Reject_Records",
87
+ options: {
88
+ widget: "IconButton",
89
+ },
90
+ config: {
91
+ main: {
92
+ icon: "RejectIcon",
93
+ color: "error",
94
+ tooltipMessage: "Reject This Record",
95
+ onClick: "deleteEvent",
149
96
  },
150
97
  },
151
98
  },
152
- ]
153
- }]}
154
- // ]}
155
-
156
- export const EventSectionSchema = {
157
- events: {
158
- type: "array",
159
- items: {
160
- type: "object",
161
- properties: {
162
- eventType: {
163
- type: "string",
164
- },
165
- configType: {
166
- type: "string",
167
- },
99
+ },
100
+ ]
101
+ }]
102
+ }
103
+
104
+ export const EventSectionSchema = {
105
+ events: {
106
+ type: "array",
107
+ items: {
108
+ type: "object",
109
+ properties: {
110
+ eventType: {
111
+ type: "string",
112
+ },
113
+ configType: {
114
+ type: "string",
168
115
  },
169
116
  },
170
117
  },
171
- };
172
-
118
+ },
119
+ };
package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts CHANGED
@@ -7,71 +7,71 @@ export const BarGraph = {
7
7
 
8
8
  config: {
9
9
  main: {
10
- // header: "Bar Graph",
11
- // bottomLabel: "Name of Employe",
12
- // // numTicks: 6,
13
- // leftLabel: "Value in lakhs",
14
- // axisLeft: true,
15
- // axisBottom: true,
10
+ header: "Bar Graph",
11
+ bottomLabel: "Name of Employe",
12
+ numTicks: 6,
13
+ leftLabel: "Value in lakhs",
14
+ axisLeft: true,
15
+ axisBottom: true,
16
16
 
17
- // hideTicks: false,
18
- // hideLeftAxisLine: false,
19
- // hideBottomAxisLine: false,
20
- // bottomAxisWidth: "10px",
21
- // legend: {
22
- // labelColor: "green",
23
- // legendTitle: "",
24
- // direction: "row",
25
- // align: "none",
17
+ hideTicks: false,
18
+ hideLeftAxisLine: false,
19
+ hideBottomAxisLine: false,
20
+ bottomAxisWidth: "10px",
21
+ legend: {
22
+ labelColor: "green",
23
+ legendTitle: "",
24
+ direction: "row",
25
+ align: "none",
26
26
 
27
- // },
28
- // },
29
- // style: {
30
- // containerStyle: {
31
- // width:"100%",
32
- // height:"450",
27
+ },
28
+ },
29
+ style: {
30
+ containerStyle: {
31
+ width:"100%",
32
+ height:"450",
33
33
 
34
- // },
35
- // headerStyle: {
36
- // // color:"white"
37
- // },
38
- // tooltipStyle: {
34
+ },
35
+ headerStyle: {
36
+ // color:"white"
37
+ },
38
+ tooltipStyle: {
39
39
 
40
40
 
41
- // },
42
- // labelStyle: { margin:{left:80,bottom:20},
43
- // leftLabelOffset: 50,
44
- // bottomLabelOffset:10
45
- // },
46
- // barStyle: {
47
- // color:{
48
- // firstBarColor:"#6c5efb",
49
- // secondBarColor:"#3f51b5"
50
- // // "#6c5efb"#3f51b5
51
- // // secondColor:"#3e50b3"
52
- // }
53
- // },
54
- // legendStyle: {
55
- // legend: {
56
- // lineHeight: "0.9em",
57
- // fontSize: "8px",
58
- // fontFamily: "arial",
59
- // padding: "10px 10px",
60
- // width:"30%",
61
- // display:"flex",
62
- // justifyContent:"center",
63
- // border: "1px solid rgba(255, 255, 255, 0.3)",
64
- // borderRadius: " 8px",
65
- // marginRight: "auto",
41
+ },
42
+ labelStyle: { margin:{left:80,bottom:20},
43
+ leftLabelOffset: 50,
44
+ bottomLabelOffset:10
45
+ },
46
+ barStyle: {
47
+ color:{
48
+ firstBarColor:"#6c5efb",
49
+ secondBarColor:"#3f51b5"
50
+ // "#6c5efb"#3f51b5
51
+ // secondColor:"#3e50b3"
52
+ }
53
+ },
54
+ legendStyle: {
55
+ legend: {
56
+ lineHeight: "0.9em",
57
+ fontSize: "8px",
58
+ fontFamily: "arial",
59
+ padding: "10px 10px",
60
+ width:"30%",
61
+ display:"flex",
62
+ justifyContent:"center",
63
+ border: "1px solid rgba(255, 255, 255, 0.3)",
64
+ borderRadius: " 8px",
65
+ marginRight: "auto",
66
66
 
67
- // },
68
- // legendTitle: {
69
- // fontSize: "10px",
70
- // marginBottom: "10px",
71
- // fontWeight: "100",
67
+ },
68
+ legendTitle: {
69
+ fontSize: "10px",
70
+ marginBottom: "10px",
71
+ fontWeight: "100",
72
72
 
73
- // },
74
- // },
73
+ },
74
+ },
75
75
  },
76
76
  },
77
77
  };