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