impaktapps-ui-builder 0.0.382-alpha.207 → 0.0.382-alpha.21

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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1234 -1285
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +18 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +0 -3
  13. package/package.json +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +28 -26
  15. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +24 -25
  16. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  17. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  18. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  20. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  22. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  23. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  24. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -441
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -9
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -12
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,491 +1,412 @@
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
+ marginTop: '-6px',
15
+ marginBottom: '-8px',
27
16
  },
28
- },
29
- {
30
- type: "Control",
31
- scope: "#/properties/Back_Button",
32
-
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",
47
- },
17
+ componentsBoxStyle: {
18
+ marginLeft: "24px",
48
19
  },
20
+ defaultStyle: true,
49
21
  },
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,
78
- },
79
- },
80
- },
81
- {
82
- type: "Control",
83
- scope: "#/properties/label",
22
+ elements: [
23
+ {
24
+ type: "Control",
25
+ scope: "#/properties/name",
84
26
 
85
- options: {
86
- widget: "InputField",
87
- },
88
- config: {
89
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
90
- main: {
91
- label: "Label",
92
- options: [],
93
- color: "secondary",
94
- required: true,
27
+ options: {
28
+ widget: "InputField",
95
29
  },
96
- },
97
- }
98
- ],
99
- },
100
- {
101
- type: "TabLayout",
102
- config: {
103
- main: {
104
- tabLabels: ["Components", "events"],
105
- divider: true,
106
- },
107
- defaultStyle: true,
108
- },
109
- elements: [
110
- {
111
- type: "WrapperLayout",
112
- config: {
113
- main: {
114
- // label: "Success Case Event",
115
- divider: true,
116
- },
117
- wrapperStyle: {
118
- border: "1px solid gray"
30
+ config: {
31
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
32
+ main: {
33
+ label: "Name",
34
+ options: [],
35
+ color: "secondary",
36
+ errorMessage: "Name should be start with 'page_'",
37
+ helperText: 'Name should be start with "page_"',
38
+ required: true,
39
+ },
119
40
  },
120
41
  },
121
- elements: [
122
- {
123
- type: "Control",
124
- scope: "#/properties/heading",
125
-
126
- options: {
127
- widget: "Box",
128
- },
129
- config: {
130
- layout: 8,
131
- main: {
132
- heading: "Components Table",
133
- },
134
- style: {
135
- fontFamily: "Roboto",
136
- fontWeight: "500",
137
- paddingLeft: "-10px",
138
- fontSize: "20px",
139
- },
140
- },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/label",
45
+
46
+ options: {
47
+ widget: "InputField",
141
48
  },
142
- {
143
- type: "Control",
144
- scope: "#/properties/AddButton",
145
- options: {
146
- widget: "IconButton",
147
- },
148
- config: {
149
- layout: 3,
150
- main: {
151
- icon: "AddIcon",
152
- styleDefault: true,
153
- size: "small",
154
- onClick: "onAddClickHandler",
155
- tooltipMessage: "Add New",
156
- },
157
- style: {
158
- float: "right",
159
- },
49
+ config: {
50
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
51
+ main: {
52
+ label: "Label",
53
+ options: [],
54
+ color: "secondary",
55
+ required: true,
160
56
  },
161
57
  },
162
- {
163
- type: "Control",
164
- scope: "#/properties/elements",
165
- options: {
166
- widget: "Table",
167
58
  },
168
- config: {
169
- main: {
170
- disableAction: true,
171
- disableSelection: true,
172
- enableDrag: true,
59
+ {
60
+ type: "Control",
61
+ scope: "#/properties/emptyBox",
62
+ options: {
63
+ widget: "EmptyBox"
64
+ },
65
+ config: {
66
+ layout: { xs: 0, sm: 4 }
173
67
  }
174
68
  },
175
- elements: [
176
- {
177
- accessorKey: "name",
178
-
179
- header: "Name",
180
- },
181
- {
182
- accessorKey: "type",
183
-
184
- header: "Type",
69
+ {
70
+ type: "TabLayout",
71
+ config: {
72
+ main: {
73
+ tabLabels: ["Components", "events"],
74
+ divider: true,
75
+ },
76
+ defaultStyle: true,
185
77
  },
186
- {
187
- header: "Edit",
188
- field: "Reject_Records",
189
- flex: 1,
190
- widget: {
78
+ elements: [
79
+ {
191
80
  type: "Control",
192
- scope: "#/properties/RejectButton",
81
+ scope: "#/properties/elements",
193
82
  options: {
194
- widget: "IconButton",
83
+ widget: "Table",
195
84
  },
196
85
  config: {
197
86
  main: {
198
- icon: "EditIcon",
199
- color: "primary",
200
- onClick: "Edit_Components",
201
- tooltipMessage: "Edit This Record",
202
- },
87
+ headerIcons: {
88
+ elements: [
89
+ {
90
+ widget: {
91
+ type: "Control",
92
+ scope: "#/properties/New_Record",
93
+
94
+ options: {
95
+ widget: "IconButton",
96
+ },
97
+ config: {
98
+ main: {
99
+ color: "info",
100
+ onClick: "onAddClickHandler",
101
+ size: "small",
102
+ icon: "AddIcon",
103
+ iconLabel: "Add New",
104
+ styleDefault: true,
105
+ },
106
+ style: {
107
+ mt: "6px",
108
+ },
109
+ },
110
+ }
111
+ },
112
+ ]
113
+ },
114
+ disableAction: true,
115
+ disableSelection: true,
116
+ enableDrag: true,
117
+ }
203
118
  },
119
+ elements: [
120
+ {
121
+ accessorKey: "name",
122
+
123
+ header: "Name",
124
+ },
125
+ {
126
+ accessorKey: "type",
127
+
128
+ header: "Type",
129
+ },
130
+ {
131
+ header: "Edit",
132
+ field: "Reject_Records",
133
+ flex: 1,
134
+ widget: {
135
+ type: "Control",
136
+ scope: "#/properties/RejectButton",
137
+ options: {
138
+ widget: "IconButton",
139
+ },
140
+ config: {
141
+ main: {
142
+ icon: "EditIcon",
143
+ color: "primary",
144
+ onClick: "Edit_Components",
145
+ tooltipMessage: "Edit This Record",
146
+ },
147
+ },
148
+ },
149
+ },
150
+ {
151
+ header: "Delete",
152
+ field: "Reject_Records",
153
+ flex: 1,
154
+ widget: {
155
+ type: "Control",
156
+ scope: "#/properties/RejectButton",
157
+ options: {
158
+ widget: "IconButton",
159
+ },
160
+ config: {
161
+ main: {
162
+ icon: "RejectIcon",
163
+ color: "error",
164
+ onClick: "Delete_Components",
165
+ tooltipMessage: "Reject This Record",
166
+ },
167
+ },
168
+ },
169
+ }]
204
170
  },
205
- },
206
- {
207
- header: "Delete",
208
- field: "Reject_Records",
209
- flex: 1,
210
- widget: {
171
+ {
211
172
  type: "Control",
212
- scope: "#/properties/RejectButton",
173
+ scope: "#/properties/events",
213
174
  options: {
214
- widget: "IconButton",
175
+ widget: "Table",
215
176
  },
216
177
  config: {
217
178
  main: {
218
- icon: "RejectIcon",
219
- color: "error",
220
- onClick: "deletePopUpComponent",
221
- tooltipMessage: "Reject This Record",
179
+ headerIcons: {
180
+ elements: [
181
+ {
182
+ widget: {
183
+ type: "Control",
184
+ scope: "#/properties/New_Record",
185
+
186
+ options: {
187
+ widget: "IconButton",
188
+ },
189
+ config: {
190
+ main: {
191
+ color: "info",
192
+ onClick: "eventAddHandler",
193
+ size: "small",
194
+ icon: "AddIcon",
195
+ iconLabel: "Add New",
196
+ styleDefault: true,
197
+ },
198
+ style: {
199
+ mt: "6px",
200
+ },
201
+ },
202
+ }
203
+ },
204
+ ]
205
+ },
206
+ disableAction: true,
207
+ disableSelection: true,
208
+ enableDrag: true,
209
+
222
210
  },
223
211
  },
212
+ elements: [
213
+
214
+ {
215
+ accessorKey: "eventType",
216
+ header: "Event Type",
217
+ },
218
+ {
219
+ accessorKey: "Handler",
220
+ header: "Handler",
221
+ },
222
+ {
223
+ accessorKey: "Edit_Approve_Records",
224
+ header: "Edit Widget",
225
+ widget: {
226
+ type: "Control",
227
+ scope: "#/properties/Edit_Records",
228
+ options: {
229
+ widget: "IconButton",
230
+ },
231
+ config: {
232
+ main: {
233
+ color: "info",
234
+ size: "small",
235
+ icon: "EditIcon",
236
+ tooltipMessage: "Edit This Record",
237
+ onClick: "editEvent",
238
+ },
239
+ style: {
240
+ color: "#3949ab",
241
+ },
242
+ },
243
+ },
244
+ },
245
+ {
246
+ accessorKey: "Reject_Records",
247
+ header: "Delete",
248
+ widget: {
249
+ type: "Control",
250
+ scope: "#/properties/RejectButton",
251
+ options: {
252
+ widget: "IconButton",
253
+ },
254
+ config: {
255
+ main: {
256
+ icon: "RejectIcon",
257
+ color: "error",
258
+ tooltipMessage: "Reject This Record",
259
+ onClick: "deleteEvent",
260
+ },
261
+ },
262
+ },
263
+ },
264
+ ]
224
265
  },
225
- }
226
- ]
227
- },
228
- {
229
- type: "Control",
230
- scope: "#/properties/popUpComponent",
231
- options:{
232
- widget: "PopUp"
266
+
267
+ ],
233
268
  },
234
- config:{
235
- layout: {
236
- xs: 12,
237
- sm: 12,
238
- md: 12,
239
- lg: 12,
240
- },
241
- main: {
242
- label: "PopUpComponent",
243
- fullScreen:false,
244
- fullWidth:false,
245
- maxWidth:false,
246
- alignItems:false,
247
- spacing:2
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/btn",
272
+ options: {
273
+ widget: "Button",
248
274
  },
249
- },
250
- elements:
251
- [
252
- {
253
- type: "Control",
254
- scope: "#/properties/label",
255
-
256
- options: {
257
- widget: "Box",
275
+
276
+ config: {
277
+ layout: 11.9,
278
+ main: {
279
+ name: "Save",
280
+ startIcon: "ApproveIcon",
281
+ variant: "contained",
282
+ color: "info",
283
+ type: "text",
284
+ onClick: "saveHandler",
285
+ size: "medium",
258
286
  },
259
- config: {
260
- layout: 8,
261
- main: {
262
- heading: "Are you sure",
263
- },
287
+ style: {
288
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
289
+ float: "right",
264
290
  },
265
291
  },
266
- {
267
- type: "Control",
268
- scope: "#/properties/ConfirmDeleteButton1",
269
- options: {
270
- widget: "Button",
271
- },
272
- config: {
273
- // layout: 11.7,
274
- main: {
275
- name: "No",
276
- startIcon: "ApproveIcon",
277
- variant: "contained",
278
- color: "info",
279
- type: "text",
280
- onClick: "testDelComp",
281
- size: "small",
282
- },
283
- style: {
284
- marginBottom: "8px",
285
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
286
- float: "left",
287
- },
288
- },
289
- },
290
- {
291
- type: "Control",
292
- scope: "#/properties/CancelDeleteButton1",
293
- options: {
294
- widget: "Button",
295
- },
296
- config: {
297
- // layout: 11.7,
298
- main: {
299
- name: "Yes",
300
- startIcon: "ApproveIcon",
301
- variant: "contained",
302
- color: "info",
303
- type: "text",
304
- onClick: "testDelComp",
305
- // Delete_Components
306
- size: "small",
307
- },
292
+ },
293
+ ]
294
+ },
308
295
 
309
- style: {
310
- marginBottom: "8px",
311
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
312
- float: "right",
313
- },
314
- },
315
- },
316
- ]
317
- }
318
- ]
319
- },
320
- {
321
- type: "WrapperLayout",
322
- config: {
323
- main: {
324
- // label: "Success Case Event",
325
- divider: true,
296
+ {
297
+ type: "Control",
298
+ scope: "#/properties/notify",
299
+ options: {
300
+ widget: "Notify",
301
+ },
302
+ layout: 6,
303
+ },
304
+ {
305
+ type: "HorizontalLayout",
306
+ config: {
307
+ style: {
308
+ position: "fixed",
309
+ bottom: 5,
310
+ overflow: 'visible',
311
+ margin: "0",
312
+ width: "100vw",
313
+ }
314
+ },
315
+ elements: [
316
+ {
317
+ type: "Control",
318
+ scope: "#/properties/EmptyBox",
319
+ options: {
320
+ widget: "EmptyBox",
326
321
  },
327
- wrapperStyle: {
328
- border: "1px solid gray"
322
+ config: {
323
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
329
324
  },
330
325
  },
331
- elements: [
332
- {
333
- type: "Control",
334
- scope: "#/properties/heading",
335
-
336
- options: {
337
- widget: "Box",
338
- },
339
- config: {
340
- layout: 8,
341
- main: {
342
- heading: "Event Table",
343
- },
344
- style: {
345
- fontFamily: "Roboto",
346
- fontWeight: "500",
347
- paddingLeft: "-10px",
348
- fontSize: "20px",
349
- },
350
- },
326
+ {
327
+
328
+ type: "Control",
329
+ scope: "#/properties/FooterText",
330
+ options: {
331
+ widget: "Box",
351
332
  },
352
- {
353
- type: "Control",
354
- scope: "#/properties/AddButton",
355
- options: {
356
- widget: "IconButton",
357
- },
358
- config: {
359
- layout: 3,
360
- main: {
361
- icon: "AddIcon",
362
- styleDefault: true,
363
- size: "small",
364
- onClick: "eventAddHandler",
365
- tooltipMessage: "Back",
366
- },
367
- style: {
368
- float: "right",
369
- },
333
+ config: {
334
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
335
+ main: {
336
+ heading: "Copywriter@ACT21.IO"
370
337
  },
338
+ style: {
339
+ color: theme?.palette?.text.disabled || "#AFAFAF",
340
+ fontSize: '12px',
341
+ }
371
342
  },
372
-
373
- {
374
- type: "Control",
375
- scope: "#/properties/events",
376
- options: {
377
- widget: "Table",
378
- },
379
- config: {
380
- main: {
381
- disableAction: true,
382
- disableSelection: true,
383
- enableDrag: true,
384
-
343
+ },
344
+ {
345
+ type: "HorizontalLayout",
346
+ config: {
347
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
348
+ },
349
+ elements: [
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/EmptyBox",
353
+ options: {
354
+ widget: "EmptyBox",
385
355
  },
386
- },
387
- elements: [
388
-
389
- {
390
- accessorKey: "eventType",
391
- header: "Event Type",
356
+ config: {
357
+ layout: 2,
392
358
  },
393
- {
394
- accessorKey: "Handler",
395
- header: "Handler",
359
+ },
360
+ {
361
+ type: "Control",
362
+ scope: "#/properties/backIcon",
363
+ options: {
364
+ widget: "Box",
396
365
  },
397
- {
398
- accessorKey: "Edit_Approve_Records",
399
- header: "Edit Widget",
400
- widget: {
401
- type: "Control",
402
- scope: "#/properties/Edit_Records",
403
- options: {
404
- widget: "IconButton",
405
- },
406
- config: {
407
- main: {
408
- color: "info",
409
- size: "small",
410
- icon: "EditIcon",
411
- tooltipMessage: "Edit This Record",
412
- onClick: "editEvent",
413
- },
414
- style: {
415
- color: "#3949ab",
416
- },
417
- },
366
+ config: {
367
+ layout: 1,
368
+ main: {
369
+ iconName: 'PrevIcon',
370
+ onClick: "backHandler"
418
371
  },
372
+ style: {
373
+ fill: theme.palette.primary.dark,
374
+ width: 20,
375
+ height: 20,
376
+ display: 'flex',
377
+ alignItems: 'center',
378
+ justifyContent: 'center',
379
+ marginRight: '-8px',
380
+ cursor: 'pointer'
381
+ }
382
+ }
383
+ },
384
+ {
385
+ type: "Control",
386
+ scope: "#/properties/text",
387
+
388
+ options: {
389
+ widget: "Box",
419
390
  },
420
- {
421
- accessorKey: "Reject_Records",
422
- header: "Delete",
423
- widget: {
424
- type: "Control",
425
- scope: "#/properties/RejectButton",
426
- options: {
427
- widget: "IconButton",
428
- },
429
- config: {
430
- main: {
431
- icon: "RejectIcon",
432
- color: "error",
433
- tooltipMessage: "Reject This Record",
434
- onClick: "deleteEvent",
435
- },
436
- },
391
+ config: {
392
+ layout: 9,
393
+ main: {
394
+ heading: "Previous Page",
395
+ onClick: "backHandler"
437
396
  },
397
+ style: {
398
+ color: theme.palette.primary.dark,
399
+ fontSize: "12px",
400
+ cursor: 'pointer',
401
+ marginLeft: '-6px'
402
+ }
438
403
  },
439
- ]
440
- },
441
- ]
442
- },
443
-
444
- ],
445
- },
446
- {
447
- type: "Control",
448
- scope: "#/properties/btn",
449
- options: {
450
- widget: "EmptyBox",
451
- },
452
- config: {
453
- layout: { xs: 0, sm: 0, md: 8, lg: 7 },
404
+ },
405
+ ],
406
+ },
407
+ ]
454
408
  }
455
- },
456
- {
457
- type: "Control",
458
- scope: "#/properties/btn",
459
- options: {
460
- widget: "Button",
461
- },
462
-
463
- config: {
464
- layout: 11.7,
465
- main: {
466
- name: "Save",
467
- startIcon: "ApproveIcon",
468
- variant: "contained",
469
- color: "info",
470
- type: "text",
471
- onClick: "saveHandler",
472
- size: "small",
473
- },
474
- style: {
475
- marginBottom: "8px",
476
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
477
- float: "right",
478
- },
479
- },
480
- },
481
- {
482
- type: "Control",
483
- scope: "#/properties/notify",
484
- options: {
485
- widget: "Notify",
486
- },
487
- layout: 6,
488
- }
489
- ]
490
- }
491
-
409
+ ]
410
+ };
411
+ return uiSchema
412
+ }