@vitrosoftware/common-ui-ts 1.1.128 → 1.1.130

package/css/std/controls/select/img/collapse-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/select/select.css

@@ -0,0 +1,56 @@
+.vitro-select {
+    min-width: 142px;
+    height: 40px;
+    background-color: #F3F8FF;
+    border-radius: 4px;
+    padding: 8px 16px;
+    font-size: 14px;
+    line-height: 16px;
+    position: relative;
+    justify-content: space-between;
+    cursor: pointer;
+}
+
+.vitro-select::after {
+    content: '';
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100%;
+    transform: rotateX(180deg);
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
+}
+
+.vitro-select.vitro-active::after {
+    transform: rotateX(0);
+}
+
+.vitro-list-container {
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    display: none;
+}
+
+.vitro-select.vitro-active .vitro-list-container {
+    display: block;
+}
+
+.vitro-select > .vitro-item {
+    padding: 0;
+}
+
+.vitro-item {
+    padding: 10px 12px;
+}
+
+.vitro-item:hover {
+    background: #F3F8FF;
+}

package/css/std/controls/table-view/img/dependency-arrow-red.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6719 8L5 3V6.5H6V9.5H5V13L11.6719 8Z" fill="white"/>
+<path d="M6 5L10 8L6 11V5Z" fill="#FF0000"/>
+</svg>

package/css/std/controls/table-view/img/dependency-arrow.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6719 8L5 3V6.5H6V9.5H5V13L11.6719 8Z" fill="white"/>
+<path d="M6 5L10 8L6 11V5Z" fill="#326AD6"/>
+</svg>

package/css/std/controls/table-view/img/dependency-stub-red.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00195 10.0015C9.10652 10.0015 10.002 9.10603 10.002 8.00146C10.002 6.8969 9.10652 6.00146 8.00195 6.00146C6.89738 6.00146 6.00195 6.8969 6.00195 8.00146C6.00195 9.10603 6.89738 10.0015 8.00195 10.0015Z" fill="#FF0000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 8.13528C11.0019 8.09092 11.0029 8.04631 11.0029 8.00146C11.0029 7.95662 11.0019 7.91201 11 7.86765V8.13528ZM10.6018 9.50146C10.0829 10.399 9.11273 11.0029 8.00146 11.0029C6.3438 11.0029 5 9.65913 5 8.00146C5 6.3438 6.3438 5 8.00146 5C9.11273 5 10.0829 5.60392 10.6018 6.50146H9.31745C8.96618 6.19304 8.50566 6.00604 8.00146 6.00604C6.89942 6.00604 6.00604 6.89942 6.00604 8.00146C6.00604 9.10351 6.89942 9.99689 8.00146 9.99689C8.50566 9.99689 8.96618 9.80989 9.31745 9.50146H10.6018Z" fill="white"/>
+</svg>

package/css/std/controls/table-view/img/dependency-stub.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00195 10.0015C9.10652 10.0015 10.002 9.10603 10.002 8.00146C10.002 6.8969 9.10652 6.00146 8.00195 6.00146C6.89738 6.00146 6.00195 6.8969 6.00195 8.00146C6.00195 9.10603 6.89738 10.0015 8.00195 10.0015Z" fill="#326AD6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 8.13528C11.0019 8.09092 11.0029 8.04631 11.0029 8.00146C11.0029 7.95662 11.0019 7.91201 11 7.86765V8.13528ZM10.6018 9.50146C10.0829 10.399 9.11273 11.0029 8.00146 11.0029C6.3438 11.0029 5 9.65913 5 8.00146C5 6.3438 6.3438 5 8.00146 5C9.11273 5 10.0829 5.60392 10.6018 6.50146H9.31745C8.96618 6.19304 8.50566 6.00604 8.00146 6.00604C6.89942 6.00604 6.00604 6.89942 6.00604 8.00146C6.00604 9.10351 6.89942 9.99689 8.00146 9.99689C8.50566 9.99689 8.96618 9.80989 9.31745 9.50146H10.6018Z" fill="white"/>
+</svg>

package/css/std/controls/table-view/img/gantt-constraint-max-end.svg

@@ -0,0 +1,3 @@
+<svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.14373 0.38327C1.05727 0.15273 0.836884 0 0.590667 0C0.264451 0 0 0.264451 0 0.590667V15.4093C0 15.7355 0.264451 16 0.590667 16C0.836884 16 1.05727 15.8473 1.14373 15.6167L3.73666 8.70225C3.90645 8.24948 3.90645 7.75052 3.73666 7.29775L1.14373 0.38327Z" fill="#4A556C"/>
+</svg>

