impaktapps-ui-builder 0.0.382-alpha.26 → 0.0.382-alpha.300

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 (32) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1320 -1259
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +2 -35
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -0
  13. package/package.json +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +27 -50
  15. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -30
  16. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  17. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
  20. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +12 -2
  22. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
  24. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  25. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  26. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +438 -352
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
  30. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  31. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  32. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +4 -1
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,161 +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
- {
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
-
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
- type: "Control",
382
- scope: "#/properties/pageName",
383
-
384
- options: {
385
- widget: "Box",
386
- },
387
- config: {
388
- layout: 9.7,
389
- main: {
390
- heading: " ",
391
- },
392
- style: {
393
- color: theme.palette.text.disabled,
394
- // float: 'right',
395
- textAlign: 'right',
396
- // width: 'fit-content',
397
- fontSize: "12px",
398
- marginTop: '-16px',
399
- // marginRight: '100px'
400
- // marginLeft: '-6px'
401
- }
402
- },
403
- },
404
- {
405
- type: "Control",
406
- scope: "#/properties/emptyBox",
407
- options: {
408
- widget: "EmptyBox",
409
- },
410
- config: {
411
- layout: 2.3
412
- }
413
- },
414
- ]
415
- }
416
- ],
417
- };
418
- return uiSchema
419
- }
296
+ layout: 6,
297
+ }
298
+ ],
299
+ };
300
+
301
+
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
+ // },