impaktapps-ui-builder 0.0.382-alpha.315 → 0.0.382-alpha.317

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.
@@ -8,8 +8,8 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
8
8
  saveHandler: () => Promise<void>;
9
9
  onChange: () => void;
10
10
  editComponents: () => void;
11
- deleteComponents: () => void;
12
- deleteEvent: () => void;
11
+ deleteComponents: (shouldUpdateDialog?: boolean) => void;
12
+ deleteEvent: (shouldUpdateDialog?: boolean) => void;
13
13
  widgetAddClickHandler: () => void;
14
14
  eventEditHandler: () => void;
15
15
  eventAddHandler: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.315",
3
+ "version": "0.0.382-alpha.317",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -232,6 +232,11 @@ export const componentBasicUiSchema: any = {
232
232
  lg: 12,
233
233
  },
234
234
  main: {
235
+ title: "Delete Content"
236
+ },
237
+ style:{
238
+ width: "32%",
239
+ margin: "auto"
235
240
  },
236
241
  },
237
242
  elements:
@@ -248,7 +253,8 @@ export const componentBasicUiSchema: any = {
248
253
  heading: "Are you sure you want to delete ?",
249
254
  },
250
255
  style:{
251
- marginTop: "-40px"
256
+ marginTop: "-25px",
257
+ marginLeft: "11px"
252
258
  }
253
259
  },
254
260
  },
@@ -260,7 +266,7 @@ export const componentBasicUiSchema: any = {
260
266
  },
261
267
  config: {
262
268
  main:{},
263
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
269
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
264
270
  },
265
271
  },
266
272
  {
@@ -273,7 +279,7 @@ export const componentBasicUiSchema: any = {
273
279
  layout: 3,
274
280
  main: {
275
281
  name: "Yes",
276
- startIcon: "ApproveIcon",
282
+ endIcon: "DeleteIcon",
277
283
  variant: "contained",
278
284
  color: "info",
279
285
  type: "text",
@@ -292,7 +298,7 @@ export const componentBasicUiSchema: any = {
292
298
  layout: 3,
293
299
  main: {
294
300
  name: "No",
295
- startIcon: "ApproveIcon",
301
+ endIcon: "CloseIcon",
296
302
  variant: "contained",
297
303
  color: "info",
298
304
  type: "text",
@@ -301,6 +307,17 @@ export const componentBasicUiSchema: any = {
301
307
  },
302
308
  },
303
309
  },
310
+ {
311
+ type: "Control",
312
+ scope: "#/properties/EmptyBox",
313
+ options: {
314
+ widget: "EmptyBox",
315
+ },
316
+ config: {
317
+ main:{},
318
+ layout: 0.5,
319
+ },
320
+ },
304
321
  ]
305
322
  },
306
323
 
@@ -324,7 +341,12 @@ export const componentBasicUiSchema: any = {
324
341
  md: 12,
325
342
  lg: 12,
326
343
  },
344
+ style:{
345
+ width: "32%",
346
+ margin: "auto"
347
+ },
327
348
  main: {
349
+ title: "Delete Content"
328
350
  },
329
351
  },
330
352
  elements:
@@ -341,7 +363,8 @@ export const componentBasicUiSchema: any = {
341
363
  heading: "Are you sure you want to delete ?",
342
364
  },
343
365
  style:{
344
- marginTop: "-40px"
366
+ marginTop: "-25px",
367
+ marginLeft: "11px"
345
368
  }
346
369
  },
347
370
  },
@@ -353,7 +376,7 @@ export const componentBasicUiSchema: any = {
353
376
  },
354
377
  config: {
355
378
  main:{},
356
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
379
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
357
380
  },
358
381
  },
