impaktapps-ui-builder 0.0.591 → 0.0.592-alpha.2

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 (41) hide show
  1. package/dist/impaktapps-ui-builder.es.js +371 -298
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildCard.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/buildUiSchema.d.ts +1 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +2 -0
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +104 -83
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +1 -1
  10. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +4 -4
  11. package/dist/src/impaktapps-ui-builder/lib/index.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +6 -6
  14. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildProgressBar.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +7 -7
  19. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +10 -10
  20. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +64 -47
  21. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +132 -90
  22. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +11 -11
  23. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -3
  24. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
  25. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +6 -7
  26. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +3 -3
  28. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +3 -3
  31. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +3 -3
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +15 -31
  33. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +18 -11
  34. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +7 -16
  35. package/src/impaktapps-ui-builder/builder/services/component.ts +15 -22
  36. package/src/impaktapps-ui-builder/builder/services/event.ts +33 -7
  37. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +12 -12
  38. package/src/impaktapps-ui-builder/builder/services/utils.ts +12 -12
  39. package/src/impaktapps-ui-builder/lib/index.ts +1 -1
  40. package/src/impaktapps-ui-builder/runtime/services/events.ts +1 -1
  41. package/src/impaktapps-ui-builder/runtime/services/service.ts +7 -5
package/src/impaktapps-ui-builder/builder/build/uischema/file.ts CHANGED
@@ -13,7 +13,7 @@ export const uploadFile = {
13
13
  "style": {
14
14
  "backgroundColor": "none"
15
15
  },
16
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
16
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 }
17
17
  },
18
18
  "options": {
19
19
  "widget": "UploadFile"
@@ -30,7 +30,7 @@ export const downloadFile = {
30
30
  "style": {
31
31
  "backgroundColor": "none"
32
32
  },
33
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
33
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 }
34
34
  },
35
35
  "options": {
36
36
  "widget": "DownloadFile"
package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts CHANGED
@@ -43,9 +43,9 @@ export default {
43
43
  border: "5px solid rgb(179, 198, 255)",
44
44
  height: { "xs": "100px", "sm": "100px", "md": "200px" },
45
45
  borderRadius: "50%"
46
-
46
+
47
47
  },
48
-
48
+
49
49
  },
50
50
  layout: 6,
51
51
  },
@@ -67,7 +67,6 @@ export default {
67
67
  width: "100%",
68
68
  height: "100%",
69
69
  borderRadius: "50%"
70
-
71
70
  },
72
71
  containerStyle: {
73
72
  objectFit: "cover",
@@ -78,9 +77,9 @@ export default {
78
77
  border: "5px solid rgb(179, 198, 255)",
79
78
  height: { "xs": "80px", "sm": "80px", "md": "180px" },
80
79
  borderRadius: "50%"
81
-
80
+
82
81
  },
83
-
82
+
84
83
  },
85
84
  layout: 6,
86
85
  },
@@ -111,9 +110,9 @@ export default {
111
110
  border: "5px solid rgb(179, 198, 255)",
112
111
  height: { "xs": "80px", "sm": "80px", "md": "180px" },
113
112
  borderRadius: "50%"
114
-
113
+
115
114
  },
116
-
115
+
117
116
  },
118
117
  layout: 6,
119
118
  },
package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -19,7 +19,7 @@ export const refreshSectionUiSchema = {
19
19
  widget: "InputField",
20
20
  },
