impaktapps-ui-builder 1.0.147-test.8 → 1.0.148

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