impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +774 -915
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +9 -9
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +264 -308
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +361 -341
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -381
  10. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  11. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  12. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts CHANGED
@@ -2,7 +2,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
2
2
  setPage: () => Promise<void>;
3
3
  refreshPage: (handlerType: any, store: any) => void;
4
4
  getFormData: () => any;
5
- getUiSchema: () => Promise<any>;
5
+ getUiSchema: () => any;
6
6
  getSchema: () => {
7
7
  type: string;
8
8
  properties: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.10",
3
+ "version": "0.0.382-alpha.2",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,224 +1,233 @@
1
- export const componentBasicUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
5
- elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
16
-
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: {xs:12,sm:12,md:2},
26
- // main: {
27
- // heading: "Component",
28
- // },
29
- // style:{
30
- // "float":"left",
31
- // }
32
- // },
33
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
39
- // options: {
40
- // widget: "Box",
41
- // },
42
- // config: {
43
- // layout: {xs:7,sm:7,md:9},
44
- // main: {
45
- // heading: " ",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // width:"auto",
50
- // fontSize:"12px",
51
- // color:"gray",
52
- // paddingTop:"10px"
53
- // },
54
- // },
55
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
61
- // options: {
62
- // widget: "IconButton",
63
- // },
64
- // config: {
65
- // layout: {xs:2,sm:2,md:0.5},
66
- // main: {
67
- // icon: "BackIcon",
68
- // styleDefault: true,
69
- // size: "small",
70
- // onClick: "backHandler",
71
- // tooltipMessage: "Back",
72
- // },
73
- // style: {
74
- // float: "right",
75
- // },
76
- // },
77
- // },
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
78
18
 
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: {xs:12,sm:12,md:2},
24
+ main: {
25
+ heading: "Component",
26
+ },
27
+ style:{
28
+ "float":"left",
29
+ }
88
30
  },
89
31
  },
32
+
33
+ {
34
+ type: "Control",
35
+ scope: "#/properties/pageName",
36
+
37
+ options: {
38
+ widget: "Box",
39
+ },
40
+ config: {
41
+ layout: {xs:7,sm:7,md:9},
42
+ main: {
43
+ heading: " ",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ width:"auto",
48
+ fontSize:"12px",
49
+ color:"gray",
50
+ paddingTop:"10px"
51
+ },
52
+ },
53
+ },
54
+
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/Back_Button",
58
+
59
+ options: {
60
+ widget: "IconButton",
61
+ },
62
+ config: {
63
+ layout: {xs:2,sm:2,md:0.5},
64
+ main: {
65
+ icon: "BackIcon",
66
+ styleDefault: true,
67
+ size: "small",
68
+ onClick: "backHandler",
69
+ tooltipMessage: "Back",
70
+ },
71
+ style: {
72
+ float: "right",
73
+ },
74
+ },
75
+ },
76
+
77
+ ],
78
+ },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
86
+ },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
98
96
 
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
132
142
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
141
148
  },
142
149
  },
143
- {
144
- type: "Control",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
150
+ },
151
+
152
+ {
153
+ type: "Control",
154
+ scope: "#/properties/proc",
155
+ config: {
156
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
+ },
158
+ options: {
159
+ widget: "EmptyBox",
160
+ },
161
+ },
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/layout",
165
+ layout: 11.5,
166
+ options: {
167
+ detail: {
168
+ type: "HorizontalLayout",
169
+ elements: [
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/key",
173
+ options: {
174
+ widget: "SelectInputField",
175
+ },
176
+ config: {
177
+ layout: {
178
+ xs: 11,
179
+ sm: 11,
180
+ md: 5.5,
181
+ lg: 5.5,
156
182
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
183
+ main: {
184
+ label: "Screen Size",
185
+
163
186
  },
164
187
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/value",
168
192
 
169
- options: {
170
- widget: "InputField",
193
+ options: {
194
+ widget: "InputField",
195
+ },
196
+ config: {
197
+ layout: {
198
+ xs: 11,
199
+ sm: 11,
200
+ md: 5.5,
201
+ lg: 5.5,
171
202
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
-
181
- },
203
+ main: {
204
+ label: "Value",
205
+ type:"number",
206
+ // freeSolo:true,
207
+ helperText:'Number should be in range of 0 to 12',
208
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
+
182
210
  },
183
211
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
212
+ },
213
+ ],
196
214
  },
197
215
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
216
+ },
217
+ ],
218
+ },
219
+ ],
220
+ },
221
+
203
222
  {
204
223
  type: "Control",
205
- scope: "#/properties/EmptyBox",
206
- options: {
207
- widget: "EmptyBox",
208
- },
224
+ scope: "#/properties/proc",
209
225
  config: {
210
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
226
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
211
227
  },
212
- },
213
- {
214
- type: "Control",
215
- scope: "#/properties/EmptyBox",
216
228
  options: {
217
229
  widget: "EmptyBox",
218
230
  },
219
- config: {
220
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
- },
222
231
  },
