impaktapps-ui-builder 1.0.146 → 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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +821 -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 +152 -197
  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/uischema/buildPropertiesSection.ts +3 -3
  10. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +129 -185
  11. 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,32 @@ 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
+ };
12
+ componentsBoxStyle: {
13
+ boxShadow: string;
14
+ flexDirection: string;
15
+ flexWrap: string;
16
+ width: string;
24
17
  background: string;
25
18
  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;
27
+ border: string;
28
+ "& p": {
29
+ color: string;
30
+ };
28
31
  };
29
32
  };
30
33
  };
@@ -37,204 +40,156 @@ export default function Card(theme: any): {
37
40
  };
38
41
  elements: ({
39
42
  type: string;
43
+ scope: string;
40
44
  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;
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;
55
57
  };
56
- componentsBoxStyle: {
57
- flexDirection: string;
58
- flexWrap: string;
58
+ imageStyle: {
59
59
  width: string;
60
60
  height: string;
61
- background: string;
62
- borderRadius: string;
63
- paddingRight: number;
61
+ padding: string;
62
+ margin: string;
64
63
  };
65
- 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;
66
81
  };
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;
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;
93
109
  };
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;
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;
203
135
  };
204
- options: {
205
- 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;
206
149
  };
207
- elements?: undefined;
208
- })[];
209
- }[];
210
- scope?: undefined;
211
- options?: undefined;
150
+ containerStyle?: undefined;
151
+ imageStyle?: undefined;
152
+ marginTop?: undefined;
153
+ paddingLeft?: undefined;
154
+ };
155
+ };
156
+ options: {
157
+ widget: string;
158
+ };
212
159
  } | {
213
160
  type: string;
214
161
  scope: string;
215
162
  config: {
216
163
  main: {
217
- url: string;
164
+ heading: string;
165
+ url?: undefined;
218
166
  };
219
167
  style: {
220
- containerStyle: {
221
- 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": {
222
180
  display: string;
223
- justifyContent: string;
224
- };
225
- imageStyle: {
226
- width: string;
227
- fontSize: string;
228
- padding: string;
229
- margin: string;
230
- height: string;
231
181
  };
182
+ containerStyle?: undefined;
183
+ imageStyle?: undefined;
184
+ marginTop?: undefined;
185
+ marginBottom?: undefined;
186
+ display?: undefined;
187
+ width?: undefined;
188
+ lineHeight?: undefined;
232
189
  };
233
- layout: number;
234
190
  };
235
191
  options: {
236
192
  widget: string;
237
193
  };
238
- elements?: undefined;
239
194
  })[];
240
195
  };
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.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/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/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
  }