impaktapps-ui-builder 0.0.412-hj → 0.0.412-mtreemap.1

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 (41) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1237 -1392
  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/build/uischema/apiSection.d.ts +35 -2
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  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/graph.d.ts +1 -108
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  17. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +11 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  19. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -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 +29 -48
  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 -26
  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 +109 -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 +85 -57
  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 +311 -286
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +367 -362
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +380 -284
  38. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  39. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  40. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  41. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,318 +1,414 @@
1
- import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
1
+ export const EventUiSchema: 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
+ // type: "Control",
18
+ // scope: "#/properties/Component",
2
19
 
3
- export const EventUiSchema: any = {
4
- type: "HorizontalLayout",
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
- type: "Control",
18
- scope: "#/properties/Component",
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: {xs:12,sm:12,md:2},
25
+ // main: {
26
+ // heading: "Component",
27
+ // },
28
+ // style:{
29
+ // "float":"left",
30
+ // }
31
+ // },
32
+ // },
19
33
 
20
- options: {
21
- widget: "Box",
22
- },
23
- config: {
24
- layout: {xs:12,sm:12,md:2},
25
- main: {
26
- heading: "Component",
27
- },
28
- style:{
29
- "float":"left",
30
- }
31
- },
32
- },
33
-
34
- {
35
- type: "Control",
36
- scope: "#/properties/pageName",
37
-
38
- options: {
39
- widget: "Box",
40
- },
41
- config: {
42
- layout: {xs:7,sm:7,md:9},
43
- main: {
44
- heading: " ",
45
- },
46
- style: {
47
- float: "right",
48
- width:"auto",
49
- fontSize:"12px",
50
- color:"gray",
51
- paddingTop:"10px"
52
- },
53
- },
54
- },
55
-
56
- {
57
- type: "Control",
58
- scope: "#/properties/Back_Button",
59
-
60
- options: {
61
- widget: "IconButton",
62
- },
63
- config: {
64
- layout: {xs:2,sm:2,md:0.5},
65
- main: {
66
- icon: "BackIcon",
67
- styleDefault: true,
68
- size: "small",
69
- onClick: "backHandler",
70
- tooltipMessage: "Back",
71
- },
72
- style: {
73
- float: "right",
74
- },
34
+ // {
35
+ // type: "Control",
36
+ // scope: "#/properties/pageName",
37
+
38
+ // options: {
39
+ // widget: "Box",
40
+ // },
41
+ // config: {
42
+ // layout: {xs:7,sm:7,md:9},
43
+ // main: {
44
+ // heading: " ",
45
+ // },
46
+ // style: {
47
+ // float: "right",
48
+ // width:"auto",
49
+ // fontSize:"12px",
50
+ // color:"gray",
51
+ // paddingTop:"10px"
52
+ // },
53
+ // },
54
+ // },
55
+
56
+ // {
57
+ // type: "Control",
58
+ // scope: "#/properties/Back_Button",
59
+
60
+ // options: {
61
+ // widget: "IconButton",
62
+ // },
63
+ // config: {
64
+ // layout: {xs:2,sm:2,md:0.5},
65
+ // main: {
66
+ // icon: "BackIcon",
67
+ // styleDefault: true,
68
+ // size: "small",
69
+ // onClick: "backHandler",
70
+ // tooltipMessage: "Back",
71
+ // },
72
+ // style: {
73
+ // float: "right",
74
+ // },
75
+ // },
76
+ // },
77
+ // ],
78
+ // },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core", "Response Event"],
84
+ defaultStyle: true,
85
+ id: "event"
75
86
  },
76
87
  },
