@vitrosoftware/common-ui-ts 1.1.107 → 1.1.109

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

@@ -25,11 +25,7 @@
 .vitro-label {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;

package/css/std/controls/date-picker/date-picker.css

@@ -74,11 +74,7 @@
 .vitro-label {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;

package/css/std/controls/header/header-nav-bar-sidebar-button.css

@@ -9,6 +9,7 @@
     background-repeat: no-repeat;
     background-size: 100%;
     z-index: 100;
+    margin-right: 32px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button.svg');
 }
 

package/css/std/controls/input/input.css

@@ -91,11 +91,7 @@
 .vitro-label {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;

package/css/std/controls/login/login-form.css

@@ -65,8 +65,6 @@
 
 .vitro-control > div {
     font-size: 16px !important;
-    line-height: 27px !important;
-    top: -16px !important;
 }
 
 .vitro-control input {

package/css/std/controls/lookup-picker/lookup-picker.css

@@ -54,11 +54,7 @@
 .vitro-label {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;

package/css/std/controls/product-title/product-title.css

@@ -7,7 +7,7 @@
 .vitro-product-title img {
     max-height: 25px;
 	min-height: 25px;
-    margin: 0px 32px;
+    margin-right: 32px;
 }
 
 @media (max-width: 800px) {

package/css/std/controls/time-picker/time-picker.css

@@ -82,11 +82,7 @@
 .vitro-label {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;

package/dist/index.css

@@ -2329,11 +2329,7 @@ html, body {
 ._input_vitro-label_2XBESiY {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -3021,8 +3017,6 @@ html, body {
 
 ._login-form_vitro-control_1Th9h7G > div {
     font-size: 16px !important;
-    line-height: 27px !important;
-    top: -16px !important;
 }
 
 ._login-form_vitro-control_1Th9h7G input {
@@ -3396,11 +3390,7 @@ html, body {
 ._date-picker_vitro-label_2jh9qxb {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -3748,11 +3738,7 @@ html, body {
 ._time-picker_vitro-label_2b97aCy {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -4166,11 +4152,7 @@ html, body {
 ._lookup-picker_vitro-label_2QoJkUz {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -6066,11 +6048,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._criterion_vitro-label_3F6a8dj {
     color: #4A556C;
     padding: 0 6px;
-    background: transparent;
-    background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 3px;
-    background-position: 0 calc(50% + 3px);
-    background-repeat: no-repeat;
+    background-color: #fff;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -6904,6 +6882,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-repeat: no-repeat;
     background-size: 100%;
     z-index: 100;
+    margin-right: 32px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button.svg');
 }
 
@@ -6955,7 +6934,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._product-title_vitro-product-title_2gZcA5j img {
     max-height: 25px;
 	min-height: 25px;
-    margin: 0px 32px;
+    margin-right: 32px;
 }
 
 @media (max-width: 800px) {

package/dist/index.js

@@ -61893,7 +61893,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.107";
+var version$1 = "1.1.109";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -62569,7 +62569,7 @@ var NumberInput = React.forwardRef(function (props, ref) {
   var secondLocaleSeparator = localeSeparator === CTRL.COMMA ? CTRL.DOT : CTRL.COMMA;
   var inputRef = React.useRef();
   React.useEffect(function () {
-    var value = props.value ? props.value : CTRL.EMPTY;
+    var value = props.value || props.value === 0 ? props.value : CTRL.EMPTY;
     setInputValue(getValue(value.toString()));
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
@@ -63059,7 +63059,7 @@ var SelectedValueList = function SelectedValueList(props) {
 var valueListStyles = {"vitro-value-list":"_lookup-picker-value-list_vitro-value-list_LSdCMjq","vitro-item":"_lookup-picker-value-list_vitro-item_7yZBz5u","vitro-item-html-value":"_lookup-picker-value-list_vitro-item-html-value_1yl9tXx","vitro-placeholder-empty":"_lookup-picker-value-list_vitro-placeholder-empty_fTVHWwc","vitro-keyword-highlight":"_lookup-picker-value-list_vitro-keyword-highlight_1uESHan","vitro-display-none":"_lookup-picker-value-list_vitro-display-none_2kDzC6K"};
 
 var ValueListItem = function ValueListItem(props) {
-  var _onKeyDown = function onKeyDown(e, id) {
+  var onKeyDown = function onKeyDown(e) {
     if (e.keyCode === 13 && !e.shiftKey) {
       e.preventDefault();
       props.onSelect(props.item.id);
@@ -63068,10 +63068,8 @@ var ValueListItem = function ValueListItem(props) {
   return React__default.createElement("div", {
     key: props.item.id,
     className: valueListStyles['vitro-item'],
-    onKeyDown: function onKeyDown(e) {
-      return _onKeyDown(e);
-    },
-    onClick: function onClick() {
+    onKeyDown: onKeyDown,
+    onMouseDown: function onMouseDown() {
       return props.onSelect(props.item.id);
     },
     tabIndex: 0
@@ -63099,13 +63097,20 @@ var ValueList = function ValueList(props) {
     }
   });
   React.useEffect(function () {
-    if (props.isVisible && !props.isFlip && props.contentRef) {
-      setStyle({
-        width: props.contentRef.offsetWidth + UNIT.PX,
-        inset: props.contentRef.offsetHeight + UNIT.PX + " auto auto 0px"
-      });
-    } else {
+    if (props.isFlip) {
       setStyle(null);
+    } else {
+      if (props.isVisible && props.contentRef) {
+        setStyle({
+          width: props.contentRef.offsetWidth + UNIT.PX,
+          inset: props.contentRef.offsetHeight + UNIT.PX + " auto auto 0px"
+        });
+      } else {
+        setStyle({
+          width: 0,
+          inset: 0
+        });
+      }
     }
   }, [props.isVisible]);
   var createDisplayValue = function createDisplayValue(item) {
@@ -63320,6 +63325,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       inputRef && inputRef.current && inputRef.current.focus();
     } else {
       setValueListVisible(false);
+      setState(CTRL.EMPTY);
     }
   };
   var onOptionValueDelete = function onOptionValueDelete(id) {
@@ -63335,10 +63341,10 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onFocusOut = function onFocusOut(e) {
     var target = e.currentTarget;
-    setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
     setTimeout(function () {
       var _document$activeEleme;
-      if (!target.contains(document.activeElement) && !((_document$activeEleme = document.activeElement) !== null && _document$activeEleme !== void 0 && _document$activeEleme.classList.contains(valueListStyles['vitro-item']))) {
+      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) {
@@ -63346,6 +63352,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
             return x;
           }), props.name);
         }
+        setState(props.errorMessage ? styles$M['vitro-error'] : CTRL.EMPTY);
       }
     });
   };
@@ -63409,7 +63416,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     value: inputValue,
     onKeyDown: onKeyDown,
     onChange: onChange,
-    onClick: onFocus
+    onFocus: onFocus
   }), !props.isDisabled && props.children, React__default.createElement("div", {
     className: styles$M['vitro-right']
   }, !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable && React__default.createElement("div", {
@@ -66330,13 +66337,6 @@ var ProductTitle = function ProductTitle(props) {
     defaultUrl: props.image,
     caption: props.imageCaption
   }), props.title && React__default.createElement("h1", null, props.title), props.children);
-  if (props.href) {
-    return React__default.createElement("a", {
-      href: props.href,
-      className: styles$1k['vitro-product-title'],
-      title: props.imageCaption
-    }, content);
-  }
   var onClick = function onClick(e) {
     var href = props.link ? props.link : CTRL.SLASH;
     var event = new CustomEvent(exports.EVENT.HISTORY_UPDATE, {
@@ -66346,6 +66346,16 @@ var ProductTitle = function ProductTitle(props) {
     });
     window.dispatchEvent(event);
   };
+  if (!props.image && !props.title) {
+    return React__default.createElement(React__default.Fragment, null);
+  }
+  if (props.href) {
+    return React__default.createElement("a", {
+      href: props.href,
+      className: styles$1k['vitro-product-title'],
+      title: props.imageCaption
+    }, content);
+  }
   return React__default.createElement("a", {
     onClick: onClick,
     className: styles$1k['vitro-product-title'],