package/css/std/controls/table-view/img/gantt-constraint-min-start.svg

@@ -0,0 +1,3 @@
+<svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.85627 0.38327C2.94273 0.15273 3.16312 0 3.40933 0C3.73555 0 4 0.264451 4 0.590667V15.4093C4 15.7355 3.73555 16 3.40933 16C3.16312 16 2.94273 15.8473 2.85627 15.6167L0.263342 8.70225C0.0935536 8.24948 0.0935537 7.75052 0.263343 7.29775L2.85627 0.38327Z" fill="#4A556C"/>
+</svg>

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

@@ -0,0 +1,9 @@
+.vitro-additional-table-view-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    visibility: hidden;
+}

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

@@ -0,0 +1,104 @@
+.vitro-table-view-gantt * {
+    font-size: 12px;
+}
+
+.vitro-table-view-gantt .TWLow .TWPanelImage {
+    width: 20px;
+    height: 20px;
+}
+
+.vitro-table-view-gantt .TWPanelSelect,
+.vitro-table-view-gantt .TWPanelSelectOn {
+    vertical-align: middle;
+    background-size: 20px;
+    margin-top: 0 !important;
+}
+
+.vitro-table-view-gantt .vitro-table-view-button-context {
+    height: 20px;
+    width: 20px;
+    min-width: 20px;
+}
+
+.vitro-table-view-gantt .TWLow .TWIconLeft {
+    padding-left: 30px !important;
+    background-size: 16px;
+}
+
+.vitro-table-view-gantt .TWLow .TWIconRight {
+    background-size: 20px;
+}
+
+.vitro-table-view-gantt .TWNTree,
+.vitro-table-view-gantt .TWNTreeImage {
+    background-size: 16px 16px;
+}
+
+.GWMain .GWGanttDep00 {
+    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
+}
+
+.GWMain .GWGanttDepVert, .GWMain .GWGanttDepVertTop {
+    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 1), -1px 0px 0px 0px rgba(255, 255, 255, 1);
+}
+
+.GWGanttDepArrow0Right,
+.GWGanttDepArrow0Left {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dependency-arrow.svg');
+}
+
+.GWGanttDepArrow9Right,
+.GWGanttDepArrow9Left {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dependency-arrow-red.svg');
+}
+
+.GWGanttDepArrow0Left,
+.GWGanttDepArrow9Left {
+    transform: rotate(180deg);
+}
+
+.GWGanttDepStub0Left,
+.GWGanttDepStub0Right {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dependency-stub.svg');
+}
+
+.GWGanttDepStub9Left,
+.GWGanttDepStub9Right {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dependency-stub-red.svg');
+}
+
+.GWGanttDepStub0Right,
+.GWGanttDepStub9Right {
+    transform: rotate(180deg);
+}
+
+.GWGanttDep9Color, 
+.GWGanttDep9LagColor, 
+.GWGanttDep19Color, 
+.GWGanttDep19LagColor, 
+.GWGanttDep29Color, 
+.GWGanttDep29LagColor, 
+.GWGanttDep39Color, 
+.GWGanttDep39LagColor {
+    background: #FF0000;
+    border-color: #FF0000;
+}
+
+.GWGanttDep0Color,
+.GWGanttDep0LagColor,
+.GWGanttDep10Color,
+.GWGanttDep10LagColor,
+.GWGanttDep20Color,
+.GWGanttDep20LagColor,
+.GWGanttDep30Color,
+.GWGanttDep30LagColor {
+    background: #326AD6;
+    border-color: #326AD6;
+}
+
+.GWGanttDepStub00 {
+    width: 6px;
+    height: 6px;
+    background-size: 16px 16px;
+    background-position: center center;
+}

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

@@ -14,6 +14,8 @@
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-tip.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-date-edit.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-additional-container.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
 :global(#TableView) {
     height: auto;

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

@@ -6,7 +6,7 @@
     text-align: unset;
 }
 