21
21
  config: {
22
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
22
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
23
23
  main: {
24
24
  label: "Value",
25
25
  },
@@ -33,7 +33,7 @@ export const refreshSectionUiSchema = {
33
33
  widget: "EmptyBox",
34
34
  },
35
35
  config: {
36
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
36
+ layout: { xs: 0, sm: 6, md: 4, lg: 4 },
37
37
  main: {
38
38
 
39
39
  },
@@ -47,7 +47,7 @@ export const refreshSectionUiSchema = {
47
47
  widget: "EmptyBox",
48
48
  },
49
49
  config: {
50
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
51
51
  main: {
52
52
 
53
53
  },
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -18,7 +18,7 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
22
  main: {
23
23
  label: "Validation Type",
24
24
  },
@@ -32,7 +32,7 @@ export const ValidationSection = {
32
32
  widget: "InputField",
33
33
  },
34
34
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
36
  main: {
37
37
  label: "Validation Value",
38
38
  },
@@ -45,7 +45,7 @@ export const ValidationSection = {
45
45
  widget: "EmptyBox"
46
46
  },
47
47
  config: {
48
- layout: {xs: 0, sm: 4}
48
+ layout: {xs: 0, sm: 0, md: 4}
49
49
  }
50
50
  }
51
51
  ],
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -18,7 +18,7 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
22
  main: {
23
23
  label: "Label",
24
24
  },
@@ -32,7 +32,7 @@ export const ValueTab = {
32
32
  widget: "InputField",
33
33
  },
34
34
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
36
  main: {
37
37
  label: "Value",
38
38
 
@@ -46,7 +46,7 @@ export const ValueTab = {
46
46
  widget: "EmptyBox"
47
47
  },
48
48
  config: {
49
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
49
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
50
50
  }
51
51
  }
52
52
  ],
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -45,7 +45,7 @@ export const componentBasicUiSchema: any = (theme)=>{
45
45
  widget: "SelectInputField",
46
46
  },
