@vitrosoftware/common-ui-ts 1.1.130 → 1.1.132

package/css/std/controls/criterion/criterion.css

@@ -17,6 +17,17 @@
     left: 10px;
     top: -10px;
     display: flex;
+    max-width: calc(100% - 76px);
+}
+
+.vitro-label:after {
+    content: "";
+    position: absolute;
+    width: 6px;
+    background: #ffffff;
+    right: 0;
+    top: 0;
+    bottom: 0;
 }
 
 .vitro-operator-select-container {

package/css/std/controls/issue-tile/issue-tile.css

@@ -10,6 +10,10 @@
     padding: 0;
 }
 
+:global(.vitro-block) .vitro-control {
+    margin-bottom: 22px !important;
+}
+
 .vitro-control textarea {
     box-sizing: border-box !important;
 }

package/css/std/controls/pdf-viewer/custom.css

@@ -261,7 +261,7 @@ a.ui-button:active,
 }
 
 .context-menu-list {
-    z-index: 200 !important;
+    z-index: 50001 !important;
 }
 
 /* Example - hide Download button from Viewer Toolbar */

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -6511,7 +6511,7 @@ a.ui-button:active,
 }
 
 .context-menu-list {
-    z-index: 200 !important;
+    z-index: 50001 !important;
 }
 
 /* Example - hide Download button from Viewer Toolbar */

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

@@ -61,7 +61,7 @@
 }
 
 :global(.vitro-group-row) {
-    background: #F7F9FC;
+    background-color: #F7F9FC;
     font-family: 'InterMedium';
     border-top: 1px solid #E4E6EC !important;
     color: #4A556C !important;

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

@@ -182,4 +182,17 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
     width: 32px;
     background-size: 20px;
     background-position-x: 12px;
+}
+
+@media (max-width: 800px) {
+    .vitro-table-view-context-menuMain .TWMenuFocus,
+    .vitro-table-view-context-menu-leftMain .TWMenuFocus,
+    .vitro-table-view-context-menuMain .TWMenuHover,
+    .vitro-table-view-context-menu-leftMain .TWMenuHover,
+    .vitro-table-view-popup-menu-topMain .TWMenuFocus,
+    .vitro-table-view-popup-menu-topMain .TWMenuHover,
+    .vitro-table-view-popup-menuMain .TWMenuFocus,
+    .vitro-table-view-popup-menuMain .TWMenuHover {
+        background: #fff !important;
+    }
 }

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

@@ -26,6 +26,7 @@
 .TWCursorBackground {
     background: #006AFF;
     opacity: 0.047;
+    pointer-events: none;
 }
 
 .TWCheck0Left,

package/dist/index.css

