@vitrosoftware/common-ui-ts 1.1.224 → 1.1.226

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

@@ -8006,4 +8006,69 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
+}
+
+#markupEditOutline {
+    border: 1px dashed #4a8cf8;
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    cursor: move;
+}
+
+.vitro-markup-resizer {
+    border: 2px solid #4a8cf8;
+    background: #ffffff;
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    box-sizing: border-box;
+}
+
+.vitro-markup-resizer-tl {
+    left: -7px;
+    top: -7px;
+    cursor: nwse-resize;
+}
+
+.vitro-markup-resizer-tc {
+    left: calc(50% - 6px);
+    top: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-tr {
+    right: -7px;
+    top: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-cl {
+    left: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-cr {
+    right: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-bl {
+    left: -7px;
+    bottom: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-bc {
+    left: calc(50% - 6px);
+    bottom: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-br {
+    right: -7px;
+    bottom: -7px;
+    cursor: nwse-resize;
 }

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

@@ -1004,4 +1004,69 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
+}
+
+#markupEditOutline {
+    border: 1px dashed #4a8cf8;
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    cursor: move;
+}
+
+.vitro-markup-resizer {
+    border: 2px solid #4a8cf8;
+    background: #ffffff;
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    box-sizing: border-box;
+}
+
+.vitro-markup-resizer-tl {
+    left: -7px;
+    top: -7px;
+    cursor: nwse-resize;
+}
+
+.vitro-markup-resizer-tc {
+    left: calc(50% - 6px);
+    top: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-tr {
+    right: -7px;
+    top: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-cl {
+    left: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-cr {
+    right: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-bl {
+    left: -7px;
+    bottom: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-bc {
+    left: calc(50% - 6px);
+    bottom: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-br {
+    right: -7px;
+    bottom: -7px;
+    cursor: nwse-resize;
 }

package/css/std/controls/table-view/treegrid-cell.css

@@ -60,6 +60,7 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
+    flex-shrink: 0;
 }
 
 .TWClassHoveredCell,

package/dist/index.js

@@ -21412,6 +21412,7 @@ var CFG_ATTRIBUTE;
   CFG_ATTRIBUTE["SHOW_V_SCROLL"] = "ShowVScroll";
   CFG_ATTRIBUTE["MID_WIDTH"] = "MidWidth";
   CFG_ATTRIBUTE["RIGHT_WIDTH"] = "RightWidth";
+  CFG_ATTRIBUTE["SCROLL_TOP"] = "ScrollTop";
 })(CFG_ATTRIBUTE || (CFG_ATTRIBUTE = {}));
 var URL;
 (function (URL) {
@@ -63645,9 +63646,10 @@ var CopyButton = function CopyButton(props) {
   });
 };
 
-var RightButtonGroup = function RightButtonGroup(props) {
+var RightButtonGroup = React.forwardRef(function (props, ref) {
   return React__default.createElement(FlexBox, {
-    className: styles$N['vitro-right']
+    className: styles$N['vitro-right'],
+    ref: ref
   }, props.isShowButtonClear && React__default.createElement(ImageButton, {
     className: styles$N['vitro-button-close'],
     onClick: function onClick() {
@@ -63667,7 +63669,7 @@ var RightButtonGroup = function RightButtonGroup(props) {
       return props.selectedValueTemplate(x);
     }).join(CTRL.COMMA)
   }) : null);
-};
+});
 
 var LOCALE$6;
 (function (LOCALE) {
@@ -63707,6 +63709,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   var containerRef = React.useRef(null);
   var isShowTooltipRef = React.useRef(true);
   var scrollBarRef = React.useRef(null);
+  var rightButtonGroupRef = React.useRef(null);
   var updatePending = function updatePending(valueList) {
     return setPending(valueList ? false : true);
   };
@@ -63782,9 +63785,6 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       }
     }
   };
-  React.useEffect(function () {
-    onInputValueUpdated();
-  }, [inputValue]);
   React.useEffect(function () {
     if (props.valueList && selectedValueList) {
       updateFilteredValueList(props.valueList.filter(function (x) {
@@ -63826,11 +63826,10 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     return props.selectedValueTemplate ? props.selectedValueTemplate(value) : value.title;
   };
   var onChange = function onChange(e) {
-    var _inputRef$current;
     setState(styles$N['vitro-focus']);
     setValueListVisible(true);
     setInputValue(e.target.value);
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    onInputValueUpdated();
   };
   var onKeyDown = function onKeyDown(e) {
     var keyBoardBackSpace = 8;
@@ -63899,8 +63898,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onOptionValueDelete = function onOptionValueDelete(id) {
     if (!props.isDisabled) {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       var newSelectedValueList = id ? selectedValueList.filter(function (x) {
         return x.id !== id;
       }) : [];
@@ -63917,7 +63916,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
     var target = e.currentTarget;
     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) {
+    if (!target.contains(document.activeElement) && !(e.target.parentElement == rightButtonGroupRef.current) && !isValueListItem) {
       setValueListVisible(false);
       setInputValue(CTRL.EMPTY);
       if (props.onBlur && !props.isDisabled) {
@@ -63929,7 +63928,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var onFocus = function onFocus(e) {
-    var _inputRef$current3;
+    var _inputRef$current2;
     if (scrollBarRef.current) {
       scrollBarRef.current.scrollTop = scrollBarRef.current.scrollHeight;
     }
@@ -63937,16 +63936,14 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     isShowTooltipRef.current = false;
     setState(styles$N['vitro-focus']);
     setValueListVisible(true);
-    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
   var onCollapseButtonClick = function onCollapseButtonClick(valueListVisible) {
     setValueListVisible(!valueListVisible);
-    if (!valueListVisible) {
-      onInputValueUpdated();
-    }
+    onFocus(null);
   };
   var getClassName = function getClassName() {
     var classList = [styles$N['vitro-lookup-picker'], props.className];
@@ -63994,14 +63991,13 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     isReadOnly: props.isReadOnly,
     isValueListVisible: valueListVisible,
     getHtmlValue: getHtmlValue
-  }) : !valueListVisible && React__default.createElement("div", {
+  }) : !valueListVisible && props.placeholder && React__default.createElement("div", {
     className: styles$N['vitro-placeholder']
   }, props.placeholder), isEditable && React__default.createElement("input", {
     ref: inputRef,
     value: inputValue,
     onKeyDown: onKeyDown,
-    onChange: onChange,
-    onFocus: onFocus
+    onChange: onChange
   }), !props.isDisabled && props.children);
   var isShowButtonClear = props.isShowButtonClear !== false && !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable;
   return React__default.createElement("div", {
@@ -64035,7 +64031,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     onClickSearchButton: onSearch,
     onOptionValueDelete: onOptionValueDelete,
     onCollapseButtonClick: onCollapseButtonClick,
-    selectedValueTemplate: props.selectedValueTemplate
+    selectedValueTemplate: props.selectedValueTemplate,
+    ref: rightButtonGroupRef
   }) : null), isEditable && (!props.filterMinLength || props.filterMinLength <= inputValue.length) && React__default.createElement(ValueList, {
     isPending: pending,
     inputValue: inputValue,
@@ -66607,7 +66604,7 @@ var styles$W = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_s
 
 var CONDITION_CONTAINS = 11;
 var CSS_CLASS_ACTIVE$1 = 'vitro-active';
-var Search = function Search(props) {
+var Search = React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
     isShowDialog = _useState[0],
     setIsShowDialog = _useState[1];
@@ -66628,12 +66625,20 @@ var Search = function Search(props) {
     setSendedSearchCriterionList = _useState6[1];
   var searchInputRef = React.useRef(null);
   var searchRef = React.useRef(null);
+  var destinationRef = React.useRef(props.destination);
   var eventService = inversifyReact.useInjection(SERVICE.EVENT);
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   var columnService = inversifyReact.useInjection(SERVICE.COLUMN);
   var guidService = inversifyReact.useInjection(SERVICE.GUID);
   var inputPlaceholder = localeService.create(LOCALE$8.SEARCH_INPUT_PLACEHOLDER);
   var defaultSearchFieldName = FIELD$1.NAME;
+  React.useImperativeHandle(ref, function () {
+    return {
+      setDestination: function setDestination(destination) {
+        destinationRef.current = destination;
+      }
+    };
+  });
   React.useEffect(function () {
     if (props.searchCriterionList) {
       setSearchCriterionList(props.searchCriterionList);
@@ -66670,7 +66675,7 @@ var Search = function Search(props) {
       eventService.send(exports.EVENT.SEARCH, {
         searchCriterionList: list,
         source: props.id,
-        destination: props.destination
+        destination: destinationRef.current
       });
     }
   }, [props.parentId]);
@@ -66783,7 +66788,7 @@ var Search = function Search(props) {
     eventService.send(exports.EVENT.SEARCH, {
       searchCriterionList: null,
       source: props.id,
-      destination: props.destination
+      destination: destinationRef.current
     });
   };
   var getInputCriterionList = function getInputCriterionList(value) {
@@ -66836,7 +66841,7 @@ var Search = function Search(props) {
     eventService.send(exports.EVENT.SEARCH, {
       searchCriterionList: list,
       source: props.id,
-      destination: props.destination
+      destination: destinationRef.current
     });
   };
   return React__default.createElement("div", {
@@ -66872,7 +66877,7 @@ var Search = function Search(props) {
     setSearchCriterionList: setSearchCriterionList,
     searchRef: searchRef
   }));
-};
+});
 
 var styles$X = {"vitro-viewer-issue-list":"_viewer-issue-list_vitro-viewer-issue-list_NgsIC86","vitro-search-wrap":"_viewer-issue-list_vitro-search-wrap_1relfMg","vitro-issue-list-wrap":"_viewer-issue-list_vitro-issue-list-wrap_jT8ou5P"};
 
@@ -67107,7 +67112,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.224";
+var version$1 = "1.1.226";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";