impaktapps-ui-builder 0.0.99 → 0.0.101

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 (57) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1827 -1484
  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/buildThoughtOfTheDay.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +90 -23
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +55 -2
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +28 -21
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +50 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  15. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.d.ts +3 -0
  16. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +3 -0
  17. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +8 -2
  18. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +5 -0
  19. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +5 -0
  20. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  21. package/package.json +5 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  23. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +9 -21
  25. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  27. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +3 -8
  28. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  29. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  30. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +8 -10
  31. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  32. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +7 -0
  33. package/src/impaktapps-ui-builder/builder/build/buildUplaodFile.ts +16 -19
  34. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +13 -8
  35. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  36. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +102 -46
  37. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +44 -0
  38. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +9 -27
  39. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  40. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  41. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  42. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  43. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +45 -1
  44. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  45. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  46. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +5 -1
  47. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +271 -154
  48. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +4 -1
  49. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +327 -120
  50. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +4 -1
  51. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -65
  52. package/src/impaktapps-ui-builder/builder/services/component.ts +94 -8
  53. package/src/impaktapps-ui-builder/builder/services/event.ts +19 -4
  54. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +20 -2
  55. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  56. package/src/impaktapps-ui-builder/runtime/services/events.ts +24 -20
  57. package/src/impaktapps-ui-builder/runtime/services/service.ts +47 -48
