@vitrosoftware/common-ui-ts 1.1.105 → 1.1.106

package/css/std/controls/site-select/site-item.css

@@ -28,6 +28,10 @@
     flex-shrink: 0;
 }
 
+.vitro-image{
+    object-fit: contain;
+}
+
 .vitro-default-image {
     background-size: 100%;
     background-repeat: no-repeat;

package/css/std/controls/site-select/site-select.css

@@ -1,7 +1,6 @@
 .vitro-site-select {
     position: relative;
     z-index: 21;
-    margin-left: 32px;
     max-width: 320px;
 }
 
@@ -119,7 +118,6 @@
 @media (max-width: 800px) {
     .vitro-site-select {
         z-index: 0;
-        margin: 0;
         width: 100%;
         max-width: unset;
     }

package/dist/index.css

@@ -7333,6 +7333,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     flex-shrink: 0;
 }
 
+._site-item_vitro-image_3wrW9q4{
+    -o-object-fit: contain;
+       object-fit: contain;
+}
+
 ._site-item_vitro-default-image_fcWWNwv {
     background-size: 100%;
     background-repeat: no-repeat;
@@ -7358,7 +7363,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._site-select_vitro-site-select_2irDOFZ {
     position: relative;
     z-index: 21;
-    margin-left: 32px;
     max-width: 320px;
 }
 
@@ -7480,7 +7484,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 @media (max-width: 800px) {
     ._site-select_vitro-site-select_2irDOFZ {
         z-index: 0;
-        margin: 0;
         width: 100%;
         max-width: unset;
     }

package/dist/index.js

@@ -61888,7 +61888,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.105";
+var version$1 = "1.1.106";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -64595,14 +64595,15 @@ var AttachedFile = function AttachedFile(props) {
 
 var styles$13 = {"vitro-flex-box":"_flex-box_vitro-flex-box_3jGTD6k"};
 
-var FlexBox = function FlexBox(props) {
+var FlexBox = React.forwardRef(function (props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
+    ref: ref,
     style: props.gap ? {
       gridGap: props.gap + UNIT.PX
     } : {},
     className: styles$13['vitro-flex-box'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }), props.children);
-};
+});
 
 var styles$14 = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ","vitro-display-none":"_message-input_vitro-display-none_2dYTZ22","vitro-attached-file-list":"_message-input_vitro-attached-file-list_l95S4VR","vitro-flex":"_message-input_vitro-flex_18M_7xU"};
 
@@ -66748,6 +66749,7 @@ var SiteSelect = function SiteSelect(props) {
     isMobileView = _useState3[0],
     setIsMobileView = _useState3[1];
   var listRef = React.useRef(null);
+  var flexBoxRef = React.useRef(null);
   React.useEffect(function () {
     setVisibleItemList(function (prevState) {
       return props.itemList.filter(function (item) {
@@ -66819,7 +66821,9 @@ var SiteSelect = function SiteSelect(props) {
     setIsExpanded(!isExpanded);
   };
   var onMouseDown = function onMouseDown(e) {
-    if (!isMobileView && listRef.current && !listRef.current.contains(e.target)) {
+    var list = listRef.current;
+    var flexBox = flexBoxRef.current;
+    if (!isMobileView && list && !list.contains(e.target) && flexBox && !flexBox.contains(e.target)) {
       setIsExpanded(false);
     }
   };
@@ -66843,7 +66847,8 @@ var SiteSelect = function SiteSelect(props) {
   return React__default.createElement("div", {
     className: styles$1v['vitro-site-select']
   }, React__default.createElement(FlexBox, {
-    className: 'vitro-flex'
+    className: styles$1v['vitro-flex'],
+    ref: flexBoxRef
   }, React__default.createElement("h2", {
     onClick: onClick
   }, props.activeItem.name), React__default.createElement(ImageButton, {