-.TWDataRow td {
+.TWCellBase {
     border-bottom: 1px solid #E4E6EC !important;
 }
 

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

@@ -81,7 +81,7 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
 .vitro-table-view-popup-menuMain .TWMenuBody {
     margin: 0;
     width: 100%;
-    cursor: default;
+    cursor: pointer;
     max-height: 288px;
     overflow-y: auto !important;
     overflow-x: hidden !important;

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

@@ -53,9 +53,12 @@
     background-position-x: 12px;
 }
 
+.TWCellFilter, .TWCellFilterPanel {
+    border-bottom: none !important;
+}
+
 .TWCellFilter, .TWCellFilterPanel, .TWGanttFilter {
     background-color: #F7F9FC;
-    border-top: 1px solid #E4E6EC !important;
 }
 
 .TWFilter0Left, .TWFilter0Right, .TWFilter0Menu {

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

@@ -1,13 +1,3 @@
-.GWGanttBaseOut {
-    background: none !important;
-}
-
-.GWGanttHtmlIn > div {
-    width: 100%;
-    height: 100%;
-    border-radius: 6px;
-}
-
 .GWGanttHtmlLeft0.GWGanttHtml > span,
 .GWGanttHtmlRight0 .GWGanttHtml > span {
     font-size: 12px;
@@ -24,7 +14,7 @@
     overflow: visible !important;
 }
 
-.TWGanttHeader {
+.TWCellHeader.TWGanttHeader {
     padding: 0 !important;
 }
 
@@ -38,6 +28,10 @@
     border-bottom: 1px solid #E4E6EC !important;
 }
 
+.TWGanttHeader2 {
+    text-overflow: initial;
+}
+
 .TWGanttHeader3 {
     border-top: 1px solid #E4E6EC !important;
 }
@@ -63,4 +57,247 @@
 .GWGanttMark {
     background: #fffc85 !important;
     opacity: 0.4 !important;
+}
+
+.GWGanttBack3 {
+    background: #E9ECEF;
+    opacity: 0.5;
+}
+
+.GWGanttBack2 {
+    background: none;
+}
+
+.TWCell.TWGantt {
+    padding: 0 !important;
+}
+
+.TWMain .TWGanttHeaderBase b {
+    color: #222D44;
+    font-weight: normal;
+    font-family: 'InterSemiBold' !important;
+}
+
+.TWLow .TWGanttHeaderBase {
+    padding: 0;
+}
+
+.TWGanttHeaderBase.TWGanttHeader2 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.TWGanttHeaderBase.TWGanttHeader2 > div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    text-align: center;
+}
+
+.TWGanttHeaderBase.TWGanttHeader1 {
+    text-align: left;
+    padding-left: 10px;
+    display: flex;
+    align-items: center;
+    text-transform: capitalize;
+}
+
+.TWGanttHeaderBase.TWGanttHeader1 > b {
+    margin-right: 8px;
+}
+
+.Folder .GWGanttBaseOut {
+    overflow: visible;
+}
+
+.GWGanttBaseOut {
+    background: none !important;
+    border-radius: 2px;
+    margin: 0 !important;
+    padding: 2px 0 0 0 !important;
+}
+
+.GWGanttHtmlIn {
+    padding: 0;
+    background-color: #fff;
+    border-radius: 1px;
+}
+
+.GWGanttHtmlIn > div {
+    width: 100%;
+    height: 100%;
+    border-radius: 1px;
+}
+
+.Folder .GWGanttHtmlIn > div {
+    opacity: 1;
+}
+
+.Folder .GWGanttHtmlIn::before,
+.Folder .GWGanttHtmlIn::after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    top: 100%;
+}
+
+.Folder .GWGanttHtmlIn::before {
+    border-left: 0px solid transparent;
+    border-right: 2px solid transparent;
+    border-top: 3px solid #6C757D;
+    right: 100%;
+}
+
+.Folder .GWGanttHtmlIn::after {
+    border-left: 2px solid transparent;
+    border-right: 0px solid transparent;
+    border-top: 3px solid #6C757D;
+    left: 100%;
+}
+
+.Folder .GWGanttHtmlIn {
+    position: relative;
+    overflow: visible;
+    border-left: 2px solid #6C757D;
+    border-right: 2px solid #6C757D;
+    border-radius: 1px 1px 0 0;
+}
+
+.GWGanttConstraint {
+    width: 4px !important;
+    background-size: 4px 16px !important;
+    background-position: 0 2px;
+}
+
+.GWGanttConstraint.GWGanttMinStart {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/gantt-constraint-min-start.svg');
+}
+
+.GWGanttConstraint.GWGanttMaxEnd {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/gantt-constraint-max-end.svg');
+}
+
+.GWGanttHtmlRight0.GWGanttHtml {
+    margin-left: 8px;
+}
+
+.TWGanttMenuMain {
+    width: 241px;
+    margin: 0;
+    border: none;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+}
+
+.TWGanttMenuMain .TWGanttMenuOuter {
+    padding: 0;
+    margin: 0;
+    border-radius: 4px;
+    border: none;
+    width: 241px !important;
+}
+
+.TWGanttMenuMain .TWGanttMenuBody {
+    margin: 0;
+    width: 100%;
+    cursor: pointer;
+    max-height: 288px;
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+}
+
+.TWGanttMenuMain .TWGanttMenuBody::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+    background: transparent;
+}
+
+.TWGanttMenuMain .TWGanttMenuBody::-webkit-scrollbar-button {
+    display: none;
+}
+
+.TWGanttMenuMain .TWGanttMenuBody::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.TWGanttMenuMain .TWGanttMenuBody::-webkit-scrollbar-thumb {
+    background: #E4E6EC;
+    border-radius: 4px;
+}
+
+.TWGanttMenuMain .TWMenuItem {
+    margin: 0 !important;
+    padding: 8px 0 !important;
+}
+
+.TWGanttMenuMain .TWMenuItemText {
+    line-height: 150%;
+    padding: 0 12px;
+    white-space: normal;
+}
+
+.TWGanttMenuMain .TWMenuFocus,
+.TWGanttMenuMain .TWMenuHover {
+    background: #F3F8FF !important;
+}
+
+.TWGanttMenuMain .TWGanttMenuSeparator {
+    margin: 0;
+}
+
+.TWGanttMenuMain::before {
+    content: '';
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    position: absolute;
+    left: 12px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dropdown-menu-arrow.svg');
+}
+
+.TWGanttMenuMainBottom {
+    transform: translate(-28px, 10px);
+}
+
+.TWGanttMenuMainBottom::before {
+    top: -20px;
+}
+
+.TWGanttMenuMainTop {
+    transform: translate(-28px, -10px);
+}
+
+.TWGanttMenuMainTop::before {
+    bottom: -20px;
+    transform: rotateX(180deg);
+}
+
+.GWGanttMarkText1.GWGanttMark1 {
+    width: 1px;
+    padding: 0 0 0 6px;
+    background: linear-gradient(90deg, #DD8100 0, #DD8100 1px, transparent 1px);
+    color: transparent !important;
+    font-size: 12px;
+}
+
+.TWBodyRight > div > div > div > .TWSection > tbody > tr.TWDataRow:nth-child(2) > td > .GWGanttMarkText1 {
+    color: #DD8100 !important;
+}
+
+.TWGanttHeaderBase, 
+.TWGanttHeaderBase * {
+    font-family: 'InterRegular' !important;
+    font-size: 12px !important;
+}
+
+.TWGanttHeaderBase > div > br {
+    display: none;
 }

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

@@ -9,7 +9,7 @@
     font-size: 14px;
     line-height: 16px;
     font-family: "InterRegular";
-    color: #222D44 !important;
+    color: #222D44;
     border: none;
 }
 
