@vitrosoftware/common-ui-ts 1.1.90 → 1.1.91

package/css/std/controls/checkbox/checkbox.css

@@ -15,6 +15,8 @@
     height: 24px;
     margin-right: 6px;
     cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
 }
 
 .vitro-checkbox-content input::before,

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

@@ -24,8 +24,6 @@
     transform: translate(-50%, -50%);
     opacity: 1;
     border-radius: 4px;
-    height: 534px;
-    width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 

package/css/std/controls/sidebar/sidebar-item.css

@@ -68,8 +68,7 @@
     align-items: center;
 }
 
-
-.vitro-group-item > .vitro-item-list > .vitro-item:last-child {
+.vitro-group-item > .vitro-item-list > .vitro-item {
     margin-bottom: 0;
 }
 
@@ -78,6 +77,8 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    padding: 6px;
+    height: 36px;
     padding-left: 24px;
 }
 

package/dist/index.css

@@ -2645,6 +2645,9 @@ html, body {
     height: 24px;
     margin-right: 6px;
     cursor: pointer;
+    -moz-appearance: none;
+         appearance: none;
+    -webkit-appearance: none;
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input::before,
@@ -4426,8 +4429,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     align-items: center;
 }
 
-
-._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0:last-child {
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 {
     margin-bottom: 0;
 }
 
@@ -4436,6 +4438,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     display: flex;
     flex-direction: row;
     align-items: center;
+    padding: 6px;
+    height: 36px;
     padding-left: 24px;
 }
 
@@ -5346,8 +5350,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     transform: translate(-50%, -50%);
     opacity: 1;
     border-radius: 4px;
-    height: 534px;
-    width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 

package/dist/index.js

@@ -61708,7 +61708,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.90";
+var version$1 = "1.1.91";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -62190,15 +62190,15 @@ var LoginForm = React.forwardRef(function (props, ref) {
   })), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
     isDisabled: loading
-  }), React__default.createElement("div", {
+  }), props.buttonList && props.buttonList.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: styles$v['vitro-separator']
   }, localeService.create(LOCALE$3.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
     className: styles$v['vitro-button-list']
-  }, props.buttonList && props.buttonList.map(function (button) {
+  }, props.buttonList.map(function (button) {
     return React__default.createElement(Button$2, Object.assign({}, button, {
       className: styles$v['vitro-button']
     }));
-  })), props.onRegister && React__default.createElement(Link, {
+  }))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
     text: localeService.create(LOCALE$3.LOGIN_FORM_ACTION_REGISTER),
     onClick: props.onRegister,
     className: styles$v['vitro-link-register']
@@ -63369,13 +63369,22 @@ var Item$2 = function Item(props) {
     setIsShowTooltip = _useState[1];
   var textRef = React.useRef(null);
   React.useEffect(function () {
-    var isOverflow = textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth;
+    updateIsShowTooltip();
+  }, []);
+  React.useEffect(function () {
+    updateIsShowTooltip();
+  }, [props.isSidebarExpanded, props.isHidden]);
+  var getIsOverflow = function getIsOverflow() {
+    return textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth;
+  };
+  var updateIsShowTooltip = function updateIsShowTooltip() {
+    var isOverflow = getIsOverflow();
     if (!props.isMobileView && (!props.isSidebarExpanded || isOverflow)) {
       setIsShowTooltip(true);
     } else {
       setIsShowTooltip(false);
     }
-  }, [props.isSidebarExpanded]);
+  };
   return React__default.createElement(Tooltip$1, {
     text: props.text || CTRL.EMPTY,
     placement: PLACEMENT$1.RIGHT,
@@ -63492,6 +63501,11 @@ var GroupItem = function GroupItem(props) {
     setSwipePosition = _useState5[1];
   var itemListRef = React.useRef(null);
   var buttonRef = React.useRef(null);
+  React.useEffect(function () {
+    if (getIsActiveChildItem() && props.isSidebarExpanded && !props.isMobileView) {
+      setIsExpanded(true);
+    }
+  }, []);
   React.useEffect(function () {
     updateState();
   }, [props.isSidebarExpanded, props.activeItem, props.currentUrl, isExpanded]);
@@ -63581,7 +63595,8 @@ var GroupItem = function GroupItem(props) {
       key: i.text,
       currentUrl: props.currentUrl,
       isSidebarExpanded: props.isSidebarExpanded,
-      isMobileView: props.isMobileView
+      isMobileView: props.isMobileView,
+      isHidden: !isExpanded
     }, i)) : i.itemList ? React__default.createElement(GroupItem, Object.assign({
       isSidebarExpanded: props.isSidebarExpanded,
       link: i.link,