impaktapps-ui-builder 0.0.101-alpha.27 → 0.0.101-alpha.272
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.
- package/dist/impaktapps-ui-builder.es.js +491 -272
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +17 -17
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +5 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
- package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +38 -30
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +7 -4
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +1 -60
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +0 -52
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +0 -50
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +33 -28
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +28 -165
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +23 -97
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +43 -259
- package/src/impaktapps-ui-builder/builder/services/component.ts +220 -56
- package/src/impaktapps-ui-builder/builder/services/event.ts +175 -58
- package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +13 -117
- package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
- package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
- package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
|
@@ -3,28 +3,8 @@ import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
|
|
|
3
3
|
export const EventUiSchema: any = (theme) => {
|
|
4
4
|
const uiSchema = {
|
|
5
5
|
type: "HorizontalLayout",
|
|
6
|
-
heading: "Page-
|
|
6
|
+
heading: "Page-Events",
|
|
7
7
|
elements: [
|
|
8
|
-
// {
|
|
9
|
-
// type: "Control",
|
|
10
|
-
// scope: "#/properties/pageName",
|
|
11
|
-
|
|
12
|
-
// options: {
|
|
13
|
-
// widget: "Box",
|
|
14
|
-
// },
|
|
15
|
-
// config: {
|
|
16
|
-
// layout: 12,
|
|
17
|
-
// main: {
|
|
18
|
-
// heading: " ",
|
|
19
|
-
// },
|
|
20
|
-
// style: {
|
|
21
|
-
// marginLeft: theme.spacing(3),
|
|
22
|
-
// width:"auto",
|
|
23
|
-
// fontSize:"12px",
|
|
24
|
-
// color:"gray",
|
|
25
|
-
// },
|
|
26
|
-
// },
|
|
27
|
-
// },
|
|
28
8
|
{
|
|
29
9
|
type: "TabLayout",
|
|
30
10
|
config: {
|
|
@@ -75,7 +55,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
75
55
|
},
|
|
76
56
|
getSelectField("Handler", "Handler", [
|
|
77
57
|
{ label: "Custom", value: "custom" },
|
|
78
|
-
{ label: "
|
|
58
|
+
{ label: "API", value: "api" },
|
|
79
59
|
{ label: "Inbuilt Function", value: "inBuiltFunction" },
|
|
80
60
|
{ label: "Refresh", value: "refresh" },
|
|
81
61
|
]),
|
|
@@ -170,7 +150,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
170
150
|
|
|
171
151
|
{
|
|
172
152
|
accessorKey: "eventType",
|
|
173
|
-
header: "Event Type",
|
|
153
|
+
header: "Event's Type",
|
|
174
154
|
size: 300,
|
|
175
155
|
type: "string"
|
|
176
156
|
},
|
|
@@ -182,7 +162,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
182
162
|
},
|
|
183
163
|
{
|
|
184
164
|
accessorKey: "Edit_Approve_Records",
|
|
185
|
-
header: "Edit
|
|
165
|
+
header: "Edit",
|
|
186
166
|
type: "action",
|
|
187
167
|
size: 150,
|
|
188
168
|
widget: {
|
|
@@ -255,67 +235,9 @@ export const EventUiSchema: any = (theme) => {
|
|
|
255
235
|
},
|
|
256
236
|
},
|
|
257
237
|
]
|
|
258
|
-
// }]
|
|
259
238
|
}
|
|
260
239
|
],
|
|
261
240
|
},
|
|
262
|
-
// {
|
|
263
|
-
// type: "HorizontalLayout",
|
|
264
|
-
// config: {
|
|
265
|
-
// layout:{xs:12,sm: 6}
|
|
266
|
-
// },
|
|
267
|
-
// elements: [
|
|
268
|
-
// {
|
|
269
|
-
// type: "Control",
|
|
270
|
-
// scope: "#/properties/RemoveItemButton",
|
|
271
|
-
// options: {
|
|
272
|
-
// widget: "IconButton",
|
|
273
|
-
// },
|
|
274
|
-
// config: {
|
|
275
|
-
// layout: { xs: 1, sm: 1 },
|
|
276
|
-
// main: {
|
|
277
|
-
// onClick: "RemoveItemButton",
|
|
278
|
-
// size: "large",
|
|
279
|
-
// icon: "RejectIcon",
|
|
280
|
-
// styleDefault: true,
|
|
281
|
-
// },
|
|
282
|
-
// style:{
|
|
283
|
-
// marginLeft: "-10px"
|
|
284
|
-
// }
|
|
285
|
-
// },
|
|
286
|
-
// },
|
|
287
|
-
// {
|
|
288
|
-
// type: "Control",
|
|
289
|
-
// scope: "#/properties/copiedElementDetails",
|
|
290
|
-
|
|
291
|
-
// options: {
|
|
292
|
-
// widget: "Box",
|
|
293
|
-
// },
|
|
294
|
-
// config: {
|
|
295
|
-
// layout: { xs: 6, sm: 6 },
|
|
296
|
-
// main: {
|
|
297
|
-
// heading: "No element copied",
|
|
298
|
-
// },
|
|
299
|
-
// style: {
|
|
300
|
-
// color: "#535557",
|
|
301
|
-
// marginLeft: "-10px",
|
|
302
|
-
// fontSize: "12px",
|
|
303
|
-
// marginTop: "4px"
|
|
304
|
-
// },
|
|
305
|
-
// },
|
|
306
|
-
// },
|
|
307
|
-
// {
|
|
308
|
-
// type: "Control",
|
|
309
|
-
// scope: "#/properties/EmptyBox",
|
|
310
|
-
// options: {
|
|
311
|
-
// widget: "EmptyBox",
|
|
312
|
-
// },
|
|
313
|
-
// config: {
|
|
314
|
-
// layout: { xs: 1, sm: 5 },
|
|
315
|
-
// },
|
|
316
|
-
// },
|
|
317
|
-
// ]
|
|
318
|
-
// },
|
|
319
241
|
{
|
|
320
242
|
type: "WrapperLayout",
|
|
321
243
|
config: {
|
|
@@ -402,15 +324,17 @@ export const EventUiSchema: any = (theme) => {
|
|
|
402
324
|
config: {
|
|
403
325
|
layout: 11,
|
|
404
326
|
main: {
|
|
405
|
-
heading: "Are you sure you want to delete ?",
|
|
327
|
+
heading: "Are you sure you want to delete this Event ?",
|
|
406
328
|
},
|
|
407
329
|
style:{
|
|
408
|
-
marginTop: "-20px",
|
|
409
330
|
fontSize: "20px",
|
|
410
331
|
"&.MuiTypography-root": {
|
|
411
|
-
padding: "
|
|
332
|
+
padding: "0px 20px",
|
|
412
333
|
textAlign: "center",
|
|
413
|
-
lineHeight: "1"
|
|
334
|
+
lineHeight: "1.2",
|
|
335
|
+
fontWeight: "normal",
|
|
336
|
+
fontSize: "18px",
|
|
337
|
+
marginBottom: theme.spacing(5)
|
|
414
338
|
}
|
|
415
339
|
}
|
|
416
340
|
},
|
|
@@ -435,13 +359,14 @@ export const EventUiSchema: any = (theme) => {
|
|
|
435
359
|
name: "No",
|
|
436
360
|
startIcon: "ApproveIcon",
|
|
437
361
|
variant: "contained",
|
|
438
|
-
color: "info",
|
|
439
362
|
type: "text",
|
|
440
363
|
onClick: "deletePopUpEvent",
|
|
441
364
|
size: "large",
|
|
442
365
|
},
|
|
443
366
|
style: {
|
|
444
367
|
position: "absolute",
|
|
368
|
+
padding: "8px 0px",
|
|
369
|
+
fontSize: "16px",
|
|
445
370
|
bottom: 0,
|
|
446
371
|
left: 0,
|
|
447
372
|
width: "50%",
|
|
@@ -469,7 +394,6 @@ export const EventUiSchema: any = (theme) => {
|
|
|
469
394
|
layout: 6,
|
|
470
395
|
main: {
|
|
471
396
|
name: "Yes",
|
|
472
|
-
startIcon: "ApproveIcon",
|
|
473
397
|
variant: "contained",
|
|
474
398
|
color: "error",
|
|
475
399
|
type: "text",
|
|
@@ -478,6 +402,8 @@ export const EventUiSchema: any = (theme) => {
|
|
|
478
402
|
},
|
|
479
403
|
style: {
|
|
480
404
|
position: "absolute",
|
|
405
|
+
padding: "8px 0px",
|
|
406
|
+
fontSize: "16px",
|
|
481
407
|
bottom: 0,
|
|
482
408
|
right: 0,
|
|
483
409
|
width: "50%",
|
|
@@ -498,6 +424,31 @@ export const EventUiSchema: any = (theme) => {
|
|
|
498
424
|
},
|
|
499
425
|
]
|
|
500
426
|
},
|
|
427
|
+
{
|
|
428
|
+
type: "Control",
|
|
429
|
+
scope: "#/properties/pageName",
|
|
430
|
+
|
|
431
|
+
options: {
|
|
432
|
+
widget: "Breadcrumb",
|
|
433
|
+
},
|
|
434
|
+
config: {
|
|
435
|
+
layout: 12,
|
|
436
|
+
main: {
|
|
437
|
+
onNavigatePopupNo: "onNavigatePopupNo",
|
|
438
|
+
onNavigatePopupYes: "onNavigatePopupYes"
|
|
439
|
+
},
|
|
440
|
+
style: {
|
|
441
|
+
paddingLeft: theme.spacing(3),
|
|
442
|
+
color:theme.palette.grey[600],
|
|
443
|
+
fontSize:"10px",
|
|
444
|
+
position: "fixed",
|
|
445
|
+
bottom: "24px",
|
|
446
|
+
borderBottom: `1px solid ${theme.palette.common.black}29`,
|
|
447
|
+
borderTop: `1px solid ${theme.palette.common.black}29`,
|
|
448
|
+
backgroundColor: theme.palette.background.default,
|
|
449
|
+
},
|
|
450
|
+
},
|
|
451
|
+
},
|
|
501
452
|
{
|
|
502
453
|
type: "Control",
|
|
503
454
|
scope: "#/properties/notify",
|
|
@@ -506,112 +457,6 @@ export const EventUiSchema: any = (theme) => {
|
|
|
506
457
|
},
|
|
507
458
|
layout: 6,
|
|
508
459
|
},
|
|
509
|
-
// {
|
|
510
|
-
// type: "HorizontalLayout",
|
|
511
|
-
// config: {
|
|
512
|
-
// main: {
|
|
513
|
-
// direction: 'row'
|
|
514
|
-
// },
|
|
515
|
-
// style: {
|
|
516
|
-
// flexDirection: "row",
|
|
517
|
-
// position: "absolute",
|
|
518
|
-
// bottom: 0,
|
|
519
|
-
// marginBottom: '-8px',
|
|
520
|
-
// height: 'fit-content',
|
|
521
|
-
// overflow: 'hidden',
|
|
522
|
-
// zIndex: 1000,
|
|
523
|
-
// width: 'inherit'
|
|
524
|
-
// }
|
|
525
|
-
// },
|
|
526
|
-
// elements: [
|
|
527
|
-
// {
|
|
528
|
-
|
|
529
|
-
// type: "Control",
|
|
530
|
-
// scope: "#/properties/FooterText",
|
|
531
|
-
// options: {
|
|
532
|
-
// widget: "Box",
|
|
533
|
-
// },
|
|
534
|
-
// config: {
|
|
535
|
-
// main: {
|
|
536
|
-
// heading: "Copywriter@ACT21.IO"
|
|
537
|
-
// },
|
|
538
|
-
// style: {
|
|
539
|
-
// color: theme?.palette?.text.disabled || "#AFAFAF",
|
|
540
|
-
// fontSize: '12px',
|
|
541
|
-
// textAlign: 'center',
|
|
542
|
-
// lineHeight: 2,
|
|
543
|
-
// width: 'fit-content',
|
|
544
|
-
// left: '50%',
|
|
545
|
-
// position: 'relative',
|
|
546
|
-
// margin: 0,
|
|
547
|
-
// flexGrow: 1,
|
|
548
|
-
// height: 0,
|
|
549
|
-
// transform: "translate(-50%,0%)"
|
|
550
|
-
// }
|
|
551
|
-
// },
|
|
552
|
-
// },
|
|
553
|
-
// {
|
|
554
|
-
// type: "Control",
|
|
555
|
-
// scope: "#/properties/backIcon",
|
|
556
|
-
// options: {
|
|
557
|
-
// widget: "Box",
|
|
558
|
-
// },
|
|
559
|
-
// config: {
|
|
560
|
-
// main: {
|
|
561
|
-
// iconName: 'PrevIcon',
|
|
562
|
-
// onClick: "backHandler",
|
|
563
|
-
// width: 'fit-content',
|
|
564
|
-
// },
|
|
565
|
-
// style: {
|
|
566
|
-
// fill: theme.palette.primary.main,
|
|
567
|
-
// width: 20,
|
|
568
|
-
// height: 0,
|
|
569
|
-
// margin: 0,
|
|
570
|
-
// top: 0,
|
|
571
|
-
// right: {xs: '12px', sm: '84px'},
|
|
572
|
-
// position: 'absolute',
|
|
573
|
-
// fontSize: '12px',
|
|
574
|
-
// cursor: 'pointer',
|
|
575
|
-
// ':hover': {
|
|
576
|
-
// fill: theme.palette.primary.dark,
|
|
577
|
-
// }
|
|
578
|
-
// }
|
|
579
|
-
// }
|
|
580
|
-
// },
|
|
581
|
-
// {
|
|
582
|
-
// type: "Control",
|
|
583
|
-
// scope: "#/properties/text",
|
|
584
|
-
|
|
585
|
-
// options: {
|
|
586
|
-
// widget: "Box",
|
|
587
|
-
// },
|
|
588
|
-
// config: {
|
|
589
|
-
// main: {
|
|
590
|
-
// heading: "Previous Page",
|
|
591
|
-
// onClick: "backHandler"
|
|
592
|
-
// },
|
|
593
|
-
// style: {
|
|
594
|
-
// display: {xs: 'none', sm: "flex"},
|
|
595
|
-
// textAlign: 'left',
|
|
596
|
-
// lineHeight: 1,
|
|
597
|
-
// height: 0,
|
|
598
|
-
// width: 'fit-content',
|
|
599
|
-
// color: theme.palette.primary.main,
|
|
600
|
-
// fontSize: "12px",
|
|
601
|
-
// cursor: 'pointer',
|
|
602
|
-
// marginLeft: '2px',
|
|
603
|
-
// marginRight: 0,
|
|
604
|
-
// top: 3,
|
|
605
|
-
// right: '12px',
|
|
606
|
-
// position: 'absolute',
|
|
607
|
-
// ':hover': {
|
|
608
|
-
// color: theme.palette.primary.dark,
|
|
609
|
-
// }
|
|
610
|
-
// }
|
|
611
|
-
// },
|
|
612
|
-
// },
|
|
613
|
-
// ]
|
|
614
|
-
// }
|
|
615
460
|
{
|
|
616
461
|
type: "HorizontalLayout",
|
|
617
462
|
config: {
|
|
@@ -621,7 +466,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
621
466
|
style: {
|
|
622
467
|
flexDirection: "row",
|
|
623
468
|
position: "absolute",
|
|
624
|
-
bottom:
|
|
469
|
+
bottom: 10,
|
|
625
470
|
height: "fit-content",
|
|
626
471
|
overflow: "hidden",
|
|
627
472
|
zIndex: 1000,
|
|
@@ -640,81 +485,20 @@ export const EventUiSchema: any = (theme) => {
|
|
|
640
485
|
heading: "Copywriter@ACT21.IO",
|
|
641
486
|
},
|
|
642
487
|
style: {
|
|
643
|
-
color: theme?.palette?.text
|
|
488
|
+
color: theme?.palette?.text.disabled || "#AFAFAF",
|
|
644
489
|
fontSize: "11px",
|
|
645
490
|
textAlign: "center",
|
|
646
|
-
lineHeight:
|
|
491
|
+
lineHeight: 0,
|
|
647
492
|
width: "fit-content",
|
|
648
493
|
left: "50%",
|
|
649
494
|
position: "relative",
|
|
650
|
-
margin:
|
|
495
|
+
margin: "revert",
|
|
651
496
|
flexGrow: 1,
|
|
652
497
|
height: 0,
|
|
653
498
|
transform: "translate(-50%, 0%)",
|
|
654
499
|
},
|
|
655
500
|
},
|
|
656
501
|
},
|
|
657
|
-
{
|
|
658
|
-
type: "Control",
|
|
659
|
-
scope: "#/properties/FooterBackIcon",
|
|
660
|
-
options: {
|
|
661
|
-
widget: "Box",
|
|
662
|
-
},
|
|
663
|
-
config: {
|
|
664
|
-
main: {
|
|
665
|
-
iconName: "PrevIcon",
|
|
666
|
-
onClick: "backHandler",
|
|
667
|
-
width: "fit-content",
|
|
668
|
-
},
|
|
669
|
-
style: {
|
|
670
|
-
fill: theme?.palette?.primary?.main,
|
|
671
|
-
width: 20,
|
|
672
|
-
height: 0,
|
|
673
|
-
// margin: 0,
|
|
674
|
-
top: 0,
|
|
675
|
-
right: { xs: "12px", sm: "84px" },
|
|
676
|
-
position: "absolute",
|
|
677
|
-
fontSize: "12px",
|
|
678
|
-
cursor: "pointer",
|
|
679
|
-
":hover": {
|
|
680
|
-
fill: theme?.palette?.primary?.dark,
|
|
681
|
-
},
|
|
682
|
-
marginRight: "20px",
|
|
683
|
-
},
|
|
684
|
-
},
|
|
685
|
-
},
|
|
686
|
-
{
|
|
687
|
-
type: "Control",
|
|
688
|
-
scope: "#/properties/FooterBackHandlerText",
|
|
689
|
-
options: {
|
|
690
|
-
widget: "Box",
|
|
691
|
-
},
|
|
692
|
-
config: {
|
|
693
|
-
main: {
|
|
694
|
-
heading: "Previous Page",
|
|
695
|
-
onClick: "backHandler",
|
|
696
|
-
},
|
|
697
|
-
style: {
|
|
698
|
-
display: { xs: "none", sm: "flex" },
|
|
699
|
-
textAlign: "left",
|
|
700
|
-
lineHeight: 1,
|
|
701
|
-
height: 0,
|
|
702
|
-
width: "fit-content",
|
|
703
|
-
color: theme?.palette?.primary?.main,
|
|
704
|
-
fontSize: "12px",
|
|
705
|
-
cursor: "pointer",
|
|
706
|
-
marginLeft: "2px",
|
|
707
|
-
|
|
708
|
-
top: 3,
|
|
709
|
-
right: "12px",
|
|
710
|
-
position: "absolute",
|
|
711
|
-
":hover": {
|
|
712
|
-
color: theme?.palette?.primary?.dark,
|
|
713
|
-
},
|
|
714
|
-
marginRight: "4px",
|
|
715
|
-
},
|
|
716
|
-
},
|
|
717
|
-
},
|
|
718
502
|
],
|
|
719
503
|
}
|
|
720
504
|
],
|