@vitrosoftware/common-ui-ts 1.1.43 → 1.1.45

package/dist/index.js

@@ -20689,6 +20689,11 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     get: function get() {
       return this.grid.ColNames;
     }
+  }, {
+    key: "readOnly",
+    get: function get() {
+      return this.grid.IsReadOnly;
+    }
   }, {
     key: "gantt",
     get: function get() {
@@ -20970,6 +20975,7 @@ var TreeGrid = function TreeGrid(props) {
     return newData;
   };
   var onGridLoaded = function onGridLoaded(g, next) {
+    g.IsReadOnly = props.readOnly;
     var grid = new TreeGridTableViewContextImpl(g);
     if (props.filterOneLevel) {
       grid.filterOneLevel = props.filterOneLevel;
@@ -59293,7 +59299,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   });
 });
 Tooltip.displayName = 'Tooltip';
-var Tooltip$1 = Object.assign(Tooltip, {
+var TooltipComponent = Object.assign(Tooltip, {
   // Default tooltip offset.
   // https://github.com/twbs/bootstrap/blob/beca2a6c7f6bc88b6449339fc76edcda832c59e5/js/src/tooltip.js#L65
   TOOLTIP_OFFSET: [0, 6]
@@ -59317,7 +59323,7 @@ function useOverlayOffset(customOffset) {
             return Popover$1.POPPER_OFFSET;
           }
           if (hasClass(overlayRef.current, tooltipClass)) {
-            return Tooltip$1.TOOLTIP_OFFSET;
+            return TooltipComponent.TOOLTIP_OFFSET;
           }
         }
         return [0, 0];
@@ -60357,7 +60363,6 @@ var DropdownButton = function DropdownButton(props) {
       role: 'button'
     }, x.text)) : React__default.createElement(BootstrapDropdown.Item, {
       key: x.key,
-      value: x.value,
       onClick: function onClick(e) {
         return x.onClick(x.value, e);
       }
@@ -61528,12 +61533,22 @@ var SelectedValueList = function SelectedValueList(props) {
 var styles$p = {"vitro-value-list":"_lookup-picker-value-list_vitro-value-list_LSdCMjq","vitro-item":"_lookup-picker-value-list_vitro-item_7yZBz5u","vitro-item-html-value":"_lookup-picker-value-list_vitro-item-html-value_1yl9tXx","vitro-placeholder-empty":"_lookup-picker-value-list_vitro-placeholder-empty_fTVHWwc","vitro-keyword-highlight":"_lookup-picker-value-list_vitro-keyword-highlight_1uESHan","vitro-display-none":"_lookup-picker-value-list_vitro-display-none_2kDzC6K"};
 
 var ValueListItem = function ValueListItem(props) {
+  var _onKeyDown = function onKeyDown(e, id) {
+    if (e.keyCode === 13 && !e.shiftKey) {
+      e.preventDefault();
+      props.onSelect(props.item.id);
+    }
+  };
   return React__default.createElement("div", {
     key: props.item.id,
     className: styles$p['vitro-item'],
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown(e);
+    },
     onClick: function onClick() {
       return props.onSelect(props.item.id);
-    }
+    },
+    tabIndex: 0
   }, props.htmlValue ? React__default.createElement("div", {
     className: htmlValueStyles['vitro-item-html-value']
   }, props.htmlValue) : null, React__default.createElement("div", {
@@ -64110,21 +64125,98 @@ var ActivityItem = function ActivityItem(props) {
   }), props.children)))));
 };
 