@@ -93,6 +93,8 @@
 
 .TWRightSplitter {
     background: #4292F7;
+    width: 2px !important;
+    padding: 0;
 }
 
 .vitro-table-full-width {

package/css/std/controls/time-picker/time-picker.css

@@ -112,7 +112,7 @@
     top: 6px !important;
     left: unset !important;
     right: 0 !important;
-    width: 190px !important;
+    width: 100% !important;
     min-width: unset !important;
 }
 

package/dist/index.css

@@ -679,6 +679,8 @@ html, body {
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-tip.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-date-edit.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-additional-container.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
 #TableView {
     height: auto;
@@ -3945,7 +3947,7 @@ html, body {
     top: 6px !important;
     left: unset !important;
     right: 0 !important;
-    width: 190px !important;
+    width: 100% !important;
     min-width: unset !important;
 }
 
@@ -7824,3 +7826,60 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         left: 0;
     }
 }
+
+._select_vitro-select_EObExkL {
+    min-width: 142px;
+    height: 40px;
+    background-color: #F3F8FF;
+    border-radius: 4px;
+    padding: 8px 16px;
+    font-size: 14px;
+    line-height: 16px;
+    position: relative;
+    justify-content: space-between;
+    cursor: pointer;
+}
+
+._select_vitro-select_EObExkL::after {
+    content: '';
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100%;
+    transform: rotateX(180deg);
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
+}
+
+._select_vitro-select_EObExkL._select_vitro-active_3I2oZ9Y::after {
+    transform: rotateX(0);
+}
+
+._select_vitro-list-container_1iaPtG5 {
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    display: none;
+}
+
+._select_vitro-select_EObExkL._select_vitro-active_3I2oZ9Y ._select_vitro-list-container_1iaPtG5 {
+    display: block;
+}
+
+._select_vitro-select_EObExkL > ._select_vitro-item_3Q88bWt {
+    padding: 0;
+}
+
+._select_vitro-item_3Q88bWt {
+    padding: 10px 12px;
+}
+
+._select_vitro-item_3Q88bWt:hover {
+    background: #F3F8FF;
+}