@vitrosoftware/common-ui-ts 1.1.244 → 1.1.246

package/dist/index.js

@@ -60939,6 +60939,10 @@ var ActionHandler = function ActionHandler(props) {
     onClose();
   };
   var onError = function onError(error) {
+    if (error instanceof AbortExceptionImpl) {
+      onCancel();
+      return null;
+    }
     if (props.onError) {
       var res = props.onError(error);
       if (res.abort) {
@@ -61727,7 +61731,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
             var _ref$current;
             resizeTimeout.id = null;
             setWidth(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetWidth) || 0);
-          }, 200);
+          }, 10);
         }
       }
     }
@@ -61740,7 +61744,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
     }
   }, [width]);
   var getOverflowIndex = function getOverflowIndex(width) {
-    var scrollWidth = (activeItemTabBtn === null || activeItemTabBtn === void 0 ? void 0 : activeItemTabBtn.width) || 0;
+    var scrollWidth = ((activeItemTabBtn === null || activeItemTabBtn === void 0 ? void 0 : activeItemTabBtn.width) || 0) + 32;
     for (var _iterator2 = _createForOfIteratorHelperLoose(tabList.entries()), _step2; !(_step2 = _iterator2()).done;) {
       var _step2$value = _step2.value,
         index = _step2$value[0],
@@ -63239,6 +63243,9 @@ var styles$N = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQE
 var htmlValueStyles = {"vitro-item-html-value":"_lookup-picker-html-value_vitro-item-html-value_2QBoTey"};
 
 var SelectedValueListItem = function SelectedValueListItem(props) {
+  var _useState = React.useState(),
+    htmlValue = _useState[0],
+    setHtmlValue = _useState[1];
   var className = props.isMultiSelect ? styles$M['vitro-selected-item-multi'] : styles$M['vitro-selected-item'];
   var title = props.selectedValueTemplate(props.item);
   var ref = React.useRef(null);
@@ -63252,6 +63259,11 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
       }
     }
   }, [props.isValueListVisible]);
+  React.useEffect(function () {
+    if (props.getHtmlValue) {
+      setHtmlValue(props.getHtmlValue(props.item));
+    }
+  }, [props.item]);
   return React__default.createElement(ValueTooltip, {
     ref: valueTooltipRef,
     containerRef: ref,
@@ -63262,9 +63274,9 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
   }, React__default.createElement("div", {
     ref: ref,
     className: className
-  }, props.getHtmlValue && props.getHtmlValue(props.item) ? React__default.createElement(FlexBox, {
+  }, htmlValue ? React__default.createElement(FlexBox, {
     className: htmlValueStyles['vitro-item-html-value']
-  }, props.getHtmlValue(props.item)) : null, React__default.createElement("span", null, title), props.isMultiSelect && !props.isReadOnly && React__default.createElement(ImageButton, {
+  }, htmlValue) : null, props.isTitleVisible && React__default.createElement("span", null, title), props.isMultiSelect && !props.isReadOnly && React__default.createElement(ImageButton, {
     onClick: function onClick() {
       return props.onOptionValueDelete(props.item.id);
     },
@@ -63282,7 +63294,8 @@ var SelectedValueList = function SelectedValueList(props) {
       isValueListVisible: props.isValueListVisible,
       selectedValueTemplate: props.selectedValueTemplate,
       onOptionValueDelete: props.onOptionValueDelete,
-      getHtmlValue: props.getHtmlValue
+      getHtmlValue: props.getHtmlValue,
+      isTitleVisible: props.isValueTitleVisible !== false
     });
   }));
 };
@@ -63530,7 +63543,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     updatePending(props.valueList);
   }, [props.valueList]);
   React.useEffect(function () {
-    if (props.selectedValueList) {
+    if (props.selectedValueList && checkIsValueChanged(selectedValueList, props.selectedValueList)) {
       setSelectedValueList(props.selectedValueList);
     }
   }, [props.selectedValueList]);
@@ -63678,7 +63691,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     if (isValueChanged) {
       setSelectedValueList(newValueList);
       setInputValue(CTRL.EMPTY);
-      props.onChange && props.onChange(props.isMultiSelect ? [].concat(selectedValueList, [selectedValue]) : selectedValue, props.name);
+      props.onChange && props.onChange(props.isMultiSelect ? newValueList : selectedValue, props.name);
     }
     if (props.isMultiSelect) {
       inputRef && inputRef.current && inputRef.current.focus();
@@ -63818,7 +63831,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     isMultiSelect: props.isMultiSelect,
     isReadOnly: props.isReadOnly,
     isValueListVisible: valueListVisible,
-    getHtmlValue: getHtmlValue
+    getHtmlValue: getHtmlValue,
+    isValueTitleVisible: props.isValueTitleVisible
   }) : !valueListVisible && props.placeholder && React__default.createElement("div", {
     className: styles$N['vitro-placeholder']
   }, props.placeholder), isEditable && React__default.createElement("input", {
@@ -66977,7 +66991,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.244";
+var version$1 = "1.1.246";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -86175,6 +86189,7 @@ var Icon = function Icon(props) {
 
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
+exports.AbortExceptionImpl = AbortExceptionImpl;
 exports.ActionHandler = ActionHandler;
 exports.Activity = Activity;
 exports.ActivityItem = ActivityItem;