impaktapps-ui-builder 0.0.412-mtreemap.23 → 0.0.412-mtreemap.25

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.
@@ -188,6 +188,9 @@ const PageMasterUiSchema = (theme) => {
188
188
  color: "primary",
189
189
  onClick: "Edit_Components",
190
190
  tooltipMessage: "Edit This Record"
191
+ },
192
+ style: {
193
+ color: theme.palette.primary.main
191
194
  }
192
195
  }
193
196
  }
@@ -279,7 +282,7 @@ const PageMasterUiSchema = (theme) => {
279
282
  onClick: "editEvent"
280
283
  },
281
284
  style: {
282
- color: "#3949ab"
285
+ color: theme.palette.primary.main
283
286
  }
284
287
  }
285
288
  }
@@ -339,6 +342,172 @@ const PageMasterUiSchema = (theme) => {
339
342
  }
340
343
  }
341
344
  },
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/popUpComponentSection",
348
+ options: {
349
+ widget: "PopUp"
350
+ },
351
+ config: {
352
+ layout: {
353
+ xs: 12,
354
+ sm: 12,
355
+ md: 12,
356
+ lg: 12
357
+ },
358
+ main: {}
359
+ },
360
+ elements: [
361
+ {
362
+ type: "Control",
363
+ scope: "#/properties/label",
364
+ options: {
365
+ widget: "Box"
366
+ },
367
+ config: {
368
+ layout: 12,
369
+ main: {
370
+ heading: "Are you sure you want to delete ?"
371
+ },
372
+ style: {
373
+ marginTop: "-40px"
374
+ }
375
+ }
376
+ },
377
+ {
378
+ type: "Control",
379
+ scope: "#/properties/EmptyBox",
380
+ options: {
381
+ widget: "EmptyBox"
382
+ },
383
+ config: {
384
+ main: {},
385
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
386
+ }
387
+ },
388
+ {
389
+ type: "Control",
390
+ scope: "#/properties/ConfirmDeleteCompButton",
391
+ options: {
392
+ widget: "Button"
393
+ },
394
+ config: {
395
+ layout: 3,
396
+ main: {
397
+ name: "Yes",
398
+ startIcon: "ApproveIcon",
399
+ variant: "contained",
400
+ color: "info",
401
+ type: "text",
402
+ onClick: "deleteComponents",
403
+ size: "small"
404
+ }
405
+ }
406
+ },
407
+ {
408
+ type: "Control",
409
+ scope: "#/properties/CancelDeleteCompButton",
410
+ options: {
411
+ widget: "Button"
412
+ },
413
+ config: {
414
+ layout: 3,
415
+ main: {
416
+ name: "No",
417
+ startIcon: "ApproveIcon",
418
+ variant: "contained",
419
+ color: "info",
420
+ type: "text",
421
+ onClick: "deletePopUpComponent",
422
+ size: "small"
423
+ }
424
+ }
425
+ }
426
+ ]
427
+ },
428
+ {
429
+ type: "Control",
430
+ scope: "#/properties/popUpEventSection",
431
+ options: {
432
+ widget: "PopUp"
433
+ },
434
+ config: {
435
+ layout: {
436
+ xs: 12,
437
+ sm: 12,
438
+ md: 12,
439
+ lg: 12
440
+ },
441
+ main: {}
442
+ },
443
+ elements: [
444
+ {
445
+ type: "Control",
446
+ scope: "#/properties/label",
447
+ options: {
448
+ widget: "Box"
449
+ },
450
+ config: {
451
+ layout: 12,
452
+ main: {
453
+ heading: "Are you sure you want to delete ?"
454
+ },
455
+ style: {
456
+ marginTop: "-40px"
457
+ }
458
+ }
459
+ },
460
+ {
461
+ type: "Control",
462
+ scope: "#/properties/EmptyBox",
463
+ options: {
464
+ widget: "EmptyBox"
465
+ },
466
+ config: {
467
+ main: {},
468
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
469
+ }
470
+ },
471
+ {
472
+ type: "Control",
473
+ scope: "#/properties/ConfirmDeleteEventButton",
474
+ options: {
475
+ widget: "Button"
476
+ },
477
+ config: {
478
+ layout: 3,
479
+ main: {
480
+ name: "Yes",
481
+ startIcon: "ApproveIcon",
482
+ variant: "contained",
483
+ color: "info",
484
+ type: "text",
485
+ onClick: "deleteEvent",
486
+ size: "small"
487
+ }
488
+ }
489
+ },
490
+ {
491
+ type: "Control",
492
+ scope: "#/properties/CancelDeleteEventButton",
493
+ options: {
494
+ widget: "Button"
495
+ },
496
+ config: {
497
+ layout: 3,
498
+ main: {
499
+ name: "No",
500
+ startIcon: "ApproveIcon",
501
+ variant: "contained",
502
+ color: "info",
503
+ type: "text",
504
+ onClick: "deletePopUpEvent",
505
+ size: "small"
506
+ }
507
+ }
508
+ }
509
+ ]
510
+ },
342
511
  {
343
512
  type: "Control",
344
513
  scope: "#/properties/notify",
@@ -6820,103 +6989,106 @@ const CoreSection = {
6820
6989
  }
6821
6990
  ]
