impaktapps-ui-builder 0.0.101-alpha.267 → 0.0.101-alpha.272

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +227 -178
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +7 -7
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +83 -71
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +50 -37
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -95
  9. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +118 -118
  10. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +60 -114
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +63 -118
  12. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -5
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -86,132 +86,132 @@ export const CoreSection = {
86
86
  widget: "EmptyBox",
87
87
  },
88
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
-
147
89
  // {
148
90
  // type: "Control",
149
91
  // scope: "#/properties/layout",
92
+ // layout: 12,
150
93
  // options: {
151
- // widget: "Array",
152
- // },
153
- // config: {
154
- // layout: 12,
155
- // main: {
156
- // label: "Layout",
157
- // childElementLabel: "Layout",
158
- // },
159
- // style: {
160
- // marginLeft: "-24px",
161
- // marginBottom: "24px !important",
162
- // labelStyle: {
163
- // marginLeft: "24px",
164
- // },
165
- // detailsStyle: {
166
- // marginLeft: "24px",
167
- // }
168
- // }
169
- // },
170
- // elements: [
171
- // {
172
- // type: "Control",
173
- // scope: "#/properties/key",
174
- // options: {
175
- // widget: "SelectInputField",
176
- // },
177
- // config: {
178
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
179
- // main: {
180
- // label: "Screen Size",
181
-
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
+ // },
182
112
  // },
183
- // },
184
- // },
185
- // {
186
- // type: "Control",
187
- // scope: "#/properties/value",
113
+ // {
114
+ // type: "Control",
115
+ // scope: "#/properties/value",
188
116
 
189
- // options: {
190
- // widget: "InputField",
191
- // },
192
- // config: {
193
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
194
- // main: {
195
- // label: "Value",
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
-
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
+ // },
201
130
  // },
202
- // },
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
- // },
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
+ // ],
213
142
  // },
214
- // ],
143
+ // },
215
144
  // },
145
+
146
+
147
+ {
148
+ type: "Control",
149
+ scope: "#/properties/layout",
150
+ options: {
151
+ widget: "Array",
152
+ },
153
+ config: {
154
+ layout: 12,
155
+ main: {
156
+ label: "Layout",
157
+ childElementLabel: "Layout",
158
+ },
159
+ style: {
160
+ marginLeft: "-24px",
161
+ marginBottom: "24px !important",
162
+ labelStyle: {
163
+ marginLeft: "24px",
164
+ },
165
+ detailsStyle: {
166
+ marginLeft: "24px",
167
+ }
168
+ }
169
+ },
170
+ elements: [
171
+ {
172
+ type: "Control",
173
+ scope: "#/properties/key",
174
+ options: {
175
+ widget: "SelectInputField",
176
+ },
177
+ config: {
178
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
179
+ main: {
180
+ label: "Screen Size",
181
+
182
+ },
183
+ },
184
+ },
185
+ {
186
+ type: "Control",
187
+ scope: "#/properties/value",
188
+
189
+ options: {
190
+ widget: "InputField",
191
+ },
192
+ config: {
193
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
194
+ main: {
195
+ label: "Value",
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
+
201
+ },
202
+ },
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
+ },
214
+ ],
215
+ },
216
216
  ],
217
217
  };
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -7,122 +7,68 @@ export const ValidationSection = {
7
7
  }
8
8
  },
