impaktapps-ui-builder 0.0.382-alpha.3 → 0.0.382-alpha.301

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