359
382
  {
@@ -366,7 +389,7 @@ export const componentBasicUiSchema: any = {
366
389
  layout: 3,
367
390
  main: {
368
391
  name: "Yes",
369
- startIcon: "ApproveIcon",
392
+ endIcon: "DeleteIcon",
370
393
  variant: "contained",
371
394
  color: "info",
372
395
  type: "text",
@@ -385,7 +408,7 @@ export const componentBasicUiSchema: any = {
385
408
  layout: 3,
386
409
  main: {
387
410
  name: "No",
388
- startIcon: "ApproveIcon",
411
+ endIcon: "CloseIcon",
389
412
  variant: "contained",
390
413
  color: "info",
391
414
  type: "text",
@@ -394,94 +417,20 @@ export const componentBasicUiSchema: any = {
394
417
  },
395
418
  },
396
419
  },
420
+ {
421
+ type: "Control",
422
+ scope: "#/properties/EmptyBox",
423
+ options: {
424
+ widget: "EmptyBox",
425
+ },
426
+ config: {
427
+ main:{},
428
+ layout: 0.5,
429
+ },
430
+ },
397
431
  ]
398
432
  },
399
433
 
400
- // {
401
- // type: "Control",
402
- // scope: "#/properties/popUpEventSection",
403
- // options:{
404
- // widget: "PopUp"
405
- // },
406
- // config:{
407
- // layout: {
408
- // xs: 12,
409
- // sm: 12,
410
- // md: 12,
411
- // lg: 12,
412
- // },
413
- // main: {
414
- // },
415
- // },
416
- // elemetns:[
417
- // {
418
- // type: "Control",
419
- // scope: "#/properties/label",
420
- // options: {
421
- // widget: "Box",
422
- // },
423
- // config: {
424
- // layout: 12,
425
- // main: {
426
- // heading: "Are you sure you want to delete ?",
427
- // },
428
- // style:{
429
- // marginTop: "-40px"
430
- // }
431
- // },
432
- // },
433
- // {
434
- // type: "Control",
435
- // scope: "#/properties/EmptyBox",
436
- // options: {
437
- // widget: "EmptyBox",
438
- // },
439
- // config: {
440
- // main:{},
441
- // layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
442
- // },
443
- // },
444
- // {
445
- // type: "Control",
446
- // scope: "#/properties/ConfirmDeleteEventButton",
447
- // options: {
448
- // widget: "Button",
449
- // },
450
- // config: {
451
- // layout: 3,
452
- // main: {
453
- // name: "Yes",
454
- // startIcon: "ApproveIcon",
455
- // variant: "contained",
456
- // color: "info",
457
- // type: "text",
458
- // onClick: "deleteEvent",
459
- // size: "small",
460
- // },
461
- // },
462
- // },
463
- // {
464
- // type: "Control",
465
- // scope: "#/properties/CancelDeleteEventButton",
466
- // options: {
467
- // widget: "Button",
468
- // },
469
- // config: {
470
- // layout: 3,
471
- // main: {
472
- // name: "No",
473
- // startIcon: "ApproveIcon",
474
- // variant: "contained",
475
- // color: "info",
476
- // type: "text",
477
- // onClick: "deletePopUpEvent",
478
- // size: "small",
479
- // },
480
- // },
481
- // },
482
- // ]
483
- // },
484
-
485
434
  {
486
435
  type: "Control",
487
436
  scope: "#/properties/proc",
@@ -367,7 +367,12 @@ export const PageMasterUiSchema: any = {
367
367
  lg: 12,
368
368
  },
369
369
  main: {
370
+ title: "Delete Content"
370
371
  },
372
+ style:{
373
+ width: "32%",
374
+ margin: "auto"
375
+ }
371
376
  },
372
377
  elements:
373
378
  [
@@ -383,7 +388,8 @@ export const PageMasterUiSchema: any = {
383
388
  heading: "Are you sure you want to delete ?",
384
389
  },
385
390
  style:{
386
- marginTop: "-40px"
391
+ marginTop: "-25px",
392
+ marginLeft: "11px"
387
393
  }
388
394
  },
389
395
  },
@@ -395,7 +401,7 @@ export const PageMasterUiSchema: any = {
395
401
  },
396
402
  config: {
397
403
  main:{},
398
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
404
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
399
405
  },
400
406
  },
