@vitrosoftware/common-ui-ts 1.1.116 → 1.1.117

package/css/std/controls/table-view/table-view-custom-date-edit.css

@@ -23,8 +23,4 @@
 
 .table-view-custom-date-edit .k-link {
     color: #222D44 !important;
-}
-
-.table-view-custom-date-edit .k-state-focused .k-link {
-    color: #fff !important;
-}
+}

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

@@ -58,14 +58,9 @@
     margin: 0;
     width: 100%;
     cursor: default;
-}
-
-.vitro-table-view-context-menuMain .TWMenuBody,
-.vitro-table-view-context-menu-leftMain .TWMenuBody,
-.vitro-table-view-popup-menuMain .TWMenuBody {
     max-height: 288px;
-    overflow-y: auto;
-    overflow-x: hidden;
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
 }
 
 .vitro-table-view-context-menuMain .TWMenuBody::-webkit-scrollbar,

package/dist/index.js

@@ -60510,8 +60510,8 @@ var Dialog = function Dialog(props) {
   var className = styles$i['vitro-dialog'] + (props.isShow === false ? CTRL.SPACE + styles$i['vitro-display-none'] : CTRL.EMPTY);
   var showFooter = !props.isHideFooter && (((_props$buttonList = props.buttonList) === null || _props$buttonList === void 0 ? void 0 : _props$buttonList.length) || props.onClose);
   React.useEffect(function () {
-    if (dialogRef.current) {
-      dialogRef.current.focus();
+    if (buttonGroupRef.current && buttonGroupRef.current.lastChild) {
+      buttonGroupRef.current.lastChild.focus();
     }
     updateIsMobileView();
   }, []);
@@ -60536,7 +60536,7 @@ var Dialog = function Dialog(props) {
     if (e.keyCode === KEY_CODE.ESC) {
       onClose();
     }
-    if (e.keyCode === KEY_CODE.TAB) {
+    if (e.keyCode === KEY_CODE.TAB || e.keyCode === KEY_CODE.ARROW_RIGHT || e.keyCode === KEY_CODE.ARROW_LEFT) {
       changeFocus(e);
     }
     if (props.onKeyDown) {
@@ -60547,18 +60547,33 @@ var Dialog = function Dialog(props) {
     if (buttonGroupRef.current) {
       e.preventDefault();
       var buttonList = Array.from(buttonGroupRef.current.children);
-      if (buttonList.length) {
-        var activeButton = buttonList.find(function (button) {
-          return button === document.activeElement;
-        });
-        if (activeButton && activeButton.nextSibling) {
-          activeButton.nextSibling.focus();
+      var activeButton = buttonList.find(function (button) {
+        return button === document.activeElement;
+      });
+      if (activeButton) {
+        if (e.keyCode === KEY_CODE.TAB) {
+          activeButton.nextSibling ? focusNext(activeButton) : buttonList[0].focus();
         } else {
-          buttonList[0].focus();
+          if (e.keyCode === KEY_CODE.ARROW_RIGHT) {
+            focusNext(activeButton);
+          }
+          if (e.keyCode === KEY_CODE.ARROW_LEFT) {
+            focusPrev(activeButton);
+          }
         }
       }
     }
   };
+  var focusNext = function focusNext(activeButton) {
+    if (activeButton.nextSibling) {
+      activeButton.nextSibling.focus();
+    }
+  };
+  var focusPrev = function focusPrev(activeButton) {
+    if (activeButton.previousSibling) {
+      activeButton.previousSibling.focus();
+    }
+  };
   var updateIsMobileView = function updateIsMobileView() {
     setIsMobileView(window.innerWidth < exports.MOBILE_VIEW.WIDTH);
   };
@@ -62010,7 +62025,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.116";
+var version$1 = "1.1.117";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63381,7 +63396,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   }, [selectedValueList]);
   React.useEffect(function () {
-    setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage && !valueListVisible ? styles$M['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
   }, [props.errorMessage]);
   var updateFilteredValueList = function updateFilteredValueList(valueList) {
     var availableValueList = inputValue ? filteredValueList : valueList;
@@ -63447,6 +63462,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onOptionValueDelete = function onOptionValueDelete(id) {
     if (!props.isDisabled) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       var newSelectedValueList = id ? selectedValueList.filter(function (x) {
         return x.id !== id;
       }) : [];
@@ -63457,21 +63474,19 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var onFocusOut = function onFocusOut(e) {
+    var _document$activeEleme;
     var target = e.currentTarget;
-    setTimeout(function () {
-      var _document$activeEleme;
-      var isValueListItem = Boolean(props.isMultiSelect && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.classList.contains(valueListStyles['vitro-item'])));
-      if (!target.contains(document.activeElement) && !isValueListItem) {
-        setValueListVisible(false);
-        setInputValue(CTRL.EMPTY);
-        if (props.onBlur && !props.isDisabled) {
-          props.onBlur(props.isMultiSelect ? selectedValueList : selectedValueList.find(function (x) {
-            return x;
-          }), props.name);
-        }
-        setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    var isValueListItem = Boolean(props.isMultiSelect && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.classList.contains(valueListStyles['vitro-item'])));
+    if (!target.contains(document.activeElement) && !isValueListItem) {
+      setValueListVisible(false);
+      setInputValue(CTRL.EMPTY);
+      if (props.onBlur && !props.isDisabled) {
+        props.onBlur(props.isMultiSelect ? selectedValueList : selectedValueList.find(function (x) {
+          return x;
+        }), props.name);
       }
-    });
+      setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
+    }
   };
   var onFocus = function onFocus(e) {
     setState(styles$M['vitro-focus']);