@vitrosoftware/common-ui-ts 1.1.65 → 1.1.67

package/css/common.css

@@ -22,7 +22,7 @@
     font-family: 'InterRegular';
     line-height: 24px;
     margin-right: 24px;
-    margin-bottom: 14px;
+    margin-bottom: 0;
 }
 
 :global(.vitro-flex) {

package/css/std/controls/breadcrumbs/breadcrumbs.css

@@ -4,6 +4,7 @@
     position: relative;
     margin-bottom: 16px;
     height: 24px;
+    max-width: 100%;
 }
 
 .vitro-breadcrumbs li {
@@ -17,6 +18,10 @@
     align-items: center;
 }
 
+.vitro-breadcrumbs li > div:first-child {
+    cursor: pointer;
+}
+
 .vitro-breadcrumbs-list-wrap {
     display: flex;
     position: relative;
@@ -36,7 +41,6 @@
     color: #8E98A3;
     font-size: 14px;
     line-height: 16px;
-    cursor: pointer;
     display: flex;
     align-items: center;
 }
@@ -63,6 +67,7 @@
 .vitro-breadcrumbs-list > li:last-child{
     color: #222D44;
     font-family: 'InterMedium';
+    pointer-events: none;
 }
 
 .vitro-breadcrumbs-button {

package/css/std/controls/command-menu/command-menu.css

@@ -2,7 +2,6 @@
     display: flex;
     z-index: 800;
     padding: 0 !important;
-    margin-bottom: 12px;
 	min-height: 32px;
 }
 

package/css/std/controls/search/search.css

@@ -1,7 +1,6 @@
 .vitro-search {
     position: relative;
     align-self: baseline;
-    margin-right: 16px;
     margin-left: auto;
     max-width: 376px;
 }

package/css/std/controls/table-view/table-view.css

@@ -43,4 +43,11 @@
 :global(.vitro-tableview-progress-message.vitro-table-view-export-message) {
     background-color: #fff;
     border: 1px solid #ff5b2d !important;
+}
+
+:global(.vitro-group-row) {
+    background: #F7F9FC;
+    font-family: 'InterMedium';
+    border-top: 1px solid #E4E6EC !important;
+    color: #4A556C !important;
 }

package/css/std/controls/table-view/treegrid.css

@@ -580,15 +580,21 @@
     color: #BDBDBD;
 }
 
-.TWCell .vitro-flex > .vitro-avatar,
 .TWCell .vitro-flex > .vitro-icon {
     margin-right: 4px;
-    font-size: 12px;
     line-height: 24px;
     width: 24px;
     height: 24px;
 }
 
+.TWCell .vitro-flex > .vitro-avatar {
+    width: 28px;
+    height: 28px;
+    line-height: 28px;
+    font-size: 14px;
+    margin-right: 4px;
+}
+
 .TWRowAbove {
     margin: 0;
     padding: 0 24px;
@@ -635,6 +641,18 @@
     left: 0;
 }
 
+.TWTabHtml1::before {
+    content: '';
+    display: inline-block;
+    height: 16px;
+    margin-right: 4px;
+    width: 16px;
+    margin-left: -6px;
+    vertical-align: sub;
+    /* check.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black' clip-path='url(%23clip0_2166_122689)'%3E%3Cpath id='Vector' d='M4 8L7 11L12 6' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2166_122689'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
 .TWHeaderGroup {
     padding: 0 4px;
     background: #fff;
@@ -738,6 +756,7 @@
 .TWMenuButton:hover,
 .TWMenuButton:active {
     background: #3274E0;
+    border: none;
 }
 
 .TWDialogButtonCancel {

package/dist/controls/TableView/TableViewContext.d.ts

@@ -77,4 +77,5 @@ export interface TableViewContext {
     getFocusedRows(): any[];
     getFilter(spec: boolean): any[];
     selectRange(row1: any, col1: any, row2: any, col2: any, select: boolean): any;
+    showColumns(): any;
 }

package/dist/controls/TableView/TreeGridTableViewContextImpl.d.ts

@@ -87,4 +87,5 @@ export declare class TreeGridTableViewContextImpl implements TableViewContext {
     getFocusedRows(): any[];
     getFilter(spec: boolean): any[];
     selectRange(row1: any, col1: any, row2: any, col2: any, select: boolean): any;
+    showColumns(): any;
 }

package/dist/index.css

@@ -22,7 +22,7 @@
     font-family: 'InterRegular';
     line-height: 24px;
     margin-right: 24px;
-    margin-bottom: 14px;
+    margin-bottom: 0;
 }
 
 .vitro-flex {
@@ -56,6 +56,7 @@
     position: relative;
     margin-bottom: 16px;
     height: 24px;
+    max-width: 100%;
 }
 
 ._breadcrumbs_vitro-breadcrumbs_3r4NcQY li {
@@ -69,6 +70,10 @@
     align-items: center;
 }
 
+._breadcrumbs_vitro-breadcrumbs_3r4NcQY li > div:first-child {
+    cursor: pointer;
+}
+
 ._breadcrumbs_vitro-breadcrumbs-list-wrap_1_JBrw0 {
     display: flex;
     position: relative;
@@ -88,7 +93,6 @@
     color: #8E98A3;
     font-size: 14px;
     line-height: 16px;
-    cursor: pointer;
     display: flex;
     align-items: center;
 }
@@ -115,6 +119,7 @@
 ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ > li:last-child{
     color: #222D44;
     font-family: 'InterMedium';
+    pointer-events: none;
 }
 
 ._breadcrumbs_vitro-breadcrumbs-button_3fazq3c {
@@ -527,6 +532,13 @@
 .vitro-tableview-progress-message.vitro-table-view-export-message {
     background-color: #fff;
     border: 1px solid #ff5b2d !important;
+}
+
+.vitro-group-row {
+    background: #F7F9FC;
+    font-family: 'InterMedium';
+    border-top: 1px solid #E4E6EC !important;
+    color: #4A556C !important;
 }
 
 ._uploader_vitro-uploader_237vX7T {
@@ -3341,7 +3353,6 @@
     display: flex;
     z-index: 800;
     padding: 0 !important;
-    margin-bottom: 12px;
 	min-height: 32px;
 }
 
@@ -5146,7 +5157,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._search_vitro-search_QkJksC_ {
     position: relative;
     align-self: baseline;
-    margin-right: 16px;
     margin-left: auto;
     max-width: 376px;
 }

package/dist/index.js

@@ -20804,6 +20804,9 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.selectRange = function selectRange(row1, col1, row2, col2, select) {
     this.grid.SelectRange(row1, col1, row2, col2, select);
   };
+  _proto.showColumns = function showColumns() {
+    this.grid.ShowColumns();
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {