@vitrosoftware/common-ui-ts 1.1.225 → 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,
@@ -67115,7 +67112,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.225";
+var version$1 = "1.1.226";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";