9
9
  elements: [
10
- {
11
- type: "Control",
12
- scope: "#/properties/validation",
13
- layout: 11.5,
14
- options: {
15
- "elementLabelProp": "validationType",
16
- detail: {
17
- type: "HorizontalLayout",
18
- elements: [
19
- {
20
- type: "Control",
21
- scope: "#/properties/validationType",
22
-
23
- options: {
24
- widget: "SelectInputField",
25
- },
26
- config: {
27
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
28
- main: {
29
- label: "Validation Type",
30
- },
31
- },
32
- },
33
- {
34
- type: "Control",
35
- scope: "#/properties/validationValue",
36
-
37
- options: {
38
- widget: "InputField",
39
- },
40
- config: {
41
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
42
- main: {
43
- label: "Validation Value",
44
- },
45
- },
46
- },
47
- {
48
- type: "Control",
49
- scope: "#/properties/emptyBox",
50
- options: {
51
- widget: "EmptyBox"
52
- },
53
- config: {
54
- layout: {xs: 0, sm: 0, md: 4}
55
- }
56
- }
57
- ],
58
- },
10
+ {
11
+ type: "Control",
12
+ scope: "#/properties/validation",
13
+ options: {
14
+ widget: "Array",
15
+ },
16
+ config: {
17
+ layout: 12,
18
+ main: {
19
+ label: "Validation",
20
+ childElementLabel: "Validation",
59
21
  },
60
-
22
+ style: {
23
+ marginLeft: "-24px",
24
+ marginBottom: "24px !important",
25
+ labelStyle: {
26
+ marginLeft: "24px",
27
+ },
28
+ detailsStyle: {
29
+ marginLeft: "24px",
30
+ }
31
+ }
61
32
  },
33
+ elements: [
34
+ {
35
+ type: "Control",
36
+ scope: "#/properties/validationType",
37
+ options: {
38
+ widget: "SelectInputField",
39
+ },
40
+ config: {
41
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
42
+ main: {
43
+ label: "Validation Type",
44
+ },
45
+ },
46
+ },
47
+ {
48
+ type: "Control",
49
+ scope: "#/properties/validationValue",
62
50
 
63
- // {
64
- // type: "Control",
65
- // scope: "#/properties/validation",
66
- // options: {
67
- // widget: "Array",
68
- // },
69
- // config: {
70
- // layout: 12,
71
- // main: {
72
- // label: "Validation",
73
- // childElementLabel: "Validation",
74
- // },
75
- // style: {
76
- // marginLeft: "-24px",
77
- // marginBottom: "24px !important",
78
- // labelStyle: {
79
- // marginLeft: "24px",
80
- // },
81
- // detailsStyle: {
82
- // marginLeft: "24px",
83
- // }
84
- // }
85
- // },
86
- // elements: [
87
- // {
88
- // type: "Control",
89
- // scope: "#/properties/validationType",
90
- // options: {
91
- // widget: "SelectInputField",
92
- // },
93
- // config: {
94
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
95
- // main: {
96
- // label: "Validation Type",
97
- // },
98
- // },
99
- // },
100
- // {
101
- // type: "Control",
102
- // scope: "#/properties/validationValue",
103
-
104
- // options: {
105
- // widget: "InputField",
106
- // },
107
- // config: {
108
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
109
- // main: {
110
- // label: "Validation Value",
111
- // },
112
- // },
113
- // },
114
- // {
115
- // type: "Control",
116
- // scope: "#/properties/emptyBox",
117
- // options: {
118
- // widget: "EmptyBox"
119
- // },
120
- // config: {
121
- // layout: {xs: 0, sm: 0, md: 4, lg: 4}
122
- // }
123
- // }
124
- // ],
125
- // },
126
-
51
+ options: {
52
+ widget: "InputField",
53
+ },
54
+ config: {
55
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
56
+ main: {
57
+ label: "Validation Value",
58
+ },
59
+ },
60
+ },
61
+ {
62
+ type: "Control",
63
+ scope: "#/properties/emptyBox",
64
+ options: {
65
+ widget: "EmptyBox"
66
+ },
67
+ config: {
68
+ layout: {xs: 0, sm: 0, md: 4, lg: 4}
69
+ }
70
+ }
71
+ ],
72
+ },
127
73
  ]
128
74
  };
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -100,129 +100,74 @@ export const componentBasicUiSchema: any = (theme) => {
100
100
  widget: "EmptyBox",
101
101
  },
102
102
  },