47
47
  config: {
48
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
48
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
49
49
  main: {
50
50
  label: "Type",
51
51
  },
@@ -59,7 +59,7 @@ export const componentBasicUiSchema: any = (theme)=>{
59
59
  widget: "InputField",
60
60
  },
61
61
  config: {
62
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
62
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
63
63
  main: {
64
64
  label: "Name",
65
65
  options: [],
@@ -76,7 +76,7 @@ export const componentBasicUiSchema: any = (theme)=>{
76
76
  widget: "InputField",
77
77
  },
78
78
  config: {
79
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
79
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
80
80
  main: {
81
81
  label: "Label",
82
82
  options: [],
@@ -92,7 +92,7 @@ export const componentBasicUiSchema: any = (theme)=>{
92
92
  widget: "SelectInputField",
93
93
  },
94
94
  config: {
95
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
95
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
96
96
  main: {
97
97
  label: "Column Format",
98
98
 
@@ -103,7 +103,7 @@ export const componentBasicUiSchema: any = (theme)=>{
103
103
  type: "Control",
104
104
  scope: "#/properties/proc",
105
105
  config: {
106
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
106
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
107
107
  },
108
108
  options: {
109
109
  widget: "EmptyBox",
@@ -113,7 +113,7 @@ export const componentBasicUiSchema: any = (theme)=>{
113
113
  type: "Control",
114
114
  scope: "#/properties/proc",
115
115
  config: {
116
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
116
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
117
117
  },
118
118
  options: {
119
119
  widget: "EmptyBox",
@@ -134,7 +134,7 @@ export const componentBasicUiSchema: any = (theme)=>{
134
134
  widget: "SelectInputField",
135
135
  },
136
136
  config: {
137
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
137
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
138
138
  main: {
139
139
  label: "Screen Size",
140
140
 
@@ -149,7 +149,7 @@ export const componentBasicUiSchema: any = (theme)=>{
149
149
  widget: "InputField",
150
150
  },
151
151
  config: {
152
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
152
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
153
  main: {
154
154
  label: "Value",
155
155
  type:"number",
@@ -164,7 +164,7 @@ export const componentBasicUiSchema: any = (theme)=>{
164
164
  type: "Control",
165
165
  scope: "#/properties/proc",
166
166
  config: {
167
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
167
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
168
168
  },
169
169
  options: {
170
170
  widget: "EmptyBox",
@@ -364,17 +364,6 @@ export const componentBasicUiSchema: any = (theme)=>{
364
364
  },
365
365
  ]
366
366
  },
367
-
368
- {
369
- type: "Control",
370
- scope: "#/properties/EmptyBox",
371
- options: {
372
- widget: "EmptyBox",
373
- },
374
- config: {
375
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
376
- },
377
- },
378
367
  {
379
368
  type: "Control",
380
369
  scope: "#/properties/EmptyBox",
@@ -382,7 +371,7 @@ export const componentBasicUiSchema: any = (theme)=>{
382
371
  widget: "EmptyBox",
383
372
  },
384
373
  config: {
385
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
374
+ layout: { xs: 4, sm: 8 },
386
375
  },
387
376
  },
388
377
  {
@@ -393,7 +382,7 @@ export const componentBasicUiSchema: any = (theme)=>{
393
382
  },
394
383
 
395
384
  config: {
396
- layout: 1.8,
385
+ layout: { xs: 4, sm: 2 },
397
386
  main: {
398
387
  name: "Ok",
399
388
  startIcon: "ApproveIcon",
@@ -403,9 +392,6 @@ export const componentBasicUiSchema: any = (theme)=>{
403
392
  onClick: "okHandler",
404
393
  size: "medium",
405
394
  },
406
- style: {
407
- float: "right",
408
- },
409
395
  },
410
396
  },
411
397
  {
@@ -416,7 +402,7 @@ export const componentBasicUiSchema: any = (theme)=>{
416
402
  },
417
403
 
418
404
  config: {
419
- layout: 1.8,
405
+ layout: { xs: 4, sm: 2 },
420
406
  main: {
421
407
  name: "Save & Exit",
422
408
  startIcon: "ApproveIcon",
@@ -426,9 +412,6 @@ export const componentBasicUiSchema: any = (theme)=>{
426
412
  onClick: "saveHandler",
427
413
  size: "medium",
428
414
  },
429
- style: {
430
- float: "right",
431
- },
432
415
  },
433
416
  },
434
417
  {
@@ -500,7 +483,7 @@ export const componentBasicUiSchema: any = (theme)=>{
500
483
  height: 0,
501
484
  margin: 0,
502
485
  top: 0,
503
- right: '90px',
486
+ right: {xs: '12px', sm: '84px'},
504
487
  position: 'absolute',
505
488
  fontSize: '12px',
506
489
  cursor: 'pointer',
@@ -523,6 +506,7 @@ export const componentBasicUiSchema: any = (theme)=>{
523
506
  onClick: "backHandler"
524
507
  },
525
508
  style: {
509
+ display: {xs: 'none', sm: "flex"},
526
510
  textAlign: 'left',
527
511
  lineHeight: 1,
528
512
  height: 0,
@@ -533,7 +517,7 @@ export const componentBasicUiSchema: any = (theme)=>{
533
517
  marginLeft: '2px',
534
518
  marginRight: 0,
535
519
  top: 3,
536
- right: '20px',
520
+ right: '12px',
537
521
  position: 'absolute',
538
522
  ':hover': {
539
523
  color: theme.palette.primary.dark,
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -23,7 +23,7 @@ export const PageMasterUiSchema: any = (theme) => {
23
23
  widget: "InputField",
24
24
  },
25
25
  config: {
26
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
26
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
27
27
  main: {
28
28
  label: "Name",
29
29
  options: [],
@@ -42,7 +42,7 @@ export const PageMasterUiSchema: any = (theme) => {
42
42
  widget: "SelectInputField",
43
43
  },
44
44
  config: {
45
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
45
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
46
46
  main: {
47
47
  label: "Template",
48
48
  options: [
@@ -63,7 +63,7 @@ export const PageMasterUiSchema: any = (theme) => {
63
63
  widget: "InputField",
64
64
  },
65
65
  config: {
66
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
66
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
67
67
  main: {
68
68
  label: "Label",
69
69
  options: [],
@@ -72,6 +72,16 @@ export const PageMasterUiSchema: any = (theme) => {
72
72
  },
73
73
  },
74
74
  },
75
+ {
76
+ type: "Control",
77
+ scope: "#/properties/EmptyBox",
78
+ config: {
79
+ layout: { xs: 6, sm: 6, md: 0, lg: 0 },
80
+ },
81
+ options: {
82
+ widget: "EmptyBox",
83
+ },
84
+ },
75
85
  ],
76
86
  },
77
87
  {
@@ -287,7 +297,7 @@ export const PageMasterUiSchema: any = (theme) => {
287
297
  widget: "EmptyBox",
288
298
  },
289
299
  config: {
290
- layout: { xs: 0, sm: 8, md: 8, lg: 8 },
300
+ layout: { xs: 8, sm: 10 },
291
301
  }
292
302
  },
293
303
  {
@@ -298,7 +308,7 @@ export const PageMasterUiSchema: any = (theme) => {
298
308
  },
299
309
 
300
310
  config: {
301
- layout: 11.9,
311
+ layout: { xs: 4, sm: 2 },
302
312
  main: {
303
313
  name: "Save",
304
314
  startIcon: "ApproveIcon",
@@ -308,10 +318,6 @@ export const PageMasterUiSchema: any = (theme) => {
308
318
  onClick: "saveHandler",
309
319
  size: "medium",
310
320
  },
311
- style: {
312
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
313
- float: "right",
314
- },
315
321
  },
316
322
  },
317
323
  {
@@ -570,7 +576,7 @@ export const PageMasterUiSchema: any = (theme) => {
570
576
  height: 0,
571
577
  margin: 0,
572
578
  top: 0,
573
- right: '82px',
579
+ right: {xs: '12px', sm: '84px'},
574
580
  position: 'absolute',
575
581
  fontSize: '12px',
576
582
  cursor: 'pointer',
@@ -583,7 +589,7 @@ export const PageMasterUiSchema: any = (theme) => {
583
589
  {
584
590
  type: "Control",
585
591
  scope: "#/properties/text",
586
-
592
+
587
593
  options: {
588
594
  widget: "Box",
589
595
  },
@@ -593,6 +599,7 @@ export const PageMasterUiSchema: any = (theme) => {
593
599
  onClick: "backHandler"
594
600
  },
595
601
  style: {
602
+ display: {xs: 'none', sm: "flex"},
596
603
  textAlign: 'left',
597
604
  lineHeight: 1,
598
605
  height: 0,
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -47,7 +47,7 @@ export const EventUiSchema: any = (theme) => {
47
47
  widget: "SelectInputField",
48
48
  },
49
49
  config: {
50
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
50
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
51
51
  main: {
52
52
  label: "Event Type",
53
53
  type: "text",
@@ -178,17 +178,7 @@ export const EventUiSchema: any = (theme) => {
178
178
  widget: "EmptyBox",
179
179
  },
180
180
  config: {
181
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
182
- },
183
- },
184
- {
185
- type: "Control",
186
- scope: "#/properties/EmptyBox",
187
- options: {
188
- widget: "EmptyBox",
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
181
+ layout: { xs: 4, sm: 8 },
192
182
  },
193
183
  },
194
184
  {
@@ -199,7 +189,7 @@ export const EventUiSchema: any = (theme) => {
199
189
  },
200
190
 
201
191
  config: {
202
- layout: 1.8,
192
+ layout: { xs: 4, sm: 2 },
203
193
  main: {
204
194
  name: "Ok",
205
195
  startIcon: "ApproveIcon",
@@ -222,7 +212,7 @@ export const EventUiSchema: any = (theme) => {
222
212
  },
223
213
 
224
214
  config: {
225
- layout: 1.8,
215
+ layout: { xs: 4, sm: 2 },
226
216
  main: {
227
217
  name: "Save & Exit",
228
218
  startIcon: "ApproveIcon",
@@ -402,7 +392,7 @@ export const EventUiSchema: any = (theme) => {
402
392
  height: 0,
403
393
  margin: 0,
404
394
  top: 0,
405
- right: '82px',
395
+ right: {xs: '12px', sm: '84px'},
406
396
  position: 'absolute',
407
397
  fontSize: '12px',
408
398
  cursor: 'pointer',
@@ -415,7 +405,7 @@ export const EventUiSchema: any = (theme) => {
415
405
  {
416
406
  type: "Control",
417
407
  scope: "#/properties/text",
418
-
408
+
419
409
  options: {
420
410
  widget: "Box",
421
411
  },
@@ -425,6 +415,7 @@ export const EventUiSchema: any = (theme) => {
425
415
  onClick: "backHandler"
426
416
  },
427
417
  style: {
418
+ display: {xs: 'none', sm: "flex"},
428
419
  textAlign: 'left',
429
420
  lineHeight: 1,
430
421
  height: 0,
package/src/impaktapps-ui-builder/builder/services/component.ts CHANGED
@@ -8,7 +8,7 @@ import { StyleSection } from "../build/uischema/styleSection";
8
8
  import { TableSection } from "../build/uischema/tableSection";
9
9
  import { ValueTab } from "../build/uischema/valueTab";
10
10
  import { ValidationSection } from "../build/uischema/validationSections";
11
- import { getFormdataFromLocalStorage, okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
11
+ import { getFormdataFromSessionStorage, okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
12
12
  const sectionLabels = {
13
13
  Select: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
14
14
  MultipleSelect: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
@@ -76,7 +76,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
76
76
  refreshPage: refreshPage,
77
77
  getFormdata: function () {
78
78
  const path = store.searchParams?.get("path");
79
- return getFormdataFromLocalStorage(path)
79
+ return getFormdataFromSessionStorage(path)
80
80
  },
81
81
  getSchema: function () {
82
82
  return ComponentSchema;
@@ -95,7 +95,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
95
95
  const rowId = dynamicData.path.split(".")[1];
96
96
  const path = store.searchParams?.get("path");
97
97
  const id = store.searchParams?.get("id");
98
- saveFormdataInLocalStorage(store.ctx.core.data, path)
98
+ saveFormdataInSessionStorage(store.ctx.core.data, path)
99
99
  if (path) {
100
100
  const path = store.searchParams?.get("path");
101
101
  const finalPath = `${path}.elements[${rowId}]`
@@ -108,33 +108,33 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
108
108
  },
109
109
  deleteComponents: function (shouldUpdateDialog: boolean = true) {
110
110
  const path = store.searchParams?.get("path");
111
- const rowId = localStorage.getItem('rowId');
111
+ const rowId = sessionStorage.getItem('rowId');
112
112
  store.formData.elements.splice(rowId, 1);
113
- const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
113
+ const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
114
114
  const data = path ? _.get(response, path) : response;
115
115
  store.setFormdata(data);
116
116
  if (shouldUpdateDialog) {
117
117
  store.updateDialog("popUpComponentSection");
118
118
  }
119
- localStorage.removeItem('rowId');
119
+ sessionStorage.removeItem('rowId');
120
120
  },
121
121
  deleteEvent: function (shouldUpdateDialog: boolean = true) {
122
122
  const path = store.searchParams?.get("path");
123
- const rowId = localStorage.getItem('rowId');
123
+ const rowId = sessionStorage.getItem('rowId');
124
124
  store.formData.events.splice(rowId, 1);
125
- const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
125
+ const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
126
126
  store.setFormdata(_.get(response, path));
127
127
  if (shouldUpdateDialog) {
128
128
  store.updateDialog("popUpEventSection")
129
129
  }
130
- localStorage.removeItem('rowId');
130
+ sessionStorage.removeItem('rowId');
131
131
  },
132
132
  widgetAddClickHandler: function () {
133
133
  if (!Array.isArray(store.formData.elements)) {
134
134
  store.formData.elements = []
135
135
  }
136
136
  const path = store.searchParams?.get("path");
137
- saveFormdataInLocalStorage(store.ctx.core.data, path)
137
+ saveFormdataInSessionStorage(store.ctx.core.data, path)
138
138
  const finalPath = `${path}.elements[${store.formData.elements.length}]`
139
139
  store.searchParams.set("path", finalPath)
140
140
  store.setSearchParams(store.searchParams)
@@ -145,7 +145,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
145
145
  const rowId = dynamicData.path.split(".")[1];
146
146
  const path = store.searchParams?.get("path");
147
147
  const id = store.searchParams?.get("id");
148
- saveFormdataInLocalStorage(store.ctx.core.data, path)
148
+ saveFormdataInSessionStorage(store.ctx.core.data, path)
149
149
  const finalPath = `${path}.events[${rowId}]`
150
150
  store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
151
151
  },
@@ -155,7 +155,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
155
155
  if (!Array.isArray(store.formData.events)) {
156
156
  store.formData.events = []
157
157
  }
158
- saveFormdataInLocalStorage(store.ctx.core.data, path)
158
+ saveFormdataInSessionStorage(store.ctx.core.data, path)
159
159
  const finalPath = `${path}.events[${store.formData.events.length}]`
160
160
  store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
161
161
  },
@@ -164,20 +164,13 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
164
164
  },
165
165
  deletePopUpComponent: function () {
166
166
  const rowId = dynamicData.path.split(".")[1];
167
- localStorage.setItem('rowId', rowId);
167
+ sessionStorage.setItem('rowId',rowId);
168
168
  store.updateDialog("popUpComponentSection");
169
169
  },
170
170
  deletePopUpEvent: function () {
171
171
  const rowId = dynamicData.path.split(".")[1];
172
- localStorage.setItem('rowId', rowId);
172
+ sessionStorage.setItem('rowId',rowId);
173
173
  store.updateDialog("popUpEventSection");
174
174
  },
175
175
  }
176
- };
177
-
178
-
179
-
180
-
181
-
182
-
183
-
176
+ };