impaktapps-ui-builder 0.0.382-alpha.4 → 0.0.382-alpha.40

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 (35) hide show
  1. package/dist/impaktapps-ui-builder.es.js +800 -862
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  13. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  18. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  23. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  26. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  27. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  28. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +99 -55
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +200 -203
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  35. package/src/impaktapps-ui-builder/runtime/services/service.ts +6 -3
package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts CHANGED
@@ -1,58 +1,58 @@
1
1
  export const TableSection = {
2
2
  type: "HorizontalLayout",
3
3
  elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- // label: "Table Columns",
9
- // divider: true,
10
- },
11
- wrapperStyle: {
12
- border:"1px solid gray"
13
- },
14
- },
15
- elements: [
16
- {
17
- type: "Control",
18
- scope: "#/properties/programType",
19
-
20
- options: {
21
- widget: "Box",
22
- },
23
- config: {
24
- layout: 8,
25
- main: {
26
- heading: "Components Table",
27
- },
28
- style: {
29
- fontFamily: "Roboto",
30
- fontWeight: "500",
31
- paddingLeft:"-10px",
32
- fontSize: "20px",},
33
- },
34
- },
35
- {
36
- type: "Control",
37
- scope: "#/properties/Back_Button",
38
-
39
- options: {
40
- widget: "IconButton",
41
- },
42
- config: {
43
- layout: 3,
44
- main: {
45
- icon: "AddIcon",
46
- styleDefault: true,
47
- size: "small",
48
- onClick: "widgetAddClickHandler",
49
- tooltipMessage: "Add New",
50
- },
51
- style: {
52
- float: "right",
53
- },
54
- },
55
- },
4
+ // {
5
+ // type: "WrapperLayout",
6
+ // config: {
7
+ // main: {
8
+ // // label: "Table Columns",
9
+ // // divider: true,
10
+ // },
11
+ // wrapperStyle: {
12
+ // border:"1px solid gray"
13
+ // },
14
+ // },
15
+ // elements: [
16
+ // {
17
+ // type: "Control",
18
+ // scope: "#/properties/programType",
19
+
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: 8,
25
+ // main: {
26
+ // heading: "Components Table",
27
+ // },
28
+ // style: {
29
+ // fontFamily: "Roboto",
30
+ // fontWeight: "500",
31
+ // paddingLeft:"-10px",
32
+ // fontSize: "20px",},
33
+ // },
34
+ // },
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/Back_Button",
38
+
39
+ // options: {
40
+ // widget: "IconButton",
41
+ // },
42
+ // config: {
43
+ // layout: 3,
44
+ // main: {
45
+ // icon: "AddIcon",
46
+ // styleDefault: true,
47
+ // size: "small",
48
+ // onClick: "widgetAddClickHandler",
49
+ // tooltipMessage: "Add New",
50
+ // },
51
+ // style: {
52
+ // float: "right",
53
+ // },
54
+ // },
55
+ // },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/elements",
@@ -61,13 +61,40 @@ export const TableSection = {
61
61
  },
62
62
  config: {
63
63
  main: {
64
+ headerIcons: {
65
+ elements: [
66
+ {
67
+ widget: {
68
+ type: "Control",
69
+ scope: "#/properties/New_Record",
70
+
71
+ options: {
72
+ widget: "IconButton",
73
+ },
74
+ config: {
75
+ main: {
76
+ color: "info",
77
+ onClick: "widgetAddClickHandler",
78
+ size: "small",
79
+ icon: "AddIcon",
80
+ iconLabel: "Add New",
81
+ styleDefault: true,
82
+ },
83
+ style: {
84
+ mt: "6px",
85
+ },
86
+ },
87
+ }
88
+ },
89
+ ]
90
+ },
64
91
  disableAction: true,
65
92
  disableSelection: true,
66
93
  enableDrag: true,
67
-
94
+
68
95
  },
69
96
  },
70
- elements:[
97
+ elements: [
71
98
  {
72
99
  accessorKey: "name",
73
100
  header: "Name"
@@ -117,8 +144,9 @@ export const TableSection = {
117
144
  },
118
145
  }
119
146
  ]
120
- }]}
121
- ]}
147
+ }]
148
+ }
149
+ // ]}
122
150
 
123
151
  export const TableSectionSchema = {
124
152
  columns: {
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,12 +6,7 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: {
10
- xs: 11,
11
- sm: 11,
12
- md: 5.5,
13
- lg: 5.5,
14
- },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -18,12 +18,7 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: {
22
- xs: 11,
23
- sm: 11,
24
- md: 5.5,
25
- lg: 5.5,
26
- },
21
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
27
22
  main: {
28
23
  label: "Validation Type",
29
24
  },
@@ -37,16 +32,21 @@ export const ValidationSection = {
37
32
  widget: "InputField",
38
33
  },
39
34
  config: {
40
- layout: {
41
- xs: 11,
42
- sm: 11,
43
- md: 5.5,
44
- lg: 5.5,
45
- },
35
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
46
36
  main: {
47
37
  label: "Validation Value",
48
38
  },
49
39
  },
40
+ },
41
+ {
42
+ type: "Control",
43
+ scope: "#/properties/emptyBox",
44
+ options: {
45
+ widget: "EmptyBox"
46
+ },
47
+ config: {
48
+ layout: {xs: 0, sm: 4}
49
+ }
50
50
  }
51
51
  ],
