impaktapps-ui-builder 0.0.382-alpha.40 → 0.0.382-alpha.42

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.
@@ -5,7 +5,7 @@ declare const _default: {
5
5
  rowSpacing: number;
6
6
  };
7
7
  style: {
8
- wrapperStyle: {
8
+ componentsBoxStyle: {
9
9
  position: string;
10
10
  color: string;
11
11
  height: {
@@ -26,7 +26,7 @@ export declare const BarGraph: {
26
26
  style: {
27
27
  containerStyle: {
28
28
  width: string;
29
- height: number;
29
+ height: string;
30
30
  };
31
31
  headerStyle: {};
32
32
  tooltipStyle: {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.40",
3
+ "version": "0.0.382-alpha.42",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -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
  }
@@ -5,7 +5,7 @@ export default {
5
5
  rowSpacing: 0.5,
6
6
  },
7
7
  style: {
8
- wrapperStyle: {
8
+ componentsBoxStyle: {
9
9
  position : "relative",
10
10
  color: "white",
11
11
  height: {xs:"120px",md:"160px"},
@@ -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
+ };
@@ -29,7 +29,7 @@ export const BarGraph = {
29
29
  style: {
30
30
  containerStyle: {
31
31
  width:"100%",
32
- height:300,
32
+ height:"450",
33
33
 
34
34
  },
35
35
  headerStyle: {