impaktapps-ui-builder 0.0.101-alpha.268 → 0.0.101-alpha.269

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 (17) hide show
  1. package/dist/impaktapps-ui-builder.es.js +205 -230
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +71 -83
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +37 -50
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +26 -10
  10. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +95 -49
  11. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +118 -118
  12. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  13. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +114 -60
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +8 -0
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +118 -63
  16. package/src/impaktapps-ui-builder/builder/services/component.ts +10 -7
  17. package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -1
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/table.ts CHANGED
@@ -9,6 +9,7 @@ export default {
9
9
  main: {
10
10
  onMount: "onMount",
11
11
  enableExpandAll: true,
12
+ headerIcons:{},
12
13
  allRowData: [],
13
14
  downloadAllData: false,
14
15
  columns: {
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -7,68 +7,122 @@ export const ValidationSection = {
7
7
  }
8
8
  },
9
9
  elements: [
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",
21
- },
22
- style: {
23
- marginLeft: "-24px",
24
- marginBottom: "24px !important",
25
- labelStyle: {
26
- marginLeft: "24px",
27
- },
28
- detailsStyle: {
29
- marginLeft: "24px",
30
- }
31
- }
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",
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",
50
22
 
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
- },
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
+ ],
59
58
  },
60
59
  },
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
- },
60
+
61
+ },
62
+
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
+
73
127
  ]
74
128
  };
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -1,3 +1,4 @@
1
+ //headerIcons //action //elements
1
2
  export const ComponentSchema: any = {
2
3
  type: "object",
3
4
  properties: {
@@ -44,6 +45,13 @@ export const ComponentSchema: any = {
44
45
  { title: "Phone Input", const: "PhoneInput" }
45
46
  ]
46
47
  },
48
+ elementType: {
49
+ oneOf: [
50
+ { title: "Table Action Element", const: "action" },
51
+ { title: "Table Header Element", const: "tableHeader" },
52
+ { title: "Table Element", const: "element" },
53
+ ]
54
+ },
47
55
  columnFormat: {
48
56
  oneOf: [
49
57
  { title: "Date Column", const: "date" },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -100,74 +100,129 @@ 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",
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
137
 
138
- },
139
- },
140
- },
141
- {
142
- type: "Control",
143
- scope: "#/properties/value",
138
+ // },
139
+ // },
140
+ // },
141
+ // {
142
+ // type: "Control",
143
+ // scope: "#/properties/value",
144
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.",
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
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",
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
+ {
172
+ type: "Control",
173
+ scope: "#/properties/layout",
174
+ 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.",
208
+
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
+ ],
167
223
  },
168
224
  },
169
- ],
170
- },
225
+ },
171
226
  ],
172
227
  },
173
228
  ],
package/src/impaktapps-ui-builder/builder/services/component.ts CHANGED
@@ -143,16 +143,19 @@ export function refreshPage(type: string, store: any) {
143
143
  },
144
144
  },
145
145
  UiSchema.elements[0].elements[0].elements[9] =
146
- {
146
+ {
147
147
  type: "Control",
148
- scope: "#/properties/proc",
149
- config: {
150
- layout: { xs: 0, sm: 0, md: 4, lg: 0 },
151
- },
148
+ scope: "#/properties/elementType",
152
149
  options: {
153
- widget: "EmptyBox",
150
+ widget: "SelectInputField",
154
151
  },
155
- };
152
+ config: {
153
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
154
+ main: {
155
+ label: "Element Type",
156
+ },
157
+ },
158
+ }
156
159
  }
157
160
 
158
161
  if (sessionStorage.getItem("copiedConfig") ) {