401
407
  {
@@ -408,7 +414,7 @@ export const PageMasterUiSchema: any = {
408
414
  layout: 3,
409
415
  main: {
410
416
  name: "Yes",
411
- startIcon: "ApproveIcon",
417
+ endIcon: "DeleteIcon",
412
418
  variant: "contained",
413
419
  color: "info",
414
420
  type: "text",
@@ -427,7 +433,7 @@ export const PageMasterUiSchema: any = {
427
433
  layout: 3,
428
434
  main: {
429
435
  name: "No",
430
- startIcon: "ApproveIcon",
436
+ endIcon: "CloseIcon",
431
437
  variant: "contained",
432
438
  color: "info",
433
439
  type: "text",
@@ -436,101 +442,29 @@ export const PageMasterUiSchema: any = {
436
442
  },
437
443
  },
438
444
  },
445
+ {
446
+ type: "Control",
447
+ scope: "#/properties/EmptyBox",
448
+ options: {
449
+ widget: "EmptyBox",
450
+ },
451
+ config: {
452
+ main:{},
453
+ layout: 0.5,
454
+ },
455
+ },
439
456
  ]
440
457
  },
441
- // {
442
- // type: "Control",
443
- // scope: "#/properties/popUpPageMasterEvent",
444
- // options:{
445
- // widget: "PopUp"
446
- // },
447
- // config:{
448
- // layout: {
449
- // xs: 12,
450
- // sm: 12,
451
- // md: 12,
452
- // lg: 12,
453
- // },
454
- // main: {
455
- // },
456
- // },
457
- // elemetns:[
458
- // {
459
- // type: "Control",
460
- // scope: "#/properties/label",
461
- // options: {
462
- // widget: "Box",
463
- // },
464
- // config: {
465
- // layout: 12,
466
- // main: {
467
- // heading: "Are you sure you want to delete ?",
468
- // },
469
- // style:{
470
- // marginTop: "-40px"
471
- // }
472
- // },
473
- // },
474
- // {
475
- // type: "Control",
476
- // scope: "#/properties/EmptyBox",
477
- // options: {
478
- // widget: "EmptyBox",
479
- // },
480
- // config: {
481
- // main:{},
482
- // layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
483
- // },
484
- // },
485
- // {
486
- // type: "Control",
487
- // scope: "#/properties/ConfirmDeleteEventButton",
488
- // options: {
489
- // widget: "Button",
490
- // },
491
- // config: {
492
- // layout: 3,
493
- // main: {
494
- // name: "Yes",
495
- // startIcon: "ApproveIcon",
496
- // variant: "contained",
497
- // color: "info",
498
- // type: "text",
499
- // onClick: "deleteEvent",
500
- // size: "small",
501
- // },
502
- // },
503
- // },
504
- // {
505
- // type: "Control",
506
- // scope: "#/properties/CancelDeleteEventButton",
507
- // options: {
508
- // widget: "Button",
509
- // },
510
- // config: {
511
- // layout: 3,
512
- // main: {
513
- // name: "Yes",
514
- // startIcon: "ApproveIcon",
515
- // variant: "contained",
516
- // color: "info",
517
- // type: "text",
518
- // onClick: "deletePopUpEvent",
519
- // size: "small",
520
- // },
521
- // },
522
- // },
523
- // ]
524
- // },
525
-
526
-
527
-
528
458
 
529
459
  {
530
460
  type: "Control",
531
461
  scope: "#/properties/popUpPageMasterComponent",
532
462
  options: {
533
- widget: "PopUp"
463
+ widget: "PopUp",
464
+ },
465
+ style:{
466
+ width: "32%",
467
+ margin: "auto"
534
468
  },
535
469
  config: {
536
470
  layout: {
@@ -540,6 +474,7 @@ export const PageMasterUiSchema: any = {
540
474
  lg: 12,
541
475
  },
542
476
  main: {
477
+ title: "Delete Content"
543
478
  },
544
479
  },
545
480
  elements:
@@ -556,7 +491,8 @@ export const PageMasterUiSchema: any = {
556
491
  heading: "Are you sure you want to delete ?",
557
492
  },
558
493
  style:{
559
- marginTop: "-40px"
494
+ marginTop: "-25px",
495
+ marginLeft: "11px"
560
496
  }
561
497
  },
562
498
  },
@@ -568,7 +504,7 @@ export const PageMasterUiSchema: any = {
568
504
  },
569
505
  config: {
570
506
  main:{},
571
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
507
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
572
508
  },
573
509
  },
