impaktapps-ui-builder 0.0.596 → 0.0.751

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 (82) hide show
  1. package/dist/impaktapps-ui-builder.es.js +2208 -1683
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildCard.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/buildTable.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.d.ts +1 -0
  8. package/dist/src/impaktapps-ui-builder/builder/build/buildUiSchema.d.ts +1 -1
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +1 -0
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +23 -0
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +170 -82
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +55 -2
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +52 -23
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  16. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  17. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +50 -2
  18. package/dist/src/impaktapps-ui-builder/builder/build/uischema/{lazyLoadingTable.d.ts → thoughtOfTheDay.d.ts} +6 -4
  19. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  20. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +1 -1
  21. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.d.ts +3 -0
  22. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +3 -0
  23. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +8 -2
  24. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +5 -0
  25. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +5 -0
  26. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +4 -4
  27. package/dist/src/impaktapps-ui-builder/lib/index.d.ts +1 -1
  28. package/package.json +5 -1
  29. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +11 -7
  30. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  32. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +21 -13
  33. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  35. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -2
  36. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +7 -16
  37. package/src/impaktapps-ui-builder/builder/build/buildProgressBar.ts +1 -1
  38. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  39. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  40. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +1 -1
  41. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +19 -4
  42. package/src/impaktapps-ui-builder/builder/build/buildTable.ts +23 -29
  43. package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +6 -0
  44. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  45. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +27 -12
  46. package/src/impaktapps-ui-builder/builder/build/buildUplaodFile.ts +16 -19
  47. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +10 -10
  48. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +111 -56
  49. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -2
  50. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +188 -90
  51. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +11 -11
  52. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -3
  53. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +44 -0
  54. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
  55. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -29
  56. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -367
  57. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  58. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  59. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  60. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +3 -3
  61. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  62. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
  63. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +45 -1
  64. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
  65. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  66. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  67. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +3 -3
  68. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +3 -3
  69. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +37 -2
  70. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +283 -182
  71. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +4 -1
  72. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +344 -130
  73. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +4 -1
  74. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +194 -80
  75. package/src/impaktapps-ui-builder/builder/services/component.ts +105 -26
  76. package/src/impaktapps-ui-builder/builder/services/event.ts +50 -9
  77. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +32 -14
  78. package/src/impaktapps-ui-builder/builder/services/utils.ts +13 -13
  79. package/src/impaktapps-ui-builder/lib/index.ts +1 -1
  80. package/src/impaktapps-ui-builder/runtime/services/events.ts +26 -23
  81. package/src/impaktapps-ui-builder/runtime/services/service.ts +61 -62
  82. package/src/impaktapps-ui-builder/builder/build/uischema/lazyLoadingTable.ts +0 -15
@@ -1 +1 @@
1
- export declare const buildCard: (config: any, componentScope: any) => any;
1
+ export declare const buildCard: (config: any, componentScope: any, store: any) => any;
@@ -1,2 +1 @@
1
1
  export declare const buildTable: (config: any, componentScope: string) => any;
2
- export declare const buildLazyLoadingTable: (config: any, componentScope: string) => any;
@@ -0,0 +1 @@
1
+ export declare const buildThoughtOfTheDay: (config: any, componentScope: any) => any;
@@ -8,5 +8,5 @@ export declare const buildSchema: (config: any, tableName?: string, isArrayType?
8
8
  properties: {};
9
9
  required: any[];
10
10
  };
11
- declare const buildUiSchema: (config: any) => any;
11
+ declare const buildUiSchema: (config: any, store?: any) => any;
12
12
  export default buildUiSchema;
@@ -22,6 +22,7 @@ export declare const APISection: {
22
22
  heading: string;
23
23
  minRows: number;
24
24
  hideButton: boolean;
25
+ enableCodeEditor: boolean;
25
26
  };
26
27
  };
27
28
  } | {
@@ -27,6 +27,8 @@ export declare const buildWrapper: (label: string, elements: any[]) => {
27
27
  wrapperStyle: {
28
28
  marginTop: string;
29
29
  marginBottom: string;
30
+ marginLeft: string;
31
+ width: string;
30
32
  };
31
33
  componentsBoxStyle: {
32
34
  marginLeft: string;
@@ -57,6 +59,7 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
57
59
  heading: string;
58
60
  minRows: number;
59
61
  hideButton: boolean;
62
+ enableCodeEditor: boolean;
60
63
  };
61
64
  };
62
65
  };