-var styles$H = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-separator":"_activity-message_vitro-separator_vxgHLaH"};
+var PLACEMENT$1;
+(function (PLACEMENT) {
+  PLACEMENT["LEFT"] = "left";
+  PLACEMENT["TOP"] = "top";
+  PLACEMENT["RIGHT"] = "right";
+  PLACEMENT["BOTTOM"] = "bottom";
+})(PLACEMENT$1 || (PLACEMENT$1 = {}));
+
+var TooltipConstants = {
+    __proto__: null,
+    get PLACEMENT () { return PLACEMENT$1; }
+};
+
+var styles$H = {"vitro-tooltip":"_tooltip_vitro-tooltip_JvGPShz"};
+
+var Tooltip$1 = function Tooltip(props) {
+  return React__default.createElement(OverlayTrigger, {
+    placement: props.placement || PLACEMENT$1.TOP,
+    delay: {
+      show: 750,
+      hide: 0
+    },
+    show: props.isShow,
+    overlay: React__default.createElement(TooltipComponent, {
+      className: styles$H['vitro-tooltip']
+    }, props.text)
+  }, props.children);
+};
+
+var styles$I = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-value":"_activity-message_vitro-value_O4DpuTR","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-separator":"_activity-message_vitro-separator_vxgHLaH"};
 
 var ActivityMessage = function ActivityMessage(props) {
+  var _useState = React.useState(false),
+    isShowNewValueTooltip = _useState[0],
+    setIsShowNewValueTooltip = _useState[1];
+  var _useState2 = React.useState(false),
+    isShowOldValueTooltip = _useState2[0],
+    setIsShowOldValueTooltip = _useState2[1];
+  var newValueRef = React.useRef(null);
+  var oldValueRef = React.useRef(null);
+  var resizeObserver = new window.ResizeObserver(function (entries) {
+    for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
+      var entry = _step.value;
+      if (newValueRef && entry.target === newValueRef.current) {
+        setIsShowNewValueTooltip(checkOverflow(newValueRef.current));
+      }
+      if (oldValueRef && entry.target === oldValueRef.current) {
+        setIsShowOldValueTooltip(checkOverflow(oldValueRef.current));
+      }
+    }
+  });
+  React.useEffect(function () {
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, []);
+  React.useEffect(function () {
+    if (newValueRef && newValueRef.current) {
+      resizeObserver.observe(newValueRef.current);
+    }
+    if (oldValueRef && oldValueRef.current) {
+      resizeObserver.observe(oldValueRef.current);
+    }
+  }, [newValueRef.current, oldValueRef.current]);
+  var checkOverflow = function checkOverflow(element) {
+    if (element) {
+      return element.offsetWidth < element.scrollWidth;
+    }
+    return false;
+  };
   return React__default.createElement("div", {
-    className: styles$H['vitro-activity-message']
+    className: styles$I['vitro-activity-message']
   }, props.changedValueList.map(function (item) {
     return React__default.createElement("div", {
-      className: styles$H['vitro-item']
+      className: styles$I['vitro-item']
     }, item.fieldName && React__default.createElement("span", {
-      className: styles$H['vitro-field-name']
-    }, "" + item.fieldName + CTRL.COLON), item.oldValue && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", null, item.oldValue), React__default.createElement("span", {
-      className: styles$H['vitro-separator']
-    })), React__default.createElement("div", {
-      className: item.isMessage ? styles$H['vitro-message'] : CTRL.EMPTY
-    }, item.newValue));
+      className: styles$I['vitro-field-name']
+    }, "" + item.fieldName + CTRL.COLON), item.oldValue && React__default.createElement(React__default.Fragment, null, React__default.createElement(Tooltip$1, {
+      text: item.oldValue,
+      isShow: isShowOldValueTooltip ? undefined : false
+    }, React__default.createElement("div", {
+      className: styles$I['vitro-value'],
+      ref: oldValueRef
+    }, item.oldValue)), React__default.createElement("span", {
+      className: styles$I['vitro-separator']
+    })), React__default.createElement(Tooltip$1, {
+      text: item.newValue,
+      isShow: isShowNewValueTooltip ? undefined : false
+    }, React__default.createElement("div", {
+      className: item.isMessage ? styles$I['vitro-message'] : styles$I['vitro-value'],
+      ref: newValueRef
+    }, item.newValue)));
   }));
 };
 
@@ -64133,7 +64225,7 @@ var LOCALE$6;
   LOCALE["PLACEHOLDER"] = "app.common.messageInput.placeholder";
 })(LOCALE$6 || (LOCALE$6 = {}));
 
