impaktapps-ui-builder 0.0.101-alpha.9 → 0.0.102

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 (21) hide show
  1. package/dist/impaktapps-ui-builder.es.js +445 -325
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +8 -8
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +1 -5
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +0 -2
  8. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -6
  9. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +0 -4
  10. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +1 -2
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -1
  12. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +249 -271
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +203 -217
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +49 -154
  15. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  16. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  17. package/src/impaktapps-ui-builder/runtime/services/service.ts +8 -112
  18. package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
  19. package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
  20. package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
  21. package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -2,15 +2,16 @@ import { EventUiSchema } from "../event/uiSchema"
2
2
  export const PageMasterUiSchema: any = (theme) => {
3
3
  const uiSchema = {
4
4
  type: "HorizontalLayout",
5
- heading: "Page",
5
+ heading: "Page Master",
6
6
  elements: [
7
7
  {
8
8
  type: "WrapperLayout",
9
9
  config: {
10
10
  main: {
11
- label: "Basic Details",
12
- isAccordion: true,
13
- gap: "8px",
11
+ },
12
+ wrapperStyle: {
13
+ marginLeft: theme.spacing(2),
14
+ backgroundColor: theme.palette.background.default
14
15
  },
15
16
  },
16
17
  elements: [
@@ -22,9 +23,9 @@ export const PageMasterUiSchema: any = (theme) => {
22
23
  widget: "InputField",
23
24
  },
24
25
  config: {
25
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
26
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
26
27
  main: {
27
- label: "Page Name",
28
+ label: "Name",
28
29
  options: [],
29
30
  color: "secondary",
30
31
  errorMessage: "Name should be start with 'page_'",
@@ -33,27 +34,27 @@ export const PageMasterUiSchema: any = (theme) => {
33
34
  },
34
35
  },
35
36
  },
36
- // {
37
- // type: "Control",
38
- // scope: "#/properties/template",
37
+ {
38
+ type: "Control",
39
+ scope: "#/properties/template",
39
40
 
40
- // options: {
41
- // widget: "SelectInputField",
42
- // },
43
- // config: {
44
- // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
45
- // main: {
46
- // label: "Template",
47
- // options: [
48
- // { const: "template1", title: "template1" },
49
- // { const: "template2", title: "template2" },
50
- // { const: "template3", title: "template3" }
51
- // ],
52
- // color: "secondary",
53
- // required: true,
54
- // },
55
- // },
56
- // },
41
+ options: {
42
+ widget: "SelectInputField",
43
+ },
44
+ config: {
45
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
46
+ main: {
47
+ label: "Template",
48
+ options: [
49
+ { const: "template1", title: "template1" },
50
+ { const: "template2", title: "template2" },
51
+ { const: "template3", title: "template3" }
52
+ ],
53
+ color: "secondary",
54
+ required: true,
55
+ },
56
+ },
57
+ },
57
58
  {
58
59
  type: "Control",
59
60
  scope: "#/properties/label",
@@ -62,9 +63,9 @@ export const PageMasterUiSchema: any = (theme) => {
62
63
  widget: "InputField",
63
64
  },
64
65
  config: {
65
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
66
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
66
67
  main: {
67
- label: "Page Heading",
68
+ label: "Label",
68
69
  options: [],
69
70
  color: "secondary",
70
71
  required: true,
@@ -75,7 +76,7 @@ export const PageMasterUiSchema: any = (theme) => {
75
76
  type: "Control",
76
77
  scope: "#/properties/EmptyBox",
77
78
  config: {
78
- layout: { xs: 0, sm: 0, md: 4, lg: 6 },
79
+ layout: { xs: 6, sm: 6, md: 0, lg: 0 },
79
80
  },
80
81
  options: {
81
82
  widget: "EmptyBox",
@@ -86,27 +87,11 @@ export const PageMasterUiSchema: any = (theme) => {
86
87
  {
87
88
  type: "TabLayout",
88
89
  config: {
89
- layout: 12,
90
90
  main: {
91
- tabLabels: ["Page Components", "Page Events"],
91
+ tabLabels: ["Components", "Events"],
92
+ divider: true,
92
93
  },
93
- style: {
94
- TabPanelStyle: {
95
- padding: 0,
96
- }
97
- },
98
- TabsStyle: {
99
- borderTop: `1px solid ${theme.palette.common.black}29`,
100
- marginBottom: "3px",
101
- paddingBottom: "4px",
102
- boxShadow: "0px 3px 4px #afafaf80",
103
- "& .MuiTabs-indicator": {
104
- bottom: "6px",
105
- }
106
- },
107
- TabContainerStyle: {
108
- marginTop: "-16px",
109
- }
94
+ defaultStyle: true,
110
95
  },
111
96
  elements: [
112
97
  {
@@ -123,29 +108,26 @@ export const PageMasterUiSchema: any = (theme) => {
123
108
  widget: {
124
109
  type: "Control",
125
110
  scope: "#/properties/New_Record",
111
+
126
112
  options: {
127
113
  widget: "IconButton",
128
114
  },
129
115
  config: {
130
116
  main: {
117
+ // color: "info",
131
118
  onClick: "onAddClickHandler",
132
119
  size: "small",
133
- icon: "TableAddIcon",
134
- iconLabel: "Add",
120
+ icon: "AddIcon",
121
+ iconLabel: "Add New",
135
122
  styleDefault: true,
136
123
  },
137
124
  style: {
138
125
  mt: "6px",
139
- color: "inherit",
140
- fill: "inherit",
141
- "&:hover": {
142
- color: "inherit",
143
- fill: "inherit",
144
- }
145
126
  },
146
127
  },
147
128
  }
148
129
  },
130
+
149
131
  {
150
132
  widget: {
151
133
  type: "Control",
@@ -156,20 +138,15 @@ export const PageMasterUiSchema: any = (theme) => {
156
138
  },
157
139
  config: {
158
140
  main: {
141
+ // color: "info",
159
142
  onClick: "copyPasteElement",
160
143
  size: "small",
161
- icon: "TablePasteIcon",
144
+ icon: "PasteIcon",
162
145
  iconLabel: "Paste",
163
146
  styleDefault: true,
164
147
  },
165
148
  style: {
166
149
  mt: "6px",
167
- color: "inherit",
168
- fill: "inherit",
169
- "&:hover": {
170
- color: "inherit",
171
- fill: "inherit",
172
- }
173
150
  },
174
151
  },
175
152
  }
@@ -184,21 +161,18 @@ export const PageMasterUiSchema: any = (theme) => {
184
161
  elements: [
185
162
  {
186
163
  accessorKey: "name",
164
+
187
165
  header: "Name",
188
- size: 300,
189
- type: "string"
190
166
  },
191
167
  {
192
168
  accessorKey: "type",
169
+
193
170
  header: "Type",
194
- size: 300,
195
- type: "string"
196
171
  },
197
172
  {
198
173
  header: "Edit",
199
174
  field: "Reject_Records",
200
- size: 150,
201
- type: "action",
175
+ flex: 1,
202
176
  widget: {
203
177
  type: "Control",
204
178
  scope: "#/properties/RejectButton",
@@ -207,15 +181,13 @@ export const PageMasterUiSchema: any = (theme) => {
207
181
  },
208
182
  config: {
209
183
  main: {
210
- icon: "TableEditIcon",
184
+ icon: "EditIcon",
185
+ color: "primary",
211
186
  onClick: "Edit_Components",
212
187
  tooltipMessage: "Edit This Record",
213
188
  },
214
189
  style: {
215
- fill: theme.palette.primary.main,
216
- "& :hover": {
217
- fill: theme.palette.primary.dark,
218
- },
190
+ color: theme.palette.primary.main,
219
191
  },
220
192
  },
221
193
  },
@@ -223,8 +195,7 @@ export const PageMasterUiSchema: any = (theme) => {
223
195
  {
224
196
  header: "Delete",
225
197
  field: "Reject_Records",
226
- size: 150,
227
- type: "action",
198
+ flex: 1,
228
199
  widget: {
229
200
  type: "Control",
230
201
  scope: "#/properties/RejectButton",
@@ -233,19 +204,15 @@ export const PageMasterUiSchema: any = (theme) => {
233
204
  },
234
205
  config: {
235
206
  main: {
236
- icon: "Bin",
207
+ icon: "RejectIcon",
208
+ color: "error",
237
209
  onClick: "deletePopUpComponent",
238
210
  tooltipMessage: "Reject This Record",
239
211
  },
240
- style: {
241
- fill: theme.palette.primary.main,
242
- "& :hover": {
243
- fill: theme.palette.primary.dark,
244
- },
245
- },
246
212
  },
247
213
  },
248
214
  },
215
+
249
216
  {
250
217
  header: "Copy",
251
218
  field: "Copy_Component",
@@ -266,6 +233,8 @@ export const PageMasterUiSchema: any = (theme) => {
266
233
  },
267
234
  },
268
235
  },
236
+
237
+
269
238
  ]
270
239
  },
271
240
  {
@@ -282,25 +251,21 @@ export const PageMasterUiSchema: any = (theme) => {
282
251
  widget: {
283
252
  type: "Control",
284
253
  scope: "#/properties/New_Record",
254
+
285
255
  options: {
286
256
  widget: "IconButton",
287
257
  },
288
258
  config: {
289
259
  main: {
260
+ // color: "info",
290
261
  onClick: "eventAddHandler",
291
262
  size: "small",
292
- icon: "TableAddIcon",
293
- iconLabel: "Add",
263
+ icon: "AddIcon",
264
+ iconLabel: "Add New",
294
265
  styleDefault: true,
295
266
  },
296
267
  style: {
297
268
  mt: "6px",
298
- color: "inherit",
299
- fill: "inherit",
300
- "&:hover": {
301
- color: "inherit",
302
- fill: "inherit",
303
- }
304
269
  },
305
270
  },
306
271
  }
@@ -316,20 +281,15 @@ export const PageMasterUiSchema: any = (theme) => {
316
281
  },
317
282
  config: {
318
283
  main: {
284
+ // color: "info",
319
285
  onClick: "copyPasteElement",
320
286
  size: "small",
321
- icon: "TablePasteIcon",
287
+ icon: "PasteIcon",
322
288
  iconLabel: "Paste",
323
289
  styleDefault: true,
324
290
  },
325
291
  style: {
326
292
  mt: "6px",
327
- color: "inherit",
328
- fill: "inherit",
329
- "&:hover": {
330
- color: "inherit",
331
- fill: "inherit",
332
- }
333
293
  },
334
294
  },
335
295
  }
@@ -348,20 +308,14 @@ export const PageMasterUiSchema: any = (theme) => {
348
308
  {
349
309
  accessorKey: "eventType",
350
310
  header: "Event Type",
351
- size: 300,
352
- type: "string"
353
311
  },
354
312
  {
355
313
  accessorKey: "Handler",
356
314
  header: "Handler",
357
- size: 300,
358
- type: "string"
359
315
  },
360
316
  {
361
317
  accessorKey: "Edit_Approve_Records",
362
318
  header: "Edit Widget",
363
- type: "action",
364
- size: 150,
365
319
  widget: {
366
320
  type: "Control",
367
321
  scope: "#/properties/Edit_Records",
@@ -370,16 +324,14 @@ export const PageMasterUiSchema: any = (theme) => {
370
324
  },
371
325
  config: {
372
326
  main: {
327
+ color: "info",
373
328
  size: "small",
374
- icon: "TableEditIcon",
329
+ icon: "EditIcon",
375
330
  tooltipMessage: "Edit This Record",
376
331
  onClick: "editEvent",
377
332
  },
378
333
  style: {
379
- fill: theme.palette.primary.main,
380
- "& :hover": {
381
- fill: theme.palette.primary.dark,
382
- },
334
+ color: theme.palette.primary.main,
383
335
  },
384
336
  },
385
337
  },
@@ -395,19 +347,16 @@ export const PageMasterUiSchema: any = (theme) => {
395
347
  },
396
348
  config: {
397
349
  main: {
398
- icon: "Bin",
350
+ icon: "RejectIcon",
351
+ color: "error",
399
352
  tooltipMessage: "Reject This Record",
400
353
  onClick: "deletePopUpEvent",
401
354
  },
402
- style: {
403
- fill: theme.palette.primary.main,
404
- "& :hover": {
405
- fill: theme.palette.primary.dark,
406
- },
407
- },
408
355
  },
409
356
  },
410
357
  },
358
+
359
+
411
360
  {
412
361
  header: "Copy",
413
362
  field: "Copy_Event",
@@ -434,108 +383,83 @@ export const PageMasterUiSchema: any = (theme) => {
434
383
 
435
384
  ],
436
385
  },
437
- // {
438
- // type: "HorizontalLayout",
439
- // config: {
440
- // layout:{xs:12,sm: 9}
441
- // },
442
- // elements: [
443
- // {
444
- // type: "Control",
445
- // scope: "#/properties/RemoveItemButton",
446
- // options: {
447
- // widget: "IconButton",
448
- // },
449
- // config: {
450
- // layout: { xs: 1, sm: 1 },
451
- // main: {
452
- // onClick: "RemoveItemButton",
453
- // size: "large",
454
- // icon: "RejectIcon",
455
- // styleDefault: true,
456
- // },
457
- // style:{
458
- // marginLeft: "-5px"
459
- // }
460
- // },
461
- // },
462
-
463
- // {
464
- // type: "Control",
465
- // scope: "#/properties/copiedElementDetails",
466
-
467
- // options: {
468
- // widget: "Box",
469
- // },
470
- // config: {
471
- // layout: { xs: 6, sm: 6 },
472
- // main: {
473
- // heading: "No element copied",
474
- // },
475
- // style: {
476
- // color: "#535557",
477
- // marginLeft: "-30px",
478
- // fontSize: "12px",
479
- // marginTop: "4px"
480
- // },
481
- // },
482
- // },
483
- // {
484
- // type: "Control",
485
- // scope: "#/properties/EmptyBox",
486
- // options: {
487
- // widget: "EmptyBox",
488
- // },
489
- // config: {
490
- // layout: { xs: 1, sm: 5 },
491
- // },
492
- // },
493
- // ]
494
- // },
495
386
  {
496
- scope: "#/properties/Remarks Container",
497
- type: "WrapperLayout",
387
+ type: "HorizontalLayout",
498
388
  config: {
499
- layout: 12,
500
- main: {
501
- divider: false,
502
- rowSpacing: 0,
503
- gap: 0
504
- },
505
- componentsBoxStyle: {
506
- padding: "8px 8px 8px 24px",
507
- }
389
+ layout:{xs:12,sm: 9}
508
390
  },
509
391
  elements: [
510
392
  {
511
393
  type: "Control",
512
- scope: "#/properties/btn",
394
+ scope: "#/properties/RemoveItemButton",
513
395
  options: {
514
- widget: "Button",
396
+ widget: "IconButton",
515
397
  },
516
-
517
398
  config: {
518
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
399
+ layout: { xs: 1, sm: 1 },
519
400
  main: {
520
- name: "Save",
521
- variant: "contained",
522
- type: "text",
523
- onClick: "saveHandler",
524
- size: "medium",
401
+ onClick: "RemoveItemButton",
402
+ size: "large",
403
+ icon: "RejectIcon",
404
+ styleDefault: true,
525
405
  },
406
+ style:{
407
+ marginLeft: "-5px"
408
+ }
526
409
  },
527
410
  },
411
+
528
412
  {
529
413
  type: "Control",
530
- scope: "#/properties/EmptyBox",
414
+ scope: "#/properties/copiedElementDetails",
415
+
416
+ options: {
417
+ widget: "Box",
418
+ },
531
419
  config: {
532
- layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
420
+ layout: { xs: 6, sm: 6 },
421
+ main: {
422
+ heading: "No element copied",
423
+ },
424
+ style: {
425
+ color: "#535557",
426
+ marginLeft: "-30px",
427
+ fontSize: "12px",
428
+ marginTop: "4px"
429
+ },
533
430
  },
431
+ },
432
+ {
433
+ type: "Control",
434
+ scope: "#/properties/EmptyBox",
534
435
  options: {
535
436
  widget: "EmptyBox",
536
437
  },
438
+ config: {
439
+ layout: { xs: 1, sm: 5 },
440
+ },
537
441
  },
538
- ],
442
+ ]
443
+ },
444
+ {
445
+ type: "Control",
446
+ scope: "#/properties/btn",
447
+ options: {
448
+ widget: "Button",
449
+ },
450
+
451
+ config: {
452
+ layout: { xs: 4, sm: 2 },
453
+ main: {
454
+ name: "Save",
455
+ startIcon: "ApproveIcon",
456
+ variant: "contained",
457
+ // color: "info",
458
+ type: "text",
459
+ onClick: "saveHandler",
460
+ size: "medium",
461
+ },
462
+ },
539
463
  },
540
464
  {
541
465
  type: "Control",
@@ -565,7 +489,7 @@ export const PageMasterUiSchema: any = (theme) => {
565
489
  widget: "Box",
566
490
  },
567
491
  config: {
568
- layout: 11,
492
+ layout: 12,
569
493
  main: {
570
494
  heading: "Are you sure you want to delete ?",
571
495
  },
@@ -583,7 +507,7 @@ export const PageMasterUiSchema: any = (theme) => {
583
507
  {
584
508
  type: "WrapperLayout",
585
509
  config: {
586
- layout: 11,
510
+ layout: 12,
587
511
  main: {},
588
512
 
589
513
  },
@@ -691,7 +615,7 @@ export const PageMasterUiSchema: any = (theme) => {
691
615
  widget: "Box",
692
616
  },
693
617
  config: {
694
- layout: 11,
618
+ layout: 12,
695
619
  main: {
696
620
  heading: "Are you sure you want to delete ?",
697
621
  },
@@ -709,7 +633,7 @@ export const PageMasterUiSchema: any = (theme) => {
709
633
  {
710
634
  type: "WrapperLayout",
711
635
  config: {
712
- layout: 11,
636
+ layout: 12,
713
637
  main: {},
714
638
 
715
639
  },
@@ -801,20 +725,22 @@ export const PageMasterUiSchema: any = (theme) => {
801
725
  type: "HorizontalLayout",
802
726
  config: {
803
727
  main: {
804
- direction: "row",
728
+ direction: 'row'
805
729
  },
806
730
  style: {
807
731
  flexDirection: "row",
808
732
  position: "absolute",
809
- bottom: 10,
810
- height: "fit-content",
811
- overflow: "hidden",
733
+ bottom: 0,
734
+ marginBottom: '-8px',
735
+ height: 'fit-content',
736
+ overflow: 'hidden',
812
737
  zIndex: 1000,
813
- width: "inherit",
814
- },
738
+ width: 'inherit'
739
+ }
815
740
  },
816
741
  elements: [
817
742
  {
743
+
818
744
  type: "Control",
819
745
  scope: "#/properties/FooterText",
820
746
  options: {
@@ -822,24 +748,84 @@ export const PageMasterUiSchema: any = (theme) => {
822
748
  },
823
749
  config: {
824
750
  main: {
825
- heading: "Copywriter@ACT21.IO",
751
+ heading: "Copywriter@ACT21.IO"
826
752
  },
827
753
  style: {
828
754
  color: theme?.palette?.text.disabled || "#AFAFAF",
829
- fontSize: "11px",
830
- textAlign: "center",
831
- lineHeight: 0,
832
- width: "fit-content",
833
- left: "50%",
834
- position: "relative",
835
- margin: "revert",
755
+ fontSize: '12px',
756
+ textAlign: 'center',
757
+ lineHeight: 2,
758
+ width: 'fit-content',
759
+ left: '50%',
760
+ position: 'relative',
761
+ margin: 0,
836
762
  flexGrow: 1,
837
763
  height: 0,
838
- transform: "translate(-50%, 0%)",
764
+ transform: "translate(-50%,0%)"
765
+ }
766
+ },
767
+ },
768
+ {
769
+ type: "Control",
770
+ scope: "#/properties/backIcon",
771
+ options: {
772
+ widget: "Box",
773
+ },
774
+ config: {
775
+ main: {
776
+ iconName: 'PrevIcon',
777
+ onClick: "backHandler",
778
+ width: 'fit-content',
779
+ },
780
+ style: {
781
+ fill: theme.palette.primary.main,
782
+ width: 20,
783
+ height: 0,
784
+ margin: 0,
785
+ top: 0,
786
+ right: {xs: '12px', sm: '84px'},
787
+ position: 'absolute',
788
+ fontSize: '12px',
789
+ cursor: 'pointer',
790
+ ':hover': {
791
+ fill: theme.palette.primary.dark,
792
+ }
793
+ }
794
+ }
795
+ },
796
+ {
797
+ type: "Control",
798
+ scope: "#/properties/text",
799
+
800
+ options: {
801
+ widget: "Box",
802
+ },
803
+ config: {
804
+ main: {
805
+ heading: "Previous Page",
806
+ onClick: "backHandler"
839
807
  },
808
+ style: {
809
+ display: {xs: 'none', sm: "flex"},
810
+ textAlign: 'left',
811
+ lineHeight: 1,
812
+ height: 0,
813
+ width: 'fit-content',
814
+ color: theme.palette.primary.main,
815
+ fontSize: "12px",
816
+ cursor: 'pointer',
817
+ marginLeft: '2px',
818
+ marginRight: 0,
819
+ top: 3,
820
+ right: '12px',
821
+ position: 'absolute',
822
+ ':hover': {
823
+ color: theme.palette.primary.dark,
824
+ }
825
+ }
840
826
  },
841
827
  },
842
- ],
828
+ ]
843
829
  }
844
830
  ]
845
831
  }