223
232
  {
224
233
  type: "Control",
@@ -228,7 +237,12 @@ export const componentBasicUiSchema: any = (theme) => {
228
237
  },
229
238
 
230
239
  config: {
231
- layout: 1.8,
240
+ layout: {
241
+ xs: 11,
242
+ sm: 11,
243
+ md: 2.5,
244
+ lg: 2.5,
245
+ },
232
246
  main: {
233
247
  name: "Ok",
234
248
  startIcon: "ApproveIcon",
@@ -236,9 +250,10 @@ export const componentBasicUiSchema: any = (theme) => {
236
250
  color: "info",
237
251
  type: "text",
238
252
  onClick: "okHandler",
239
- size: "medium",
253
+ size: "small",
240
254
  },
241
255
  style: {
256
+ marginBottom: "8px",
242
257
  float: "right",
243
258
  },
244
259
  },
@@ -251,7 +266,12 @@ export const componentBasicUiSchema: any = (theme) => {
251
266
  },
252
267
 
253
268
  config: {
254
- layout: 1.8,
269
+ layout: {
270
+ xs: 11,
271
+ sm: 11,
272
+ md: 2.5,
273
+ lg: 2.5,
274
+ },
255
275
  main: {
256
276
  name: "Save & Exit",
257
277
  startIcon: "ApproveIcon",
@@ -259,127 +279,63 @@ export const componentBasicUiSchema: any = (theme) => {
259
279
  color: "info",
260
280
  type: "text",
261
281
  onClick: "saveHandler",
262
- size: "medium",
282
+ size: "small",
263
283
  },
264
284
  style: {
285
+ marginBottom: "8px",
265
286
  float: "right",
266
287
  },
267
288
  },
268
289
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
274
- },
275
- layout: 6,
290
+ {
291
+ type: "Control",
292
+ scope: "#/properties/notify",
293
+ options: {
294
+ widget: "Notify",
276
295
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- style: {
281
- position: "fixed",
282
- bottom: 5,
283
- overflow: 'visible',
284
- margin: "0",
285
- width: "100vw",
286
- }
287
- },
288
- elements: [
289
- {
290
- type: "Control",
291
- scope: "#/properties/EmptyBox",
292
- options: {
293
- widget: "EmptyBox",
294
- },
295
- config: {
296
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
297
- },
298
- },
299
- {
296
+ layout: 6,
297
+ }
298
+ ],
299
+ };
300
300
 
301
- type: "Control",
302
- scope: "#/properties/FooterText",
303
- options: {
304
- widget: "Box",
305
- },
306
- config: {
307
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
308
- main: {
309
- heading: "Copywriter@ACT21.IO"
310
- },
311
- style: {
312
- color: theme?.palette?.text.disabled || "#AFAFAF",
313
- fontSize: '12px',
314
- }
315
- },
316
- },
317
- {
318
- type: "HorizontalLayout",
319
- config: {
320
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
321
- },
322
- elements: [
323
- {
324
- type: "Control",
325
- scope: "#/properties/EmptyBox",
326
- options: {
327
- widget: "EmptyBox",
328
- },
329
- config: {
330
- layout: 2,
331
- },
332
- },
333
- {
334
- type: "Control",
335
- scope: "#/properties/backIcon",
336
- options: {
337
- widget: "Box",
338
- },
339
- config: {
340
- layout: 1,
341
- main: {
342
- iconName: 'PrevIcon',
343
- onClick: "backHandler"
344
- },
345
- style: {
346
- fill: theme.palette.primary.dark,
347
- width: 20,
348
- height: 20,
349
- display: 'flex',
350
- alignItems: 'center',
351
- justifyContent: 'center',
352
- marginRight: '-8px',
353
- cursor: 'pointer'
354
- }
355
- }
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/text",
360
301
 
361
- options: {
362
- widget: "Box",
363
- },
364
- config: {
365
- layout: 9,
366
- main: {
367
- heading: "Previous Page",
368
- onClick: "backHandler"
369
- },
370
- style: {
371
- color: theme.palette.primary.dark,
372
- fontSize: "12px",
373
- cursor: 'pointer',
374
- marginLeft: '-6px'
375
- }
376
- },
377
- },
378
- ],
379
- },
380
- ]
381
- }
382
- ],
383
- };
384
- return uiSchema
385
- }
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+
316
+
317
+ // {
318
+ // type: "Control",
319
+ // scope: "#/properties/homeBtn",
320
+
321
+ // options: {
322
+ // widget: "Button",
323
+ // },
324
+ // config: {
325
+ // layout: {xs:2,sm:2,md:1},
326
+ // main: {
327
+ // name: "🏠",
328
+ // },
329
+ // style: {
330
+ // marginRight:'auto',
331
+ // marginLeft:"auto",
332
+ // width:"20px",
333
+
334
+ // // background:"inherit",
335
+ // // boxShadow:"none",
336
+ // float:"left",
337
+ // borderRadius:"50%"
338
+
339
+ // },
340
+ // },
341
+ // },