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

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 (10) hide show
  1. package/dist/impaktapps-ui-builder.es.js +798 -860
  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 +132 -195
  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/uischema/buildPropertiesSection.ts +2 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +123 -188
  10. 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
@@ -19,7 +19,8 @@ export default function Card(theme: any): {
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;
@@ -39,220 +40,156 @@ export default function Card(theme: any): {
39
40
  };
40
41
  elements: ({
41
42
  type: string;
43
+ scope: string;
42
44
  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;
45
+ main: {
46
+ url: string;
47
+ heading?: undefined;
48
+ };
49
+ style: {
50
+ containerStyle: {
51
+ position: string;
52
+ top: string;
53
+ right: string;
54
+ display: string;
55
+ justifyContent: string;
56
+ alignItems: string;
53
57
  };
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
- };
58
+ imageStyle: {
59
+ width: string;
60
+ height: string;
61
+ padding: string;
62
+ margin: string;
68
63
  };
69
- layout: number;
64
+ color?: undefined;
65
+ fontSize?: undefined;
66
+ fontWeight?: undefined;
67
+ justifyContent?: undefined;
68
+ background?: undefined;
69
+ margin?: undefined;
70
+ marginTop?: undefined;
71
+ marginBottom?: undefined;
72
+ maxWidth?: undefined;
73
+ whiteSpace?: undefined;
74
+ overflowX?: undefined;
75
+ scrollbarWidth?: undefined;
76
+ "&::-webkit-scrollbar"?: undefined;
77
+ display?: undefined;
78
+ width?: undefined;
79
+ lineHeight?: undefined;
80
+ paddingLeft?: undefined;
70
81
  };
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;
82
+ };
83
+ options: {
84
+ widget: string;
85
+ };
86
+ } | {
87
+ type: string;
88
+ scope: string;
89
+ config: {
90
+ main: {
91
+ heading: string;
92
+ url?: undefined;
93
+ };
94
+ style: {
95
+ color: string;
96
+ fontSize: string;
97
+ fontWeight: string;
98
+ justifyContent: string;
99
+ background: string;
100
+ margin: string;
101
+ marginTop: string;
102
+ marginBottom: string;
103
+ maxWidth: string;
104
+ whiteSpace: string;
105
+ overflowX: string;
106
+ scrollbarWidth: string;
107
+ "&::-webkit-scrollbar": {
108
+ display: string;
111
109
  };
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;
110
+ containerStyle?: undefined;
111
+ imageStyle?: undefined;
112
+ display?: undefined;
113
+ width?: undefined;
114
+ lineHeight?: undefined;
115
+ paddingLeft?: undefined;
116
+ };
117
+ };
118
+ options: {
119
+ widget: string;
120
+ };
121
+ } | {
122
+ type: string;
123
+ scope: string;
124
+ config: {
125
+ main: {
126
+ heading: string;
127
+ url?: undefined;
128
+ };
129
+ style: {
130
+ color: string;
131
+ display: string;
132
+ fontSize: {
133
+ xs: string;
134
+ md: string;
221
135
  };
222
- options: {
223
- widget: string;
136
+ fontWeight: string;
137
+ background: string;
138
+ justifyContent: string;
139
+ width: string;
140
+ margin: string;
141
+ marginBottom: string;
142
+ lineHeight: string;
143
+ maxWidth: string;
144
+ whiteSpace: string;
145
+ overflowX: string;
146
+ scrollbarWidth: string;
147
+ "&::-webkit-scrollbar": {
148
+ display: string;
224
149
  };
225
- elements?: undefined;
226
- })[];
227
- }[];
228
- scope?: undefined;
229
- options?: undefined;
150
+ containerStyle?: undefined;
151
+ imageStyle?: undefined;
152
+ marginTop?: undefined;
153
+ paddingLeft?: undefined;
154
+ };
155
+ };
156
+ options: {
157
+ widget: string;
158
+ };
230
159
  } | {
231
160
  type: string;
232
161
  scope: string;
233
162
  config: {
234
163
  main: {
235
- url: string;
164
+ heading: string;
165
+ url?: undefined;
236
166
  };
237
167
  style: {
238
- containerStyle: {
239
- height: string;
168
+ color: string;
169
+ fontSize: string;
170
+ fontWeight: string;
171
+ justifyContent: string;
172
+ background: string;
173
+ margin: string;
174
+ paddingLeft: string;
175
+ maxWidth: string;
176
+ whiteSpace: string;
177
+ overflowX: string;
178
+ scrollbarWidth: string;
179
+ "&::-webkit-scrollbar": {
240
180
  display: string;
241
- justifyContent: string;
242
- };
243
- imageStyle: {
244
- width: string;
245
- fontSize: string;
246
- padding: string;
247
- margin: string;
248
- height: string;
249
181
  };
182
+ containerStyle?: undefined;
183
+ imageStyle?: undefined;
184
+ marginTop?: undefined;
185
+ marginBottom?: undefined;
186
+ display?: undefined;
187
+ width?: undefined;
188
+ lineHeight?: undefined;
250
189
  };
251
- layout: number;
252
190
  };
253
191
  options: {
254
192
  widget: string;
255
193
  };
256
- elements?: undefined;
257
194
  })[];
258
195
  };
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.2",
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/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":