impaktapps-ui-builder 0.0.973 → 0.0.1051

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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1393 -1368
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  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/graph.d.ts +50 -23
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  13. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  14. package/package.json +5 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  16. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +43 -44
  18. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  20. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -11
  21. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  22. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +16 -13
  24. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  25. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -6
  27. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +18 -13
  28. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +102 -46
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -28
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  32. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +581 -487
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +177 -111
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +90 -59
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +129 -32
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +1 -1
  43. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
@@ -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;
@@ -5,10 +5,22 @@ export declare const BarGraph: {
5
5
  widget: string;
6
6
  };
7
7
  config: {
8
- main: {};
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
14
+ main: {
15
+ type: string;
16
+ legendLabels: any;
17
+ };
9
18
  style: {
10
19
  containerStyle: {};
11
- labelStyle: {};
20
+ labelStyle: {
21
+ margin: {};
22
+ };
23
+ barStyle: {};
12
24
  };
13
25
  };
14
26
  };
@@ -19,10 +31,23 @@ export declare const PieGraph: {
19
31
  widget: string;
20
32
  };
21
33
  config: {
34
+ layout: {
35
+ xs: number;
36
+ sm: number;
37
+ md: number;
38
+ lg: number;
39
+ };
22
40
  main: {
23
41
  type: string;
42
+ legendLabels: any;
43
+ };
44
+ style: {
45
+ containerStyle: {};
46
+ labelStyle: {
47
+ margin: {};
48
+ };
49
+ pieStyle: {};
24
50
  };
25
- style: {};
26
51
  };
27
52
  };
28
53
  export declare const LineGraph: {
@@ -32,30 +57,21 @@ export declare const LineGraph: {
32
57
  widget: string;
33
58
  };
34
59
  config: {
35
- layout: number;
60
+ layout: {
61
+ xs: number;
62
+ sm: number;
63
+ md: number;
64
+ lg: number;
65
+ };
36
66
  main: {
37
67
  type: string;
38
- header: string;
39
- bottomLabel: string;
40
- leftLabel: string;
41
- gridHidden: boolean;
42
- numHidden: boolean;
43
- tooltipDataKey: string[];
44
- axisLeft: boolean;
45
- axisBottom: boolean;
46
- hideLeftAxisLine: boolean;
47
- hideBottomAxisLine: boolean;
48
- legend: {
49
- labelColor: string;
50
- direction: string;
51
- align: string;
52
- colorRectWidth: number;
53
- };
68
+ legendLabels: any;
54
69
  };
55
70
  style: {
56
71
  containerStyle: {};
57
- headerStyle: {};
58
- labelStyle: {};
72
+ labelStyle: {
73
+ margin: {};
74
+ };
59
75
  lineStyle: {};
60
76
  };
61
77
  };
@@ -67,11 +83,22 @@ export declare const HorizontalBarGraph: {
67
83
  widget: string;
68
84
  };
69
85
  config: {
86
+ layout: {
87
+ xs: number;
88
+ sm: number;
89
+ md: number;
90
+ lg: number;
91
+ };
70
92
  main: {
71
93
  type: string;
94
+ legendLabels: any;
72
95
  };
73
96
  style: {
74
- labelStyle: {};
97
+ containerStyle: {};
98
+ labelStyle: {
99
+ margin: {};
100
+ };
101
+ barStyle: {};
75
102
  };
76
103
  };
77
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;
@@ -0,0 +1,17 @@
1
+ declare const _default: {
2
+ type: string;
3
+ scope: string;
4
+ options: {
5
+ widget: string;
6
+ };
7
+ config: {
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
14
+ main: {};
15
+ };
16
+ };
17
+ export default _default;
@@ -12,20 +12,7 @@ declare const _default: {
12
12
  lg: number;
13
13
  };
14
14
  main: {};
15
- style: {
16
- digitContainer: {
17
- borderRadius: string;
18
- textShawdow: string;
19
- width: string;
20
- };
21
- container: {
22
- backgroundColor: string;
23
- borderRadius: string;
24
- };
25
- containerLabelColor: {
26
- color: string;
27
- };
28
- };
15
+ style: {};
29
16
  };
30
17
  };
31
18
  export default _default;
@@ -5,6 +5,6 @@ export declare const getNavigationHistory: (config: any, path: string | undefine
5
5
  };
6
6
  export declare const saveFormdataInSessionStorage: (formData: any, path?: string) => any;
7
7
  export declare const getFormdataFromSessionStorage: (path?: string) => any;
8
- export declare function saveHandler(store: any, service: any, submitHandler: any, pageName?: string): Promise<void>;
8
+ export declare function saveHandler(store: any, service: any, submitHandler: any): Promise<void>;
9
9
  export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
10
10
  export declare function okHandler(store: any): void;
package/package.json CHANGED
@@ -1,11 +1,15 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.973",
3
+ "version": "0.0.1051",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
7
7
  "preview": "vite preview"
8
8
  },
9
+ "publishConfig": {
10
+ "tag": "alpha"
11
+ },
12
+
9
13
  "dependencies": {
10
14
  "@babel/core": "^7.16.12",
11
15
  "@insertcoinab/gwen-react-components": "^1.2.65",