impaktapps-ui-builder 0.0.273 → 0.0.274
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.
- package/dist/impaktapps-ui-builder.es.js +68 -40
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +6 -6
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +127 -11
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +84 -48
|
@@ -23,22 +23,49 @@ declare const _default: {
|
|
|
23
23
|
disableAction?: undefined;
|
|
24
24
|
disableSelection?: undefined;
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
containerStyle: {
|
|
27
27
|
objectFit: string;
|
|
28
28
|
position: string;
|
|
29
|
-
top:
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
top: {
|
|
30
|
+
xs: string;
|
|
31
|
+
md: string;
|
|
32
|
+
};
|
|
33
|
+
left: {
|
|
34
|
+
xs: string;
|
|
35
|
+
sm: string;
|
|
36
|
+
md: string;
|
|
37
|
+
};
|
|
38
|
+
width: {
|
|
39
|
+
xs: string;
|
|
40
|
+
sm: string;
|
|
41
|
+
md: string;
|
|
42
|
+
};
|
|
32
43
|
border: string;
|
|
44
|
+
height: {
|
|
45
|
+
xs: string;
|
|
46
|
+
sm: string;
|
|
47
|
+
md: string;
|
|
48
|
+
};
|
|
49
|
+
borderRadius: string;
|
|
50
|
+
};
|
|
51
|
+
style: {
|
|
52
|
+
objectFit: string;
|
|
53
|
+
width: string;
|
|
33
54
|
height: string;
|
|
34
55
|
borderRadius: string;
|
|
56
|
+
position?: undefined;
|
|
35
57
|
display?: undefined;
|
|
36
58
|
justifyContent?: undefined;
|
|
37
59
|
alignItems?: undefined;
|
|
38
60
|
color?: undefined;
|
|
61
|
+
top?: undefined;
|
|
62
|
+
fontSize?: undefined;
|
|
63
|
+
left?: undefined;
|
|
39
64
|
fontWeight?: undefined;
|
|
65
|
+
zIndex?: undefined;
|
|
40
66
|
textShadow?: undefined;
|
|
41
67
|
background?: undefined;
|
|
68
|
+
border?: undefined;
|
|
42
69
|
'@keyframes rotateAnimation'?: undefined;
|
|
43
70
|
animation?: undefined;
|
|
44
71
|
tableHeadstyle?: undefined;
|
|
@@ -62,24 +89,82 @@ declare const _default: {
|
|
|
62
89
|
style: {
|
|
63
90
|
objectFit: string;
|
|
64
91
|
position: string;
|
|
65
|
-
top: string;
|
|
66
92
|
display: string;
|
|
67
93
|
justifyContent: string;
|
|
68
94
|
alignItems: string;
|
|
69
95
|
color: string;
|
|
96
|
+
top: {
|
|
97
|
+
xs: string;
|
|
98
|
+
md: string;
|
|
99
|
+
sm?: undefined;
|
|
100
|
+
lg?: undefined;
|
|
101
|
+
};
|
|
102
|
+
fontSize: {
|
|
103
|
+
xs: string;
|
|
104
|
+
md: string;
|
|
105
|
+
};
|
|
70
106
|
left: string;
|
|
71
107
|
width: string;
|
|
72
108
|
fontWeight: string;
|
|
73
109
|
borderRadius: string;
|
|
110
|
+
zIndex: number;
|
|
111
|
+
height?: undefined;
|
|
112
|
+
textShadow?: undefined;
|
|
113
|
+
background?: undefined;
|
|
74
114
|
border?: undefined;
|
|
115
|
+
'@keyframes rotateAnimation'?: undefined;
|
|
116
|
+
animation?: undefined;
|
|
117
|
+
tableHeadstyle?: undefined;
|
|
118
|
+
};
|
|
119
|
+
layout: number;
|
|
120
|
+
containerStyle?: undefined;
|
|
121
|
+
};
|
|
122
|
+
options: {
|
|
123
|
+
widget: string;
|
|
124
|
+
};
|
|
125
|
+
elements?: undefined;
|
|
126
|
+
} | {
|
|
127
|
+
type: string;
|
|
128
|
+
scope: string;
|
|
129
|
+
config: {
|
|
130
|
+
main: {
|
|
131
|
+
heading: string;
|
|
132
|
+
url?: undefined;
|
|
133
|
+
disableAction?: undefined;
|
|
134
|
+
disableSelection?: undefined;
|
|
135
|
+
};
|
|
136
|
+
style: {
|
|
137
|
+
objectFit: string;
|
|
138
|
+
position: string;
|
|
139
|
+
display: string;
|
|
140
|
+
justifyContent: string;
|
|
141
|
+
alignItems: string;
|
|
142
|
+
color: string;
|
|
143
|
+
top: {
|
|
144
|
+
xs: string;
|
|
145
|
+
md: string;
|
|
146
|
+
sm?: undefined;
|
|
147
|
+
lg?: undefined;
|
|
148
|
+
};
|
|
149
|
+
fontSize: {
|
|
150
|
+
xs: string;
|
|
151
|
+
md: string;
|
|
152
|
+
};
|
|
153
|
+
left: string;
|
|
154
|
+
width: string;
|
|
155
|
+
fontWeight: string;
|
|
156
|
+
borderRadius: string;
|
|
75
157
|
height?: undefined;
|
|
158
|
+
zIndex?: undefined;
|
|
76
159
|
textShadow?: undefined;
|
|
77
160
|
background?: undefined;
|
|
161
|
+
border?: undefined;
|
|
78
162
|
'@keyframes rotateAnimation'?: undefined;
|
|
79
163
|
animation?: undefined;
|
|
80
164
|
tableHeadstyle?: undefined;
|
|
81
165
|
};
|
|
82
166
|
layout: number;
|
|
167
|
+
containerStyle?: undefined;
|
|
83
168
|
};
|
|
84
169
|
options: {
|
|
85
170
|
widget: string;
|
|
@@ -98,14 +183,38 @@ declare const _default: {
|
|
|
98
183
|
style: {
|
|
99
184
|
objectFit: string;
|
|
100
185
|
position: string;
|
|
101
|
-
top: string;
|
|
102
186
|
display: string;
|
|
103
187
|
justifyContent: string;
|
|
104
188
|
alignItems: string;
|
|
105
189
|
textShadow: string;
|
|
106
190
|
background: string;
|
|
107
191
|
color: string;
|
|
108
|
-
|
|
192
|
+
top: {
|
|
193
|
+
xs: string;
|
|
194
|
+
md: string;
|
|
195
|
+
sm?: undefined;
|
|
196
|
+
lg?: undefined;
|
|
197
|
+
};
|
|
198
|
+
fontSize: {
|
|
199
|
+
xs: string;
|
|
200
|
+
md: string;
|
|
201
|
+
};
|
|
202
|
+
left: {
|
|
203
|
+
xs: string;
|
|
204
|
+
md: string;
|
|
205
|
+
};
|
|
206
|
+
width: {
|
|
207
|
+
xs: string;
|
|
208
|
+
md: string;
|
|
209
|
+
};
|
|
210
|
+
border: {
|
|
211
|
+
xs: string;
|
|
212
|
+
md: string;
|
|
213
|
+
};
|
|
214
|
+
height: {
|
|
215
|
+
xs: string;
|
|
216
|
+
md: string;
|
|
217
|
+
};
|
|
109
218
|
'@keyframes rotateAnimation': {
|
|
110
219
|
from: {
|
|
111
220
|
transform: string;
|
|
@@ -115,14 +224,13 @@ declare const _default: {
|
|
|
115
224
|
};
|
|
116
225
|
};
|
|
117
226
|
animation: string;
|
|
118
|
-
width: string;
|
|
119
|
-
border: string;
|
|
120
|
-
height: string;
|
|
121
227
|
borderRadius: string;
|
|
228
|
+
zIndex: number;
|
|
122
229
|
fontWeight?: undefined;
|
|
123
230
|
tableHeadstyle?: undefined;
|
|
124
231
|
};
|
|
125
232
|
layout: number;
|
|
233
|
+
containerStyle?: undefined;
|
|
126
234
|
};
|
|
127
235
|
options: {
|
|
128
236
|
widget: string;
|
|
@@ -142,7 +250,12 @@ declare const _default: {
|
|
|
142
250
|
background: string;
|
|
143
251
|
};
|
|
144
252
|
position: string;
|
|
145
|
-
top:
|
|
253
|
+
top: {
|
|
254
|
+
xs: string;
|
|
255
|
+
sm: string;
|
|
256
|
+
md: string;
|
|
257
|
+
lg: string;
|
|
258
|
+
};
|
|
146
259
|
border: string;
|
|
147
260
|
width: string;
|
|
148
261
|
left: string;
|
|
@@ -153,7 +266,9 @@ declare const _default: {
|
|
|
153
266
|
justifyContent?: undefined;
|
|
154
267
|
alignItems?: undefined;
|
|
155
268
|
color?: undefined;
|
|
269
|
+
fontSize?: undefined;
|
|
156
270
|
fontWeight?: undefined;
|
|
271
|
+
zIndex?: undefined;
|
|
157
272
|
textShadow?: undefined;
|
|
158
273
|
background?: undefined;
|
|
159
274
|
'@keyframes rotateAnimation'?: undefined;
|
|
@@ -165,6 +280,7 @@ declare const _default: {
|
|
|
165
280
|
url?: undefined;
|
|
166
281
|
heading?: undefined;
|
|
167
282
|
};
|
|
283
|
+
containerStyle?: undefined;
|
|
168
284
|
layout?: undefined;
|
|
169
285
|
};
|
|
170
286
|
})[];
|
package/package.json
CHANGED
|
@@ -5,12 +5,12 @@ export default {
|
|
|
5
5
|
rowSpacing: 3,
|
|
6
6
|
header: true,
|
|
7
7
|
label: "LeaderBoard",
|
|
8
|
-
|
|
8
|
+
divider: true,
|
|
9
9
|
},
|
|
10
10
|
wrapperStyle: {
|
|
11
11
|
position: "relative",
|
|
12
12
|
width: "100%",
|
|
13
|
-
height:
|
|
13
|
+
height: 1000
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
elements: [
|
|
@@ -21,14 +21,21 @@ export default {
|
|
|
21
21
|
main: {
|
|
22
22
|
url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
|
|
23
23
|
},
|
|
24
|
-
|
|
24
|
+
containerStyle: {
|
|
25
25
|
objectFit: "cover",
|
|
26
26
|
position: "absolute",
|
|
27
|
-
top: "60px",
|
|
28
|
-
left:
|
|
29
|
-
width: "
|
|
27
|
+
top: { xs: "90px", "md": "60px" },
|
|
28
|
+
left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
|
|
29
|
+
width: { "xs": "100px", "sm": "100px", "md": "200px" },
|
|
30
30
|
border: "5px solid rgb(179, 198, 255)",
|
|
31
|
-
height: "
|
|
31
|
+
height: { "xs": "100px", "sm": "100px", "md": "200px" },
|
|
32
|
+
borderRadius: "50%"
|
|
33
|
+
|
|
34
|
+
},
|
|
35
|
+
style: {
|
|
36
|
+
objectFit: "cover",
|
|
37
|
+
width: "100%",
|
|
38
|
+
height: "100%",
|
|
32
39
|
borderRadius: "50%"
|
|
33
40
|
|
|
34
41
|
},
|
|
@@ -46,14 +53,21 @@ export default {
|
|
|
46
53
|
main: {
|
|
47
54
|
url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
|
|
48
55
|
},
|
|
49
|
-
|
|
56
|
+
containerStyle: {
|
|
50
57
|
objectFit: "cover",
|
|
51
58
|
position: "absolute",
|
|
52
|
-
top: "130px",
|
|
53
|
-
left:
|
|
54
|
-
width: "180px",
|
|
59
|
+
top: { xs: "160px", "md": "130px" },
|
|
60
|
+
left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
|
|
61
|
+
width: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
55
62
|
border: "5px solid rgb(179, 198, 255)",
|
|
56
|
-
height: "180px",
|
|
63
|
+
height: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
64
|
+
borderRadius: "50%"
|
|
65
|
+
|
|
66
|
+
},
|
|
67
|
+
style: {
|
|
68
|
+
objectFit: "cover",
|
|
69
|
+
width: "100%",
|
|
70
|
+
height: "100%",
|
|
57
71
|
borderRadius: "50%"
|
|
58
72
|
|
|
59
73
|
},
|
|
@@ -70,14 +84,21 @@ export default {
|
|
|
70
84
|
main: {
|
|
71
85
|
url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
|
|
72
86
|
},
|
|
73
|
-
|
|
87
|
+
containerStyle: {
|
|
74
88
|
objectFit: "cover",
|
|
75
89
|
position: "absolute",
|
|
76
|
-
top: "130px",
|
|
77
|
-
left:
|
|
78
|
-
width: "
|
|
90
|
+
top: { xs: "160px", "md": "130px" },
|
|
91
|
+
left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
|
|
92
|
+
width: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
79
93
|
border: "5px solid rgb(179, 198, 255)",
|
|
80
|
-
height: "180px",
|
|
94
|
+
height: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
95
|
+
borderRadius: "50%"
|
|
96
|
+
|
|
97
|
+
},
|
|
98
|
+
style: {
|
|
99
|
+
objectFit: "cover",
|
|
100
|
+
width: "100%",
|
|
101
|
+
height: "100%",
|
|
81
102
|
borderRadius: "50%"
|
|
82
103
|
|
|
83
104
|
},
|
|
@@ -97,15 +118,18 @@ export default {
|
|
|
97
118
|
style: {
|
|
98
119
|
objectFit: "cover",
|
|
99
120
|
position: "absolute",
|
|
100
|
-
top: "250px",
|
|
101
121
|
display: "flex",
|
|
102
122
|
justifyContent: "center",
|
|
103
123
|
alignItems: "center",
|
|
104
124
|
color: "black",
|
|
125
|
+
top: { xs: "190px", md: "270px" },
|
|
126
|
+
fontSize: { xs: "12px", md: "20px" },
|
|
105
127
|
left: 'calc(50% - 90px)',
|
|
106
128
|
width: "180px",
|
|
107
129
|
fontWeight: "bold",
|
|
108
|
-
borderRadius: "50%"
|
|
130
|
+
borderRadius: "50%",
|
|
131
|
+
zIndex: 7
|
|
132
|
+
|
|
109
133
|
},
|
|
110
134
|
layout: 6,
|
|
111
135
|
},
|
|
@@ -123,11 +147,12 @@ export default {
|
|
|
123
147
|
style: {
|
|
124
148
|
objectFit: "cover",
|
|
125
149
|
position: "absolute",
|
|
126
|
-
top: "320px",
|
|
127
150
|
display: "flex",
|
|
128
151
|
justifyContent: "center",
|
|
129
152
|
alignItems: "center",
|
|
130
153
|
color: "black",
|
|
154
|
+
top: { xs: "240px", md: "320px" },
|
|
155
|
+
fontSize: { xs: "12px", md: "20px" },
|
|
131
156
|
left: 'calc(25% - 90px)',
|
|
132
157
|
width: "180px",
|
|
133
158
|
fontWeight: "bold",
|
|
@@ -149,11 +174,12 @@ export default {
|
|
|
149
174
|
style: {
|
|
150
175
|
objectFit: "cover",
|
|
151
176
|
position: "absolute",
|
|
152
|
-
top: "320px",
|
|
153
177
|
display: "flex",
|
|
154
178
|
justifyContent: "center",
|
|
155
179
|
alignItems: "center",
|
|
156
180
|
color: "black",
|
|
181
|
+
top: { xs: "240px", md: "320px" },
|
|
182
|
+
fontSize: { xs: "12px", md: "20px" },
|
|
157
183
|
left: 'calc(75% - 90px)',
|
|
158
184
|
width: "180px",
|
|
159
185
|
fontWeight: "bold",
|
|
@@ -179,14 +205,18 @@ export default {
|
|
|
179
205
|
style: {
|
|
180
206
|
objectFit: "cover",
|
|
181
207
|
position: "absolute",
|
|
182
|
-
top: "280px",
|
|
183
208
|
display: "flex",
|
|
184
209
|
justifyContent: "center",
|
|
185
210
|
alignItems: "center",
|
|
186
211
|
textShadow: "2px 2px 5px #5065C7",
|
|
187
212
|
background: "green",
|
|
188
213
|
color: "white",
|
|
189
|
-
|
|
214
|
+
top: { xs: "225px", md: "280px" },
|
|
215
|
+
fontSize: { xs: "12px", md: "16px" },
|
|
216
|
+
left: { xs: 'calc(25% - 12px)', md: "calc(25% - 16px)" },
|
|
217
|
+
width: { xs: "20px", md: "40px" },
|
|
218
|
+
border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
|
|
219
|
+
height: { xs: "20px", md: "40px" },
|
|
190
220
|
'@keyframes rotateAnimation': {
|
|
191
221
|
from: {
|
|
192
222
|
transform: 'rotate(0deg)',
|
|
@@ -196,10 +226,8 @@ export default {
|
|
|
196
226
|
},
|
|
197
227
|
},
|
|
198
228
|
animation: 'rotateAnimation 4s infinite',
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
height: "40px",
|
|
202
|
-
borderRadius: "50%"
|
|
229
|
+
borderRadius: "50%",
|
|
230
|
+
zIndex: 5
|
|
203
231
|
|
|
204
232
|
},
|
|
205
233
|
layout: 6,
|
|
@@ -219,14 +247,15 @@ export default {
|
|
|
219
247
|
style: {
|
|
220
248
|
objectFit: "cover",
|
|
221
249
|
position: "absolute",
|
|
222
|
-
top: "210px",
|
|
223
250
|
display: "flex",
|
|
224
251
|
justifyContent: "center",
|
|
225
252
|
alignItems: "center",
|
|
226
253
|
textShadow: "2px 2px 5px #5065C7",
|
|
227
254
|
background: "green",
|
|
228
255
|
color: "white",
|
|
229
|
-
|
|
256
|
+
top: { xs: "175px", md: "230px" },
|
|
257
|
+
fontSize: { xs: "12px", md: "16px" },
|
|
258
|
+
left: { xs: 'calc(50% - 12px)', md: "calc(50% - 16px)" },
|
|
230
259
|
'@keyframes rotateAnimation': {
|
|
231
260
|
from: {
|
|
232
261
|
transform: 'rotate(0deg)',
|
|
@@ -236,10 +265,12 @@ export default {
|
|
|
236
265
|
},
|
|
237
266
|
},
|
|
238
267
|
animation: 'rotateAnimation 4s infinite',
|
|
239
|
-
width: "40px",
|
|
240
|
-
border: "5px solid rgb(179, 198, 255)",
|
|
241
|
-
height: "40px",
|
|
242
|
-
borderRadius: "50%"
|
|
268
|
+
width: { xs: "20px", md: "40px" },
|
|
269
|
+
border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
|
|
270
|
+
height: { xs: "20px", md: "40px" },
|
|
271
|
+
borderRadius: "50%",
|
|
272
|
+
zIndex: 5
|
|
273
|
+
|
|
243
274
|
|
|
244
275
|
},
|
|
245
276
|
layout: 6,
|
|
@@ -258,14 +289,19 @@ export default {
|
|
|
258
289
|
style: {
|
|
259
290
|
objectFit: "cover",
|
|
260
291
|
position: "absolute",
|
|
261
|
-
top: "280px",
|
|
262
292
|
display: "flex",
|
|
263
293
|
justifyContent: "center",
|
|
264
294
|
alignItems: "center",
|
|
265
295
|
textShadow: "2px 2px 5px #5065C7",
|
|
266
296
|
background: "green",
|
|
267
297
|
color: "white",
|
|
268
|
-
|
|
298
|
+
top: { xs: "225px", md: "280px" },
|
|
299
|
+
fontSize: { xs: "12px", md: "16px" },
|
|
300
|
+
left: { xs: 'calc(75% - 12px)', md: "calc(75% - 16px)" },
|
|
301
|
+
width: { xs: "20px", md: "40px" },
|
|
302
|
+
border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
|
|
303
|
+
height: { xs: "20px", md: "40px" },
|
|
304
|
+
|
|
269
305
|
'@keyframes rotateAnimation': {
|
|
270
306
|
from: {
|
|
271
307
|
transform: 'rotate(0deg)',
|
|
@@ -275,10 +311,9 @@ export default {
|
|
|
275
311
|
},
|
|
276
312
|
},
|
|
277
313
|
animation: 'rotateAnimation 4s infinite',
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
borderRadius: "50%"
|
|
314
|
+
borderRadius: "50%",
|
|
315
|
+
zIndex: 5
|
|
316
|
+
|
|
282
317
|
|
|
283
318
|
},
|
|
284
319
|
layout: 6,
|
|
@@ -294,28 +329,29 @@ export default {
|
|
|
294
329
|
widget: "Table",
|
|
295
330
|
|
|
296
331
|
},
|
|
297
|
-
elements:[],
|
|
332
|
+
elements: [],
|
|
298
333
|
config: {
|
|
299
334
|
style: {
|
|
300
|
-
tableHeadstyle:{
|
|
301
|
-
|
|
335
|
+
tableHeadstyle: {
|
|
336
|
+
fontWeight: 900,
|
|
337
|
+
background: "rgb(179, 198, 255)"
|
|
338
|
+
},
|
|
302
339
|
position: "absolute",
|
|
303
|
-
top: "390px",
|
|
340
|
+
top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
|
|
341
|
+
// top:"390px",
|
|
304
342
|
border: "2px solid rgb(179, 198, 255)",
|
|
305
|
-
// #5065C7",
|
|
306
343
|
width: "95%",
|
|
307
344
|
left: "2.5%"
|
|
308
345
|
|
|
309
346
|
},
|
|
310
|
-
|
|
347
|
+
|
|
311
348
|
main: {
|
|
312
349
|
disableAction: true,
|
|
313
350
|
disableSelection: true,
|
|
314
|
-
|
|
351
|
+
|
|
315
352
|
},
|
|
316
353
|
},
|
|
317
354
|
|
|
318
355
|
}
|
|
319
356
|
],
|
|
320
|
-
}
|
|
321
|
-
|
|
357
|
+
};
|