impaktapps-ui-builder 0.0.412-mtreemap.2 → 0.0.412-mtreemap.4

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 +1082 -1092
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  15. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -29
  18. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  21. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  22. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  24. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  32. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,414 +1,318 @@
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",
1
+ import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
19
2
 
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",
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",
59
19
 
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"
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
+ }
86
31
  },
87
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
+ },
75
+ },
76
+ },
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: 4, md: 4, lg: 4 },
102
- main: {
103
- label: "Event Type",
104
- type: "text",
105
-
106
- },
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
+
107
106
  },
108
107
  },
109
- {
110
- type: "Control",
111
- scope: `#/properties/Handler`,
112
-
113
- options: {
114
- widget: "SelectInputField",
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",
115
140
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Handler",
120
- type: "text",
121
- },
141
+ style: {
142
+ fontFamily: "Roboto",
143
+ fontWeight: "500",
144
+ paddingLeft: "-10px",
145
+ fontSize: "20px",
122
146
  },
123
147
  },
124
- {
125
- type: "Control",
126
- scope: "#/properties/emptyBox",
127
- options: {
128
- widget: "EmptyBox"
129
- },
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
148
  },
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
- ]
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",
163
+ },
164
+ style: {
165
+ float: "right",
170
166
  },
171
- disableAction: true,
172
- disableSelection: true,
173
- enableDrag: true,
174
-
175
167
  },
176
168
  },
177
- elements: [
178
-
179
- {
180
- accessorKey: "eventType",
181
- header: "Event Type",
169
+
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/events",
173
+ options: {
174
+ widget: "Table",
182
175
  },
183
- {
184
- accessorKey: "Handler",
185
- header: "Handler",
176
+ config: {
177
+ main: {
178
+ disableAction: true,
179
+ disableSelection: true,
180
+ enableDrag: true,
181
+
182
+ },
186
183
  },
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",
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",
203
202
  },
204
- style: {
205
- color: "#3949ab",
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
+ },
206
214
  },
207
215
  },
208
216
  },
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",
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
+ },
225
233
  },
226
234
  },
227
235
  },
228
- },
229
- ]
230
- }
231
- ],
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 },
232
246
  },
233
- {
234
- type: "Control",
235
- scope: "#/properties/EmptyBox",
236
- options: {
237
- widget: "EmptyBox",
238
- },
239
- config: {
240
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
241
- },
247
+ options: {
248
+ widget: "EmptyBox",
249
+ },
250
+ },
251
+ {
252
+ type: "Control",
253
+ scope: "#/properties/btn",
254
+ options: {
255
+ widget: "Button",
242
256
  },
243
- {
244
- type: "Control",
245
- scope: "#/properties/EmptyBox",
246
- options: {
247
- widget: "EmptyBox",
257
+
258
+ config: {
259
+ layout: {
260
+ xs: 11,
261
+ sm: 11,
262
+ md: 2.5,
263
+ lg: 2.5,
248
264
  },
249
- config: {
250
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
265
+ main: {
266
+ name: "Ok",
267
+ startIcon: "ApproveIcon",
268
+ variant: "contained",
269
+ color: "info",
270
+ type: "text",
271
+ onClick: "okHandler",
272
+ size: "small",
251
273
  },
252
- },
253
- {
254
- type: "Control",
255
- scope: "#/properties/btn",
256
- options: {
257
- widget: "Button",
274
+ style: {
275
+ marginBottom: "8px",
276
+ float: "right",
258
277
  },
278
+ },
279
+ },
280
+ {
281
+ type: "Control",
282
+ scope: "#/properties/btnSubmit",
283
+ options: {
284
+ widget: "Button",
285
+ },
259
286
 
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
- },
287
+ config: {
288
+ layout: {
289
+ xs: 11,
290
+ sm: 11,
291
+ md: 2.5,
292
+ lg: 2.5,
274
293
  },
275
- },
276
- {
277
- type: "Control",
278
- scope: "#/properties/btnSubmit",
279
- options: {
280
- widget: "Button",
294
+ main: {
295
+ name: "Save & Exit",
296
+ startIcon: "ApproveIcon",
297
+ variant: "contained",
298
+ color: "info",
299
+ type: "text",
300
+ onClick: "saveHandler",
301
+ size: "small",
281
302
  },
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
- },
303
+ style: {
304
+ marginBottom: "8px",
305
+ float: "right",
297
306
  },
298
307
  },
299
- {
300
- type: "Control",
301
- scope: "#/properties/notify",
302
- options: {
303
- widget: "Notify",
304
- },
305
- layout: 6,
308
+ },
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/notify",
312
+ options: {
313
+ widget: "Notify",
306
314
  },
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
- }
315
+ layout: 6,
316
+ }
317
+ ],
318
+ };