574
510
  {
@@ -581,7 +517,7 @@ export const PageMasterUiSchema: any = {
581
517
  layout: 3,
582
518
  main: {
583
519
  name: "Yes",
584
- startIcon: "ApproveIcon",
520
+ endIcon: "DeleteIcon",
585
521
  variant: "contained",
586
522
  color: "info",
587
523
  type: "text",
@@ -600,7 +536,7 @@ export const PageMasterUiSchema: any = {
600
536
  layout: 3,
601
537
  main: {
602
538
  name: "No",
603
- startIcon: "ApproveIcon",
539
+ startIcon: "CloseIcon",
604
540
  variant: "contained",
605
541
  color: "info",
606
542
  type: "text",
@@ -609,6 +545,17 @@ export const PageMasterUiSchema: any = {
609
545
  },
610
546
  },
611
547
  },
548
+ {
549
+ type: "Control",
550
+ scope: "#/properties/EmptyBox",
551
+ options: {
552
+ widget: "EmptyBox",
553
+ },
554
+ config: {
555
+ main:{},
556
+ layout: 0.5,
557
+ },
558
+ },
612
559
  ]
613
560
  },
614
561
 
@@ -251,7 +251,12 @@ export const EventUiSchema: any = {
251
251
  md: 12,
252
252
  lg: 12,
253
253
  },
254
+ style:{
255
+ width: "32%",
256
+ margin: "auto"
257
+ },
254
258
  main: {
259
+ title: "Delete Content"
255
260
  },
256
261
  },
257
262
  elements:
@@ -268,7 +273,8 @@ export const EventUiSchema: any = {
268
273
  heading: "Are you sure you want to delete ?",
269
274
  },
270
275
  style:{
271
- marginTop: "-40px"
276
+ marginTop: "-25px",
277
+ marginLeft: "11px"
272
278
  }
273
279
  },
274
280
  },
@@ -280,7 +286,7 @@ export const EventUiSchema: any = {
280
286
  },
281
287
  config: {
282
288
  main:{},
283
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
289
+ layout: { xs: 11, sm: 5.5, md: 4.5, lg: 4.5 },
284
290
  },
285
291
  },
286
292
  {
@@ -293,7 +299,7 @@ export const EventUiSchema: any = {
293
299
  layout: 3,
294
300
  main: {
295
301
  name: "Yes",
296
- startIcon: "ApproveIcon",
302
+ endIcon: "DeleteIcon",
297
303
  variant: "contained",
298
304
  color: "info",
299
305
  type: "text",
@@ -312,7 +318,7 @@ export const EventUiSchema: any = {
312
318
  layout: 3,
313
319
  main: {
314
320
  name: "No",
315
- startIcon: "ApproveIcon",
321
+ endIcon: "CloseIcon",
316
322
  variant: "contained",
317
323
  color: "info",
318
324
  type: "text",
@@ -321,100 +327,20 @@ export const EventUiSchema: any = {
321
327
  },
322
328
  },
323
329
  },
330
+ {
331
+ type: "Control",
332
+ scope: "#/properties/EmptyBox",
333
+ options: {
334
+ widget: "EmptyBox",
335
+ },
336
+ config: {
337
+ main:{},
338
+ layout: 0.5,
339
+ },
340
+ },
324
341
  ]
325
342
  },
326
343
 
327
-
328
-
329
- // {
330
- // type: "Control",
331
- // scope: "#/properties/popUpEvent",
332
- // options: {
333
- // widget: "PopUp"
334
- // },
335
- // config: {
336
- // layout: {
337
- // xs: 12,
338
- // sm: 12,
339
- // md: 12,
340
- // lg: 12,
341
- // },
342
- // main: {
343
- // },
344
- // },
345
- // elements:
346
- // [
347
- // {
348
- // type: "Control",
349
- // scope: "#/properties/label",
350
- // options: {
351
- // widget: "Box",
352
- // },
353
- // config: {
354
- // layout: 12,
355
- // main: {
356
- // heading: "Are you sure you want to delete ?",
357
- // },
358
- // style:{
359
- // marginTop: "-40px"
360
- // }
361
- // },
362
- // },
363
- // {
364
- // type: "Control",
365
- // scope: "#/properties/EmptyBox",
366
- // options: {
367
- // widget: "EmptyBox",
368
- // },
369
- // config: {
370
- // main:{},
371
- // layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
372
- // },
373
- // },
374
- // {
375
- // type: "Control",
376
- // scope: "#/properties/ConfirmDeleteEventButton",
377
- // options: {
378
- // widget: "Button",
379
- // },
380
- // config: {
381
- // layout: 12,
382
- // main: {
383
- // name: "Yes",
384
- // startIcon: "ApproveIcon",
385
- // variant: "contained",
386
- // color: "info",
387
- // type: "text",
388
- // onClick: "deleteEvent",
389
- // size: "small",
390
- // },
391
- // },
392
- // },
393
- // {
394
- // type: "Control",
395
- // scope: "#/properties/CancelDeleteEventButton",
396
- // options: {
397
- // widget: "Button",
398
- // },
399
- // config: {
400
- // layout: 12,
401
- // main: {
402
- // name: "No",
403
- // startIcon: "ApproveIcon",
404
- // variant: "contained",
405
- // color: "info",
406
- // type: "text",
407
- // onClick: "deletePopUpEvent",
408
- // size: "small",
409
- // },
410
- // },
411
- // },
412
- // ]
413
- // },
414
-
415
-
416
-
417
-
418
344
  {
419
345
  type: "Control",
420
346
  scope: "#/properties/proc",
@@ -104,26 +104,28 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
104
104
  store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
105
105
  }
106
106
  },
