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/dist/impaktapps-ui-builder.es.js CHANGED
@@ -50,15 +50,15 @@ const PageMasterUiSchema = (theme) => {
50
50
  var _a;
51
51
  const uiSchema = {
52
52
  type: "HorizontalLayout",
53
- heading: "Page",
53
+ heading: "Page Master",
54
54
  elements: [
55
55
  {
56
56
  type: "WrapperLayout",
57
57
  config: {
58
- main: {
59
- label: "Basic Details",
60
- isAccordion: true,
61
- gap: "8px"
58
+ main: {},
59
+ wrapperStyle: {
60
+ marginLeft: theme.spacing(2),
61
+ backgroundColor: theme.palette.background.default
62
62
  }
63
63
  },
64
64
  elements: [
@@ -69,9 +69,9 @@ const PageMasterUiSchema = (theme) => {
69
69
  widget: "InputField"
70
70
  },
71
71
  config: {
72
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
72
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
73
73
  main: {
74
- label: "Page Name",
74
+ label: "Name",
75
75
  options: [],
76
76
  color: "secondary",
77
77
  errorMessage: "Name should be start with 'page_'",
@@ -80,6 +80,26 @@ const PageMasterUiSchema = (theme) => {
80
80
  }
81
81
  }
82
82
  },
83
+ {
84
+ type: "Control",
85
+ scope: "#/properties/template",
86
+ options: {
87
+ widget: "SelectInputField"
88
+ },
89
+ config: {
90
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
91
+ main: {
92
+ label: "Template",
93
+ options: [
94
+ { const: "template1", title: "template1" },
95
+ { const: "template2", title: "template2" },
96
+ { const: "template3", title: "template3" }
97
+ ],
98
+ color: "secondary",
99
+ required: true
100
+ }
101
+ }
102
+ },
83
103
  {
84
104
  type: "Control",
85
105
  scope: "#/properties/label",
@@ -87,9 +107,9 @@ const PageMasterUiSchema = (theme) => {
87
107
  widget: "InputField"
88
108
  },
89
109
  config: {
90
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
110
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
91
111
  main: {
92
- label: "Page Heading",
112
+ label: "Label",
93
113
  options: [],
94
114
  color: "secondary",
95
115
  required: true
@@ -100,7 +120,7 @@ const PageMasterUiSchema = (theme) => {
100
120
  type: "Control",
101
121
  scope: "#/properties/EmptyBox",
102
122
  config: {
103
- layout: { xs: 0, sm: 0, md: 4, lg: 6 }
123
+ layout: { xs: 6, sm: 6, md: 0, lg: 0 }
104
124
  },
105
125
  options: {
106
126
  widget: "EmptyBox"
@@ -111,27 +131,11 @@ const PageMasterUiSchema = (theme) => {
111
131
  {
112
132
  type: "TabLayout",
113
133
  config: {
114
- layout: 12,
115
134
  main: {
116
- tabLabels: ["Page Components", "Page Events"]
117
- },
118
- style: {
119
- TabPanelStyle: {
120
- padding: 0
121
- }
135
+ tabLabels: ["Components", "Events"],
136
+ divider: true
122
137
  },
123
- TabsStyle: {
124
- borderTop: `1px solid ${theme.palette.common.black}29`,
125
- marginBottom: "3px",
126
- paddingBottom: "4px",
127
- boxShadow: "0px 3px 4px #afafaf80",
128
- "& .MuiTabs-indicator": {
129
- bottom: "6px"
130
- }
131
- },
132
- TabContainerStyle: {
133
- marginTop: "-16px"
134
- }
138
+ defaultStyle: true
135
139
  },
136
140
  elements: [
137
141
  {
@@ -155,18 +159,12 @@ const PageMasterUiSchema = (theme) => {
155
159
  main: {
156
160
  onClick: "onAddClickHandler",
157
161
  size: "small",
158
- icon: "TableAddIcon",
159
- iconLabel: "Add",
162
+ icon: "AddIcon",
163
+ iconLabel: "Add New",
160
164
  styleDefault: true
161
165
  },
162
166
  style: {
163
- mt: "6px",
164
- color: "inherit",
165
- fill: "inherit",
166
- "&:hover": {
167
- color: "inherit",
168
- fill: "inherit"
169
- }
167
+ mt: "6px"
170
168
  }
171
169
  }
172
170
  }
@@ -182,18 +180,12 @@ const PageMasterUiSchema = (theme) => {
182
180
  main: {
183
181
  onClick: "copyPasteElement",
184
182
  size: "small",
185
- icon: "TablePasteIcon",
183
+ icon: "PasteIcon",
186
184
  iconLabel: "Paste",
187
185
  styleDefault: true
188
186
  },
189
187
  style: {
190
- mt: "6px",
191
- color: "inherit",
192
- fill: "inherit",
193
- "&:hover": {
194
- color: "inherit",
195
- fill: "inherit"
196
- }
188
+ mt: "6px"
197
189
  }
198
190
  }
199
191
  }
@@ -208,21 +200,16 @@ const PageMasterUiSchema = (theme) => {
208
200
  elements: [
209
201
  {
210
202
  accessorKey: "name",
211
- header: "Name",
212
- size: 300,
213
- type: "string"
203
+ header: "Name"
214
204
  },
215
205
  {
216
206
  accessorKey: "type",
217
- header: "Type",
218
- size: 300,
219
- type: "string"
207
+ header: "Type"
220
208
  },
221
209
  {
222
210
  header: "Edit",
223
211
  field: "Reject_Records",
224
- size: 150,
225
- type: "action",
212
+ flex: 1,
226
213
  widget: {
227
214
  type: "Control",
228
215
  scope: "#/properties/RejectButton",
@@ -231,15 +218,13 @@ const PageMasterUiSchema = (theme) => {
231
218
  },
232
219
  config: {
233
220
  main: {
234
- icon: "TableEditIcon",
221
+ icon: "EditIcon",
222
+ color: "primary",
235
223
  onClick: "Edit_Components",
236
224
  tooltipMessage: "Edit This Record"
237
225
  },
238
226
  style: {
239
- fill: theme.palette.primary.main,
240
- "& :hover": {
241
- fill: theme.palette.primary.dark
242
- }
227
+ color: theme.palette.primary.main
243
228
  }
244
229
  }
245
230
  }
@@ -247,8 +232,7 @@ const PageMasterUiSchema = (theme) => {
247
232
  {
248
233
  header: "Delete",
249
234
  field: "Reject_Records",
250
- size: 150,
251
- type: "action",
235
+ flex: 1,
252
236
  widget: {
253
237
  type: "Control",
254
238
  scope: "#/properties/RejectButton",
@@ -257,15 +241,10 @@ const PageMasterUiSchema = (theme) => {
257
241
  },
258
242
  config: {
259
243
  main: {
260
- icon: "Bin",
244
+ icon: "RejectIcon",
245
+ color: "error",
261
246
  onClick: "deletePopUpComponent",
262
247
  tooltipMessage: "Reject This Record"
263
- },
264
- style: {
265
- fill: theme.palette.primary.main,
266
- "& :hover": {
267
- fill: theme.palette.primary.dark
268
- }
269
248
  }
270
249
  }
271
250
  }
@@ -312,18 +291,12 @@ const PageMasterUiSchema = (theme) => {
312
291
  main: {
313
292
  onClick: "eventAddHandler",
314
293
  size: "small",
315
- icon: "TableAddIcon",
316
- iconLabel: "Add",
294
+ icon: "AddIcon",
295
+ iconLabel: "Add New",
317
296
  styleDefault: true
318
297
  },
319
298
  style: {
320
- mt: "6px",
321
- color: "inherit",
322
- fill: "inherit",
323
- "&:hover": {
324
- color: "inherit",
325
- fill: "inherit"
326
- }
299
+ mt: "6px"
327
300
  }
328
301
  }
329
302
  }
@@ -339,18 +312,12 @@ const PageMasterUiSchema = (theme) => {
339
312
  main: {
340
313
  onClick: "copyPasteElement",
341
314
  size: "small",
342
- icon: "TablePasteIcon",
315
+ icon: "PasteIcon",
343
316
  iconLabel: "Paste",
344
317
  styleDefault: true
345
318
  },
346
319
  style: {
347
- mt: "6px",
348
- color: "inherit",
349
- fill: "inherit",
350
- "&:hover": {
351
- color: "inherit",
352
- fill: "inherit"
353
- }
320
+ mt: "6px"
354
321
  }
355
322
  }
356
323
  }
@@ -365,21 +332,15 @@ const PageMasterUiSchema = (theme) => {
365
332
  elements: [
366
333
  {
367
334
  accessorKey: "eventType",
368
- header: "Event Type",
369
- size: 300,
370
- type: "string"
335
+ header: "Event Type"
371
336
  },
372
337
  {
373
338
  accessorKey: "Handler",
374
- header: "Handler",
375
- size: 300,
376
- type: "string"
339
+ header: "Handler"
377
340
  },
378
341
  {
379
342
  accessorKey: "Edit_Approve_Records",
380
343
  header: "Edit Widget",
381
- type: "action",
382
- size: 150,
383
344
  widget: {
384
345
  type: "Control",
385
346
  scope: "#/properties/Edit_Records",
@@ -388,16 +349,14 @@ const PageMasterUiSchema = (theme) => {
388
349
  },
389
350
  config: {
390
351
  main: {
352
+ color: "info",
391
353
  size: "small",
392
- icon: "TableEditIcon",
354
+ icon: "EditIcon",
393
355
  tooltipMessage: "Edit This Record",
394
356
  onClick: "editEvent"
395
357
  },
396
358
  style: {
397
- fill: theme.palette.primary.main,
398
- "& :hover": {
399
- fill: theme.palette.primary.dark
400
- }
359
+ color: theme.palette.primary.main
401
360
  }
402
361
  }
403
362
  }
@@ -413,15 +372,10 @@ const PageMasterUiSchema = (theme) => {
413
372
  },
414
373
  config: {
415
374
  main: {
416
- icon: "Bin",
375
+ icon: "RejectIcon",
376
+ color: "error",
417
377
  tooltipMessage: "Reject This Record",
418
378
  onClick: "deletePopUpEvent"
419
- },
420
- style: {
421
- fill: theme.palette.primary.main,
422
- "& :hover": {
423
- fill: theme.palette.primary.dark
424
- }
425
379
  }
426
380
  }
427
381
  }
@@ -450,49 +404,79 @@ const PageMasterUiSchema = (theme) => {
450
404
  ]
451
405
  },
452
406
  {
453
- scope: "#/properties/Remarks Container",
454
- type: "WrapperLayout",
407
+ type: "HorizontalLayout",
455
408
  config: {
456
- layout: 12,
457
- main: {
458
- divider: false,
459
- rowSpacing: 0,
460
- gap: 0
461
- },
462
- componentsBoxStyle: {
463
- padding: "8px 8px 8px 24px"
464
- }
409
+ layout: { xs: 12, sm: 9 }
465
410
  },
466
411
  elements: [
467
412
  {
468
413
  type: "Control",
469
- scope: "#/properties/btn",
414
+ scope: "#/properties/RemoveItemButton",
470
415
  options: {
471
- widget: "Button"
416
+ widget: "IconButton"
472
417
  },
473
418
  config: {
474
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
419
+ layout: { xs: 1, sm: 1 },
475
420
  main: {
476
- name: "Save",
477
- variant: "contained",
478
- type: "text",
479
- onClick: "saveHandler",
480
- size: "medium"
421
+ onClick: "RemoveItemButton",
422
+ size: "large",
423
+ icon: "RejectIcon",
424
+ styleDefault: true
425
+ },
426
+ style: {
427
+ marginLeft: "-5px"
481
428
  }
482
429
  }
483
430
  },
484
431
  {
485
432
  type: "Control",
486
- scope: "#/properties/EmptyBox",
487
- config: {
488
- layout: { xs: 8, sm: 9.5, md: 10, lg: 10.5 }
433
+ scope: "#/properties/copiedElementDetails",
434
+ options: {
435
+ widget: "Box"
489
436
  },
437
+ config: {
438
+ layout: { xs: 6, sm: 6 },
439
+ main: {
440
+ heading: "No element copied"
441
+ },
442
+ style: {
443
+ color: "#535557",
444
+ marginLeft: "-30px",
445
+ fontSize: "12px",
446
+ marginTop: "4px"
447
+ }
448
+ }
449
+ },
450
+ {
451
+ type: "Control",
452
+ scope: "#/properties/EmptyBox",
490
453
  options: {
491
454
  widget: "EmptyBox"
455
+ },
456
+ config: {
457
+ layout: { xs: 1, sm: 5 }
492
458
  }
493
459
  }
494
460
  ]
495
461
  },
462
+ {
463
+ type: "Control",
464
+ scope: "#/properties/btn",
465
+ options: {
466
+ widget: "Button"
467
+ },
468
+ config: {
469
+ layout: { xs: 4, sm: 2 },
470
+ main: {
471
+ name: "Save",
472
+ startIcon: "ApproveIcon",
473
+ variant: "contained",
474
+ type: "text",
475
+ onClick: "saveHandler",
476
+ size: "medium"
477
+ }
478
+ }
479
+ },
496
480
  {
497
481
  type: "Control",
498
482
  scope: "#/properties/popUpPageMasterComponent",
@@ -519,7 +503,7 @@ const PageMasterUiSchema = (theme) => {
519
503
  widget: "Box"
520
504
  },
521
505
  config: {
522
- layout: 11,
506
+ layout: 12,
523
507
  main: {
524
508
  heading: "Are you sure you want to delete ?"
525
509
  },
@@ -537,7 +521,7 @@ const PageMasterUiSchema = (theme) => {
537
521
  {
538
522
  type: "WrapperLayout",
539
523
  config: {
540
- layout: 11,
524
+ layout: 12,
541
525
  main: {}
542
526
  },
543
527
  elements: [
@@ -642,7 +626,7 @@ const PageMasterUiSchema = (theme) => {
642
626
  widget: "Box"
643
627
  },
644
628
  config: {
645
- layout: 11,
629
+ layout: 12,
646
630
  main: {
647
631
  heading: "Are you sure you want to delete ?"
648
632
  },
@@ -660,7 +644,7 @@ const PageMasterUiSchema = (theme) => {
660
644
  {
661
645
  type: "WrapperLayout",
662
646
  config: {
663
- layout: 11,
647
+ layout: 12,
664
648
  main: {}
665
649
  },
666
650
  elements: [
@@ -756,7 +740,8 @@ const PageMasterUiSchema = (theme) => {
756
740
  style: {
757
741
  flexDirection: "row",
758
742
  position: "absolute",
759
- bottom: 10,
743
+ bottom: 0,
744
+ marginBottom: "-8px",
760
745
  height: "fit-content",
761
746
  overflow: "hidden",
762
747
  zIndex: 1e3,
@@ -776,16 +761,75 @@ const PageMasterUiSchema = (theme) => {
776
761
  },
777
762
  style: {
778
763
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
779
- fontSize: "11px",
764
+ fontSize: "12px",
780
765
  textAlign: "center",
781
- lineHeight: 0,
766
+ lineHeight: 2,
782
767
  width: "fit-content",
783
768
  left: "50%",
784
769
  position: "relative",
785
- margin: "revert",
770
+ margin: 0,
786
771
  flexGrow: 1,
787
772
  height: 0,
788
- transform: "translate(-50%, 0%)"
773
+ transform: "translate(-50%,0%)"
774
+ }
775
+ }
776
+ },
777
+ {
778
+ type: "Control",
779
+ scope: "#/properties/backIcon",
780
+ options: {
781
+ widget: "Box"
782
+ },
783
+ config: {
784
+ main: {
785
+ iconName: "PrevIcon",
786
+ onClick: "backHandler",
787
+ width: "fit-content"
788
+ },
789
+ style: {
790
+ fill: theme.palette.primary.main,
791
+ width: 20,
792
+ height: 0,
793
+ margin: 0,
794
+ top: 0,
795
+ right: { xs: "12px", sm: "84px" },
796
+ position: "absolute",
797
+ fontSize: "12px",
798
+ cursor: "pointer",
799
+ ":hover": {
800
+ fill: theme.palette.primary.dark
801
+ }
802
+ }
803
+ }
804
+ },
805
+ {
806
+ type: "Control",
807
+ scope: "#/properties/text",
808
+ options: {
809
+ widget: "Box"
810
+ },
811
+ config: {
812
+ main: {
813
+ heading: "Previous Page",
814
+ onClick: "backHandler"
815
+ },
816
+ style: {
817
+ display: { xs: "none", sm: "flex" },
818
+ textAlign: "left",
819
+ lineHeight: 1,
820
+ height: 0,
821
+ width: "fit-content",
822
+ color: theme.palette.primary.main,
823
+ fontSize: "12px",
824
+ cursor: "pointer",
825
+ marginLeft: "2px",
826
+ marginRight: 0,
827
+ top: 3,
828
+ right: "12px",
829
+ position: "absolute",
830
+ ":hover": {
831
+ color: theme.palette.primary.dark
832
+ }
789
833
  }
790
834
  }
791
835
  }
@@ -6277,8 +6321,7 @@ const ComponentSchema = {
6277
6321
  { title: "Upload File", const: "UploadFile" },
6278
6322
  { title: "TreeMap", const: "TreeMap" },
6279
6323
  { title: "ColumnGroup", const: "ColumnGroup" },
6280
- { title: "Thought of the Day", const: "Thought" },
6281
- { title: "Pdf Viewer", const: "PdfViewer" }
6324
+ { title: "Thought of the Day", const: "Thought" }
6282
6325
  ]
6283
6326
  },
6284
6327
  columnFormat: {
@@ -6578,38 +6621,39 @@ const componentBasicUiSchema = (theme) => {
6578
6621
  var _a;
6579
6622
  const uiSchema = {
6580
6623
  type: "HorizontalLayout",
6581
- heading: "Page-Component",
6624
+ heading: "Component",
6582
6625
  elements: [
6626
+ {
6627
+ type: "Control",
6628
+ scope: "#/properties/pageName",
6629
+ options: {
6630
+ widget: "Box"
6631
+ },
6632
+ config: {
6633
+ layout: 12,
6634
+ main: {
6635
+ heading: " "
6636
+ },
6637
+ style: {
6638
+ marginLeft: theme.spacing(3),
6639
+ width: "auto",
6640
+ fontSize: "12px",
6641
+ color: "gray"
6642
+ }
6643
+ }
6644
+ },
6583
6645
  {
6584
6646
  type: "TabLayout",
6585
6647
  config: {
6586
6648
  main: {
6587
6649
  tabLabels: ["Core"],
6650
+ defaultStyle: true,
6588
6651
  id: `component`
6589
- },
6590
- style: {
6591
- TabPanelStyle: {
6592
- padding: 0
6593
- }
6594
- },
6595
- TabsStyle: {
6596
- marginBottom: "3px",
6597
- paddingBottom: "4px",
6598
- boxShadow: "0px 3px 4px #afafaf80",
6599
- "& .MuiTabs-indicator": {
6600
- bottom: "6px"
6601
- }
6602
6652
  }
6603
6653
  },
6604
6654
  elements: [
6605
6655
  {
6606
- type: "WrapperLayout",
6607
- config: {
6608
- main: {
6609
- label: "",
6610
- gap: "8px"
6611
- }
6612
- },
6656
+ type: "HorizontalLayout",
6613
6657
  elements: [
6614
6658
  {
6615
6659
  type: "Control",
@@ -6618,22 +6662,12 @@ const componentBasicUiSchema = (theme) => {
6618
6662
  widget: "SelectInputField"
6619
6663
  },
6620
6664
  config: {
6621
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
6665
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6622
6666
  main: {
6623
6667
  label: "Type"
6624
6668
  }
6625
6669
  }
6626
6670
  },
6627
- {
6628
- type: "Control",
6629
- scope: "#/properties/proc",
6630
- config: {
6631
- layout: { xs: 6, sm: 0, md: 0, lg: 0 }
6632
- },
6633
- options: {
6634
- widget: "EmptyBox"
6635
- }
6636
- },
6637
6671
  {
6638
6672
  type: "Control",
6639
6673
  scope: "#/properties/name",
@@ -6641,9 +6675,9 @@ const componentBasicUiSchema = (theme) => {
6641
6675
  widget: "InputField"
6642
6676
  },
6643
6677
  config: {
6644
- layout: { xs: 12, sm: 6, md: 4, lg: 3 },
6678
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6645
6679
  main: {
6646
- label: "Component ID",
6680
+ label: "Name",
6647
6681
  options: [],
6648
6682
  color: "secondary",
6649
6683
  required: true
@@ -6657,7 +6691,7 @@ const componentBasicUiSchema = (theme) => {
6657
6691
  widget: "InputField"
6658
6692
  },
6659
6693
  config: {
6660
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
6694
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6661
6695
  main: {
6662
6696
  label: "Label",
6663
6697
  options: [],
@@ -6666,11 +6700,24 @@ const componentBasicUiSchema = (theme) => {
6666
6700
  }
6667
6701
  }
6668
6702
  },
6703
+ {
6704
+ type: "Control",
6705
+ scope: "#/properties/columnFormat",
6706
+ options: {
6707
+ widget: "SelectInputField"
6708
+ },
6709
+ config: {
6710
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6711
+ main: {
6712
+ label: "Column Format"
6713
+ }
6714
+ }
6715
+ },
6669
6716
  {
6670
6717
  type: "Control",
6671
6718
  scope: "#/properties/proc",
6672
6719
  config: {
6673
- layout: { xs: 6, sm: 6, md: 0, lg: 3 }
6720
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6674
6721
  },
6675
6722
  options: {
6676
6723
  widget: "EmptyBox"
@@ -6678,73 +6725,125 @@ const componentBasicUiSchema = (theme) => {
6678
6725
  },
6679
6726
  {
6680
6727
  type: "Control",
6681
- scope: "#/properties/layout",
6682
- options: {
6683
- widget: "Array"
6684
- },
6728
+ scope: "#/properties/proc",
6685
6729
  config: {
6686
- layout: 12,
6687
- main: {
6688
- label: "Layout",
6689
- childElementLabel: "Layout"
6690
- },
6691
- style: {
6692
- marginLeft: "-24px",
6693
- marginBottom: "24px !important",
6694
- labelStyle: {
6695
- marginLeft: "24px"
6696
- },
6697
- detailsStyle: {
6698
- marginLeft: "24px"
6699
- }
6700
- }
6730
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6701
6731
  },
6702
- elements: [
6703
- {
6704
- type: "Control",
6705
- scope: "#/properties/key",
6706
- options: {
6707
- widget: "SelectInputField"
6708
- },
6709
- config: {
6710
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6711
- main: {
6712
- label: "Screen Size"
6713
- }
6714
- }
6715
- },
6716
- {
6717
- type: "Control",
6718
- scope: "#/properties/value",
6719
- options: {
6720
- widget: "InputField"
6721
- },
6722
- config: {
6723
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6724
- main: {
6725
- label: "Value",
6726
- type: "number",
6727
- helperText: "Number should be in range of 0 to 12",
6728
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6732
+ options: {
6733
+ widget: "EmptyBox"
6734
+ }
6735
+ },
6736
+ {
6737
+ type: "Control",
6738
+ scope: "#/properties/layout",
6739
+ layout: 12,
6740
+ options: {
6741
+ detail: {
6742
+ type: "HorizontalLayout",
6743
+ elements: [
6744
+ {
6745
+ type: "Control",
6746
+ scope: "#/properties/key",
6747
+ options: {
6748
+ widget: "SelectInputField"
6749
+ },
6750
+ config: {
6751
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6752
+ main: {
6753
+ label: "Screen Size"
6754
+ }
6755
+ }
6756
+ },
6757
+ {
6758
+ type: "Control",
6759
+ scope: "#/properties/value",
6760
+ options: {
6761
+ widget: "InputField"
6762
+ },
6763
+ config: {
6764
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6765
+ main: {
6766
+ label: "Value",
6767
+ type: "number",
6768
+ helperText: "Number should be in range of 0 to 12",
6769
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6770
+ }
6771
+ }
6772
+ },
6773
+ {
6774
+ type: "Control",
6775
+ scope: "#/properties/proc",
6776
+ config: {
6777
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6778
+ },
6779
+ options: {
6780
+ widget: "EmptyBox"
6781
+ }
6729
6782
  }
6730
- }
6731
- },
6732
- {
6733
- type: "Control",
6734
- scope: "#/properties/proc",
6735
- config: {
6736
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6737
- },
6738
- options: {
6739
- widget: "EmptyBox"
6740
- }
6783
+ ]
6741
6784
  }
6742
- ]
6785
+ }
6743
6786
  }
6744
6787
  ]
6745
6788
  }
6746
6789
  ]
6747
6790
  },
6791
+ {
6792
+ type: "HorizontalLayout",
6793
+ config: {
6794
+ layout: { xs: 12, sm: 6 }
6795
+ },
6796
+ elements: [
6797
+ {
6798
+ type: "Control",
6799
+ scope: "#/properties/RemoveItemButton",
6800
+ options: {
6801
+ widget: "IconButton"
6802
+ },
6803
+ config: {
6804
+ layout: { xs: 1, sm: 1 },
6805
+ main: {
6806
+ onClick: "RemoveItemButton",
6807
+ size: "large",
6808
+ icon: "RejectIcon",
6809
+ styleDefault: true
6810
+ },
6811
+ style: {
6812
+ marginLeft: "-10px"
6813
+ }
6814
+ }
6815
+ },
6816
+ {
6817
+ type: "Control",
6818
+ scope: "#/properties/copiedElementDetails",
6819
+ options: {
6820
+ widget: "Box"
6821
+ },
6822
+ config: {
6823
+ layout: { xs: 6, sm: 6 },
6824
+ main: {
6825
+ heading: "No element copied"
6826
+ },
6827
+ style: {
6828
+ color: "#535557",
6829
+ marginLeft: "-10px",
6830
+ fontSize: "12px",
6831
+ marginTop: "4px"
6832
+ }
6833
+ }
6834
+ },
6835
+ {
6836
+ type: "Control",
6837
+ scope: "#/properties/EmptyBox",
6838
+ options: {
6839
+ widget: "EmptyBox"
6840
+ },
6841
+ config: {
6842
+ layout: { xs: 1, sm: 5 }
6843
+ }
6844
+ }
6845
+ ]
6846
+ },
6748
6847
  {
6749
6848
  type: "Control",
6750
6849
  scope: "#/properties/btn",
@@ -6752,9 +6851,10 @@ const componentBasicUiSchema = (theme) => {
6752
6851
  widget: "Button"
6753
6852
  },
6754
6853
  config: {
6755
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
6854
+ layout: { xs: 4, sm: 2 },
6756
6855
  main: {
6757
6856
  name: "Ok",
6857
+ startIcon: "ApproveIcon",
6758
6858
  variant: "contained",
6759
6859
  type: "text",
6760
6860
  onClick: "okHandler",
@@ -6769,9 +6869,10 @@ const componentBasicUiSchema = (theme) => {
6769
6869
  widget: "Button"
6770
6870
  },
6771
6871
  config: {
6772
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
6872
+ layout: { xs: 4, sm: 2 },
6773
6873
  main: {
6774
6874
  name: "Save & Exit",
6875
+ startIcon: "ApproveIcon",
6775
6876
  variant: "contained",
6776
6877
  type: "text",
6777
6878
  onClick: "saveHandler",
@@ -6779,16 +6880,6 @@ const componentBasicUiSchema = (theme) => {
6779
6880
  }
6780
6881
  }
6781
6882
  },
6782
- {
6783
- type: "Control",
6784
- scope: "#/properties/EmptyBox",
6785
- config: {
6786
- layout: { xs: 4, sm: 7, md: 8, lg: 9 }
6787
- },
6788
- options: {
6789
- widget: "EmptyBox"
6790
- }
6791
- },
6792
6883
  {
6793
6884
  type: "Control",
6794
6885
  scope: "#/properties/popUpComponentSection",
@@ -6815,7 +6906,7 @@ const componentBasicUiSchema = (theme) => {
6815
6906
  widget: "Box"
6816
6907
  },
6817
6908
  config: {
6818
- layout: 11,
6909
+ layout: 12,
6819
6910
  main: {
6820
6911
  heading: "Are you sure you want to delete ?"
6821
6912
  },
@@ -6833,7 +6924,7 @@ const componentBasicUiSchema = (theme) => {
6833
6924
  {
6834
6925
  type: "WrapperLayout",
6835
6926
  config: {
6836
- layout: 11,
6927
+ layout: 12,
6837
6928
  main: {}
6838
6929
  },
6839
6930
  elements: [
@@ -6847,7 +6938,9 @@ const componentBasicUiSchema = (theme) => {
6847
6938
  layout: 6,
6848
6939
  main: {
6849
6940
  name: "No",
6941
+ startIcon: "ApproveIcon",
6850
6942
  variant: "contained",
6943
+ color: "info",
6851
6944
  type: "text",
6852
6945
  onClick: "deletePopUpComponent",
6853
6946
  size: "large"
@@ -6881,6 +6974,7 @@ const componentBasicUiSchema = (theme) => {
6881
6974
  layout: 6,
6882
6975
  main: {
6883
6976
  name: "Yes",
6977
+ startIcon: "ApproveIcon",
6884
6978
  variant: "contained",
6885
6979
  color: "error",
6886
6980
  type: "text",
@@ -6935,7 +7029,7 @@ const componentBasicUiSchema = (theme) => {
6935
7029
  widget: "Box"
6936
7030
  },
6937
7031
  config: {
6938
- layout: 11,
7032
+ layout: 12,
6939
7033
  main: {
6940
7034
  heading: "Are you sure you want to delete ?"
6941
7035
  },
@@ -6953,7 +7047,7 @@ const componentBasicUiSchema = (theme) => {
6953
7047
  {
6954
7048
  type: "WrapperLayout",
6955
7049
  config: {
6956
- layout: 11,
7050
+ layout: 12,
6957
7051
  main: {}
6958
7052
  },
6959
7053
  elements: [
@@ -6967,7 +7061,9 @@ const componentBasicUiSchema = (theme) => {
6967
7061
  layout: 6,
6968
7062
  main: {
6969
7063
  name: "No",
7064
+ startIcon: "ApproveIcon",
6970
7065
  variant: "contained",
7066
+ color: "info",
6971
7067
  type: "text",
6972
7068
  onClick: "deletePopUpEvent",
6973
7069
  size: "large"
@@ -7001,6 +7097,7 @@ const componentBasicUiSchema = (theme) => {
7001
7097
  layout: 6,
7002
7098
  main: {
7003
7099
  name: "Yes",
7100
+ startIcon: "ApproveIcon",
7004
7101
  variant: "contained",
7005
7102
  color: "error",
7006
7103
  type: "text",
@@ -7046,7 +7143,8 @@ const componentBasicUiSchema = (theme) => {
7046
7143
  style: {
7047
7144
  flexDirection: "row",
7048
7145
  position: "absolute",
7049
- bottom: 10,
7146
+ bottom: 0,
7147
+ marginBottom: "-8px",
7050
7148
  height: "fit-content",
7051
7149
  overflow: "hidden",
7052
7150
  zIndex: 1e3,
@@ -7066,16 +7164,75 @@ const componentBasicUiSchema = (theme) => {
7066
7164
  },
7067
7165
  style: {
7068
7166
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7069
- fontSize: "11px",
7167
+ fontSize: "12px",
7070
7168
  textAlign: "center",
7071
- lineHeight: 0,
7169
+ lineHeight: 2,
7072
7170
  width: "fit-content",
7073
7171
  left: "50%",
7074
7172
  position: "relative",
7075
- margin: "revert",
7173
+ margin: 0,
7076
7174
  flexGrow: 1,
7077
7175
  height: 0,
7078
- transform: "translate(-50%, 0%)"
7176
+ transform: "translate(-50%,0%)"
7177
+ }
7178
+ }
7179
+ },
7180
+ {
7181
+ type: "Control",
7182
+ scope: "#/properties/backIcon",
7183
+ options: {
7184
+ widget: "Box"
7185
+ },
7186
+ config: {
7187
+ main: {
7188
+ iconName: "PrevIcon",
7189
+ onClick: "backHandler",
7190
+ width: "fit-content"
7191
+ },
7192
+ style: {
7193
+ fill: theme.palette.primary.main,
7194
+ width: 20,
7195
+ height: 0,
7196
+ margin: 0,
7197
+ top: 0,
7198
+ right: { xs: "12px", sm: "84px" },
7199
+ position: "absolute",
7200
+ fontSize: "12px",
7201
+ cursor: "pointer",
7202
+ ":hover": {
7203
+ fill: theme.palette.primary.dark
7204
+ }
7205
+ }
7206
+ }
7207
+ },
7208
+ {
7209
+ type: "Control",
7210
+ scope: "#/properties/text",
7211
+ options: {
7212
+ widget: "Box"
7213
+ },
7214
+ config: {
7215
+ main: {
7216
+ heading: "Previous Page",
7217
+ onClick: "backHandler"
7218
+ },
7219
+ style: {
7220
+ display: { xs: "none", sm: "flex" },
7221
+ textAlign: "left",
7222
+ lineHeight: 1,
7223
+ height: 0,
7224
+ width: "fit-content",
7225
+ color: theme.palette.primary.main,
7226
+ fontSize: "12px",
7227
+ cursor: "pointer",
7228
+ marginLeft: "2px",
7229
+ marginRight: 0,
7230
+ top: 3,
7231
+ right: "12px",
7232
+ position: "absolute",
7233
+ ":hover": {
7234
+ color: theme.palette.primary.dark
7235
+ }
7079
7236
  }
7080
7237
  }
7081
7238
  }
@@ -8126,12 +8283,7 @@ const createLayoutFormat = (config2) => {
8126
8283
  lg: 12
8127
8284
  };
8128
8285
  }
8129
- let data = {
8130
- xs: 12,
8131
- sm: 12,
8132
- md: 6,
8133
- lg: 6
8134
- };
8286
+ let data = {};
8135
8287
  config2.map((e) => {
8136
8288
  data[e.key || "xs"] = +e.value || 5.5;
8137
8289
  });
@@ -8292,8 +8444,8 @@ function refreshPage(type, store2) {
8292
8444
  Validation: ValidationSection
8293
8445
  };
8294
8446
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
8295
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
8296
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
8447
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
8448
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
8297
8449
  }
8298
8450
  if (sessionStorage.getItem("copiedConfig")) {
8299
8451
  this.ElementPathSetter(UiSchema);
@@ -8696,7 +8848,7 @@ const EventSchema = {
8696
8848
  required: ["eventType", "Handler"]
8697
8849
  };
8698
8850
  const EventUiSchema = (theme) => {
8699
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
8851
+ var _a;
8700
8852
  const uiSchema = {
8701
8853
  type: "HorizontalLayout",
8702
8854
  heading: "Component",
@@ -9017,7 +9169,7 @@ const EventUiSchema = (theme) => {
9017
9169
  widget: "Box"
9018
9170
  },
9019
9171
  config: {
9020
- layout: 11,
9172
+ layout: 12,
9021
9173
  main: {
9022
9174
  heading: "Are you sure you want to delete ?"
9023
9175
  },
@@ -9035,7 +9187,7 @@ const EventUiSchema = (theme) => {
9035
9187
  {
9036
9188
  type: "WrapperLayout",
9037
9189
  config: {
9038
- layout: 11,
9190
+ layout: 12,
9039
9191
  main: {}
9040
9192
  },
9041
9193
  elements: [
@@ -9132,6 +9284,7 @@ const EventUiSchema = (theme) => {
9132
9284
  flexDirection: "row",
9133
9285
  position: "absolute",
9134
9286
  bottom: 0,
9287
+ marginBottom: "-8px",
9135
9288
  height: "fit-content",
9136
9289
  overflow: "hidden",
9137
9290
  zIndex: 1e3,
@@ -9150,8 +9303,8 @@ const EventUiSchema = (theme) => {
9150
9303
  heading: "Copywriter@ACT21.IO"
9151
9304
  },
9152
9305
  style: {
9153
- color: ((_b = (_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text) == null ? void 0 : _b.disabled) || "#AFAFAF",
9154
- fontSize: "11px",
9306
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
9307
+ fontSize: "12px",
9155
9308
  textAlign: "center",
9156
9309
  lineHeight: 2,
9157
9310
  width: "fit-content",
@@ -9160,13 +9313,13 @@ const EventUiSchema = (theme) => {
9160
9313
  margin: 0,
9161
9314
  flexGrow: 1,
9162
9315
  height: 0,
9163
- transform: "translate(-50%, 0%)"
9316
+ transform: "translate(-50%,0%)"
9164
9317
  }
9165
9318
  }
9166
9319
  },
9167
9320
  {
9168
9321
  type: "Control",
9169
- scope: "#/properties/FooterBackIcon",
9322
+ scope: "#/properties/backIcon",
9170
9323
  options: {
9171
9324
  widget: "Box"
9172
9325
  },
@@ -9177,24 +9330,24 @@ const EventUiSchema = (theme) => {
9177
9330
  width: "fit-content"
9178
9331
  },
9179
9332
  style: {
9180
- fill: (_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.primary) == null ? void 0 : _d.main,
9333
+ fill: theme.palette.primary.main,
9181
9334
  width: 20,
9182
9335
  height: 0,
9336
+ margin: 0,
9183
9337
  top: 0,
9184
9338
  right: { xs: "12px", sm: "84px" },
9185
9339
  position: "absolute",
9186
9340
  fontSize: "12px",
9187
9341
  cursor: "pointer",
9188
9342
  ":hover": {
9189
- fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.dark
9190
- },
9191
- marginRight: "20px"
9343
+ fill: theme.palette.primary.dark
9344
+ }
9192
9345
  }
9193
9346
  }
9194
9347
  },
9195
9348
  {
9196
9349
  type: "Control",
9197
- scope: "#/properties/FooterBackHandlerText",
9350
+ scope: "#/properties/text",
9198
9351
  options: {
9199
9352
  widget: "Box"
9200
9353
  },
@@ -9209,17 +9362,17 @@ const EventUiSchema = (theme) => {
9209
9362
  lineHeight: 1,
9210
9363
  height: 0,
9211
9364
  width: "fit-content",
9212
- color: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.main,
9365
+ color: theme.palette.primary.main,
9213
9366
  fontSize: "12px",
9214
9367
  cursor: "pointer",
9215
9368
  marginLeft: "2px",
9369
+ marginRight: 0,
9216
9370
  top: 3,
9217
9371
  right: "12px",
9218
9372
  position: "absolute",
9219
9373
  ":hover": {
9220
- color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.dark
9221
- },
9222
- marginRight: "4px"
9374
+ color: theme.palette.primary.dark
9375
+ }
9223
9376
  }
9224
9377
  }
9225
9378
  }
@@ -9790,6 +9943,14 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
9790
9943
  return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };
9791
9944
  });
9792
9945
  }
9946
+ } else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
9947
+ if (handlerResponse && (handlerResponse == null ? void 0 : handlerResponse.data)) {
9948
+ formDataHolder[componentName] = handlerResponse.data;
9949
+ formDataHolder[`${componentName}_RowCount`] = handlerResponse.data;
9950
+ store2.setFormdata((pre) => {
9951
+ return { ...pre, ...formDataHolder };
9952
+ });
9953
+ }
9793
9954
  } else {
9794
9955
  if (handlerResponse) {
9795
9956
  formDataHolder[componentName] = handlerResponse.data;
@@ -9997,7 +10158,7 @@ var service = (funcParams) => {
9997
10158
  },
9998
10159
  style: {
9999
10160
  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
10000
- fontSize: "11px",
10161
+ fontSize: "12px",
10001
10162
  textAlign: "center",
10002
10163
  lineHeight: 2,
10003
10164
  width: "fit-content",
@@ -10034,7 +10195,7 @@ var service = (funcParams) => {
10034
10195
  ":hover": {
10035
10196
  fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
10036
10197
  },
10037
- marginRight: "20px"
10198
+ marginRight: "13px"
10038
10199
  }
10039
10200
  }
10040
10201
  },
@@ -10056,7 +10217,7 @@ var service = (funcParams) => {
10056
10217
  height: 0,
10057
10218
  width: "fit-content",
10058
10219
  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
10059
- fontSize: "12px",
10220
+ fontSize: "14px",
10060
10221
  cursor: "pointer",
10061
10222
  marginLeft: "2px",
10062
10223
  top: 3,
@@ -10095,7 +10256,7 @@ var service = (funcParams) => {
10095
10256
  service: funcParams.service,
10096
10257
  serviceHolder: this,
10097
10258
  eventGroups,
10098
- formDataHolder
10259
+ formDataHolder: {}
10099
10260
  });
10100
10261
  funcParams.store.setSchema(
10101
10262
  (pre) => {
@@ -10110,11 +10271,11 @@ var service = (funcParams) => {
10110
10271
  funcParams.store.setUiSchema(uiSchema);
10111
10272
  },
10112
10273
  onCellRenderer: (cellParams) => {
10113
- var _a, _b, _c;
10274
+ var _a, _b, _c, _d;
10114
10275
  if (eventGroups.onCellRenderer) {
10115
10276
  let finalResponse = {};
10116
10277
  const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_c = (_b = funcParams == null ? void 0 : funcParams.dynamicData) == null ? void 0 : _b.path) == null ? void 0 : _c.split(".")[0]);
10117
- for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onCellRenderer[path]) {
10278
+ for (const eventConfig of (_d = eventGroups == null ? void 0 : eventGroups.onCellRenderer) == null ? void 0 : _d[path]) {
10118
10279
  executeEventsParameters.store.functionParameters = cellParams;
10119
10280
  finalResponse = executeEvents({
10120
10281
  ...executeEventsParameters,
@@ -11152,7 +11313,7 @@ function Card(theme) {
11152
11313
  background: "inherit",
11153
11314
  width: "calc(100%+8px)",
11154
11315
  margin: "-8px",
11155
- marginTop: { xs: "0px", md: "12px" },
11316
+ marginTop: "12px",
11156
11317
  lineHeight: "1"
11157
11318
  },
11158
11319
  layout: 12
@@ -11179,7 +11340,6 @@ function Card(theme) {
11179
11340
  justifyContent: "end"
11180
11341
  },
11181
11342
  imageStyle: {
11182
- width: "unset",
11183
11343
  fontSize: "none",
11184
11344
  padding: "4px",
11185
11345
  margin: "0px 0px 0px 8px",
@@ -11585,7 +11745,6 @@ const TextField = {
11585
11745
  "widget": "InputField"
11586
11746
  },
11587
11747
  config: {
11588
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
11589
11748
  main: {
11590
11749
  label: "Adhaar Card",
11591
11750
  formatStrArray: ["9", "9", "9", "9", " ", "9", "9", "9", "9", " ", "X9", "X9", "X9", "X9"],
@@ -11614,7 +11773,6 @@ const PanField = {
11614
11773
  "widget": "InputField"
11615
11774
  },
11616
11775
  config: {
11617
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
11618
11776
  main: {
11619
11777
  label: "Pan Card",
11620
11778
  placeholder: "AAAAA0000A",
@@ -11910,41 +12068,6 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
11910
12068
  }
11911
12069
  return thought;
11912
12070
  };
11913
- var pdfViewer = {
11914
- type: "Control",
11915
- scope: "#/properties/pdfviewer",
11916
- options: {
11917
- widget: "PdfViewer"
11918
- },
11919
- config: {
11920
- layout: {
11921
- xs: 12,
11922
- sm: 12,
11923
- md: 12,
11924
- lg: 12
11925
- },
11926
- main: {
11927
- title: "PDF"
11928
- }
11929
- }
11930
- };
11931
- const buildPdfViewer = (config2) => {
11932
- const PdfViewer = _.cloneDeep(pdfViewer);
11933
- PdfViewer.config.main.label = config2.label;
11934
- if (config2.name) {
11935
- PdfViewer.scope = `#/properties/${config2.name}`;
11936
- }
11937
- if (config2.layout) {
11938
- PdfViewer.config.layout = createLayoutFormat(config2.layout);
11939
- }
11940
- if (config2.label) {
11941
- PdfViewer.config.main.title = config2.label;
11942
- }
11943
- if (config2.style) {
11944
- PdfViewer.config.style = JSON.parse(config2.style);
11945
- }
11946
- return PdfViewer;
11947
- };
11948
12071
  let schema = {
11949
12072
  type: "object",
11950
12073
  properties: {},
@@ -12199,9 +12322,6 @@ const buildUiSchema = (config2, store2) => {
12199
12322
  case "Thought":
12200
12323
  elements = buildThoughtOfTheDay(config2, componentScope2);
12201
12324
  break;
12202
- case "PdfViewer":
12203
- elements = buildPdfViewer(config2);
12204
- break;
12205
12325
  default:
12206
12326
  schema = {
12207
12327
  type: "object",