@vitrosoftware/common-ui-ts 1.1.74 → 1.1.76

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 (25) hide show
  1. package/css/std/controls/action-handler/action-handler.css +2 -1
  2. package/css/std/controls/breadcrumbs/breadcrumbs.css +11 -10
  3. package/css/std/controls/command-menu/command-menu-dropdown-button.css +8 -7
  4. package/css/std/controls/command-menu/command-menu.css +0 -1
  5. package/css/std/controls/criterion/criterion.css +9 -8
  6. package/css/std/controls/date-picker/date-picker.css +1 -1
  7. package/css/std/controls/dropdown-button/dropdown-button.css +9 -7
  8. package/css/std/controls/input/input.css +1 -1
  9. package/css/std/controls/lookup-picker/lookup-picker.css +6 -2
  10. package/css/std/controls/pdf-viewer/pdf-viewer.css +12 -5
  11. package/css/std/controls/search/search.css +1 -1
  12. package/css/std/controls/sidebar/sidebar.css +2 -2
  13. package/css/std/controls/tab-group/tab-group.css +1 -14
  14. package/css/std/controls/table-view/table-view-custom-lookup-edit.css +2 -2
  15. package/css/std/controls/table-view/table-view.css +11 -0
  16. package/css/std/controls/table-view/treegrid.css +105 -37
  17. package/css/std/controls/time-picker/time-picker.css +1 -1
  18. package/css/std/controls/uploader/uploader.css +1 -1
  19. package/css/std/controls/user-profile/user-profile.css +12 -10
  20. package/dist/index.css +76 -68
  21. package/dist/index.js +6 -4
  22. package/dist/index.js.map +1 -1
  23. package/dist/src/controls/LookupPicker/LookupPicker.d.ts +39 -0
  24. package/dist/src/controls/TableView/TableViewConstants.d.ts +153 -0
  25. package/package.json +2 -2
package/css/std/controls/user-profile/user-profile.css CHANGED
@@ -34,31 +34,33 @@
34
34
  width: fit-content;
35
35
  border-radius: 4px;
36
36
  padding: 0;
37
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
37
+ box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
38
38
  inset: calc(100% + 5px) 0px auto auto !important;
39
39
  }
40
40
 
41
41
  .vitro-user-profile :global(.dropdown-menu::before) {
42
42
  content: '';
43
43
  display: block;
44
- height: 11px;
45
- width: 16px;
46
- background-position: center;
47
- background-size: 100%;
44
+ height: 21px;
45
+ width: 32px;
46
+ overflow: hidden;
47
+ background-position: center 0;
48
+ background-size: 44px 42px;
48
49
  background-repeat: no-repeat;
49
50
  position: absolute;
50
- right: 8px;
51
- top: -11px;
51
+ top: -21px;
52
+ right: 0;
52
53
  /* dropdown-arrow.svg URL-encoder for SVG */
53
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
54
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
54
55
  }
55
56
 
56
57
  .vitro-dropdown-item {
57
58
  cursor: pointer;
58
59
  background: #fff;
60
+ color: #222D44;
59
61
  padding: 8px 12px;
60
62
  font-size: 14px;
61
- line-height: 16px;
63
+ line-height: 21px;
62
64
  }
63
65
 