77
- ],
78
- },
79
- {
80
- type: "TabLayout",
81
- config: {
82
- main: {
83
- tabLabels: ["Core", "Response Event"],
84
- defaultStyle: true,
85
- id: "event"
86
- },
87
- },
88
88
 
89
- elements: [
90
- {
91
- type: "HorizontalLayout",
92
- elements: [
93
- {
94
- type: "Control",
95
- scope: `#/properties/eventType`,
96
-
97
- options: {
98
- widget: "SelectInputField",
99
- },
100
- config: {
101
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
102
- main: {
103
- label: "Event Type",
104
- type: "text",
105
-
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: `#/properties/eventType`,
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
102
+ main: {
103
+ label: "Event Type",
104
+ type: "text",
105
+
106
+ },
106
107
  },
107
108
  },
108
- },
109
- getSelectField("Handler", "Handler", [
110
- { label: "Custom", value: "custom" },
111
- { label: "Api", value: "api" },
112
- { label: "Inbuilt Function", value: "inBuiltFunction" },
113
- { label: "Refresh", value: "refresh" },
114
- ]),
115
- ],
116
- },
117
- {
118
- type: "WrapperLayout",
119
- config: {
120
- main: {
121
- // label: "Success Case Event",
122
- divider: true,
123
- },
124
- wrapperStyle: {
125
- border: "1px solid gray"
126
- },
127
- },
128
- elements: [
129
- {
130
- type: "Control",
131
- scope: "#/properties/heading",
132
-
133
- options: {
134
- widget: "Box",
135
- },
136
- config: {
137
- layout: 8,
138
- main: {
139
- heading: "Response Event",
109
+ {
110
+ type: "Control",
111
+ scope: `#/properties/Handler`,
112
+
113
+ options: {
114
+ widget: "SelectInputField",
140
115
  },
141
- style: {
142
- fontFamily: "Roboto",
143
- fontWeight: "500",
144
- paddingLeft: "-10px",
145
- fontSize: "20px",
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Handler",
120
+ type: "text",
121
+ },
146
122
  },
147
123
  },
148
- },
149
- {
150
- type: "Control",
151
- scope: "#/properties/AddButton",
152
- options: {
153
- widget: "IconButton",
154
- },
155
- config: {
156
- layout: 3,
157
- main: {
158
- icon: "AddIcon",
159
- styleDefault: true,
160
- size: "small",
161
- onClick: "addEvent",
162
- tooltipMessage: "Back",
124
+ {
125
+ type: "Control",
126
+ scope: "#/properties/emptyBox",
127
+ options: {
128
+ widget: "EmptyBox"
163
129
  },
164
- style: {
165
- float: "right",
130
+ config: {
131
+ layout: { xs: 0, sm: 4 }
132
+ }
133
+ }
134
+ ],
135
+ },
136
+ {
137
+ type: "Control",
138
+ scope: "#/properties/events",
139
+ options: {
140
+ widget: "Table",
141
+ },
142
+ config: {
143
+ main: {
144
+ headerIcons: {
145
+ elements: [
146
+ {
147
+ widget: {
148
+ type: "Control",
149
+ scope: "#/properties/New_Record",
150
+
151
+ options: {
152
+ widget: "IconButton",
153
+ },
154
+ config: {
155
+ main: {
156
+ // color: "info",
157
+ onClick: "addEvent",
158
+ size: "small",
159
+ icon: "AddIcon",
160
+ iconLabel: "Add New",
161
+ styleDefault: true,
162
+ },
163
+ style: {
164
+ mt: "6px",
165
+ },
166
+ },
167
+ }
168
+ },
169
+ ]
166
170
  },
171
+ disableAction: true,
172
+ disableSelection: true,
173
+ enableDrag: true,
174
+
167
175
  },
168
176
  },
169
-
170
- {
171
- type: "Control",
172
- scope: "#/properties/events",
173
- options: {
174
- widget: "Table",
177
+ elements: [
178
+
179
+ {
180
+ accessorKey: "eventType",
181
+ header: "Event Type",
175
182
  },
176
- config: {
177
- main: {
178
- disableAction: true,
179
- disableSelection: true,
180
- enableDrag: true,
181
-
182
- },
183
+ {
184
+ accessorKey: "Handler",
185
+ header: "Handler",
183
186
  },
184
- elements: [
185
-
186
- {
187
- accessorKey: "eventType",
188
- header: "Event Type",
189
- },
190
- {
191
- accessorKey: "Handler",
192
- header: "Handler",
193
- },
194
- {
195
- accessorKey: "Edit_Approve_Records",
196
- header: "Edit Widget",
197
- widget: {
198
- type: "Control",
199
- scope: "#/properties/Edit_Records",
200
- options: {
201
- widget: "IconButton",
187
+ {
188
+ accessorKey: "Edit_Approve_Records",
189
+ header: "Edit Widget",
190
+ widget: {
191
+ type: "Control",
192
+ scope: "#/properties/Edit_Records",
193
+ options: {
194
+ widget: "IconButton",
195
+ },
196
+ config: {
197
+ main: {
198
+ // color: "info",
199
+ size: "small",
200
+ icon: "EditIcon",
201
+ tooltipMessage: "Edit This Record",
202
+ onClick: "editEvent",
202
203
  },
203
- config: {
204
- main: {
205
- color: "info",
206
- size: "small",
207
- icon: "EditIcon",
208
- tooltipMessage: "Edit This Record",
209
- onClick: "editEvent",
210
- },
211
- style: {
212
- color: "#3949ab",
213
- },
204
+ style: {
205
+ color: "#3949ab",
214
206
  },
215
207
  },
216
208
  },
217
- {
218
- accessorKey: "Reject_Records",
219
- header: "Delete",
220
- widget: {
221
- type: "Control",
222
- scope: "#/properties/RejectButton",
223
- options: {
224
- widget: "IconButton",
225
- },
226
- config: {
227
- main: {
228
- icon: "RejectIcon",
229
- color: "error",
230
- tooltipMessage: "Reject This Record",
231
- onClick: "deleteEvent",
232
- },
209
+ },
210
+ {
211
+ accessorKey: "Reject_Records",
212
+ header: "Delete",
213
+ widget: {
214
+ type: "Control",
215
+ scope: "#/properties/RejectButton",
216
+ options: {
217
+ widget: "IconButton",
218
+ },
219
+ config: {
220
+ main: {
221
+ icon: "RejectIcon",
222
+ color: "error",
223
+ tooltipMessage: "Reject This Record",
224
+ onClick: "deleteEvent",
233
225
  },
234
226
  },
235
227
  },
236
- ]
237
- }]
238
- }
239
- ],
240
- },
241
- {
242
- type: "Control",
243
- scope: "#/properties/proc",
244
- config: {
245
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
246
- },
247
- options: {
248
- widget: "EmptyBox",
249
- },
250
- },
251
- {
252
- type: "Control",
253
- scope: "#/properties/btn",
254
- options: {
255
- widget: "Button",
228
+ },
229
+ ]
230
+ }
231
+ ],
256
232
  },
257
-
258
- config: {
259
- layout: {
260
- xs: 11,
261
- sm: 11,
262
- md: 2.5,
263
- lg: 2.5,
233
+ {
234
+ type: "Control",
235
+ scope: "#/properties/EmptyBox",
236
+ options: {
237
+ widget: "EmptyBox",
264
238
  },
265
- main: {
266
- name: "Ok",
267
- startIcon: "ApproveIcon",
268
- variant: "contained",
269
- color: "info",
270
- type: "text",
271
- onClick: "okHandler",
272
- size: "small",
273
- },
274
- style: {
275
- marginBottom: "8px",
276
- float: "right",
239
+ config: {
240
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
277
241
  },
278
242
  },
279
- },
280
- {
281
- type: "Control",
282
- scope: "#/properties/btnSubmit",
283
- options: {
284
- widget: "Button",
243
+ {
244
+ type: "Control",
245
+ scope: "#/properties/EmptyBox",
246
+ options: {
247
+ widget: "EmptyBox",
248
+ },
249
+ config: {
250
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
251
+ },
285
252
  },
253
+ {
254
+ type: "Control",
255
+ scope: "#/properties/btn",
256
+ options: {
257
+ widget: "Button",
258
+ },
286
259
 
287
- config: {
288
- layout: {
289
- xs: 11,
290
- sm: 11,
291
- md: 2.5,
292
- lg: 2.5,
260
+ config: {
261
+ layout: 1.8,
262
+ main: {
263
+ name: "Ok",
264
+ startIcon: "ApproveIcon",
265
+ variant: "contained",
266
+ // color: "info",
267
+ type: "text",
268
+ onClick: "okHandler",
269
+ size: "medium",
270
+ },
271
+ style: {
272
+ float: "right",
273
+ },
293
274
  },
294
- main: {
295
- name: "Save & Exit",
296
- startIcon: "ApproveIcon",
297
- variant: "contained",
298
- color: "info",
299
- type: "text",
300
- onClick: "saveHandler",
301
- size: "small",
275
+ },
276
+ {
277
+ type: "Control",
278
+ scope: "#/properties/btnSubmit",
279
+ options: {
280
+ widget: "Button",
302
281
  },
303
- style: {
304
- marginBottom: "8px",
305
- float: "right",
282
+
283
+ config: {
284
+ layout: 1.8,
285
+ main: {
286
+ name: "Save & Exit",
287
+ startIcon: "ApproveIcon",
288
+ variant: "contained",
289
+ // color: "info",
290
+ type: "text",
291
+ onClick: "saveHandler",
292
+ size: "medium",
293
+ },
294
+ style: {
295
+ float: "right",
296
+ },
306
297
  },
307
298
  },
308
- },
309
- {
310
- type: "Control",
311
- scope: "#/properties/notify",
312
- options: {
313
- widget: "Notify",
299
+ {
300
+ type: "Control",
301
+ scope: "#/properties/notify",
302
+ options: {
303
+ widget: "Notify",
304
+ },
305
+ layout: 6,
314
306
  },
315
- layout: 6,
316
- }
317
- ],
318
- };
307
+ {
308
+ type: "HorizontalLayout",
309
+ config: {
310
+ main: {
311
+ direction: 'row'
312
+ },
313
+ style: {
314
+ flexDirection: "row",
315
+ position: "absolute",
316
+ bottom: 0,
317
+ marginBottom: '-8px',
318
+ height: 'fit-content',
319
+ overflow: 'hidden',
320
+ zIndex: 1000,
321
+ width: 'inherit'
322
+ }
323
+ },
324
+ elements: [
325
+ {
326
+
327
+ type: "Control",
328
+ scope: "#/properties/FooterText",
329
+ options: {
330
+ widget: "Box",
331
+ },
332
+ config: {
333
+ main: {
334
+ heading: "Copywriter@ACT21.IO"
335
+ },
336
+ style: {
337
+ color: theme?.palette?.text.disabled || "#AFAFAF",
338
+ fontSize: '12px',
339
+ textAlign: 'center',
340
+ lineHeight: 1,
341
+ width: 'fit-content',
342
+ left: '50%',
343
+ position: 'relative',
344
+ margin: 0,
345
+ flexGrow: 1,
346
+ height: 0
347
+ }
348
+ },
349
+ },
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/backIcon",
353
+ options: {
354
+ widget: "Box",
355
+ },
356
+ config: {
357
+ main: {
358
+ iconName: 'PrevIcon',
359
+ onClick: "backHandler",
360
+ width: 'fit-content',
361
+ },
362
+ style: {
363
+ fill: theme.palette.primary.main,
364
+ width: 20,
365
+ height: 0,
366
+ margin: 0,
367
+ top: 0,
368
+ right: '82px',
369
+ position: 'absolute',
370
+ fontSize: '12px',
371
+ cursor: 'pointer',
372
+ ':hover': {
373
+ fill: theme.palette.primary.dark,
374
+ }
375
+ }
376
+ }
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/text",
381
+
382
+ options: {
383
+ widget: "Box",
384
+ },
385
+ config: {
386
+ main: {
387
+ heading: "Previous Page",
388
+ onClick: "backHandler"
389
+ },
390
+ style: {
391
+ textAlign: 'left',
392
+ lineHeight: 1,
393
+ height: 0,
394
+ width: 'fit-content',
395
+ color: theme.palette.primary.main,
396
+ fontSize: "12px",
397
+ cursor: 'pointer',
398
+ marginLeft: '2px',
399
+ marginRight: 0,
400
+ top: 3,
401
+ right: '12px',
402
+ position: 'absolute',
403
+ ':hover': {
404
+ color: theme.palette.primary.dark,
405
+ }
406
+ }
407
+ },
408
+ },
409
+ ]
410
+ }
411
+ ],
412
+ };
413
+ return uiSchema
414
+ }