@vitrosoftware/common-ui-ts 1.1.244 → 1.1.245

package/dist/index.js

@@ -63239,6 +63239,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 +63255,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 +63270,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 +63290,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 +63539,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 +63687,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 +63827,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 +66987,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.244";
+var version$1 = "1.1.245";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";