@@ -0,0 +1 @@
1
+ export declare const buildThoughtOfTheDay: (config: any, componentScope: any) => any;
@@ -9,7 +9,6 @@ declare const _default: {
9
9
  main: {
10
10
  name: string;
11
11
  variant: string;
12
- color: string;
13
12
  type: string;
14
13
  startIcon: string;
15
14
  styleDefault: boolean;
@@ -2,8 +2,13 @@ export default function Card(theme: any): {
2
2
  type: string;
3
3
  config: {
4
4
  main: {};
5
- wrapperStyle: {};
5
+ wrapperStyle: {
6
+ position: string;
7
+ top: string;
8
+ transform: string;
9
+ };
6
10
  componentsBoxStyle: {
11
+ boxShadow: string;
7
12
  flexDirection: string;
8
13
  flexWrap: string;
9
14
  width: string;
@@ -11,6 +16,9 @@ export default function Card(theme: any): {
11
16
  border: string;
12
17
  borderRadius: string;
13
18
  padding: string;
19
+ height: string;
20
+ alignItems: string;
21
+ marginLeft: string;
14
22
  "&: hover": {
15
23
  background: string;
16
24
  border: string;
@@ -41,7 +49,6 @@ export default function Card(theme: any): {
41
49
  gap: number;
42
50
  };
43
51
  wrapperStyle: {
44
- marginTop: string;
45
52
  background: string;
46
53
  };
47
54
  componentsBoxStyle: {
@@ -56,37 +63,95 @@ export default function Card(theme: any): {
56
63
  };
57
64
  elements: ({
58
65
  type: string;
59
- scope: string;
60
66
  config: {
61
67
  main: {
62
- heading: string;
68
+ columnSpacing: number;
69
+ gap: number;
70
+ heading?: undefined;
63
71
  };
64
- style: {
65
- color: string;
66
- display: string;
67
- fontSize: {
68
- xs: string;
69
- md: string;
70
- };
71
- fontWeight: string;
72
+ wrapperStyle: {
72
73
  background: string;
73
- justifyContent: string;
74
+ };
75
+ componentsBoxStyle: {
76
+ flexDirection: string;
77
+ flexWrap: string;
74
78
  width: string;
75
- margin: string;
76
- textWrap?: undefined;
77
- lineHeight?: undefined;
79
+ height: string;
80
+ background: string;
81
+ borderRadius: string;
82
+ marginLeft: string;
83
+ marginTop: string;
84
+ justifyContent: string;
85
+ position: string;
78
86
  };
79
87
  layout: number;
88
+ style?: undefined;
80
89
  };
81
- options: {
82
- widget: string;
83
- };
90
+ elements: ({
91
+ type: string;
92
+ scope: string;
93
+ config: {
94
+ main: {
95
+ heading: string;
96
+ };
97
+ style: {
98
+ color: string;
99
+ display: string;
100
+ fontSize: {
101
+ xs: string;
102
+ md: string;
103
+ };
104
+ fontWeight: string;
105
+ background: string;
106
+ justifyContent: string;
107
+ width: string;
108
+ margin: string;
109
+ height: number;
110
+ position?: undefined;
111
+ left?: undefined;
112
+ };
113
+ };
114
+ options: {
115
+ widget: string;
116
+ };
117
+ } | {
118
+ type: string;
119
+ scope: string;
120
+ config: {
121
+ main: {
122
+ heading: string;
123
+ };
124
+ style: {
125
+ color: string;
126
+ display: string;
127
+ fontSize: {
128
+ xs: string;
129
+ md: string;
130
+ };
131
+ fontWeight: string;
132
+ background: string;
133
+ justifyContent: string;
134
+ width: string;
135
+ margin: string;
136
+ position: string;
137
+ left: string;
138
+ height?: undefined;
139
+ };
140
+ };
141
+ options: {
142
+ widget: string;
143
+ };
144
+ })[];
145
+ scope?: undefined;
146
+ options?: undefined;
84
147
  } | {
85
148
  type: string;
86
149
  scope: string;
87
150
  config: {
88
151
  main: {
89
152
  heading: string;
153
+ columnSpacing?: undefined;
154
+ gap?: undefined;
90
155
  };
91
156
  style: {
92
157
  color: string;
@@ -96,15 +161,17 @@ export default function Card(theme: any): {
96
161
  background: string;
97
162
  width: string;
98
163
  margin: string;
164
+ marginTop: string;
99
165
  lineHeight: string;
100
- display?: undefined;
101
- fontWeight?: undefined;
102
166
  };
103
167
  layout: number;
168
+ wrapperStyle?: undefined;
169
+ componentsBoxStyle?: undefined;
104
170
  };
105
171
  options: {
106
172
  widget: string;
107
173
  };
174
+ elements?: undefined;
108
175
  })[];
109
176
  }[];
110
177
  scope?: undefined;
@@ -123,10 +190,10 @@ export default function Card(theme: any): {
123
190
  justifyContent: string;
124
191
  };
125
192
  imageStyle: {
126
- height: string;
127
193
  fontSize: string;
128
194
  padding: string;
129
- marginLeft: string;
195
+ margin: string;
196
+ height: string;
130
197
  };
131
198
  };
132
199
  layout: number;
@@ -9,7 +9,7 @@ export declare const EventSection: (theme: any) => {
9
9
  config: {
10
10
  main: {
11
11
  headerIcons: {
12
- elements: {
12
+ elements: ({
13
13
  widget: {
14
14
  type: string;
15
15
  scope: string;
@@ -30,7 +30,28 @@ export declare const EventSection: (theme: any) => {
30
30
  };
31
31
  };
32
32
  };
33
- }[];
33
+ } | {
34
+ widget: {
35
+ type: string;
36
+ scope: string;
37
+ options: {
38
+ widget: string;
39
+ };
40
+ config: {
41
+ main: {
42
+ onClick: string;
43
+ size: string;
44
+ icon: string;
45
+ iconLabel: string;
46
+ styleDefault: boolean;
47
+ color?: undefined;
48
+ };
49
+ style: {
50
+ mt: string;
51
+ };
52
+ };
53
+ };
54
+ })[];
34
55
  };
35
56
  disableAction: boolean;
36
57
  disableSelection: boolean;
@@ -41,6 +62,8 @@ export declare const EventSection: (theme: any) => {
41
62
  accessorKey: string;
42
63
  header: string;
43
64
  widget?: undefined;
65
+ field?: undefined;
66
+ flex?: undefined;
44
67
  } | {
45
68
  accessorKey: string;
46
69
  header: string;
@@ -57,6 +80,7 @@ export declare const EventSection: (theme: any) => {
57
80
  icon: string;
58
81
  tooltipMessage: string;
59
82
  onClick: string;
83
+ styleDefault?: undefined;
60
84
  };
61
85
  style: {
62
86
  color: any;
@@ -64,6 +88,8 @@ export declare const EventSection: (theme: any) => {
64
88
  };
65
89
  accessorKeyName?: undefined;
66
90
  };
91
+ field?: undefined;
92
+ flex?: undefined;
67
93
  } | {
68
94
  accessorKey: string;
69
95
  header: string;
@@ -81,10 +107,37 @@ export declare const EventSection: (theme: any) => {
81
107
  tooltipMessage: string;
82
108
  onClick: string;
83
109
  size?: undefined;
110
+ styleDefault?: undefined;
84
111
  };
85
112
  style?: undefined;
86
113
  };
87
114
  };
115
+ field?: undefined;
116
+ flex?: undefined;
117
+ } | {
118
+ header: string;
119
+ field: string;
120
+ flex: number;
121
+ widget: {
122
+ type: string;
123
+ scope: string;
124
+ options: {
125
+ widget: string;
126
+ };
127
+ config: {
128
+ main: {
129
+ icon: string;
130
+ onClick: string;
131
+ tooltipMessage: string;
132
+ styleDefault: boolean;
133
+ color?: undefined;
134
+ size?: undefined;
135
+ };
136
+ style?: undefined;
137
+ };
138
+ accessorKeyName?: undefined;
139
+ };
140
+ accessorKey?: undefined;
88
141
  })[];
89
142
  }[];
90
143
  };
@@ -11,9 +11,16 @@ export declare const BarGraph: {
11
11
  md: number;
12
12
  lg: number;
13
13
  };
14
- main: {};
14
+ main: {
15
+ type: string;
16
+ legendLabels: any;
17
+ };
15
18
  style: {
16
19
  containerStyle: {};
20
+ labelStyle: {
21
+ margin: {};
22
+ };
23
+ barStyle: {};
17
24
  };
18
25
  };
19
26
  };
@@ -32,8 +39,15 @@ export declare const PieGraph: {
32
39
  };
33
40
  main: {
34
41
  type: string;
42
+ legendLabels: any;
43
+ };
44
+ style: {
45
+ containerStyle: {};
46
+ labelStyle: {
47
+ margin: {};
48
+ };
49
+ pieStyle: {};
35
50
  };
36
- style: {};
37
51
  };
38
52
  };
39
53
  export declare const LineGraph: {
@@ -51,27 +65,13 @@ export declare const LineGraph: {
51
65
  };
52
66
  main: {
53
67
  type: string;
54
- header: string;
55
- bottomLabel: string;
56
- leftLabel: string;
57
- gridHidden: boolean;
58
- numHidden: boolean;
59
- tooltipDataKey: string[];
60
- axisLeft: boolean;
61
- axisBottom: boolean;
62
- hideLeftAxisLine: boolean;
63
- hideBottomAxisLine: boolean;
64
- legend: {
65
- labelColor: string;
66
- direction: string;
67
- align: string;
68
- colorRectWidth: number;
69
- };
68
+ legendLabels: any;
70
69
  };
71
70
  style: {
72
71
  containerStyle: {};
73
- headerStyle: {};
74
- labelStyle: {};
72
+ labelStyle: {
73
+ margin: {};
74
+ };
75
75
  lineStyle: {};
76
76
  };
77
77
  };
@@ -91,7 +91,14 @@ export declare const HorizontalBarGraph: {
91
91
  };
92
92
  main: {
93
93
  type: string;
94
+ legendLabels: any;
95
+ };
96
+ style: {
97
+ containerStyle: {};
98
+ labelStyle: {
99
+ margin: {};
100
+ };
101
+ barStyle: {};
94
102
  };
95
- style: {};
96
103
  };
