@vitrosoftware/common-ui-ts 1.1.229 → 1.1.231

package/css/std/controls/pdf-viewer/img/edit-done.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H13" stroke="#222D44" stroke-linecap="round"/>
+<path d="M22 4.1001L12.3289 13.9001L8 10.0024" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/pdf-viewer/img/edit.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H13" stroke="#222D44" stroke-linecap="round"/>
+<path d="M17.9227 3.52798C18.2607 3.18992 18.7193 3 19.1973 3C19.6754 3 20.134 3.18992 20.472 3.52798C20.8101 3.86605 21 4.32456 21 4.80265C21 5.28075 20.8101 5.73926 20.472 6.07732L12.3991 14.1502L9 15L9.84978 11.6009L17.9227 3.52798Z" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 6L18 8" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -8219,4 +8219,28 @@ dialog .separator {
 .compare-dlg_doc-b_name.field-grp {
     margin-bottom: 14px !important;
     margin-top: 1px !important;
+}
+
+.context-menu-icon-edit:before {
+    content: url('img/edit.svg');
+}
+
+.context-menu-icon-end-edit:before {
+    content: url('img/edit-done.svg');
+}/*
+
+.pointer-events-none {
+    pointer-events: none !important;
+}*/
+
+.svgsketch-wrap {
+    z-index: 150;
+}
+
+.svgsketch-wrap svg > * {
+    pointer-events: auto !important;
+}
+
+.to-bg {
+    z-index: 50;
 }

package/css/std/controls/pdf-viewer/pdf-viewer.css

@@ -1217,4 +1217,28 @@ dialog .separator {
 .compare-dlg_doc-b_name.field-grp {
     margin-bottom: 14px !important;
     margin-top: 1px !important;
+}
+
+.context-menu-icon-edit:before {
+    content: url('img/edit.svg');
+}
+
+.context-menu-icon-end-edit:before {
+    content: url('img/edit-done.svg');
+}/*
+
+.pointer-events-none {
+    pointer-events: none !important;
+}*/
+
+.svgsketch-wrap {
+    z-index: 150;
+}
+
+.svgsketch-wrap svg > * {
+    pointer-events: auto !important;
+}
+
+.to-bg {
+    z-index: 50;
 }

package/dist/index.js

@@ -63455,6 +63455,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     setState = _useState7[1];
   var localeService = props.container ? props.container.get(SERVICE.LOCALE) : inversifyReact.useInjection(SERVICE.LOCALE);
   var isEditable = !props.isDisabled && !props.isReadOnly;
+  var isInputReadOnly = !(props.getValueList || props.getAllValueList || props.valueList);
   var inputRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var containerRef = React.useRef(null);
@@ -63517,7 +63518,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       }
     };
   });
-  var onInputValueUpdated = function onInputValueUpdated() {
+  var onInputValueUpdated = function onInputValueUpdated(inputValue) {
     if ((inputValue || inputValue === CTRL.EMPTY) && inputValue.length >= props.filterMinLength) {
       if (props.valueList) {
         updateFilteredValueList(props.valueList);
@@ -63577,7 +63578,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     return props.selectedValueTemplate ? props.selectedValueTemplate(value) : value.title;
   };
   var expandValueList = function expandValueList() {
-    if (props.getAllValueList || props.getValueList) {
+    var _props$valueList;
+    if (props.getAllValueList || props.getValueList || (_props$valueList = props.valueList) !== null && _props$valueList !== void 0 && _props$valueList.length) {
       setValueListVisible(true);
     }
   };
@@ -63585,7 +63587,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     setState(styles$N['vitro-focus']);
     expandValueList();
     setInputValue(e.target.value);
-    onInputValueUpdated();
+    onInputValueUpdated(e.target.value);
   };
   var onKeyDown = function onKeyDown(e) {
     var keyBoardBackSpace = 8;
@@ -63688,7 +63690,10 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     if (scrollBarRef.current) {
       scrollBarRef.current.scrollTop = scrollBarRef.current.scrollHeight;
     }
-    onInputValueUpdated();
+    if (!valueListVisible) {
+      var _e$target;
+      onInputValueUpdated((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || CTRL.EMPTY);
+    }
     isShowTooltipRef.current = false;
     setState(styles$N['vitro-focus']);
     expandValueList();
@@ -63742,6 +63747,11 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       });
     }
   };
+  var onClickInput = function onClickInput() {
+    if (isInputReadOnly && props.isShowSearchButton) {
+      onSearch();
+    }
+  };
   var content = React__default.createElement(React__default.Fragment, null, selectedValueList && selectedValueList.length > 0 && (props.isMultiSelect ? true : inputValue.length === 0) ? React__default.createElement(SelectedValueList, {
     list: selectedValueList,
     onOptionValueDelete: onOptionValueDelete,
@@ -63756,7 +63766,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     ref: inputRef,
     value: inputValue,
     onKeyDown: onKeyDown,
-    onChange: onChange
+    onChange: onChange,
+    readOnly: isInputReadOnly,
+    onClick: onClickInput
   }), !props.isDisabled && props.children);
   var isShowButtonClear = props.isShowButtonClear !== false && !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable;
   return React__default.createElement("div", {
@@ -66891,7 +66903,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.229";
+var version$1 = "1.1.231";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";