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

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