impaktapps-ui-builder 1.0.147-test.1 → 1.0.147-test.10

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +807 -867
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +1 -1
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +133 -200
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +14 -13
  8. package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +3 -1
  9. package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +3 -0
  10. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -1
  11. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +125 -189
  12. package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx +219 -0
package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts CHANGED
@@ -8,6 +8,7 @@ export default function Card(theme: any): {
8
8
  top: string;
9
9
  transform: string;
10
10
  marginBottom: number;
11
+ borderRadius: string;
11
12
  };
12
13
  componentsBoxStyle: {
13
14
  boxShadow: string;
@@ -15,18 +16,14 @@ export default function Card(theme: any): {
15
16
  flexWrap: string;
16
17
  width: string;
17
18
  background: string;
18
- border: string;
19
19
  borderRadius: string;
20
20
  padding: string;
21
21
  height: string;
22
- alignItems: string;
22
+ minHeight: string;
23
+ position: string;
23
24
  marginLeft: string;
24
25
  "&: hover": {
25
26
  background: string;
26
- border: string;
27
- "& p": {
28
- color: string;
29
- };
30
27
  };
31
28
  };
32
29
  };
@@ -39,220 +36,156 @@ export default function Card(theme: any): {
39
36
  };
40
37
  elements: ({
41
38
  type: string;
39
+ scope: string;
42
40
  config: {
43
- layout: number;
44
- main?: undefined;
45
- style?: undefined;
46
- };
47
- elements: {
48
- type: string;
49
- config: {
50
- main: {
51
- columnSpacing: number;
52
- gap: number;
41
+ main: {
42
+ url: string;
43
+ heading?: undefined;
44
+ };
45
+ style: {
46
+ containerStyle: {
47
+ position: string;
48
+ top: string;
49
+ right: string;
50
+ display: string;
51
+ justifyContent: string;
52
+ alignItems: string;
53
53
  };
54
- style: {
55
- wrapperStyle: {
56
- background: string;
57
- marginBottom: number;
58
- };
59
- componentsBoxStyle: {
60
- flexDirection: string;
61
- flexWrap: string;
62
- width: string;
63
- height: string;
64
- background: string;
65
- borderRadius: string;
66
- paddingRight: number;
67
- };
54
+ imageStyle: {
55
+ width: string;
56
+ height: string;
57
+ padding: string;
58
+ margin: string;
68
59
  };
69
- layout: number;
60
+ color?: undefined;
61
+ fontSize?: undefined;
62
+ fontWeight?: undefined;
63
+ justifyContent?: undefined;
64
+ background?: undefined;
65
+ margin?: undefined;
66
+ marginTop?: undefined;
67
+ marginBottom?: undefined;
68
+ maxWidth?: undefined;
69
+ whiteSpace?: undefined;
70
+ overflowX?: undefined;
71
+ scrollbarWidth?: undefined;
72
+ "&::-webkit-scrollbar"?: undefined;
73
+ display?: undefined;
74
+ width?: undefined;
75
+ lineHeight?: undefined;
76
+ paddingLeft?: undefined;
70
77
  };
71
- elements: ({
72
- type: string;
73
- config: {
74
- main: {
75
- columnSpacing: number;
76
- gap: number;
77
- heading?: undefined;
78
- };
79
- style: {
80
- wrapperStyle: {
81
- background: string;
82
- marginBottom: number;
83
- };
84
- componentsBoxStyle: {
85
- flexDirection: string;
86
- flexWrap: string;
87
- width: string;
88
- height: string;
89
- background: string;
90
- borderRadius: string;
91
- marginLeft: string;
92
- marginTop: string;
93
- justifyContent: string;
94
- position: string;
95
- };
96
- color?: undefined;
97
- fontSize?: undefined;
98
- justifyContent?: undefined;
99
- whiteSpace?: undefined;
100
- overflowX?: undefined;
101
- overflowY?: undefined;
102
- scrollbarWidth?: undefined;
103
- msOverflowStyle?: undefined;
104
- background?: undefined;
105
- width?: undefined;
106
- margin?: undefined;
107
- marginTop?: undefined;
108
- "&::-webkit-scrollbar"?: undefined;
109
- };
110
- layout: number;
78
+ };
79
+ options: {
80
+ widget: string;
81
+ };
82
+ } | {
83
+ type: string;
84
+ scope: string;
85
+ config: {
86
+ main: {
87
+ heading: string;
88
+ url?: undefined;
89
+ };
90
+ style: {
91
+ color: string;
92
+ fontSize: string;
93
+ fontWeight: string;
94
+ justifyContent: string;
95
+ background: string;
96
+ margin: string;
97
+ marginTop: string;
98
+ marginBottom: string;
99
+ maxWidth: string;
100
+ whiteSpace: string;
101
+ overflowX: string;
102
+ scrollbarWidth: string;
103
+ "&::-webkit-scrollbar": {
104
+ display: string;
111
105
  };
112
- elements: ({
113
- type: string;
114
- scope: string;
115
- config: {
116
- main: {
117
- heading: string;
118
- };
119
- style: {
120
- color: string;
121
- display: string;
122
- fontSize: {
123
- xs: string;
124
- md: string;
125
- };
126
- fontWeight: string;
127
- background: string;
128
- justifyContent: string;
129
- width: string;
130
- margin: string;
131
- marginLeft: string;
132
- height: number;
133
- marginTop?: undefined;
134
- position?: undefined;
135
- left?: undefined;
136
- whiteSpace?: undefined;
137
- overflowX?: undefined;
138
- overflowY?: undefined;
139
- scrollbarWidth?: undefined;
140
- msOverflowStyle?: undefined;
141
- maxWidth?: undefined;
142
- "&::-webkit-scrollbar"?: undefined;
143
- };
144
- };
145
- options: {
146
- widget: string;
147
- };
148
- } | {
149
- type: string;
150
- scope: string;
151
- config: {
152
- main: {
153
- heading: string;
154
- };
155
- style: {
156
- color: string;
157
- display: string;
158
- fontSize: {
159
- xs: string;
160
- md: string;
161
- };
162
- fontWeight: string;
163
- background: string;
164
- justifyContent: string;
165
- width: string;
166
- margin: string;
167
- marginTop: string;
168
- position: string;
169
- left: string;
170
- whiteSpace: string;
171
- overflowX: string;
172
- overflowY: string;
173
- scrollbarWidth: string;
174
- msOverflowStyle: string;
175
- maxWidth: string;
176
- "&::-webkit-scrollbar": {
177
- display: string;
178
- };
179
- marginLeft?: undefined;
180
- height?: undefined;
181
- };
182
- };
183
- options: {
184
- widget: string;
185
- };
186
- })[];
187
- scope?: undefined;
188
- options?: undefined;
189
- } | {
190
- type: string;
191
- scope: string;
192
- config: {
193
- main: {
194
- heading: string;
195
- columnSpacing?: undefined;
196
- gap?: undefined;
197
- };
198
- style: {
199
- color: string;
200
- fontSize: string;
201
- justifyContent: string;
202
- whiteSpace: string;
203
- overflowX: string;
204
- overflowY: string;
205
- scrollbarWidth: string;
206
- msOverflowStyle: string;
207
- background: string;
208
- width: string;
209
- margin: string;
210
- marginTop: {
211
- xs: string;
212
- md: string;
213
- };
214
- "&::-webkit-scrollbar": {
215
- display: string;
216
- };
217
- wrapperStyle?: undefined;
218
- componentsBoxStyle?: undefined;
219
- };
220
- layout: number;
106
+ containerStyle?: undefined;
107
+ imageStyle?: undefined;
108
+ display?: undefined;
109
+ width?: undefined;
110
+ lineHeight?: undefined;
111
+ paddingLeft?: undefined;
112
+ };
113
+ };
114
+ options: {
115
+ widget: string;
116
+ };
117
+ } | {
118
+ type: string;
119
+ scope: string;
120
+ config: {
121
+ main: {
122
+ heading: string;
123
+ url?: undefined;
124
+ };
125
+ style: {
126
+ color: string;
127
+ display: string;
128
+ fontSize: {
129
+ xs: string;
130
+ md: string;
221
131
  };
222
- options: {
223
- widget: string;
132
+ fontWeight: string;
133
+ background: string;
134
+ justifyContent: string;
135
+ width: string;
136
+ margin: string;
137
+ marginBottom: string;
138
+ lineHeight: string;
139
+ maxWidth: string;
140
+ whiteSpace: string;
141
+ overflowX: string;
142
+ scrollbarWidth: string;
143
+ "&::-webkit-scrollbar": {
144
+ display: string;
224
145
  };
225
- elements?: undefined;
226
- })[];
227
- }[];
228
- scope?: undefined;
229
- options?: undefined;
146
+ containerStyle?: undefined;
147
+ imageStyle?: undefined;
148
+ marginTop?: undefined;
149
+ paddingLeft?: undefined;
150
+ };
151
+ };
152
+ options: {
153
+ widget: string;
154
+ };
230
155
  } | {
231
156
  type: string;
232
157
  scope: string;
233
158
  config: {
234
159
  main: {
235
- url: string;
160
+ heading: string;
161
+ url?: undefined;
236
162
  };
237
163
  style: {
238
- containerStyle: {
239
- height: string;
164
+ color: string;
165
+ fontSize: string;
166
+ fontWeight: string;
167
+ justifyContent: string;
168
+ background: string;
169
+ margin: string;
170
+ paddingLeft: string;
171
+ maxWidth: string;
172
+ whiteSpace: string;
173
+ overflowX: string;
174
+ scrollbarWidth: string;
175
+ "&::-webkit-scrollbar": {
240
176
  display: string;
241
- justifyContent: string;
242
- };
243
- imageStyle: {
244
- width: string;
245
- fontSize: string;
246
- padding: string;
247
- margin: string;
248
- height: string;
249
177
  };
178
+ containerStyle?: undefined;
179
+ imageStyle?: undefined;
180
+ marginTop?: undefined;
181
+ marginBottom?: undefined;
182
+ display?: undefined;
183
+ width?: undefined;
184
+ lineHeight?: undefined;
250
185
  };
251
- layout: number;
252
186
  };
253
187
  options: {
254
188
  widget: string;
255
189
  };
256
- elements?: undefined;
257
190
  })[];
258
191
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.147-test.1",
3
+ "version": "1.0.147-test.10",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/buildCard.ts CHANGED
@@ -7,27 +7,28 @@ export const buildCard = (config,componentScope,store) =>{
7
7
  if (config.style) {
8
8
  card.config.wrapperStyle = JSON.parse(config.style)
9
9
  }
10
- card.elements[0].elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/value`;
11
- card.elements[1].scope = `#/properties/${config.name}/properties/url`;
12
- card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`;
10
+ card.elements[2].scope = `#/properties/${config.name}/properties/value`;
11
+ card.elements[0].scope = `#/properties/${config.name}/properties/url`;
12
+ card.elements[3].scope = `#/properties/${config.name}/properties/description`;
13
+ card.elements[1].scope = `#/properties/${config.name}/properties/label`;
13
14
  if(config.layout){
14
15
  card.config.layout = createLayoutFormat(config.layout)
15
16
  }
16
- if(config?.titleIcon){
17
- card.elements[0].elements[0].elements[0].elements[0].config.main.heading = eval(`'\\${config.titleIcon}'`);
18
- card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px"
19
- }
17
+ // if(config?.titleIcon){
18
+ // card.elements[0].elements[0].elements[0].elements[0].config.main.heading = eval(`'\\${config.titleIcon}'`);
19
+ // card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px"
20
+ // }
20
21
  if(config.label){
21
- card.elements[0].elements[0].elements[0].elements[1].config.main.heading = config.label;
22
+ card.elements[1].config.main.heading = config.label;
22
23
  }
23
24
  if(config.url){
24
- card.elements[1].config.main.url = config.url;
25
+ card.elements[0].config.main.url = config.url;
25
26
  }
26
27
  if(config.description){
27
- card.elements[0].elements[0].elements[1].config.main.heading = config.description;
28
+ card.elements[3].config.main.heading = config.description;
29
+ }
30
+ if(config.value){
31
+ card.elements[2].config.main.heading = config.value;
28
32
  }
29
-
30
-
31
-
32
33
  return card;
33
34
  }
package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts CHANGED
@@ -21,7 +21,9 @@ export const buildMultiSelect = (config, componentScope) => {
21
21
  if (config.lazyLoading) {
22
22
  multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
23
23
  }
24
-
24
+ if (config.style) {
25
+ multipleSelect.config.style = JSON.parse(config.style)
26
+ }
25
27
 
26
28
  return multipleSelect;
27
29
  }
package/src/impaktapps-ui-builder/builder/build/buildSelect.ts CHANGED
@@ -19,6 +19,9 @@ export const buildSelect = (config: any, componentScope: string) => {
19
19
  }
20
20
  if (config.layout) {
21
21
  selectInputField.config.layout = createLayoutFormat(config.layout)
22
+ }
23
+ if (config.style) {
24
+ selectInputField.config.style = JSON.parse(config.style)
22
25
  }
23
26
  selectInputField.scope = componentScope;
24
27
  return selectInputField;
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -396,9 +396,10 @@ export const buildPropertiesSection = function (type: String) {
396
396
  uiSchema.elements = [
397
397
  getInputField("url", "Image Url"),
398
398
  getInputField("label", "Label"),
399
+ getInputField("value", "Value"),
399
400
  getInputField("titleIcon", "Unicode of Icon for title"),
400
401
  getInputField("description", "Description"),
401
- emptyBox("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
402
+ emptyBox("cardEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
402
403
  ];
403
404
  break;
404
405
  case "Button":