64
66
  .vitro-dropdown-item:first-child {
@@ -73,7 +75,7 @@
73
75
 
74
76
  .vitro-dropdown-item:hover,
75
77
  .vitro-dropdown-item:active {
76
- background: #DCEEFF;
78
+ background: #F3F8FF;
77
79
  }
78
80
 
79
81
  .vitro-avatar {
package/dist/index.css CHANGED
@@ -184,18 +184,18 @@ html, body {
184
184
 
185
185
  ._breadcrumbs_vitro-drop-down-list_2PhrR2a::after {
186
186
  content: '';
187
- display: inline-block;
188
- height: 20px;
189
- width: 20px;
190
- background-color: #fff;
187
+ display: block;
188
+ height: 21px;
189
+ width: 32px;
190
+ overflow: hidden;
191
+ background-position: center 0;
192
+ background-size: 44px 42px;
193
+ background-repeat: no-repeat;
191
194
  position: absolute;
192
- top: -10px;
193
- left: 20px;
194
- -webkit-clip-path: polygon(25% 25%, 75% 75%, 10% 90%);
195
- clip-path: polygon(25% 25%, 75% 75%, 10% 90%);
196
- transform: rotate(135deg);
197
- border-radius: 20px;
198
- border: 1px solid transparent;
195
+ top: -21px;
196
+ left: 12px;
197
+ /* dropdown-arrow.svg URL-encoder for SVG */
198
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
199
199
  }
200
200
 
201
201
  ._breadcrumbs_vitro-drop-down-list_2PhrR2a ul {
@@ -569,6 +569,17 @@ html, body {
569
569
  font-family: 'InterMedium';
570
570
  border-top: 1px solid #E4E6EC !important;
571
571
  color: #4A556C !important;
572
+ }
573
+
574
+ .vitro-table-view-button-context {
575
+ height: 24px;
576
+ width: 24px;
577
+ margin-left: -2px;
578
+ display: none;
579
+ }
580
+
581
+ .TWClassSelected .vitro-table-view-button-context {
582
+ display: inline-block;
572
583
  }
573
584
 
574
585
  ._uploader_vitro-uploader_237vX7T {
@@ -577,7 +588,7 @@ html, body {
577
588
  position: absolute;
578
589
  width: 241px;
579
590
  height: 96px;
580
- z-index: 1000;
591
+ z-index: 1;
581
592
  }
582
593
 
583
594
  ._uploader_vitro-uploader_237vX7T.vitro-dropzone-active {
@@ -1197,7 +1208,6 @@ html, body {
1197
1208
  }
1198
1209
 
1199
1210
  ._action-handler_vitro-flex_ryggQ_S {
1200
- align-items: center;
1201
1211
  display: flex;
1202
1212
  }
1203
1213
 
@@ -1304,6 +1314,8 @@ html, body {
1304
1314
  color: #222D44;
1305
1315
  font-size: 18px;
1306
1316
  line-height: 150%;
1317
+ margin-top: auto;
1318
+ padding-bottom: 5px
1307
1319
  }
1308
1320
 
1309
1321
  ._action-handler_vitro-small_oqifqlS {
@@ -1583,15 +1595,17 @@ html, body {
1583
1595
  ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu::before {
1584
1596
  content: '';
1585
1597
  display: block;
1586
- height: 11px;
1587
- width: 16px;
1588
- background-position: center;
1589
- background-size: 100%;
1598
+ height: 21px;
1599
+ width: 32px;
1600
+ overflow: hidden;
1601
+ background-position: center 0;
1602
+ background-size: 44px 42px;
1590
1603
  background-repeat: no-repeat;
1591
1604
  position: absolute;
1592
- right: 8px;
1593
- top: -11px;
1594
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
1605
+ right: 0px;
1606
+ top: -21px;
1607
+ /* dropdown-arrow.svg URL-encoder for SVG */
1608
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
1595
1609
  }
1596
1610
 
1597
1611
  ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb {
@@ -1682,20 +1696,7 @@ html, body {
1682
1696
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
1683
1697
  }
1684
1698
 
1685
- ._tab-group_vitro-tab_1Qb50HL .dropdown-menu::before {
1686
- content: '';
1687
- display: block;
1688
- height: 11px;
1689
- width: 16px;
1690
- background-position: center;
1691
- background-size: 100%;
1692
- background-repeat: no-repeat;
1693
- position: absolute;
1694
- right: 8px;
1695
- top: -11px;
1696
- /* dropdown-arrow.svg URL-encoder for SVG */
1697
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
1698
- }
1699
+
1699
1700
 
1700
1701
  ._tab-group_vitro-tab_1Qb50HL .nav .dropdown-item {
1701
1702
  padding: 8px 12px;
@@ -1943,7 +1944,7 @@ html, body {
1943
1944
  ._input_vitro-label_2XBESiY {
1944
1945
  padding: 0 6px;
1945
1946
  background: #fff;
1946
- z-index: 1000;
1947
+ z-index: 1;
1947
1948
  position: absolute;
1948
1949
  left: 10px;
1949
1950
  top: -10px;
@@ -2578,7 +2579,7 @@ html, body {
2578
2579
  ._date-picker_vitro-label_2jh9qxb {
2579
2580
  padding: 0 6px;
2580
2581
  background: #fff;
2581
- z-index: 1000;
2582
+ z-index: 1;
2582
2583
  position: absolute;
2583
2584
  left: 10px;
2584
2585
  top: -10px;
@@ -2932,7 +2933,7 @@ html, body {
2932
2933
  ._time-picker_vitro-label_2b97aCy {
2933
2934
  padding: 0 6px;
2934
2935
  background: #fff;
2935
- z-index: 1000;
2936
+ z-index: 1;
2936
2937
  position: absolute;
2937
2938
  left: 10px;
2938
2939
  top: -10px;
@@ -3350,7 +3351,7 @@ html, body {
3350
3351
  ._lookup-picker_vitro-label_2QoJkUz {
3351
3352
  padding: 0 6px;
3352
3353
  background: #fff;
3353
- z-index: 1000;
3354
+ z-index: 1;
3354
3355
  position: absolute;
3355
3356
  left: 10px;
3356
3357
  top: -10px;
@@ -3423,12 +3424,16 @@ html, body {
3423
3424
  cursor: pointer;
3424
3425
  width: 24px;
3425
3426
  height: 24px;
3426
- margin-left: 4px;
3427
3427
  background-size: 100%;
3428
3428
  background-position: center;
3429
3429
  background-repeat: no-repeat;
3430
3430
  }
3431
3431
 
3432
+ ._lookup-picker_vitro-button-collapse-up_3i0OJub,
3433
+ ._lookup-picker_vitro-button-collapse-bottom_3o0Pl83 {
3434
+ margin-left: 4px;
3435
+ }
3436
+
3432
3437
  ._lookup-picker_vitro-button-close_3_Qndrj {
3433
3438
  /* close-red.svg URL-encoder for SVG */
3434
3439
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
@@ -3455,7 +3460,6 @@ html, body {
3455
3460
  }
3456
3461
  ._command-menu_vitro-command-menu_l82vtIh {
3457
3462
  display: flex;
3458
- z-index: 800;
3459
3463
  padding: 0 !important;
3460
3464
  min-height: 32px;
3461
3465
  }
@@ -3613,16 +3617,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
3613
3617
  ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-menu::before {
3614
3618
  content: '';
3615
3619
  display: block;
3616
- height: 11px;
3617
- width: 16px;
3618
- background-position: center;
3619
- background-size: 100%;
3620
+ height: 21px;
3621
+ width: 32px;
3622
+ overflow: hidden;
3623
+ background-position: center 0;
3624
+ background-size: 44px 42px;
3620
3625
  background-repeat: no-repeat;
3621
3626
  position: absolute;
3622
- left: 24px;
3623
- top: -11px;
3627
+ left: 16px;
3628
+ top: -21px;
3624
3629
  /* dropdown-arrow.svg URL-encoder for SVG */
3625
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
3630
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
3626
3631
  }
3627
3632
 
3628
3633
  ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:first-child .dropdown-menu {
@@ -3874,7 +3879,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
3874
3879
  align-items: center;
3875
3880
  flex-direction: column;
3876
3881
  padding-top: 80px !important;
3877
- padding: 0 8px;
3882
+ padding: 0 8px 6px 8px;
3878
3883
  top: 0;
3879
3884
  }
3880
3885
 
@@ -3919,7 +3924,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
3919
3924
 
3920
3925
  .vitro-bottom-menu {
3921
3926
  width: 100%;
3922
- z-index: 10000;
3927
+ z-index: 1;
3923
3928
  flex-direction: row;
3924
3929
  height: 60px;
3925
3930
  padding: 0 21px !important;
@@ -4439,31 +4444,33 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
4439
4444
  width: fit-content;
4440
4445
  border-radius: 4px;
4441
4446
  padding: 0;
4442
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
4447
+ box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
4443
4448
  inset: calc(100% + 5px) 0px auto auto !important;
4444
4449
  }
4445
4450
 
4446
4451
  ._user-profile_vitro-user-profile_11XpBoQ .dropdown-menu::before {
4447
4452
  content: '';
4448
4453
  display: block;
4449
- height: 11px;
4450
- width: 16px;
4451
- background-position: center;
4452
- background-size: 100%;
4454
+ height: 21px;
4455
+ width: 32px;
4456
+ overflow: hidden;
4457
+ background-position: center 0;
4458
+ background-size: 44px 42px;
4453
4459
  background-repeat: no-repeat;
4454
4460
  position: absolute;
4455
- right: 8px;
4456
- top: -11px;
4461
+ top: -21px;
4462
+ right: 0;
4457
4463
  /* dropdown-arrow.svg URL-encoder for SVG */
4458
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
4464
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
4459
4465
  }
4460
4466
 
4461
4467
  ._user-profile_vitro-dropdown-item_dSErsta {
4462
4468
  cursor: pointer;
4463
4469
  background: #fff;
4470
+ color: #222D44;
4464
4471
  padding: 8px 12px;
4465
4472
  font-size: 14px;
4466
- line-height: 16px;
4473
+ line-height: 21px;
4467
4474
  }
4468
4475
 
4469
4476
  ._user-profile_vitro-dropdown-item_dSErsta:first-child {
@@ -4478,7 +4485,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
4478
4485
 
4479
4486
  ._user-profile_vitro-dropdown-item_dSErsta:hover,
4480
4487
  ._user-profile_vitro-dropdown-item_dSErsta:active {
4481
- background: #DCEEFF;
4488
+ background: #F3F8FF;
4482
4489
  }
4483
4490
 
4484
4491
  ._user-profile_vitro-avatar_3SzDPAi {
@@ -4935,7 +4942,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
4935
4942
  ._criterion_vitro-label_3F6a8dj {
4936
4943
  padding: 0 6px;
4937
4944
  background: #fff;
4938
- z-index: 1000;
4945
+ z-index: 1;
4939
4946
  position: absolute;
4940
4947
  left: 10px;
4941
4948
  top: -10px;
@@ -5092,16 +5099,17 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
5092
5099
  ._criterion_vitro-condition-list_10UIxJI::before {
5093
5100
  content: '';
5094
5101
  display: block;
5095
- height: 11px;
5096
- width: 16px;
5097
- background-position: center;
5098
- background-size: 100%;
5102
+ height: 21px;
5103
+ width: 32px;
5104
+ overflow: hidden;
5105
+ background-position: center 0;
5106
+ background-size: 44px 42px;
5099
5107
  background-repeat: no-repeat;
5100
5108
  position: absolute;
5101
- left: 24px;
5102
- top: -11px;
5109
+ top: -21px;
5110
+ left: 12px;
5103
5111
  /* dropdown-arrow.svg URL-encoder for SVG */
5104
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
5112
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
5105
5113
  }
5106
5114
 
5107
5115
  ._criterion_vitro-condition-list_10UIxJI li {
@@ -5305,7 +5313,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
5305
5313
  position: absolute;
5306
5314
  top: 36px;
5307
5315
  right: 0;
5308
- z-index: 10000001;
5316
+ z-index: 2;
5309
5317
  padding: 24px 0 16px 12px;
5310
5318
  display: flex;
5311
5319
  flex-direction: column;
package/dist/index.js CHANGED
@@ -21045,6 +21045,7 @@ var CELL_TYPE;
21045
21045
  var ATTRIBUTE;
21046
21046
  (function (ATTRIBUTE) {
21047
21047
  ATTRIBUTE["BUTTON"] = "Button";
21048
+ ATTRIBUTE["BUTTON_TEXT"] = "ButtonText";
21048
21049
  ATTRIBUTE["ON_CLICK_SIDE_BUTTON"] = "OnClickSideButton";
21049
21050
  ATTRIBUTE["ICON"] = "Icon";
21050
21051
  ATTRIBUTE["ICON_ALIGN"] = "IconAlign";
@@ -61269,7 +61270,7 @@ var Viewer = function Viewer(props) {
61269
61270
  };
61270
61271
 
61271
61272
  var name = "@vitrosoftware/common-ui-ts";
61272
- var version$1 = "1.1.74";
61273
+ var version$1 = "1.1.76";
61273
61274
  var description = "vitro software common ui ts";
61274
61275
  var author = "";
61275
61276
  var license = "MIT";
@@ -61341,7 +61342,7 @@ var dependencies = {
61341
61342
  "rollup-plugin-postcss": "^3.1.3",
61342
61343
  inversify: "6.0.1",
61343
61344
  "inversify-react": "1.0.2",
61344
- "@vitrosoftware/common-ui": "1.1.29",
61345
+ "@vitrosoftware/common-ui": "1.1.31",
61345
61346
  "react-router-bootstrap": "^0.24.4",
61346
61347
  "m-react-splitters": "^1.2.0"
61347
61348
  };
@@ -62318,6 +62319,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
62318
62319
  focus: function focus() {
62319
62320
  if (inputRef.current) {
62320
62321
  inputRef.current.focus();
62322
+ onFocus(null);
62321
62323
  }
62322
62324
  }
62323
62325
  };
@@ -62384,8 +62386,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
62384
62386
  var keyBoardBackSpace = 8;
62385
62387
  if (e.keyCode === keyBoardBackSpace && e.target.value.length === 0 && selectedValueList.length > 0) {
62386
62388
  var newValueList = [].concat(selectedValueList);
62387
- newValueList.pop();
62388
- setSelectedValueList(newValueList);
62389
+ var lastValue = newValueList.pop();
62390
+ onOptionValueDelete(lastValue.id);
62389
62391
  }
62390
62392
  };
62391
62393
  var filterByText = function filterByText(value) {