impaktapps-ui-builder 0.0.101-alpha.12 → 0.0.101-alpha.13

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.
@@ -1,12 +1,16 @@
1
1
  export declare const CoreSection: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: ({
4
10
  type: string;
5
11
  scope: string;
6
12
  options: {
7
13
  widget: string;
8
- elementLabelProp?: undefined;
9
- detail?: undefined;
10
14
  };
11
15
  config: {
12
16
  layout: {
@@ -18,17 +22,15 @@ export declare const CoreSection: {
18
22
  main: {
19
23
  label: string;
20
24
  type: string;
25
+ required?: undefined;
26
+ childElementLabel?: undefined;
21
27
  };
28
+ style?: undefined;
22
29
  };
23
- layout?: undefined;
30
+ elements?: undefined;
24
31
  } | {
25
32
  type: string;
26
33
  scope: string;
27
- options: {
28
- widget: string;
29
- elementLabelProp?: undefined;
30
- detail?: undefined;
31
- };
32
34
  config: {
33
35
  layout: {
34
36
  xs: number;
@@ -36,15 +38,19 @@ export declare const CoreSection: {
36
38
  md: number;
37
39
  lg: number;
38
40
  };
39
- main: {
40
- label: string;
41
- type?: undefined;
42
- };
41
+ main?: undefined;
42
+ style?: undefined;
43
43
  };
44
- layout?: undefined;
44
+ options: {
45
+ widget: string;
46
+ };
47
+ elements?: undefined;
45
48
  } | {
46
49
  type: string;
47
50
  scope: string;
51
+ options: {
52
+ widget: string;
53
+ };
48
54
  config: {
49
55
  layout: {
50
56
  xs: number;
@@ -52,98 +58,95 @@ export declare const CoreSection: {
52
58
  md: number;
53
59
  lg: number;
54
60
  };
55
- main?: undefined;
56
- };
57
- options: {
58
- widget: string;
59
- elementLabelProp?: undefined;
60
- detail?: undefined;
61
+ main: {
62
+ label: string;
63
+ required: boolean;
64
+ type?: undefined;
65
+ childElementLabel?: undefined;
66
+ };
67
+ style?: undefined;
61
68
  };
62
- layout?: undefined;
69
+ elements?: undefined;
63
70
  } | {
64
71
  type: string;
65
72
  scope: string;
66
- layout: number;
67
73
  options: {
68
- elementLabelProp: string;
69
- detail: {
70
- type: string;
71
- elements: ({
72
- type: string;
73
- scope: string;
74
- options: {
75
- widget: string;
76
- };
77
- config: {
78
- layout: {
79
- xs: number;
80
- sm: number;
81
- md: number;
82
- lg: number;
83
- };
84
- main: {
85
- label: string;
86
- type?: undefined;
87
- helperText?: undefined;
88
- errorMessage?: undefined;
89
- };
90
- };
91
- } | {
92
- type: string;
93
- scope: string;
94
- options: {
95
- widget: string;
96
- };
97
- config: {
98
- layout: {
99
- xs: number;
100
- sm: number;
101
- md: number;
102
- lg: number;
103
- };
104
- main: {
105
- label: string;
106
- type: string;
107
- helperText: string;
108
- errorMessage: string;
109
- };
110
- };
111
- } | {
112
- type: string;
113
- scope: string;
114
- config: {
115
- layout: {
116
- xs: number;
117
- sm: number;
118
- md: number;
119
- lg: number;
120
- };
121
- main?: undefined;
122
- };
123
- options: {
124
- widget: string;
125
- };
126
- })[];
74
+ widget: string;
75
+ };
76
+ config: {
77
+ layout: number;
78
+ main: {
79
+ label: string;
80
+ childElementLabel: string;
81
+ type?: undefined;
82
+ required?: undefined;
83
+ };
84
+ style: {
85
+ marginLeft: string;
86
+ marginBottom: string;
87
+ labelStyle: {
88
+ marginLeft: string;
89
+ };
90
+ detailsStyle: {
91
+ marginLeft: string;
92
+ };
127
93
  };
128
- widget?: undefined;
129
94
  };
130
- config?: undefined;
131
- })[];
132
- };
133
- export declare const OptionArray: any;
134
- export declare const OptionArraySchema: {
135
- value: {
136
- type: string;
137
- items: {
95
+ elements: ({
138
96
  type: string;
139
- properties: {
140
- label: {
141
- type: string;
97
+ scope: string;
98
+ options: {
99
+ widget: string;
100
+ };
101
+ config: {
102
+ layout: {
103
+ xs: number;
104
+ sm: number;
105
+ md: number;
106
+ lg: number;
107
+ };
108
+ main: {
109
+ label: string;
110
+ type?: undefined;
111
+ helperText?: undefined;
112
+ errorMessage?: undefined;
142
113
  };
143
- value: {
114
+ };
115
+ } | {
116
+ type: string;
117
+ scope: string;
118
+ options: {
119
+ widget: string;
120
+ };
121
+ config: {
122
+ layout: {
123
+ xs: number;
124
+ sm: number;
125
+ md: number;
126
+ lg: number;
127
+ };
128
+ main: {
129
+ label: string;
144
130
  type: string;
131
+ helperText: string;
132
+ errorMessage: string;
145
133
  };
146
134
  };
147
- };
148
- };
135
+ } | {
136
+ type: string;
137
+ scope: string;
138
+ config: {
139
+ layout: {
140
+ xs: number;
141
+ sm: number;
142
+ md: number;
143
+ lg: number;
144
+ };
145
+ main?: undefined;
146
+ };
147
+ options: {
148
+ widget: string;
149
+ };
150
+ })[];
151
+ })[];
149
152
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.12",
3
+ "version": "0.0.101-alpha.13",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -1,5 +1,11 @@
1
1
  export const CoreSection = {
2
- type: "HorizontalLayout",
2
+ type: "WrapperLayout",
3
+ config: {
4
+ main: {
5
+ label: " ",
6
+ gap: "8px"
7
+ }
8
+ },
3
9
  elements: [
4
10
  {
5
11
  type: "Control",
@@ -9,13 +15,23 @@ export const CoreSection = {
9
15
  widget: "SelectInputField",
10
16
  },
11
17
  config: {
12
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
18
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
13
19
  main: {
14
20
  label: "Type",
15
21
  type: "text",
16
22
  },
17
23
  },
18
24
  },
25
+ {
26
+ type: "Control",
27
+ scope: "#/properties/proc",
28
+ config: {
29
+ layout: { xs: 6, sm: 0, md: 0, lg: 0 },
30
+ },
31
+ options: {
32
+ widget: "EmptyBox",
33
+ },
34
+ },
19
35
  {
20
36
  type: "Control",
21
37
  scope: "#/properties/name",
@@ -24,9 +40,10 @@ export const CoreSection = {
24
40
  widget: "InputField",
25
41
  },
26
42
  config: {
27
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
43
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
28
44
  main: {
29
- label: "Name",
45
+ label: "Component ID",
46
+ required: true,
30
47
  },
31
48
  },
32
49
  },
@@ -38,123 +55,130 @@ export const CoreSection = {
38
55
  widget: "InputField",
39
56
  },
40
57
  config: {
41
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
58
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
42
59
  main: {
43
60
  label: "Label",
61
+ required: true,
44
62
  },
45
63
  },
46
64
  },
47
- {
48
- type: "Control",
49
- scope: "#/properties/columnFormat",
50
- options: {
51
- widget: "SelectInputField",
52
- },
53
- config: {
54
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
55
- main: {
56
- label: "Column Format",
65
+ // {
66
+ // type: "Control",
67
+ // scope: "#/properties/columnFormat",
68
+ // options: {
69
+ // widget: "SelectInputField",
70
+ // },
71
+ // config: {
72
+ // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
73
+ // main: {
74
+ // label: "Column Format",
57
75
 
58
- },
59
- },
60
- },
61
- {
62
- type: "Control",
63
- scope: "#/properties/proc",
64
- config: {
65
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
66
- },
67
- options: {
68
- widget: "EmptyBox",
69
- },
70
- },
76
+ // },
77
+ // },
78
+ // },
71
79
  {
72
80
  type: "Control",
73
81
  scope: "#/properties/proc",
74
82
  config: {
75
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
83
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
76
84
  },
77
85
  options: {
78
86
  widget: "EmptyBox",
79
87
  },
80
88
  },
89
+ // {
90
+ // type: "Control",
91
+ // scope: "#/properties/layout",
92
+ // layout: 12,
93
+ // options: {
94
+ // "elementLabelProp": "key",
95
+ // detail: {
96
+ // type: "HorizontalLayout",
97
+
98
+ // elements: [
99
+ // {
100
+ // type: "Control",
101
+ // scope: "#/properties/key",
102
+ // options: {
103
+ // widget: "SelectInputField",
104
+ // },
105
+ // config: {
106
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
107
+ // main: {
108
+ // label: "Screen Size",
109
+
110
+ // },
111
+ // },
112
+ // },
113
+ // {
114
+ // type: "Control",
115
+ // scope: "#/properties/value",
116
+
117
+ // options: {
118
+ // widget: "InputField",
119
+ // },
120
+ // config: {
121
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
122
+ // main: {
123
+ // label: "Value",
124
+ // type:"number",
125
+ // // freeSolo:true,
126
+ // helperText:'Number should be in range of 0 to 12',
127
+ // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
128
+ // },
129
+ // },
130
+ // },
131
+ // {
132
+ // type: "Control",
133
+ // scope: "#/properties/proc",
134
+ // config: {
135
+ // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
136
+ // },
137
+ // options: {
138
+ // widget: "EmptyBox",
139
+ // },
140
+ // },
141
+ // ],
142
+ // },
143
+ // },
144
+ // },
145
+
146
+
81
147
  {
82
148
  type: "Control",
83
149
  scope: "#/properties/layout",
84
- layout: 12,
85
150
  options: {
86
- "elementLabelProp": "key",
87
- detail: {
88
- type: "HorizontalLayout",
89
-
90
- elements: [
91
- {
92
- type: "Control",
93
- scope: "#/properties/key",
94
- options: {
95
- widget: "SelectInputField",
96
- },
97
- config: {
98
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
99
- main: {
100
- label: "Screen Size",
101
-
102
- },
103
- },
104
- },
105
- {
106
- type: "Control",
107
- scope: "#/properties/value",
108
-
109
- options: {
110
- widget: "InputField",
111
- },
112
- config: {
113
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
114
- main: {
115
- label: "Value",
116
- type:"number",
117
- // freeSolo:true,
118
- helperText:'Number should be in range of 0 to 12',
119
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
120
- },
121
- },
122
- },
123
- {
124
- type: "Control",
125
- scope: "#/properties/proc",
126
- config: {
127
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
128
- },
129
- options: {
130
- widget: "EmptyBox",
131
- },
132
- },
133
- ],
151
+ widget: "Array",
152
+ },
153
+ config: {
154
+ layout: 12,
155
+ main: {
156
+ label: "Layout",
157
+ childElementLabel: "Layout",
134
158
  },
159
+ style: {
160
+ marginLeft: "-24px",
161
+ marginBottom: "24px !important",
162
+ labelStyle: {
163
+ marginLeft: "24px",
164
+ },
165
+ detailsStyle: {
166
+ marginLeft: "24px",
167
+ }
168
+ }
135
169
  },
136
- },
137
- ],
138
- };
139
-
140
- export const OptionArray: any = {
141
- type: "Control",
142
- scope: "#/properties/value",
143
- layout: 11.5,
144
- options: {
145
- detail: {
146
- type: "HorizontalLayout",
147
170
  elements: [
148
171
  {
149
172
  type: "Control",
150
- scope: "#/properties/label",
173
+ scope: "#/properties/key",
151
174
  options: {
152
175
  widget: "SelectInputField",
153
176
  },
154
177
  config: {
155
178
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
156
179
  main: {
157
- label: "Label",
180
+ label: "Screen Size",
181
+
158
182
  },
159
183
  },
160
184
  },
@@ -169,29 +193,84 @@ export const OptionArray: any = {
169
193
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
170
194
  main: {
171
195
  label: "Value",
172
- helperText: 'Number should be in range of 0 to 12',
173
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
196
+ type:"number",
197
+ // freeSolo:true,
198
+ helperText:'Number should be in range of 0 to 12',
199
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
200
+
174
201
  },
175
202
  },
176
203
  },
204
+ {
205
+ type: "Control",
206
+ scope: "#/properties/proc",
207
+ config: {
208
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
209
+ },
210
+ options: {
211
+ widget: "EmptyBox",
212
+ },
213
+ },
177
214
  ],
178
215
  },
179
- },
216
+ ],
180
217
  };
181
218
 
182
- export const OptionArraySchema = {
183
- value: {
184
- type: "array",
185
- items: {
186
- type: "object",
187
- properties: {
188
- label: {
189
- type: "string",
190
- },
191
- value: {
192
- type: "string",
193
- },
194
- },
195
- },
196
- },
197
- };
219
+ // export const OptionArray: any = {
220
+ // type: "Control",
221
+ // scope: "#/properties/value",
222
+ // layout: 11.5,
223
+ // options: {
224
+ // detail: {
225
+ // type: "HorizontalLayout",
226
+ // elements: [
227
+ // {
228
+ // type: "Control",
229
+ // scope: "#/properties/label",
230
+ // options: {
231
+ // widget: "SelectInputField",
232
+ // },
233
+ // config: {
234
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
235
+ // main: {
236
+ // label: "Label",
237
+ // },
238
+ // },
239
+ // },
240
+ // {
241
+ // type: "Control",
242
+ // scope: "#/properties/value",
243
+
244
+ // options: {
245
+ // widget: "InputField",
246
+ // },
247
+ // config: {
248
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
249
+ // main: {
250
+ // label: "Value",
251
+ // helperText: 'Number should be in range of 0 to 12',
252
+ // errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
253
+ // },
254
+ // },
255
+ // },
256
+ // ],
257
+ // },
258
+ // },
259
+ // };
260
+
261
+ // export const OptionArraySchema = {
262
+ // value: {
263
+ // type: "array",
264
+ // items: {
265
+ // type: "object",
266
+ // properties: {
267
+ // label: {
268
+ // type: "string",
269
+ // },
270
+ // value: {
271
+ // type: "string",
272
+ // },
273
+ // },
274
+ // },
275
+ // },
276
+ // };
@@ -1,5 +1,3 @@
1
- import { OptionArray } from "./coreSection";
2
-
3
1
  export const ValueTab = {
4
2
  type: "HorizontalLayout",
5
3
  elements: [
@@ -89,8 +89,6 @@ export const componentBasicUiSchema: any = (theme)=>{
89
89
  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
90
90
  main: {
91
91
  label: "Component ID",
92
- options: [],
93
- color: "secondary",
94
92
  required: true,
95
93
  },
96
94
  },