52
52
  },
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -18,12 +18,7 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: {
22
- xs: 11,
23
- sm: 11,
24
- md: 5.5,
25
- lg: 5.5,
26
- },
21
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
27
22
  main: {
28
23
  label: "Label",
29
24
  },
@@ -37,18 +32,23 @@ export const ValueTab = {
37
32
  widget: "InputField",
38
33
  },
39
34
  config: {
40
- layout: {
41
- xs: 11,
42
- sm: 11,
43
- md: 5.5,
44
- lg: 5.5,
45
- },
35
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
46
36
  main: {
47
37
  label: "Value",
48
38
 
49
39
  },
50
40
  },
51
41
  },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/emptyBox",
45
+ options: {
46
+ widget: "EmptyBox"
47
+ },
48
+ config: {
49
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
+ }
51
+ }
52
52
  ],
53
53
  },
54
54
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -141,11 +141,12 @@ export const componentBasicUiSchema: any = (theme) => {
141
141
  },
142
142
  },
143
143
  {
144
- type: "HorizontalLayout",
144
+ type: "Control",
145
145
  scope: "#/properties/layout",
146
146
  layout: 12,
147
147
  options: {
148
148
  detail: {
149
+ type: "HorizontalLayout",
149
150
  elements: [
150
151
  {
151
152
  type: "Control",
@@ -198,64 +199,73 @@ export const componentBasicUiSchema: any = (theme) => {
198
199
  },
199
200
  ],
200
201
  },
201
- {
202
- type: "Control",
203
- scope: "#/properties/btn",
204
- options: {
205
- widget: "Button",
206
- },
202
+
203
+ {
204
+ type: "Control",
205
+ scope: "#/properties/EmptyBox",
206
+ options: {
207
+ widget: "EmptyBox",
208
+ },
209
+ config: {
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
211
+ },
212
+ },
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/EmptyBox",
216
+ options: {
217
+ widget: "EmptyBox",
218
+ },
219
+ config: {
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
+ },
222
+ },
223
+ {
224
+ type: "Control",
225
+ scope: "#/properties/btn",
226
+ options: {
227
+ widget: "Button",
228
+ },
207
229
 
208
- config: {
209
- layout: {
210
- xs: 11,
211
- sm: 11,
212
- md: 2.5,
213
- lg: 2.5,
214
- },
215
- main: {
216
- name: "Ok",
217
- startIcon: "ApproveIcon",
218
- variant: "contained",
219
- color: "info",
220
- type: "text",
221
- onClick: "okHandler",
222
- size: "small",
223
- },
224
- style: {
225
- marginBottom: "8px",
226
- float: "right",
227
- },
230
+ config: {
231
+ layout: 1.8,
232
+ main: {
233
+ name: "Ok",
234
+ startIcon: "ApproveIcon",
235
+ variant: "contained",
236
+ // color: "info",
237
+ type: "text",
238
+ onClick: "okHandler",
239
+ size: "medium",
228
240
  },
229
- },
230
- {
231
- type: "Control",
232
- scope: "#/properties/btnSubmit",
233
- options: {
234
- widget: "Button",
241
+ style: {
242
+ float: "right",
235
243
  },
244
+ },
245
+ },
246
+ {
247
+ type: "Control",
248
+ scope: "#/properties/btnSubmit",
249
+ options: {
250
+ widget: "Button",
251
+ },
236
252
 
237
- config: {
238
- layout: {
239
- xs: 11,
240
- sm: 11,
241
- md: 2.5,
242
- lg: 2.5,
243
- },
244
- main: {
245
- name: "Save & Exit",
246
- startIcon: "ApproveIcon",
247
- variant: "contained",
248
- color: "info",
249
- type: "text",
250
- onClick: "saveHandler",
251
- size: "small",
252
- },
253
- style: {
254
- marginBottom: "8px",
255
- float: "right",
256
- },
253
+ config: {
254
+ layout: 1.8,
255
+ main: {
256
+ name: "Save & Exit",
257
+ startIcon: "ApproveIcon",
258
+ variant: "contained",
259
+ // color: "info",
260
+ type: "text",
261
+ onClick: "saveHandler",
262
+ size: "medium",
263
+ },
264
+ style: {
265
+ float: "right",
257
266
  },
258
267
  },
268
+ },
259
269
  {
260
270
  type: "Control",
261
271
  scope: "#/properties/notify",
@@ -287,7 +297,7 @@ export const componentBasicUiSchema: any = (theme) => {
287
297
  },
288
298
  },
289
299
  {
290
-
300
+
291
301
  type: "Control",
292
302
  scope: "#/properties/FooterText",
293
303
  options: {
@@ -347,7 +357,7 @@ export const componentBasicUiSchema: any = (theme) => {
347
357
  {
348
358
  type: "Control",
349
359
  scope: "#/properties/text",
350
-
360
+
351
361
  options: {
352
362
  widget: "Box",
353
363
  },
@@ -367,6 +377,40 @@ export const componentBasicUiSchema: any = (theme) => {
367
377
  },
368
378
  ],
369
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
+ // },
370
414
  ]
371
415
  }
372
416
  ],