impaktapps-ui-builder 1.0.146 → 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 (13) hide show
  1. package/dist/impaktapps-ui-builder.es.js +823 -881
  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 +149 -198
  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/buildFileInput.ts +0 -3
  9. package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +3 -1
  10. package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +3 -0
  11. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -3
  12. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +130 -185
  13. 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
@@ -2,29 +2,28 @@ export default function Card(theme: any): {
2
2
  type: string;
3
3
  config: {
4
4
  main: {};
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": {
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;
24
18
  background: string;
25
- border: string;
26
- "& p": {
27
- color: string;
19
+ borderRadius: string;
20
+ padding: string;
21
+ height: string;
22
+ minHeight: string;
23
+ position: string;
24
+ marginLeft: string;
25
+ "&: hover": {
26
+ background: string;
28
27
  };
29
28
  };
30
29
  };
@@ -37,204 +36,156 @@ export default function Card(theme: any): {
37
36
  };
38
37
  elements: ({
39
38
  type: string;
39
+ scope: string;
40
40
  config: {
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;
51
- };
52
- wrapperStyle: {
53
- background: string;
54
- marginBottom: 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;
55
53
  };
56
- componentsBoxStyle: {
57
- flexDirection: string;
58
- flexWrap: string;
54
+ imageStyle: {
59
55
  width: string;
60
56
  height: string;
61
- background: string;
62
- borderRadius: string;
63
- paddingRight: number;
57
+ padding: string;
58
+ margin: string;
64
59
  };
65
- 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;
66
77
  };
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;
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;
93
105
  };
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
- justifyContent: string;
184
- whiteSpace: string;
185
- overflowX: string;
186
- overflowY: string;
187
- scrollbarWidth: string;
188
- msOverflowStyle: string;
189
- background: string;
190
- width: string;
191
- margin: string;
192
- marginTop: {
193
- xs: string;
194
- md: string;
195
- };
196
- "&::-webkit-scrollbar": {
197
- display: string;
198
- };
199
- };
200
- layout: number;
201
- wrapperStyle?: undefined;
202
- componentsBoxStyle?: undefined;
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;
203
131
  };
204
- options: {
205
- 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;
206
145
  };
207
- elements?: undefined;
208
- })[];
209
- }[];
210
- scope?: undefined;
211
- options?: undefined;
146
+ containerStyle?: undefined;
147
+ imageStyle?: undefined;
148
+ marginTop?: undefined;
149
+ paddingLeft?: undefined;
150
+ };
151
+ };
152
+ options: {
153
+ widget: string;
154
+ };
212
155
  } | {
213
156
  type: string;
214
157
  scope: string;
215
158
  config: {
216
159
  main: {
217
- url: string;
160
+ heading: string;
161
+ url?: undefined;
218
162
  };
219
163
  style: {
220
- containerStyle: {
221
- 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": {
222
176
  display: string;
223
- justifyContent: string;
224
- };
225
- imageStyle: {
226
- width: string;
227
- fontSize: string;
228
- padding: string;
229
- margin: string;
230
- height: string;
231
177
  };
178
+ containerStyle?: undefined;
179
+ imageStyle?: undefined;
180
+ marginTop?: undefined;
181
+ marginBottom?: undefined;
182
+ display?: undefined;
183
+ width?: undefined;
184
+ lineHeight?: undefined;
232
185
  };
233
- layout: number;
234
186
  };
235
187
  options: {
236
188
  widget: string;
237
189
  };
238
- elements?: undefined;
239
190
  })[];
240
191
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.146",
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/buildFileInput.ts CHANGED
@@ -46,8 +46,5 @@ const FileInput = {
46
46
  if(config.description){
47
47
  box.config.main.description = config.description;
48
48
  }
49
- if (config.errorMessage) {
50
- box.config.main.errorMessage = config.errorMessage;
51
- }
52
49
  return box;
53
50
  }
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":
@@ -579,8 +580,7 @@ export const buildPropertiesSection = function (type: String) {
579
580
  getRadioInputField("disableDelete", "Disable Delete", ["YES", "NO"]),
580
581
  getRadioInputField("disableDownload", "Disable Download", ["YES", "NO"]),
581
582
  getInputField("description", "Enter description"),
582
- getInputField("errorMessage", "Error Message"),
583
- emptyBox("FileInputEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
583
+ emptyBox("FileInputEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
584
584
  ]
585
585
  break;
586
586
  }