impaktapps-ui-builder 0.0.382-alpha.5 → 0.0.382-alpha.50

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 (40) hide show
  1. package/dist/impaktapps-ui-builder.es.js +809 -982
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  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/card.d.ts +10 -12
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  15. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  18. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  19. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +108 -108
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  31. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  32. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  33. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +98 -55
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +200 -203
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  38. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  39. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  40. 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,7 +141,7 @@ 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: {
@@ -199,64 +199,73 @@ export const componentBasicUiSchema: any = (theme) => {
199
199
  },
200
200
  ],
201
201
  },
202
- {
203
- type: "Control",
204
- scope: "#/properties/btn",
205
- options: {
206
- widget: "Button",
207
- },
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
+ },
208
229
 
209
- config: {
210
- layout: {
211
- xs: 11,
212
- sm: 11,
213
- md: 2.5,
214
- lg: 2.5,
215
- },
216
- main: {
217
- name: "Ok",
218
- startIcon: "ApproveIcon",
219
- variant: "contained",
220
- color: "info",
221
- type: "text",
222
- onClick: "okHandler",
223
- size: "small",
224
- },
225
- style: {
226
- marginBottom: "8px",
227
- float: "right",
228
- },
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",
229
240
  },
230
- },
231
- {
232
- type: "Control",
233
- scope: "#/properties/btnSubmit",
234
- options: {
235
- widget: "Button",
241
+ style: {
242
+ float: "right",
236
243
  },
244
+ },
245
+ },
246
+ {
247
+ type: "Control",
248
+ scope: "#/properties/btnSubmit",
249
+ options: {
250
+ widget: "Button",
251
+ },
237
252
 
238
- config: {
239
- layout: {
240
- xs: 11,
241
- sm: 11,
242
- md: 2.5,
243
- lg: 2.5,
244
- },
245
- main: {
246
- name: "Save & Exit",
247
- startIcon: "ApproveIcon",
248
- variant: "contained",
249
- color: "info",
250
- type: "text",
251
- onClick: "saveHandler",
252
- size: "small",
253
- },
254
- style: {
255
- marginBottom: "8px",
256
- float: "right",
257
- },
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",
258
266
  },
259
267
  },
268
+ },
260
269
  {
261
270
  type: "Control",
262
271
  scope: "#/properties/notify",
@@ -288,7 +297,7 @@ export const componentBasicUiSchema: any = (theme) => {
288
297
  },
289
298
  },
290
299
  {
291
-
300
+
292
301
  type: "Control",
293
302
  scope: "#/properties/FooterText",
294
303
  options: {
@@ -348,7 +357,7 @@ export const componentBasicUiSchema: any = (theme) => {
348
357
  {
349
358
  type: "Control",
350
359
  scope: "#/properties/text",
351
-
360
+
352
361
  options: {
353
362
  widget: "Box",
354
363
  },
@@ -368,6 +377,40 @@ export const componentBasicUiSchema: any = (theme) => {
368
377
  },
369
378
  ],
370
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
+ // },
371
414
  ]
372
415
  }
373
416
  ],