107
- deleteComponents: function () {
108
-
107
+ deleteComponents: function (shouldUpdateDialog: boolean = true) {
109
108
  const path = store.searchParams?.get("path");
110
- // const rowId = dynamicData.path.split(".")[1];
111
109
  const rowId = localStorage.getItem('rowId');
112
-
113
110
  store.formData.elements.splice(rowId, 1);
114
111
  const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
115
112
  const data = path ? _.get(response, path) : response;
116
113
  store.setFormdata(data);
117
- // store.updateDialog("popUpComponent");
114
+ if(shouldUpdateDialog){
115
+ store.updateDialog("popUpComponentSection");
116
+ }
118
117
  localStorage.removeItem('rowId');
119
118
  },
120
- deleteEvent: function () {
119
+ deleteEvent: function (shouldUpdateDialog: boolean = true) {
121
120
  const path = store.searchParams?.get("path");
122
- const rowId = dynamicData.path.split(".")[1];
121
+ const rowId = localStorage.getItem('rowId');
123
122
  store.formData.events.splice(rowId, 1);
124
123
  const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
125
124
  store.setFormdata(_.get(response, path));
126
- // store.updateDialog("popUpEvent")
125
+ if(shouldUpdateDialog){
126
+ store.updateDialog("popUpEventSection")
127
+ }
128
+ localStorage.removeItem('rowId');
127
129
  },
128
130
  widgetAddClickHandler: function () {
129
131
  if (!Array.isArray(store.formData.elements)) {
@@ -159,9 +161,13 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
159
161
  store.navigate(-1)
160
162
  },
161
163
  deletePopUpComponent: function(){
164
+ const rowId = dynamicData.path.split(".")[1];
165
+ localStorage.setItem('rowId',rowId);
162
166
  store.updateDialog("popUpComponentSection");
163
167
  },
164
168
  deletePopUpEvent: function(){
169
+ const rowId = dynamicData.path.split(".")[1];
170
+ localStorage.setItem('rowId',rowId);
165
171
  store.updateDialog("popUpEventSection");
166
172
  },
167
173
  }
@@ -90,13 +90,15 @@ export default (
90
90
 
91
91
  },
92
92
  deleteEvent: async function () {
93
- await Component(store, dynamicData, submitHandler, service).deleteEvent;
93
+ await Component(store, dynamicData, submitHandler, service).deleteEvent(false);
94
94
  store.updateDialog("popUpEvent");
95
95
  },
96
96
  backHandler: function () {
97
97
  store.navigate(-1)
98
98
  },
99
99
  deletePopUpEvent: function(){
100
+ const rowId = dynamicData.path.split(".")[1];
101
+ localStorage.setItem('rowId',rowId);
100
102
  store.updateDialog("popUpEvent");
101
103
  }
102
104
  }