-var styles$I = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ"};
+var styles$J = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ"};
 
 var NEW_LINE = '\n';
 var MessageInput = function MessageInput(props) {
@@ -64184,14 +64276,14 @@ var MessageInput = function MessageInput(props) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$I['vitro-message-input'],
+    className: styles$J['vitro-message-input'],
     onDrop: props.onDrop
   }, React__default.createElement("div", {
-    className: styles$I['vitro-control']
+    className: styles$J['vitro-control']
   }, !props.isDisabled && React__default.createElement(ScrollBar, {
     isHideScrollX: true
   }, React__default.createElement("div", {
-    className: styles$I['vitro-message'],
+    className: styles$J['vitro-message'],
     ref: inputRef,
     onChange: onChange,
     onKeyDown: onKeyDown,
@@ -64199,17 +64291,17 @@ var MessageInput = function MessageInput(props) {
     onBlur: onBlur,
     contentEditable: true
   }, isShowPlaceholder && React__default.createElement("span", {
-    className: styles$I['vitro-placeholder']
+    className: styles$J['vitro-placeholder']
   }, props.placeholder || localeService.create(LOCALE$6.PLACEHOLDER)))), props.children, props.onAddFile && React__default.createElement("button", {
     onClick: props.onAddFile,
-    className: styles$I['vitro-button-add-file']
+    className: styles$J['vitro-button-add-file']
   })), React__default.createElement("button", {
     onClick: onEnter,
-    className: styles$I['vitro-button-send']
+    className: styles$J['vitro-button-send']
   }));
 };
 