97
104
  };
@@ -1,308 +1,17 @@
1
1
  declare const _default: {
2
2
  type: string;
3
+ scope: string;
4
+ options: {
5
+ widget: string;
6
+ };
3
7
  config: {
4
- main: {
5
- rowSpacing: number;
6
- header: boolean;
7
- label: string;
8
- divider: boolean;
9
- };
10
- style: {};
11
- wrapperStyle: {
12
- position: string;
13
- width: string;
14
- };
15
- componentsBoxStyle: {
16
- display: string;
17
- flexDirection: string;
18
- gap: string;
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
19
13
  };
14
+ main: {};
20
15
  };
21
- elements: ({
22
- type: string;
23
- scope: string;
24
- config: {
25
- main: {
26
- url: string;
27
- heading?: undefined;
28
- disableAction?: undefined;
29
- disableSelection?: undefined;
30
- };
31
- style: {
32
- imageStyle: {
33
- objectFit: string;
34
- width: string;
35
- height: string;
36
- borderRadius: string;
37
- };
38
- containerStyle: {
39
- objectFit: string;
40
- position: string;
41
- top: {
42
- xs: string;
43
- md: string;
44
- };
45
- left: {
46
- xs: string;
47
- sm: string;
48
- md: string;
49
- };
50
- width: {
51
- xs: string;
52
- sm: string;
53
- md: string;
54
- };
55
- border: string;
56
- height: {
57
- xs: string;
58
- sm: string;
59
- md: string;
60
- };
61
- borderRadius: string;
62
- };
63
- objectFit?: undefined;
64
- position?: undefined;
65
- display?: undefined;
66
- justifyContent?: undefined;
67
- alignItems?: undefined;
68
- color?: undefined;
69
- top?: undefined;
70
- fontSize?: undefined;
71
- left?: undefined;
72
- width?: undefined;
73
- fontWeight?: undefined;
74
- borderRadius?: undefined;
75
- zIndex?: undefined;
76
- textShadow?: undefined;
77
- background?: undefined;
78
- border?: undefined;
79
- height?: undefined;
80
- '@keyframes rotateAnimation'?: undefined;
81
- animation?: undefined;
82
- tableHeadstyle?: undefined;
83
- margin?: undefined;
84
- };
85
- layout: number;
86
- };
87
- options: {
88
- widget: string;
89
- };
90
- elements?: undefined;
91
- } | {
92
- type: string;
93
- scope: string;
94
- config: {
95
- main: {
96
- heading: string;
97
- url?: undefined;
98
- disableAction?: undefined;
99
- disableSelection?: undefined;
100
- };
101
- style: {
102
- objectFit: string;
103
- position: string;
104
- display: string;
105
- justifyContent: string;
106
- alignItems: string;
107
- color: string;
108
- top: {
109
- xs: string;
110
- md: string;
111
- sm?: undefined;
112
- lg?: undefined;
113
- };
114
- fontSize: {
115
- xs: string;
116
- md: string;
117
- };
118
- left: string;
119
- width: string;
120
- fontWeight: string;
121
- borderRadius: string;
122
- zIndex: number;
123
- imageStyle?: undefined;
124
- containerStyle?: undefined;
125
- textShadow?: undefined;
126
- background?: undefined;
127
- border?: undefined;
128
- height?: undefined;
129
- '@keyframes rotateAnimation'?: undefined;
130
- animation?: undefined;
131
- tableHeadstyle?: undefined;
132
- margin?: undefined;
133
- };
134
- layout: number;
135
- };
136
- options: {
137
- widget: string;
138
- };
139
- elements?: undefined;
140
- } | {
141
- type: string;
142
- scope: string;
143
- config: {
144
- main: {
145
- heading: string;
146
- url?: undefined;
147
- disableAction?: undefined;
148
- disableSelection?: undefined;
149
- };
150
- style: {
151
- objectFit: string;
152
- position: string;
153
- display: string;
154
- justifyContent: string;
155
- alignItems: string;
156
- color: string;
157
- top: {
158
- xs: string;
159
- md: string;
160
- sm?: undefined;
161
- lg?: undefined;
162
- };
163
- fontSize: {
164
- xs: string;
165
- md: string;
166
- };
167
- left: string;
168
- width: string;
169
- fontWeight: string;
170
- borderRadius: string;
171
- imageStyle?: undefined;
172
- containerStyle?: undefined;
173
- zIndex?: undefined;
174
- textShadow?: undefined;
175
- background?: undefined;
176
- border?: undefined;
177
- height?: undefined;
178
- '@keyframes rotateAnimation'?: undefined;
179
- animation?: undefined;
180
- tableHeadstyle?: undefined;
181
- margin?: undefined;
182
- };
183
- layout: number;
184
- };
185
- options: {
186
- widget: string;
187
- };
188
- elements?: undefined;
189
- } | {
190
- type: string;
191
- scope: string;
192
- config: {
193
- main: {
194
- heading: string;
195
- url?: undefined;
196
- disableAction?: undefined;
197
- disableSelection?: undefined;
198
- };
199
- style: {
200
- objectFit: string;
201
- position: string;
202
- display: string;
203
- justifyContent: string;
204
- alignItems: string;
205
- textShadow: string;
206
- background: string;
207
- color: string;
208
- top: {
209
- xs: string;
210
- md: string;
211
- sm?: undefined;
212
- lg?: undefined;
213
- };
214
- fontSize: {
215
- xs: string;
216
- md: string;
217
- };
218
- left: {
219
- xs: string;
220
- md: string;
221
- };
222
- width: {
223
- xs: string;
224
- md: string;
225
- };
226
- border: {
227
- xs: string;
228
- md: string;
229
- };
230
- height: {
231
- xs: string;
232
- md: string;
233
- };
234
- '@keyframes rotateAnimation': {
235
- from: {
236
- transform: string;
237
- };
238
- to: {
239
- transform: string;
240
- };
241
- };
242
- animation: string;
243
- borderRadius: string;
244
- zIndex: number;
245
- imageStyle?: undefined;
246
- containerStyle?: undefined;
247
- fontWeight?: undefined;
248
- tableHeadstyle?: undefined;
249
- margin?: undefined;
250
- };
251
- layout: number;
252
- };
253
- options: {
254
- widget: string;
255
- };
256
- elements?: undefined;
257
- } | {
258
- type: string;
259
- scope: string;
260
- options: {
261
- widget: string;
262
- };
263
- elements: any[];
264
- config: {
265
- style: {
266
- tableHeadstyle: {
267
- fontWeight: number;
268
- background: string;
269
- };
270
- top: {
271
- xs: string;
272
- sm: string;
273
- md: string;
274
- lg: string;
275
- };
276
- border: string;
277
- width: string;
278
- left: string;
279
- margin: string;
280
- imageStyle?: undefined;
281
- containerStyle?: undefined;
282
- objectFit?: undefined;
283
- position?: undefined;
284
- display?: undefined;
285
- justifyContent?: undefined;
286
- alignItems?: undefined;
287
- color?: undefined;
288
- fontSize?: undefined;
289
- fontWeight?: undefined;
290
- borderRadius?: undefined;
291
- zIndex?: undefined;
292
- textShadow?: undefined;
293
- background?: undefined;
294
- height?: undefined;
295
- '@keyframes rotateAnimation'?: undefined;
296
- animation?: undefined;
297
- };
298
- main: {
299
- disableAction: boolean;
300
- disableSelection: boolean;
301
- url?: undefined;
302
- heading?: undefined;
303
- };
304
- layout?: undefined;
305
- };
306
- })[];
307
16
  };
308
17
  export default _default;
@@ -5,7 +5,12 @@ declare const _default: {
5
5
  widget: string;
6
6
  };
7
7
  config: {
8
- layout: number;
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
9
14
  main: {
10
15
  developOnlyProgresBar: boolean;
11
16
  bottomLabel_3: string;