@vitrosoftware/common-ui-ts 1.1.130 → 1.1.131

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/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: "Добавить комментарий...",
@@ -62096,11 +62100,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 +62170,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 +62412,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.130";
+var version$1 = "1.1.131";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -81838,6 +81905,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 +81934,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) {