-var styles$J = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultIcon-wrapper":"_image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW","vitro-image-picker-icon-wrapper":"_image-picker_vitro-image-picker-icon-wrapper_3DNyLS0","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-icon-default":"_image-picker_vitro-icon-default_2Hdhta2","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL"};
+var styles$K = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultIcon-wrapper":"_image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW","vitro-image-picker-icon-wrapper":"_image-picker_vitro-image-picker-icon-wrapper_3DNyLS0","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-icon-default":"_image-picker_vitro-icon-default_2Hdhta2","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL"};
 
 var ACTION$1;
 (function (ACTION) {
@@ -64228,16 +64320,16 @@ var ImagePicker = function ImagePicker(props) {
   var renderPreview = function renderPreview() {
     if (props.defaultUrl) {
       return React__default.createElement("div", {
-        className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$J['vitro-image-picker-icon-wrapper']
+        className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$K['vitro-image-picker-icon-wrapper']
       }, React__default.createElement(Icon, {
         defaultUrl: props.defaultUrl,
-        className: props.classNameIcon ? props.classNameIcon : styles$J['vitro-image-picker-icon']
+        className: props.classNameIcon ? props.classNameIcon : styles$K['vitro-image-picker-icon']
       }));
     } else {
       return React__default.createElement("div", {
-        className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$J['vitro-image-picker-defaultIcon-wrapper']
+        className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$K['vitro-image-picker-defaultIcon-wrapper']
       }, React__default.createElement("div", {
-        className: styles$J['vitro-icon-default']
+        className: styles$K['vitro-icon-default']
       }));
     }
   };
@@ -64277,24 +64369,24 @@ var ImagePicker = function ImagePicker(props) {
     return (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.length ? result.concat(props.itemList) : result;
   }, [props.itemList, props.defaultUrl]);
   return React__default.createElement("div", {
-    className: styles$J['vitro-image-picker-wrapper']
+    className: styles$K['vitro-image-picker-wrapper']
   }, React__default.createElement("div", {
-    className: styles$J['vitro-image-picker-label-wrapper']
+    className: styles$K['vitro-image-picker-label-wrapper']
   }, props.label ? props.label : ''), React__default.createElement("div", {
-    className: props.classNameRoot ? props.classNameRoot : styles$J['vitro-image-picker-root']
+    className: props.classNameRoot ? props.classNameRoot : styles$K['vitro-image-picker-root']
   }, React__default.createElement(DropdownButton, {
     itemList: defaultItemList,
-    className: styles$J['vitro-image-picker-dropdown-wrapper']
+    className: styles$K['vitro-image-picker-dropdown-wrapper']
   }), React__default.createElement("input", {
     type: 'file',
-    className: styles$J['vitro-image-picker-input'],
+    className: styles$K['vitro-image-picker-input'],
     ref: inputFileRef,
     onChange: onChange,
     accept: "image/*"
   }), renderPreview()));
 };
 
-var styles$K = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-block":"_criterion_vitro-block_3E9-RXM","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-icon":"_criterion_vitro-icon_1DmS0jh","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI"};
+var styles$L = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-block":"_criterion_vitro-block_3E9-RXM","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-icon":"_criterion_vitro-icon_1DmS0jh","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI"};
 
 var ConditionSelect = function ConditionSelect(props) {
   var _useState = React.useState(props.itemList[0]),
@@ -64336,15 +64428,15 @@ var ConditionSelect = function ConditionSelect(props) {
   };
   return React__default.createElement(React__default.Fragment, null, condition && React__default.createElement("div", {
     ref: selectRef,
-    className: styles$K['vitro-condition-select']
+    className: styles$L['vitro-condition-select']
   }, React__default.createElement("div", {
     onClick: toggleSelect
   }, condition.imageUrl ? React__default.createElement(Icon, {
     defaultUrl: condition.imageUrl,
-    className: styles$K['vitro-icon']
+    className: styles$L['vitro-icon']
   }) : condition.text)), showSelectList && React__default.createElement("ul", {
     ref: listRef,
-    className: styles$K['vitro-condition-list'],
+    className: styles$L['vitro-condition-list'],
     onBlur: onBlur
   }, props.itemList.map(function (item) {
     return React__default.createElement("li", {
@@ -64353,7 +64445,7 @@ var ConditionSelect = function ConditionSelect(props) {
       }
     }, item.imageUrl && React__default.createElement(Icon, {
       defaultUrl: item.imageUrl,
-      className: styles$K['vitro-icon']
+      className: styles$L['vitro-icon']
     }), item.text);
   })));
 };
@@ -64412,13 +64504,13 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$K['vitro-focus']);
+    setState(styles$L['vitro-focus']);
     if (props.content.props.onFocus) {
       props.content.props.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(props.content.props.errorMessage ? styles$K['vitro-error'] : CTRL.EMPTY);
+    setState(props.content.props.errorMessage ? styles$L['vitro-error'] : CTRL.EMPTY);
     if (props.content.props.onBlur) {
       props.content.props.onBlur(e);
     }
@@ -64433,15 +64525,15 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   return React__default.createElement("div", {
-    className: styles$K['vitro-criterion-container']
+    className: styles$L['vitro-criterion-container']
   }, React__default.createElement("div", {
-    className: styles$K['vitro-operator-select-container']
+    className: styles$L['vitro-operator-select-container']
   }, props.isShowOperatorSelect && React__default.createElement("div", {
     ref: selectRef,
-    className: styles$K['vitro-operator-select'],
+    className: styles$L['vitro-operator-select'],
     onClick: toggleOperatorSelect
   }, React__default.createElement("div", null, operator.text), showOperatorSelectList && React__default.createElement("ul", {
-    className: styles$K['vitro-operator-list']
+    className: styles$L['vitro-operator-list']
   }, props.operatorList.map(function (item) {
     return React__default.createElement("li", {
       onClick: function onClick() {
@@ -64449,16 +64541,16 @@ var Criterion = function Criterion(props) {
       }
     }, item.text);
   })))), React__default.createElement("div", {
-    className: styles$K['vitro-control'] + CTRL.SPACE + state
+    className: styles$L['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement("div", {
     ref: labelRef,
-    className: styles$K['vitro-label']
+    className: styles$L['vitro-label']
   }, React__default.createElement("span", null, props.label)), React__default.createElement(ConditionSelect, {
     itemList: props.conditionList,
     onSelect: onConditionClick,
     translateX: translate
   }), React__default.createElement(props.content.component, _extends({}, props.content.props, {
-    className: styles$K['vitro-control'],
+    className: styles$L['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -64470,7 +64562,7 @@ var Criterion = function Criterion(props) {
     onClick: function onClick() {
       return props.onDelete(props.content.props.id);
     },
-    className: styles$K['vitro-button-cancel']
+    className: styles$L['vitro-button-cancel']
   }));
 };
 
@@ -64480,7 +64572,7 @@ var LOCALE$8;
   LOCALE["EMPTY_PLACEHOLDER"] = "app.common.search.checkboxList.emptyPlaceholder";
 })(LOCALE$8 || (LOCALE$8 = {}));
 
-var styles$L = {"vitro-control":"_input_vitro-control__btu7j_","vitro-active":"_input_vitro-active_jxhGdE8","vitro-focus":"_input_vitro-focus_3tuxmPs","vitro-search-value-list":"_input_vitro-search-value-list_2I_KVY5","vitro-button-cancel":"_input_vitro-button-cancel_YqNZPj-","vitro-button-settings":"_input_vitro-button-settings_1w9FwYt","vitro-search-value":"_input_vitro-search-value_1ZbcNTJ"};
+var styles$M = {"vitro-control":"_input_vitro-control__btu7j_","vitro-active":"_input_vitro-active_jxhGdE8","vitro-focus":"_input_vitro-focus_3tuxmPs","vitro-search-value-list":"_input_vitro-search-value-list_2I_KVY5","vitro-button-cancel":"_input_vitro-button-cancel_YqNZPj-","vitro-button-settings":"_input_vitro-button-settings_1w9FwYt","vitro-search-value":"_input_vitro-search-value_1ZbcNTJ"};
 
 var Input$1 = function Input(props) {
   var _useState = React.useState(Boolean(props.isSettingsActive)),
@@ -64530,9 +64622,9 @@ var Input$1 = function Input(props) {
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$L['vitro-control'], props.className || CTRL.EMPTY, state];
+    var classList = [styles$M['vitro-control'], props.className || CTRL.EMPTY, state];
     if (isActive) {
-      classList.push(styles$L['vitro-active']);
+      classList.push(styles$M['vitro-active']);
     }
     return classList.join(CTRL.SPACE);
   };
@@ -64551,9 +64643,9 @@ var Input$1 = function Input(props) {
   var getSelectedValueList = function getSelectedValueList(valueList) {
     var firstValue = valueList[0];
     return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: styles$L['vitro-search-value']
+      className: styles$M['vitro-search-value']
     }, firstValue.name + CTRL.COLON + CTRL.SPACE, getValueList(firstValue).join(CTRL.COMMA + CTRL.SPACE)), valueList.length && valueList.length > 1 ? React__default.createElement("div", {
-      className: styles$L['vitro-search-value']
+      className: styles$M['vitro-search-value']
     }, localeService.create(LOCALE$8.INPUT_MORE, {
       count: valueList.length - 1
     })) : null);
@@ -64561,14 +64653,14 @@ var Input$1 = function Input(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: getClassName()
   }, React__default.createElement("div", {
-    className: styles$L['vitro-search-value-list']
+    className: styles$M['vitro-search-value-list']
   }, props.valueList && props.valueList.length ? getSelectedValueList(props.valueList) : React__default.createElement("input", {
     type: 'text',
     ref: inputRef,
     onKeyDown: onKeyDown,
     onChange: onChange,
     onFocus: function onFocus() {
-      return setState(styles$L['vitro-focus']);
+      return setState(styles$M['vitro-focus']);
     },
     onBlur: function onBlur() {
       return setState(CTRL.EMPTY);
@@ -64576,10 +64668,10 @@ var Input$1 = function Input(props) {
     placeholder: !isActive ? props.placeholder : CTRL.EMPTY
   })), isActive && React__default.createElement(React__default.Fragment, null, props.isShowSettings && React__default.createElement("button", {
     onClick: onSettingsClick,
-    className: styles$L['vitro-button-settings'] + (isToggled ? CTRL.SPACE + styles$L['vitro-active'] : CTRL.EMPTY)
+    className: styles$M['vitro-button-settings'] + (isToggled ? CTRL.SPACE + styles$M['vitro-active'] : CTRL.EMPTY)
   }), React__default.createElement("button", {
     onClick: onCancel,
-    className: styles$L['vitro-button-cancel']
+    className: styles$M['vitro-button-cancel']
   }))));
 };
 
@@ -64654,7 +64746,7 @@ var FieldIterator = function FieldIterator(props) {
       key: field.internalName,
       code: field.component ? field.component : field.fieldType.reactComponent,
       isRequired: field.isRequired,
-      isReadOnly: field.isReadOnly,
+      isReadOnly: props.isReadOnly || field.isReadOnly,
       isDisabled: field.isDisabled,
       data: field.fieldValueMap,
       errorMessage: null,
@@ -64726,7 +64818,7 @@ var FieldIterator = function FieldIterator(props) {
   })));
 };
 
