@vitrosoftware/common-ui-ts 1.1.139 → 1.1.141

package/css/std/controls/action-handler/confirm-dialog.css

@@ -1,6 +1,8 @@
 .vitro-confirm-dialog {
     min-width: 469px;
     max-width: 706px;
+    height: unset !important;
+    width: unset !important;
     border: 1px solid rgba(74, 85, 108, 0.35);
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
 }
@@ -27,6 +29,8 @@
 
 @media (max-width: 800px) {
     .vitro-confirm-dialog {
-       width: 100% !important;
+        width: 100% !important;
+        min-width: unset;
+        height: unset !important;
     }
 }

package/css/std/controls/dialog/dialog.css

@@ -25,7 +25,8 @@
     opacity: 1;
     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);
-    min-width: 469px;
+    width: 524px;
+    height: 618px;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
 }
 
@@ -66,8 +67,8 @@
 
 @media (max-width: 800px) {
     .vitro-dialog > div {
-        min-width: unset;
         max-width: calc(100% - 16px);
+        max-height: calc(100% - 16px);
     }
 
     .vitro-dialog-button-close {

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

@@ -137,9 +137,10 @@
 }
 
 .vitro-settings-dialog-mobile {
-    height: 100%;
-    width: 100%;
+    height: 100% !important;
+    width: 100% !important;
     max-width: unset !important;
+    max-height: unset !important;
     border: none !important;
     border-radius: 0 !important;
 }

package/css/std/controls/system-exception-dialog/system-exception-dialog.css

@@ -1,5 +1,6 @@
 .vitro-system-exception-dialog {
-    width: 618px;
+    height: auto !important;
+    width: 618px !important;
 }
 
 .vitro-system-exception-dialog h1 {

package/css/std/controls/tab-group/tab-group.css

@@ -62,6 +62,7 @@
     flex-grow: 1;
     text-align: center;
     overflow: hidden;
+    padding-top: 16px;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-link) {
@@ -98,6 +99,7 @@
 
 .vitro-tab :global(.nav) > .vitro-dropdown-button {
     border-bottom: 1px solid #e0e0e0;
+    padding-top: 16px;
 }
 
 .vitro-tab :global(.nav) > .vitro-dropdown-button button {

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

@@ -67,6 +67,21 @@
     color: #4A556C !important;
 }
 
+:global(.vitro-group-row.TWBool0),
+:global(.vitro-group-row.TWBool1),
+:global(.vitro-group-row.TWBool2),
+:global(.vitro-group-row.TWBool3),
+:global(.vitro-group-row.TWBoolX),
+:global(.vitro-group-row.TWBool0RO),
+:global(.vitro-group-row.TWBool1RO),
+:global(.vitro-group-row.TWBool2RO),
+:global(.vitro-group-row.TWBool3RO),
+:global(.vitro-group-row.TWBoolXRO) {
+    background-image: none !important;
+    opacity: 1 !important;
+    pointer-events: none !important;
+}
+
 :global(.vitro-table-view-button-context) {
     height: 24px;
     width: 24px;

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

@@ -91,8 +91,8 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
 .vitro-table-view-context-menu-leftMain .TWMenuBody::-webkit-scrollbar,
 .vitro-table-view-popup-menu-topMain .TWMenuBody::-webkit-scrollbar,
 .vitro-table-view-popup-menuMain .TWMenuBody::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
+    width: 4px !important;
+    height: 4px !important;
     background: transparent;
 }
 

package/css/std/controls/view/view.css

@@ -16,7 +16,7 @@
 }
 
 .vitro-tab :global(.nav) {
-    padding: 16px 16px 0 16px;
+    padding: 0 16px 0 16px;
 }
 
 .vitro-tab > :global(.vitro-content) {

package/dist/index.css

@@ -732,6 +732,21 @@ html, body {
     color: #4A556C !important;
 }
 
+.vitro-group-row.TWBool0,
+.vitro-group-row.TWBool1,
+.vitro-group-row.TWBool2,
+.vitro-group-row.TWBool3,
+.vitro-group-row.TWBoolX,
+.vitro-group-row.TWBool0RO,
+.vitro-group-row.TWBool1RO,
+.vitro-group-row.TWBool2RO,
+.vitro-group-row.TWBool3RO,
+.vitro-group-row.TWBoolXRO {
+    background-image: none !important;
+    opacity: 1 !important;
+    pointer-events: none !important;
+}
+
 .vitro-table-view-button-context {
     height: 24px;
     width: 24px;
@@ -1692,7 +1707,8 @@ html, body {
     opacity: 1;
     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);
-    min-width: 469px;
+    width: 524px;
+    height: 618px;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
 }
 
@@ -1733,8 +1749,8 @@ html, body {
 
 @media (max-width: 800px) {
     ._dialog_vitro-dialog_2NzcRZg > div {
-        min-width: unset;
         max-width: calc(100% - 16px);
+        max-height: calc(100% - 16px);
     }
 
     ._dialog_vitro-dialog-button-close_2TF5iry {
@@ -1744,6 +1760,8 @@ html, body {
 ._confirm-dialog_vitro-confirm-dialog_1r-CtWW {
     min-width: 469px;
     max-width: 706px;
+    height: unset !important;
+    width: unset !important;
     border: 1px solid rgba(74, 85, 108, 0.35);
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
 }
@@ -1770,7 +1788,9 @@ html, body {
 
 @media (max-width: 800px) {
     ._confirm-dialog_vitro-confirm-dialog_1r-CtWW {
-       width: 100% !important;
+        width: 100% !important;
+        min-width: unset;
+        height: unset !important;
     }
 }
 ._action-result-list_vitro-action-result-list_fJtJWdL {
@@ -2255,6 +2275,7 @@ html, body {
     flex-grow: 1;
     text-align: center;
     overflow: hidden;
+    padding-top: 16px;
 }
 
 ._tab-group_vitro-tab_1Qb50HL .nav > div .nav-link {
@@ -2291,6 +2312,7 @@ html, body {
 
 ._tab-group_vitro-tab_1Qb50HL .nav > ._tab-group_vitro-dropdown-button_146jv_h {
     border-bottom: 1px solid #e0e0e0;
+    padding-top: 16px;
 }
 
 ._tab-group_vitro-tab_1Qb50HL .nav > ._tab-group_vitro-dropdown-button_146jv_h button {
@@ -2376,7 +2398,7 @@ html, body {
 }
 
 ._view_vitro-tab_2sqf0L9 .nav {
-    padding: 16px 16px 0 16px;
+    padding: 0 16px 0 16px;
 }
 
 ._view_vitro-tab_2sqf0L9 > .vitro-content {
@@ -6754,9 +6776,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._search_vitro-settings-dialog-mobile_1no71m6 {
-    height: 100%;
-    width: 100%;
+    height: 100% !important;
+    width: 100% !important;
     max-width: unset !important;
+    max-height: unset !important;
     border: none !important;
     border-radius: 0 !important;
 }
@@ -7423,7 +7446,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
 }
 ._system-exception-dialog_vitro-system-exception-dialog_2UVdbuB {
-    width: 618px;
+    height: auto !important;
+    width: 618px !important;
 }
 
 ._system-exception-dialog_vitro-system-exception-dialog_2UVdbuB h1 {

package/dist/index.js

@@ -21384,6 +21384,13 @@ var DATE_FORMAT;
 (function (DATE_FORMAT) {
   DATE_FORMAT["DEFAULT"] = "dd.MM.yyyy";
 })(DATE_FORMAT || (DATE_FORMAT = {}));
+var DEPENDENCY_TYPE;
+(function (DEPENDENCY_TYPE) {
+  DEPENDENCY_TYPE["START_START"] = "ss";
+  DEPENDENCY_TYPE["FINISH_FINISH"] = "ff";
+  DEPENDENCY_TYPE["FINISH_START"] = "fs";
+  DEPENDENCY_TYPE["START_FINISH"] = "sf";
+})(DEPENDENCY_TYPE || (DEPENDENCY_TYPE = {}));
 
 var TableViewConstants = {
     __proto__: null,
@@ -21413,7 +21420,8 @@ var TableViewConstants = {
     get TARGET () { return TARGET; },
     get MENU_ALIGN () { return MENU_ALIGN; },
     get DEF_ROW () { return DEF_ROW; },
-    get DATE_FORMAT () { return DATE_FORMAT; }
+    get DATE_FORMAT () { return DATE_FORMAT; },
+    get DEPENDENCY_TYPE () { return DEPENDENCY_TYPE; }
 };
 
 var w$1 = window;
@@ -21732,6 +21740,18 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.scrollToDate = function scrollToDate(date, align) {
     this.grid.ScrollToDate(date, align);
   };
+  _proto.getPage = function getPage(num) {
+    return this.grid.GetPage(num);
+  };
+  _proto.reloadPage = function reloadPage(page) {
+    this.grid.ReloadPage(page);
+  };
+  _proto.getFirstVisible = function getFirstVisible() {
+    return this.grid.GetFirstVisible();
+  };
+  _proto.getGanttSlack = function getGanttSlack(row, col, bar) {
+    return this.grid.GetGanttSlack(row, col, bar);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {
@@ -60478,10 +60498,10 @@ var ImageButton = function ImageButton(props) {
 
 var DialogComponent = function DialogComponent(props) {
   return React__default.createElement("div", {
-    style: {
+    style: props.width || props.height ? {
       width: props.width + CTRL.PERCENT,
       height: props.height + CTRL.PERCENT
-    },
+    } : undefined,
     className: props.className
   }, props.children);
 };
@@ -60812,8 +60832,8 @@ var Dialog = function Dialog(props) {
       zIndex: props.zIndex
     }
   }, React__default.createElement(DialogComponent, {
-    width: props.width,
-    height: props.height,
+    width: isMobileView ? undefined : props.width,
+    height: isMobileView ? undefined : props.height,
     className: props.className
   }, props.isDismissible && React__default.createElement(ImageButton, {
     className: styles$j['vitro-dialog-button-close'],
@@ -60824,7 +60844,9 @@ var Dialog = function Dialog(props) {
     imageUrl: props.imageUrl,
     image: props.image,
     className: props.headerClassName
-  }), component && React__default.createElement(DialogContent, null, component), props.children, isMobileView && props.hiddenContent && React__default.createElement(DialogDetailExpandButton, {
+  }), component && React__default.createElement(DialogContent, {
+    className: props.contentClassName
+  }, component), props.children, isMobileView && props.hiddenContent && React__default.createElement(DialogDetailExpandButton, {
     onClick: onClickDetailButton
   }), props.hiddenContent && React__default.createElement("div", {
     className: styles$j['vitro-hidden-content'] + (isShowHiddenContent ? CTRL.EMPTY : CTRL.SPACE + styles$j['vitro-hidden'])
@@ -61502,6 +61524,9 @@ var OverflowButton = function OverflowButton(props) {
 };
 
 var Tab = function Tab(props) {
+  if (!props.icon && !props.title) {
+    return null;
+  }
   return React__default.createElement("div", {
     key: props.index,
     className: styles$o['vitro-item']
@@ -61854,6 +61879,10 @@ var AUTOCOMPLETE;
   AUTOCOMPLETE["ON"] = "on";
   AUTOCOMPLETE["OFF"] = "off";
 })(AUTOCOMPLETE || (AUTOCOMPLETE = {}));
+var MAX_LENGTH;
+(function (MAX_LENGTH) {
+  MAX_LENGTH[MAX_LENGTH["SINGLELINE"] = 255] = "SINGLELINE";
+})(MAX_LENGTH || (MAX_LENGTH = {}));
 
 var styles$v = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-copy-button":"_input_vitro-copy-button_3wNhQ24","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
 
@@ -61873,7 +61902,7 @@ var Input = React.forwardRef(function (props, ref) {
     setIsShowTooltip = _useState4[1];
   var inputRef = React.useRef(null);
   React.useEffect(function () {
-    var value = props.value ? props.value : CTRL.EMPTY;
+    var value = props.value ? getValue(props.value) : CTRL.EMPTY;
     setInputValue(value);
   }, [props.value]);
   React.useEffect(function () {
@@ -61900,7 +61929,7 @@ var Input = React.forwardRef(function (props, ref) {
         }
       },
       setValue: function setValue(value) {
-        setInputValue(value);
+        setInputValue(getValue(value));
       },
       getValue: function getValue() {
         return inputValue;
@@ -61909,7 +61938,7 @@ var Input = React.forwardRef(function (props, ref) {
   });
   var onChange = function onChange(e) {
     var oldValue = inputValue;
-    var newValue = e.target.value;
+    var newValue = getValue(e.target.value);
     setInputValue(newValue);
     if (oldValue !== newValue && props.onChange) {
       props.onChange(newValue, e.target.name);
@@ -61964,6 +61993,18 @@ var Input = React.forwardRef(function (props, ref) {
       setIsShowTooltip(false);
     }
   };
+  var getMaxLength = function getMaxLength() {
+    if (props.maxLength && props.maxLength < MAX_LENGTH.SINGLELINE) {
+      return props.maxLength;
+    }
+    return MAX_LENGTH.SINGLELINE;
+  };
+  var getValue = function getValue(value) {
+    if (!props.isMultiline) {
+      return value.substring(0, getMaxLength());
+    }
+    return value;
+  };
   if (props.isMultiline) {
     control = React__default.createElement("textarea", {
       ref: inputRef,
@@ -62460,7 +62501,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.139";
+var version$1 = "1.1.141";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";