6822
6991
  };
6823
- const EventSection = {
6824
- type: "HorizontalLayout",
6825
- elements: [
6826
- {
6827
- type: "Control",
6828
- scope: "#/properties/events",
6829
- options: {
6830
- widget: "Table"
6831
- },
6832
- config: {
6833
- main: {
6834
- headerIcons: {
6835
- elements: [
6836
- {
6837
- widget: {
6838
- type: "Control",
6839
- scope: "#/properties/New_Record",
6840
- options: {
6841
- widget: "IconButton"
6842
- },
6843
- config: {
6844
- main: {
6845
- color: "info",
6846
- onClick: "eventAddHandler",
6847
- size: "small",
6848
- icon: "AddIcon",
6849
- iconLabel: "Add New",
6850
- styleDefault: true
6992
+ const EventSection = (theme) => {
6993
+ const uiSchema = {
6994
+ type: "HorizontalLayout",
6995
+ elements: [
6996
+ {
6997
+ type: "Control",
6998
+ scope: "#/properties/events",
6999
+ options: {
7000
+ widget: "Table"
7001
+ },
7002
+ config: {
7003
+ main: {
7004
+ headerIcons: {
7005
+ elements: [
7006
+ {
7007
+ widget: {
7008
+ type: "Control",
7009
+ scope: "#/properties/New_Record",
7010
+ options: {
7011
+ widget: "IconButton"
6851
7012
  },
6852
- style: {
6853
- mt: "6px"
7013
+ config: {
7014
+ main: {
7015
+ color: "info",
7016
+ onClick: "eventAddHandler",
7017
+ size: "small",
7018
+ icon: "AddIcon",
7019
+ iconLabel: "Add New",
7020
+ styleDefault: true
7021
+ },
7022
+ style: {
7023
+ mt: "6px"
7024
+ }
6854
7025
  }
6855
7026
  }
6856
7027
  }
6857
- }
6858
- ]
6859
- },
6860
- disableAction: true,
6861
- disableSelection: true,
6862
- enableDrag: true
6863
- }
6864
- },
6865
- elements: [
6866
- {
6867
- accessorKey: "eventType",
6868
- header: "Event Type"
6869
- },
6870
- {
6871
- accessorKey: "Handler",
6872
- header: "Handler"
6873
- },
6874
- {
6875
- accessorKey: "Edit_Approve_Records",
6876
- header: "Edit Widget",
6877
- widget: {
6878
- type: "Control",
6879
- scope: "#/properties/Edit_Records",
6880
- options: {
6881
- widget: "IconButton"
7028
+ ]
6882
7029
  },
6883
- config: {
6884
- main: {
6885
- color: "info",
6886
- size: "small",
6887
- icon: "EditIcon",
6888
- tooltipMessage: "Edit This Record",
6889
- onClick: "eventEditHandler"
7030
+ disableAction: true,
7031
+ disableSelection: true,
7032
+ enableDrag: true
7033
+ }
7034
+ },
7035
+ elements: [
7036
+ {
7037
+ accessorKey: "eventType",
7038
+ header: "Event Type"
7039
+ },
7040
+ {
7041
+ accessorKey: "Handler",
7042
+ header: "Handler"
7043
+ },
7044
+ {
7045
+ accessorKey: "Edit_Approve_Records",
7046
+ header: "Edit Widget",
7047
+ widget: {
7048
+ type: "Control",
7049
+ scope: "#/properties/Edit_Records",
7050
+ options: {
7051
+ widget: "IconButton"
6890
7052
  },
6891
- style: {
6892
- color: "#3949ab"
7053
+ config: {
7054
+ main: {
7055
+ color: "info",
7056
+ size: "small",
7057
+ icon: "EditIcon",
7058
+ tooltipMessage: "Edit This Record",
7059
+ onClick: "eventEditHandler"
7060
+ },
7061
+ style: {
7062
+ color: theme.palette.primary.main
7063
+ }
6893
7064
  }
6894
7065
  }
6895
- }
6896
- },
6897
- {
6898
- accessorKey: "Reject_Records",
6899
- header: "Delete",
6900
- widget: {
6901
- type: "Control",
6902
- scope: "#/properties/RejectButton",
6903
- accessorKeyName: "Reject_Records",
6904
- options: {
6905
- widget: "IconButton"
6906
- },
6907
- config: {
6908
- main: {
6909
- icon: "RejectIcon",
6910
- color: "error",
6911
- tooltipMessage: "Reject This Record",
6912
- onClick: "deletePopUpEvent"
7066
+ },
7067
+ {
7068
+ accessorKey: "Reject_Records",
7069
+ header: "Delete",
7070
+ widget: {
7071
+ type: "Control",
7072
+ scope: "#/properties/RejectButton",
7073
+ accessorKeyName: "Reject_Records",
7074
+ options: {
7075
+ widget: "IconButton"
7076
+ },
7077
+ config: {
7078
+ main: {
7079
+ icon: "RejectIcon",
7080
+ color: "error",
7081
+ tooltipMessage: "Reject This Record",
7082
+ onClick: "deletePopUpEvent"
7083
+ }
6913
7084
  }
6914
7085
  }
6915
7086
  }
6916
- }
6917
- ]
6918
- }
6919
- ]
7087
+ ]
7088
+ }
7089
+ ]
7090
+ };
7091
+ return uiSchema;
6920
7092
  };
6921
7093
  var emptyBox = {
6922
7094
  type: "Control",
@@ -7331,100 +7503,106 @@ const StyleSection = {
7331
7503
  }
7332
7504
  ]
7333
7505
  };
7334
- const TableSection = {
7335
- type: "HorizontalLayout",
7336
- elements: [
7337
- {
7338
- type: "Control",
7339
- scope: "#/properties/elements",
7340
- options: {
7341
- widget: "Table"
7342
- },
7343
- config: {
7344
- main: {
7345
- headerIcons: {
7346
- elements: [
7347
- {
7348
- widget: {
7349
- type: "Control",
7350
- scope: "#/properties/New_Record",
7351
- options: {
7352
- widget: "IconButton"
7353
- },
7354
- config: {
7355
- main: {
7356
- color: "info",
7357
- onClick: "widgetAddClickHandler",
7358
- size: "small",
7359
- icon: "AddIcon",
7360
- iconLabel: "Add New",
7361
- styleDefault: true
7506
+ const TableSection = (theme) => {
7507
+ const uiSchema = {
7508
+ type: "HorizontalLayout",
7509
+ elements: [
7510
+ {
7511
+ type: "Control",
7512
+ scope: "#/properties/elements",
7513
+ options: {
7514
+ widget: "Table"
7515
+ },
7516
+ config: {
7517
+ main: {
7518
+ headerIcons: {
7519
+ elements: [
7520
+ {
7521
+ widget: {
7522
+ type: "Control",
7523
+ scope: "#/properties/New_Record",
7524
+ options: {
7525
+ widget: "IconButton"
7362
7526
  },
7363
- style: {
7364
- mt: "6px"
7527
+ config: {
7528
+ main: {
7529
+ color: "info",
7530
+ onClick: "widgetAddClickHandler",
7531
+ size: "small",
7532
+ icon: "AddIcon",
7533
+ iconLabel: "Add New",
7534
+ styleDefault: true
7535
+ },
7536
+ style: {
7537
+ mt: "6px"
7538
+ }
7365
7539
  }
7366
7540
  }
7367
7541
  }
7368
- }
7369
- ]
7370
- },
7371
- disableAction: true,
7372
- disableSelection: true,
7373
- enableDrag: true
7374
- }
7375
- },
7376
- elements: [
7377
- {
7378
- accessorKey: "name",
7379
- header: "Name"
7380
- },
7381
- {
7382
- accessorKey: "type",
7383
- header: "Type"
7384
- },
7385
- {
7386
- header: "Edit Record",
7387
- field: "Reject_Records",
7388
- flex: 1,
7389
- widget: {
7390
- type: "Control",
7391
- scope: "#/properties/RejectButton",
7392
- options: {
7393
- widget: "IconButton"
7542
+ ]
7394
7543
  },
7395
- config: {
7396
- main: {
7397
- icon: "EditIcon",
7398
- color: "primary",
7399
- onClick: "editComponents",
7400
- tooltipMessage: "Reject This Record"
7401
- }
7402
- }
7544
+ disableAction: true,
7545
+ disableSelection: true,
7546
+ enableDrag: true
7403
7547
  }
7404
7548
  },
7405
- {
7406
- header: "Delete",
7407
- field: "Reject_Records",
7408
- flex: 1,
7409
- widget: {
7410
- type: "Control",
7411
- scope: "#/properties/RejectButton",
7412
- options: {
7413
- widget: "IconButton"
7414
- },
7415
- config: {
7416
- main: {
7417
- icon: "RejectIcon",
7418
- color: "error",
7419
- onClick: "deletePopUpComponent",
7420
- tooltipMessage: "Reject This Record"
7549
+ elements: [
7550
+ {
7551
+ accessorKey: "name",
7552
+ header: "Name"
7553
+ },
7554
+ {
7555
+ accessorKey: "type",
7556
+ header: "Type"
7557
+ },
7558
+ {
7559
+ header: "Edit Record",
7560
+ field: "Reject_Records",
7561
+ flex: 1,
7562
+ widget: {
7563
+ type: "Control",
7564
+ scope: "#/properties/RejectButton",
7565
+ options: {
7566
+ widget: "IconButton"
7567
+ },
7568
+ config: {
7569
+ main: {
7570
+ icon: "EditIcon",
7571
+ color: "primary",
7572
+ onClick: "editComponents",
7573
+ tooltipMessage: "Reject This Record"
7574
+ },
7575
+ style: {
7576
+ color: theme.palette.primary.main
7577
+ }
7578
+ }
7579
+ }
7580
+ },
7581
+ {
7582
+ header: "Delete",
7583
+ field: "Reject_Records",
7584
+ flex: 1,
7585
+ widget: {
7586
+ type: "Control",
7587
+ scope: "#/properties/RejectButton",
7588
+ options: {
7589
+ widget: "IconButton"
7590
+ },
7591
+ config: {
7592
+ main: {
7593
+ icon: "RejectIcon",
7594
+ color: "error",
7595
+ onClick: "deletePopUpComponent",
7596
+ tooltipMessage: "Reject This Record"
7597
+ }
7421
7598
  }
7422
7599
  }
7423
7600
  }
7424
- }
7425
- ]
7426
- }
7427
- ]
7601
+ ]
7602
+ }
7603
+ ]
7604
+ };
7605
+ return uiSchema;
7428
7606
  };
7429
7607
  const ValueTab = {
7430
7608
  type: "HorizontalLayout",
@@ -7719,8 +7897,8 @@ const refreshPage = (type, store2) => {
7719
7897
  Core: CoreSection,
7720
7898
  Value: ValueTab,
7721
7899
  Style: StyleSection,
7722
- Event: EventSection,
7723
- Components: TableSection,
7900
+ Event: EventSection(store2.theme.myTheme),
7901
+ Components: TableSection(store2.theme.myTheme),
7724
7902
  Properties: buildPropertiesSection(type),
7725
7903
  Validation: ValidationSection
7726
7904
  };
@@ -8136,7 +8314,7 @@ const EventUiSchema = (theme) => {
8136
8314
  onClick: "editEvent"
8137
8315
  },
8138
8316
  style: {
8139
- color: "#3949ab"
8317
+ color: theme.palette.primary.main
8140
8318
  }
8141
8319
  }
8142
8320
  }