@@ -726,7 +726,7 @@ html, body {
 }
 
 .vitro-group-row {
-    background: #F7F9FC;
+    background-color: #F7F9FC;
     font-family: 'InterMedium';
     border-top: 1px solid #E4E6EC !important;
     color: #4A556C !important;
@@ -2705,6 +2705,10 @@ html, body {
     padding: 0;
 }
 
+.vitro-block ._issue-tile_vitro-control_3V6_Ze7 {
+    margin-bottom: 22px !important;
+}
+
 ._issue-tile_vitro-control_3V6_Ze7 textarea {
     box-sizing: border-box !important;
 }
@@ -6198,6 +6202,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     left: 10px;
     top: -10px;
     display: flex;
+    max-width: calc(100% - 76px);
+}
+
+._criterion_vitro-label_3F6a8dj:after {
+    content: "";
+    position: absolute;
+    width: 6px;
+    background: #ffffff;
+    right: 0;
+    top: 0;
+    bottom: 0;
 }
 
 ._criterion_vitro-operator-select-container_3OkjzXG {

package/dist/index.js

@@ -195,7 +195,11 @@ var app$1 = {
 			empty: "Нет доступных действий"
 		},
 		issueTile: {
-			textareaLabel: "Описание"
+			textareaLabel: "Описание",
+			inputNameLabel: "Название",
+			error: {
+				empty: "Это поле не может быть пустым"
+			}
 		},
 		messageInput: {
 			placeholder: "Добавить комментарий...",
@@ -534,6 +538,7 @@ var ScrollBar = function ScrollBar(props) {
   EVENT["HISTORY_CHANGED"] = "vitro.history.changed";
   EVENT["DROP"] = "drop";
   EVENT["CONTEXTMENU"] = "contextmenu";
+  EVENT["COMMANDMENU_TOGGLE"] = "vitro.commandmenu.toggle";
 })(exports.EVENT || (exports.EVENT = {}));
 
 (function (MOBILE_VIEW) {
@@ -21186,6 +21191,8 @@ var EVENT$1;
   EVENT["ON_RENDER_CHILD_PART_FINISH"] = "OnRenderChildPartFinish";
   EVENT["ON_RENDER_CHILD_PART_START"] = "OnRenderChildPartStart";
   EVENT["ON_EXPAND_ALL_FINISH"] = "OnExpandAllFinish";
+  EVENT["ON_GET_FORMAT"] = "OnGetFormat";
+  EVENT["ON_GET_GANTT_SIDE_HTML"] = "OnGetGanttSideHtml";
 })(EVENT$1 || (EVENT$1 = {}));
 var URL;
 (function (URL) {
@@ -21253,6 +21260,7 @@ var ATTRIBUTE;
   ATTRIBUTE["ID"] = "Id";
   ATTRIBUTE["ADDED"] = "Added";
   ATTRIBUTE["FORMULA"] = "Formula";
+  ATTRIBUTE["FORMAT"] = "Format";
 })(ATTRIBUTE || (ATTRIBUTE = {}));
 var DRAG_ITEM_TYPE;
 (function (DRAG_ITEM_TYPE) {
@@ -21371,6 +21379,10 @@ var DEF_ROW;
   DEF_ROW["FOLDER"] = "Folder";
   DEF_ROW["R"] = "R";
 })(DEF_ROW || (DEF_ROW = {}));
+var DATE_FORMAT;
+(function (DATE_FORMAT) {
+  DATE_FORMAT["DEFAULT"] = "dd.MM.yyyy";
+})(DATE_FORMAT || (DATE_FORMAT = {}));
 
 var TableViewConstants = {
     __proto__: null,
@@ -21399,7 +21411,8 @@ var TableViewConstants = {
     get PART_TYPE () { return PART_TYPE; },
     get TARGET () { return TARGET; },
     get MENU_ALIGN () { return MENU_ALIGN; },
-    get DEF_ROW () { return DEF_ROW; }
+    get DEF_ROW () { return DEF_ROW; },
+    get DATE_FORMAT () { return DATE_FORMAT; }
 };
 
 var w$1 = window;
@@ -21671,10 +21684,10 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     this.grid.HideTip();
   };
   _proto.showMenu = function showMenu(row, col, menu, position, func) {
-    this.grid.ShowMenu(row, col, menu, position, func);
+    return this.grid.ShowMenu(row, col, menu, position, func);
   };
   _proto.showPopup = function showPopup(menu, func) {
-    this.grid.ShowPopup(menu, func);
+    return this.grid.ShowPopup(menu, func);
   };
   _proto.getShownRows = function getShownRows() {
     return this.grid.GetShownRows();
@@ -62096,11 +62109,63 @@ var IssueTileHeader = function IssueTileHeader(props) {
 var LOCALE$3;
 (function (LOCALE) {
   LOCALE["TEXTAREA_LABEL"] = "app.common.issueTile.textareaLabel";
+  LOCALE["INPUT_NAME_LABEL"] = "app.common.issueTile.inputNameLabel";
+  LOCALE["ERROR_EMPTY"] = "app.common.issueTile.error.empty";
 })(LOCALE$3 || (LOCALE$3 = {}));
 
 var styles$x = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
 
 var IssueTile = function IssueTile(props) {
+  var _useState = React.useState(props.name),
+    nameVal = _useState[0],
+    setNameVal = _useState[1];
+  var _useState2 = React.useState(false),
+    isErr = _useState2[0],
+    setIsError = _useState2[1];
+  var _useState3 = React.useState(CTRL.EMPTY),
+    errMsg = _useState3[0],
+    setErrorMsg = _useState3[1];
+  var inputRef = React.useRef(null);
+  var isAfterBlurRef = React.useRef(false);
+  React.useEffect(function () {
+    if (isAfterBlurRef.current) {
+      isAfterBlurRef.current = false;
+    } else {
+      if (!nameVal) {
+        setNameVal(props.name);
+        setIsError(false);
+        clearInputNameError();
+      }
+    }
+  });
+  React.useEffect(function () {
+    setNameVal(props.name);
+  }, [props.name]);
+  var _onBlurInputName = function _onBlurInputName(e) {
+    var _inputRef$current, _inputRef$current2;
+    var inputVal = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getValue();
+    if (nameVal != inputVal) {
+      setNameVal(inputVal);
+      if (inputVal) {
+        setIsError(false);
+        clearInputNameError();
+        isAfterBlurRef.current = false;
+      } else {
+        setIsError(true);
+        setInputNameError();
+        isAfterBlurRef.current = true;
+      }
+    }
+    if (inputRef && (_inputRef$current2 = inputRef.current) !== null && _inputRef$current2 !== void 0 && _inputRef$current2.getValue()) {
+      props.onBlur(e);
+    }
+  };
+  var setInputNameError = function setInputNameError() {
+    setErrorMsg(props.createLocale(LOCALE$3.ERROR_EMPTY));
+  };
+  var clearInputNameError = function clearInputNameError() {
+    setErrorMsg(CTRL.EMPTY);
+  };
   return React__default.createElement("div", {
     id: 'vitro-issue-tile-' + props.id,
     className: styles$x['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
@@ -62114,7 +62179,18 @@ var IssueTile = function IssueTile(props) {
     fileVersion: props.fileVersion,
     fileVersionUrl: props.fileVersionUrl,
     actionList: props.actionList
-  }), React__default.createElement(Input, {
+  }), React__default.createElement("div", {
+    className: 'vitro-block'
+  }, React__default.createElement("div", null, React__default.createElement(Input, {
+    label: props.createLocale(LOCALE$3.INPUT_NAME_LABEL),
+    onBlur: _onBlurInputName,
+    className: styles$x['vitro-control'],
+    value: nameVal,
+    isRequired: true,
+    ref: inputRef,
+    isError: isErr,
+    errorMessage: errMsg
+  }))), React__default.createElement(Input, {
     isMultiline: true,
     label: props.createLocale(LOCALE$3.TEXTAREA_LABEL),
     onBlur: props.onBlur,
@@ -62345,7 +62421,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.130";
+var version$1 = "1.1.132";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63881,6 +63957,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onFocus = function onFocus(e) {
     var _inputRef$current3;
+    onInputValueUpdated();
     isShowTooltipRef.current = false;
     setState(styles$O['vitro-focus']);
     setValueListVisible(true);
@@ -64089,13 +64166,26 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   var isShowImage = (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.find(function (item) {
     return item.imageUrl;
   }) ? true : false;
+  var onClick = function onClick(e) {
+    if (props.onClick) {
+      props.onClick(e);
+    } else {
+      var event = new CustomEvent(exports.EVENT.COMMANDMENU_TOGGLE, {
+        detail: {
+          isToggle: true
+        }
+      });
+      window.dispatchEvent(event);
+    }
+  };
   return React__default.createElement(reactstrap.UncontrolledDropdown, {
     nav: true,
     inNavbar: true,
     className: styles$S['vitro-dropdown-button-container'] + (isRight ? CTRL.SPACE + styles$S['vitro-right'] : CTRL.EMPTY)
   }, React__default.createElement(reactstrap.DropdownToggle, {
     nav: true,
-    caret: true
+    caret: true,
+    onClick: onClick
   }, React__default.createElement(CommandMenuItemHeader, Object.assign({}, props, {
     className: props.className,
     setIsRight: setIsRight
@@ -81838,6 +81928,16 @@ var LayerList = function LayerList(props) {
   var onChangeLayerVisibility = function onChangeLayerVisibility(layer, isVisible) {
     updateItemList(layer, isVisible);
   };
+  var sort = function sort(a, b) {
+    var aText = a.displayName.toLocaleLowerCase();
+    var bText = b.displayName.toLocaleLowerCase();
+    if (aText < bText) {
+      return -1;
+    } else if (aText > bText) {
+      return 1;
+    }
+    return 0;
+  };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Heading, {
     tag: TAG.H1,
     text: props.title,
@@ -81857,7 +81957,7 @@ var LayerList = function LayerList(props) {
     className: 'vitro-all-layers-checkbox' + CTRL.SPACE + 'vitro-checkbox-eye'
   }), React__default.createElement(ScrollBar, {
     isHideScrollX: true
-  }, itemList.map(function (layer) {
+  }, itemList.sort(sort).map(function (layer) {
     return React__default.createElement(Layer, Object.assign({}, layer, {
       isVisible: layer.isVisible === false ? false : true,
       onChange: function onChange(val) {