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

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 (42) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1237 -1394
  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/schema.ts +2 -2
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +311 -286
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +367 -362
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +380 -284
  39. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  40. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  41. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  42. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,402 +1,407 @@
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",
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,
21
12
  },
22
- config: {
23
- layout: 8,
24
- main: {
25
- heading: "Page Master",
26
- },
13
+ wrapperStyle: {
14
+ backgroundColor: theme.palette.background.default
27
15
  },
16
+ defaultStyle: true,
28
17
  },
29
- {
30
- type: "Control",
31
- scope: "#/properties/Back_Button",
18
+ elements: [
19
+ {
20
+ type: "Control",
21
+ scope: "#/properties/name",
32
22
 
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",
44
- },
45
- style: {
46
- float: "right",
23
+ options: {
24
+ widget: "InputField",
47
25
  },
48
- },
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",
65
-
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,
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
+ },
78
36
  },
79
37
  },
80
- },
81
- {
82
- type: "Control",
83
- scope: "#/properties/template",
38
+ {
39
+ type: "Control",
40
+ scope: "#/properties/label",
84
41
 
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,
42
+ options: {
43
+ widget: "InputField",
99
44
  },
100
- },
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"
123
- },
124
- },
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
- },
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,
144
52
  },
145
53
  },
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
54
  },
172
- config: {
173
- main: {
174
- disableAction: true,
175
- disableSelection: true,
176
- enableDrag: true,
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/emptyBox",
58
+ options: {
59
+ widget: "EmptyBox"
60
+ },
61
+ config: {
62
+ layout: { xs: 0, sm: 4 }
177
63
  }
178
64
  },
179
- elements: [
180
- {
181
- accessorKey: "name",
182
-
183
- header: "Name",
184
- },
185
- {
186
- accessorKey: "type",
187
-
188
- header: "Type",
65
+ {
66
+ type: "TabLayout",
67
+ config: {
68
+ main: {
69
+ tabLabels: ["Components", "events"],
70
+ divider: true,
71
+ },
72
+ defaultStyle: true,
189
73
  },
190
- {
191
- header: "Edit",
192
- field: "Reject_Records",
193
- flex: 1,
194
- widget: {
74
+ elements: [
75
+ {
195
76
  type: "Control",
196
- scope: "#/properties/RejectButton",
77
+ scope: "#/properties/elements",
197
78
  options: {
198
- widget: "IconButton",
79
+ widget: "Table",
199
80
  },
200
81
  config: {
201
82
  main: {
202
- icon: "EditIcon",
203
- color: "primary",
204
- onClick: "Edit_Components",
205
- tooltipMessage: "Edit This Record",
206
- },
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
+ }
207
114
  },
115
+ elements: [
116
+ {
117
+ accessorKey: "name",
118
+
119
+ header: "Name",
120
+ },
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
+ }]
208
166
  },
209
- },
210
- {
211
- header: "Delete",
212
- field: "Reject_Records",
213
- flex: 1,
214
- widget: {
167
+ {
215
168
  type: "Control",
216
- scope: "#/properties/RejectButton",
169
+ scope: "#/properties/events",
217
170
  options: {
218
- widget: "IconButton",
171
+ widget: "Table",
219
172
  },
220
173
  config: {
221
174
  main: {
222
- icon: "RejectIcon",
223
- color: "error",
224
- onClick: "Delete_Components",
225
- tooltipMessage: "Reject This Record",
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
+
226
206
  },
227
207
  },
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",
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",
325
226
  },
326
- style: {
327
- color: "#3949ab",
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
+ },
328
238
  },
329
239
  },
330
240
  },
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",
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
+ },
347
257
  },
348
258
  },
349
259
  },
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",
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
+ ]
372
290
  },
373
291
 
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",
292
+ {
293
+ type: "Control",
294
+ scope: "#/properties/notify",
295
+ options: {
296
+ widget: "Notify",
384
297
  },
385
- style: {
386
- marginBottom: "8px",
387
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
388
- float: "right",
389
- },
390
- },
391
- },
392
- {
393
- type: "Control",
394
- scope: "#/properties/notify",
395
- options: {
396
- widget: "Notify",
298
+ layout: 6,
397
299
  },
398
- layout: 6,
399
- }
400
- ]
401
- }
402
-
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
+ }
316
+ },
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
+ }