@@ -82,6 +85,26 @@ export declare const getSelectField: (scope: string, label: string, options: {
82
85
  };
83
86
  };
84
87
  };
88
+ export declare const getMultiSelectField: (scope: string, label: string) => {
89
+ type: string;
90
+ scope: string;
91
+ options: {
92
+ widget: string;
93
+ };
94
+ config: {
95
+ layout: {
96
+ xs: number;
97
+ sm: number;
98
+ md: number;
99
+ lg: number;
100
+ };
101
+ main: {
102
+ multiple: boolean;
103
+ label: string;
104
+ options: any[];
105
+ };
106
+ };
107
+ };
85
108
  export declare const buildPropertiesSection: (type: String) => {
86
109
  type: string;
87
110
  elements: 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;
@@ -1,20 +1,31 @@
1
- declare const _default: {
1
+ export default function Card(theme: any): {
2
2
  type: string;
3
3
  config: {
4
- main: {
5
- rowSpacing: number;
4
+ main: {};
5
+ wrapperStyle: {
6
+ position: string;
7
+ top: string;
8
+ transform: string;
6
9
  };
7
10
  componentsBoxStyle: {
8
- position: string;
9
- color: string;
10
- height: {
11
- xs: string;
12
- md: string;
13
- };
11
+ boxShadow: string;
12
+ flexDirection: string;
13
+ flexWrap: string;
14
14
  width: string;
15
- textAlign: string;
16
15
  background: string;
16
+ border: string;
17
17
  borderRadius: string;
18
+ padding: string;
19
+ height: string;
20
+ alignItems: string;
21
+ marginLeft: string;
22
+ "&: hover": {
23
+ background: string;
24
+ border: string;
25
+ "& p": {
26
+ color: string;
27
+ };
28
+ };
18
29
  };
19
30
  layout: {
20
31
  xs: number;
@@ -25,94 +36,171 @@ declare const _default: {
25
36
  };
26
37
  elements: ({
27
38
  type: string;
28
- scope: string;
29
39
  config: {
30
- main: {
31
- heading: string;
32
- url?: undefined;
33
- };
34
- style: {
35
- position: string;
36
- left: string;
37
- top: string;
38
- color: string;
39
- height: string;
40
- display: string;
41
- fontSize: {
42
- xs: string;
43
- md: string;
44
- };
45
- alignItems: string;
46
- background: string;
47
- justifyContent: string;
48
- objectFit?: undefined;
49
- right?: undefined;
50
- width?: undefined;
51
- padding?: undefined;
52
- };
53
40
  layout: number;
41
+ main?: undefined;
42
+ style?: undefined;
54
43
  };
55
- options: {
56
- widget: string;
57
- };
58
- } | {
59
- type: string;
60
- scope: string;
61
- config: {
62
- main: {
63
- url: string;
64
- heading?: undefined;
65
- };
66
- style: {
67
- color: string;
68
- objectFit: string;
69
- position: string;
70
- top: string;
71
- right: string;
72
- height: string;
73
- width: string;
74
- display: string;
75
- fontSize: string;
76
- alignItems: string;
77
- background: string;
78
- padding: string;
79
- justifyContent: string;
80
- left?: undefined;
44
+ elements: {
45
+ type: string;
46
+ config: {
47
+ main: {
48
+ columnSpacing: number;
49
+ gap: number;
50
+ };
51
+ wrapperStyle: {
52
+ background: string;
53
+ };
54
+ componentsBoxStyle: {
55
+ flexDirection: string;
56
+ flexWrap: string;
57
+ width: string;
58
+ height: string;
59
+ background: string;
60
+ borderRadius: string;
61
+ };
62
+ layout: number;
81
63
  };
82
- layout: number;
83
- };
84
- options: {
85
- widget: string;
86
- };
64
+ elements: ({
65
+ type: string;
66
+ config: {
67
+ main: {
68
+ columnSpacing: number;
69
+ gap: number;
70
+ heading?: undefined;
71
+ };
72
+ wrapperStyle: {
73
+ background: string;
74
+ };
75
+ componentsBoxStyle: {
76
+ flexDirection: string;
77
+ flexWrap: string;
78
+ width: string;
79
+ height: string;
80
+ background: string;
81
+ borderRadius: string;
82
+ marginLeft: string;
83
+ marginTop: string;
84
+ justifyContent: string;
85
+ position: string;
86
+ };
87
+ layout: number;
88
+ style?: undefined;
89
+ };
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;
147
+ } | {
148
+ type: string;
149
+ scope: string;
150
+ config: {
151
+ main: {
152
+ heading: string;
153
+ columnSpacing?: undefined;
154
+ gap?: undefined;
155
+ };
156
+ style: {
157
+ color: string;
158
+ fontSize: string;
159
+ justifyContent: string;
160
+ textWrap: string;
161
+ background: string;
162
+ width: string;
163
+ margin: string;
164
+ marginTop: string;
165
+ lineHeight: string;
166
+ };
167
+ layout: number;
168
+ wrapperStyle?: undefined;
169
+ componentsBoxStyle?: undefined;
170
+ };
171
+ options: {
172
+ widget: string;
173
+ };
174
+ elements?: undefined;
175
+ })[];
176
+ }[];
177
+ scope?: undefined;
178
+ options?: undefined;
87
179
  } | {
88
180
  type: string;
89
181
  scope: string;
90
182
  config: {
91
183
  main: {
92
- heading: string;
93
- url?: undefined;
184
+ url: string;
94
185
  };
95
186
  style: {
96
- position: string;
97
- top: string;
98
- alignItems: string;
99
- color: string;
100
- fontSize: string;
101
- left: string;
102
- background: string;
103
- justifyContent: string;
104
- height?: undefined;
105
- display?: undefined;
106
- objectFit?: undefined;
107
- right?: undefined;
108
- width?: undefined;
109
- padding?: undefined;
187
+ containerStyle: {
188
+ height: string;
189
+ display: string;
190
+ justifyContent: string;
191
+ };
192
+ imageStyle: {
193
+ fontSize: string;
194
+ padding: string;
195
+ margin: string;
196
+ height: string;
197
+ };
110
198
  };
111
199
  layout: number;
112
200
  };
113
201
  options: {
114
202
  widget: string;
115
203
  };
204
+ elements?: undefined;
116
205
  })[];
117
206
  };
118
- export default _default;
@@ -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
  };
@@ -5,9 +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: {};
20
+ labelStyle: {
21
+ margin: {};
22
+ };
23
+ barStyle: {};
11
24
  };
12
25
  };
13
26
  };
@@ -18,10 +31,23 @@ export declare const PieGraph: {
18
31
  widget: string;
19
32
  };
20
33
  config: {
34
+ layout: {
35
+ xs: number;
36
+ sm: number;
37
+ md: number;
38
+ lg: number;
39
+ };
21
40
  main: {
22
41
  type: string;
42
+ legendLabels: any;
43
+ };
44
+ style: {
45
+ containerStyle: {};
46
+ labelStyle: {
47
+ margin: {};
48
+ };
49
+ pieStyle: {};
23
50
  };
24
- style: {};
25
51
  };
26
52
  };
27
53
  export declare const LineGraph: {
@@ -31,31 +57,21 @@ export declare const LineGraph: {
31
57
  widget: string;
32
58
  };
33
59
  config: {
34
- layout: number;
60
+ layout: {
61
+ xs: number;
62
+ sm: number;
63
+ md: number;
64
+ lg: number;
65
+ };
35
66
  main: {
36
67
  type: string;
37
- header: string;
38
- bottomLabel: string;
39
- leftLabel: string;
40
- gridHidden: boolean;
41
- numHidden: boolean;
42
- tooltipDataKey: string[];
43
- axisLeft: boolean;
44
- axisBottom: boolean;
45
- hideLeftAxisLine: boolean;
46
- hideBottomAxisLine: boolean;
47
- legend: {
48
- labelColor: string;
49
- legendTitle: 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,9 +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;
95
+ };
96
+ style: {
97
+ containerStyle: {};
98
+ labelStyle: {
99
+ margin: {};
100
+ };
101
+ barStyle: {};
72
102
  };
73
- style: {};
74
103
  };
75
104
  };