103
- // {
104
- // type: "Control",
105
- // scope: "#/properties/layout",
106
- // options: {
107
- // widget: "Array",
108
- // },
109
- // config: {
110
- // layout: 12,
111
- // main: {
112
- // label: "Layout",
113
- // childElementLabel: "Layout",
114
- // },
115
- // style: {
116
- // marginLeft: "-24px",
117
- // marginBottom: "24px !important",
118
- // labelStyle: {
119
- // marginLeft: "24px",
120
- // },
121
- // detailsStyle: {
122
- // marginLeft: "24px",
123
- // }
124
- // }
125
- // },
126
- // elements: [
127
- // {
128
- // type: "Control",
129
- // scope: "#/properties/key",
130
- // options: {
131
- // widget: "SelectInputField",
132
- // },
133
- // config: {
134
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
135
- // main: {
136
- // label: "Screen Size",
137
-
138
- // },
139
- // },
140
- // },
141
- // {
142
- // type: "Control",
143
- // scope: "#/properties/value",
144
-
145
- // options: {
146
- // widget: "InputField",
147
- // },
148
- // config: {
149
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
150
- // main: {
151
- // label: "Value",
152
- // type:"number",
153
- // helperText:'Number should be in range of 0 to 12',
154
- // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
155
-
156
- // },
157
- // },
158
- // },
159
- // {
160
- // type: "Control",
161
- // scope: "#/properties/proc",
162
- // config: {
163
- // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
164
- // },
165
- // options: {
166
- // widget: "EmptyBox",
167
- // },
168
- // },
169
- // ],
170
- // },
171
103
  {
172
- type: "Control",
173
- scope: "#/properties/layout",
104
+ type: "Control",
105
+ scope: "#/properties/layout",
106
+ options: {
107
+ widget: "Array",
108
+ },
109
+ config: {
174
110
  layout: 12,
175
- options: {
176
- detail: {
177
- type: "HorizontalLayout",
178
- elements: [
179
- {
180
- type: "Control",
181
- scope: "#/properties/key",
182
- options: {
183
- widget: "SelectInputField",
184
- },
185
- config: {
186
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
187
- main: {
188
- label: "Screen Size",
189
-
190
- },
191
- },
192
- },
193
- {
194
- type: "Control",
195
- scope: "#/properties/value",
196
-
197
- options: {
198
- widget: "InputField",
199
- },
200
- config: {
201
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
202
- main: {
203
- label: "Value",
204
- type: "number",
205
- // freeSolo:true,
206
- helperText: 'Number should be in range of 0 to 12',
207
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
111
+ main: {
112
+ label: "Layout",
113
+ childElementLabel: "Layout",
114
+ },
115
+ style: {
116
+ marginLeft: "-24px",
117
+ marginBottom: "24px !important",
118
+ labelStyle: {
119
+ marginLeft: "24px",
120
+ },
121
+ detailsStyle: {
122
+ marginLeft: "24px",
123
+ }
124
+ }
125
+ },
126
+ elements: [
127
+ {
128
+ type: "Control",
129
+ scope: "#/properties/key",
130
+ options: {
131
+ widget: "SelectInputField",
132
+ },
133
+ config: {
134
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
135
+ main: {
136
+ label: "Screen Size",
137
+
138
+ },
139
+ },
140
+ },
141
+ {
142
+ type: "Control",
143
+ scope: "#/properties/value",
208
144
 
209
- },
210
- },
211
- },
212
- {
213
- type: "Control",
214
- scope: "#/properties/proc",
215
- config: {
216
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
217
- },
218
- options: {
219
- widget: "EmptyBox",
220
- },
221
- },
222
- ],
145
+ options: {
146
+ widget: "InputField",
147
+ },
148
+ config: {
149
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
150
+ main: {
151
+ label: "Value",
152
+ type:"number",
153
+ helperText:'Number should be in range of 0 to 12',
154
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
155
+
156
+ },
223
157
  },
224
158
  },
225
- },
159
+ {
160
+ type: "Control",
161
+ scope: "#/properties/proc",
162
+ config: {
163
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
164
+ },
165
+ options: {
166
+ widget: "EmptyBox",
167
+ },
168
+ },
169
+ ],
170
+ },
226
171
  ],
227
172
  },
228
173
  ],
package/src/impaktapps-ui-builder/runtime/services/service.ts CHANGED
@@ -80,16 +80,16 @@ export default (funcParams: funcParamsProps) => {
80
80
  funcParams.store.setFormdata({});
81
81
  funcParams.store.setSchema({ type: "object", properties: {} });
82
82
  funcParams.store.newData = {};
83
- const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
84
- if (pageBasicDetailString) {
85
- pageData = JSON.parse(pageBasicDetailString)
86
- } else {
83
+ // const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
84
+ // if (pageBasicDetailString) {
85
+ // pageData = JSON.parse(pageBasicDetailString)
86
+ // } else {
87
87
  pageData = await funcParams.pageDataProvider();
88
88
  sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
89
89
  schema: pageData?.schema,
90
90
  uiSchema: pageData?.uiSchema, config: pageData?.config
91
91
  }))
92
- }
92
+ // }
93
93
  const config = pageData?.config;
94
94
  const uiSchema = pageData?.uiSchema;
95
95
  const event = new CustomEvent('pageNameChanged', {