-var styles$M = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-add-field":"_search_vitro-add-field_2hHt1Z2","vitro-add-field-button":"_search_vitro-add-field-button_30hdXYn","vitro-add-field-dialog":"_search_vitro-add-field-dialog_3gC92SF","vitro-footer":"_search_vitro-footer_1-ya4xk","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM"};
+var styles$N = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-add-field":"_search_vitro-add-field_2hHt1Z2","vitro-add-field-button":"_search_vitro-add-field-button_30hdXYn","vitro-add-field-dialog":"_search_vitro-add-field-dialog_3gC92SF","vitro-footer":"_search_vitro-footer_1-ya4xk","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM"};
 
 var Filter = function Filter(props) {
   var _useState = React.useState(null),
@@ -64760,7 +64852,7 @@ var Filter = function Filter(props) {
     setComponentMap(map);
   };
   return React__default.createElement("div", {
-    className: styles$M['vitro-filter']
+    className: styles$N['vitro-filter']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     componentMap: componentMap,
@@ -64769,7 +64861,7 @@ var Filter = function Filter(props) {
   }));
 };
 
-var styles$N = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-control":"_checkbox-list_vitro-control_cxgm4cj","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
+var styles$O = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-control":"_checkbox-list_vitro-control_cxgm4cj","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
 
 var CheckboxList = function CheckboxList(props) {
   var _useState = React.useState(props.itemList),
@@ -64821,16 +64913,16 @@ var CheckboxList = function CheckboxList(props) {
       onChange: function onChange(value, name) {
         return _onChange(value, item.id);
       },
-      className: styles$N['vitro-checkbox']
+      className: styles$O['vitro-checkbox']
     });
   };
   return React__default.createElement("div", {
-    className: styles$N['vitro-checkbox-list']
+    className: styles$O['vitro-checkbox-list']
   }, React__default.createElement(Input$1, {
     onCancel: onSearchCancel,
     onChange: onInputChange,
     onEnter: onInputChange,
-    className: styles$N['vitro-control']
+    className: styles$O['vitro-control']
   }), React__default.createElement(ScrollBar, null, isShowSearchResult ? searchItemList.length ? searchItemList.map(function (item) {
     return getCheckbox(item);
   }) : React__default.createElement("span", null, localeService.create(LOCALE$8.EMPTY_PLACEHOLDER)) : itemList.map(function (item) {
@@ -64981,7 +65073,7 @@ var Search = function Search(props) {
   };
   return React__default.createElement("div", {
     ref: searchRef,
-    className: styles$M['vitro-search']
+    className: styles$N['vitro-search']
   }, React__default.createElement(Input$1, {
     valueList: selectedSearchCriterionList,
     onSettingsClick: onSettingsClick,
@@ -64992,7 +65084,7 @@ var Search = function Search(props) {
     isSettingsActive: isShowDialog,
     isShowSettings: true
   }), isShowDialog && React__default.createElement("div", {
-    className: styles$M['vitro-settings-dialog']
+    className: styles$N['vitro-settings-dialog']
   }, React__default.createElement(Filter, {
     fieldList: filterFieldList,
     onChange: onFilterChange,
@@ -65001,24 +65093,24 @@ var Search = function Search(props) {
     operatorList: props.operatorList,
     conditionList: props.conditionList
   }), React__default.createElement("div", {
-    className: styles$M['vitro-add-field']
+    className: styles$N['vitro-add-field']
   }, React__default.createElement(Button$2, {
     text: props.labelAddField,
     onClick: onAddField,
-    className: styles$M['vitro-add-field-button']
+    className: styles$N['vitro-add-field-button']
   }), isShowAddFieldDialog && React__default.createElement("div", {
     ref: addFieldDialogRef,
-    className: styles$M['vitro-add-field-dialog']
+    className: styles$N['vitro-add-field-dialog']
   }, React__default.createElement(CheckboxList, {
     itemList: checkboxFieldList,
     onChange: onFieldListChange,
     isAllSelected: props.isAllFieldsVisible
   }))), React__default.createElement("div", {
-    className: styles$M['vitro-footer']
+    className: styles$N['vitro-footer']
   }, React__default.createElement(Button$2, {
     text: props.labelCancel,
     onClick: closeSettings,
-    className: styles$M['vitro-button-cancel']
+    className: styles$N['vitro-button-cancel']
   }), React__default.createElement(Button$2, {
     text: props.labelSearch,
     onClick: onSubmit
@@ -65065,6 +65157,7 @@ exports.ScrollBar = ScrollBar;
 exports.Search = Search;
 exports.Sidebar = Sidebar;
 exports.TABLE_VIEW = TableViewConstants;
+exports.TOOLTIP = TooltipConstants;
 exports.TREE_VIEW = TreeViewConstants;
 exports.TabGroup = TabGroup;
 exports.TableView = TableView;
@@ -65072,6 +65165,7 @@ exports.TaskTile = TaskTile;
 exports.TelerikUploader = TelerikUploader;
 exports.TelerikUploaderContextImpl = TelerikUploaderContextImpl;
 exports.TimePicker = TimePicker;
+exports.Tooltip = Tooltip$1;
 exports.TopLevelMenu = TopLevelMenu;
 exports.TreeView = TreeView;
 exports.UserLookupPicker = UserLookupPicker;