@vitrosoftware/common-ui-ts 1.1.249 → 1.1.251

package/dist/index.js

@@ -21284,6 +21284,7 @@ var COL_ID;
   COL_ID["PANEL"] = "Panel";
   COL_ID["PAGER"] = "Pager";
   COL_ID["TOTAL"] = "totalCol";
+  COL_ID["CONST_WIDTH"] = "_ConstWidth";
 })(COL_ID || (COL_ID = {}));
 var BUTTON;
 (function (BUTTON) {
@@ -21888,6 +21889,25 @@ var TableViewServiceImpl = /*#__PURE__*/function () {
   _proto.canEdit = function canEdit(row, col) {
     return this.grid.CanEdit(row, col);
   };
+  _proto.getLastCol = function getLastCol(section) {
+    return this.grid.GetLastCol(section);
+  };
+  _proto.getPrevCol = function getPrevCol(col) {
+    return this.grid.GetPrevCol(col);
+  };
+  _proto.getBodyWidth = function getBodyWidth() {
+    return this.grid.GetBodyWidth();
+  };
+  _proto.getBodyScrollWidth = function getBodyScrollWidth() {
+    return this.grid.GetBodyScrollWidth();
+  };
+  _proto.getLastVisibleCol = function getLastVisibleCol(section) {
+    var lastCol = this.getLastCol(section);
+    if (lastCol === COL_ID.CONST_WIDTH) {
+      return this.getPrevCol(lastCol);
+    }
+    return lastCol;
+  };
   return _createClass(TableViewServiceImpl, [{
     key: "columnList",
     get: function get() {
@@ -61786,7 +61806,69 @@ var ControlGroup = function ControlGroup(props) {
   }, props.children);
 };
 
-var styles$u = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-tab":"_view_vitro-tab_2sqf0L9","vitro-content":"_view_vitro-content_17HzDlb"};
+var TYPE;
+(function (TYPE) {
+  TYPE["SUCCESS"] = "success";
+  TYPE["ERROR"] = "error";
+  TYPE["WARNING"] = "warning";
+})(TYPE || (TYPE = {}));
+
+var AlertConstants = {
+    __proto__: null,
+    get TYPE () { return TYPE; }
+};
+
+var styles$u = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-position-absolute":"_alert_vitro-position-absolute_2A33Lq4","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-position-center":"_alert_vitro-position-center_1r_lK_e","vitro-content-container":"_alert_vitro-content-container_M2-akFp"};
+
+var TYPE_DANGER = 'danger';
+var Alert$1 = function Alert(props) {
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    if (props.text && ref && ref.current) {
+      ref.current.focus();
+    }
+  }, [props]);
+  var onClose = function onClose() {
+    if (props.onClose) {
+      props.onClose();
+    }
+    props.setMessage(null);
+  };
+  var onFocusOut = function onFocusOut(e) {
+    if (props.isDismissible) {
+      var target = e.currentTarget;
+      setTimeout(function () {
+        if (!target.contains(document.activeElement)) {
+          props.setMessage(null);
+        }
+      }, 100);
+    }
+  };
+  var className = [styles$u['vitro-alert'], props.isPositionCenter ? styles$u['vitro-position-center'] : CTRL.EMPTY, props.isPositionAbsolute ? styles$u['vitro-position-absolute'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
+  return React__default.createElement("div", {
+    tabIndex: 1,
+    onBlur: onFocusOut,
+    ref: ref,
+    className: className
+  }, React__default.createElement(BootstrapAlert, {
+    variant: props.type === TYPE.ERROR ? TYPE_DANGER : props.type,
+    onClose: props.onClose
+  }, React__default.createElement("div", {
+    className: styles$u['vitro-alert-content']
+  }, React__default.createElement("div", {
+    className: styles$u['vitro-icon']
+  }), React__default.createElement(FlexBox, {
+    className: styles$u['vitro-content-container'],
+    isColumn: true
+  }, (props.title || props.text) && React__default.createElement("div", {
+    className: styles$u['vitro-text']
+  }, props.title && React__default.createElement("strong", null, props.title), props.text), props.children), props.isDismissible && React__default.createElement("div", {
+    className: styles$u['vitro-button-close'],
+    onClick: onClose
+  }))));
+};
+
+var styles$v = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-tab":"_view_vitro-tab_2sqf0L9","vitro-content":"_view_vitro-content_17HzDlb","vitro-alert":"_view_vitro-alert_3dGyJUF"};
 
 var GroupControl = function GroupControl(props) {
   var scrollbarContentRef = React.useRef(null);
@@ -61805,18 +61887,22 @@ var GroupControl = function GroupControl(props) {
   return React__default.createElement(ControlGroup, {
     horizontal: true
   }, React__default.createElement(ScrollBar, {
-    contentClassName: styles$u['vitro-content'],
+    contentClassName: styles$v['vitro-content'],
     contentRef: scrollbarContentRef,
     key: props.key,
     onInit: onInit
-  }, props.componentList && props.componentList.map(function (viewPart) {
+  }, props.alert && React__default.createElement(Alert$1, Object.assign({}, props.alert, {
+    isPositionCenter: false,
+    isPositionAbsolute: false,
+    className: styles$v['vitro-alert']
+  })), props.componentList && props.componentList.map(function (viewPart) {
     return React__default.createElement(ViewPart, {
       component: viewPart.component,
       settings: viewPart.settings,
       props: props,
       scrollElementRef: scrollElementRef,
       item: props.item,
-      className: styles$u['vitro-view-part']
+      className: styles$v['vitro-view-part']
     });
   })));
 };
@@ -61825,6 +61911,21 @@ var View = React.forwardRef(function (props, ref) {
   var _useState = React.useState([]),
     tabList = _useState[0],
     setTabList = _useState[1];
+  var _useState2 = React.useState(),
+    alert = _useState2[0],
+    _setAlert = _useState2[1];
+  var tabRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return {
+      setActiveTab: function setActiveTab(index) {
+        var _tabRef$current;
+        (_tabRef$current = tabRef.current) === null || _tabRef$current === void 0 ? void 0 : _tabRef$current.setActiveTab(index);
+      },
+      setAlert: function setAlert(alert) {
+        _setAlert(alert);
+      }
+    };
+  });
   var createTabList = function createTabList(tabList) {
     return tabList.map(function (tab, index) {
       return _extends({}, tab, {
@@ -61834,7 +61935,8 @@ var View = React.forwardRef(function (props, ref) {
           props: {
             item: props.item,
             componentList: tab.componentList,
-            key: index
+            key: index,
+            alert: alert
           }
         }
       });
@@ -61844,19 +61946,20 @@ var View = React.forwardRef(function (props, ref) {
     if (props.tabList) {
       setTabList(createTabList(props.tabList));
     }
-  }, [props.tabList]);
+  }, [props.tabList, alert]);
   return tabList && React__default.createElement("div", {
-    className: styles$u['vitro-view'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$v['vitro-view'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(TabGroup, {
     itemList: tabList,
     isDisabled: props.isDisabled,
-    className: styles$u['vitro-tab'],
-    ref: ref,
+    className: styles$v['vitro-tab'],
+    ref: tabRef,
+    onChange: props.onChangeTab,
     wrap: true
   }));
 });
 
-var styles$v = {"vitro-tab-button-group":"_tab-button-group_vitro-tab-button-group_18mZ_Ds","vitro-tab-button-group-content":"_tab-button-group_vitro-tab-button-group-content_2jyBqmO","active":"_tab-button-group_active_35VFF8T"};
+var styles$w = {"vitro-tab-button-group":"_tab-button-group_vitro-tab-button-group_18mZ_Ds","vitro-tab-button-group-content":"_tab-button-group_vitro-tab-button-group-content_2jyBqmO","active":"_tab-button-group_active_35VFF8T"};
 
 var CSS_CLASS_ACTIVE = 'active';
 var CSS_CLASS_TAB_BUTTON_GROUP = 'vitro-tab-button-group';
@@ -61990,7 +62093,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
   var getTabButton = function getTabButton(item, index) {
     return React__default.createElement(Button$1, {
       key: item.id,
-      className: isTabButtonActive(index) ? styles$v[CSS_CLASS_ACTIVE] : CTRL.EMPTY,
+      className: isTabButtonActive(index) ? styles$w[CSS_CLASS_ACTIVE] : CTRL.EMPTY,
       text: item.text,
       onClick: function onClick() {
         setButtonActive(index);
@@ -61998,9 +62101,9 @@ var TabButtonGroup = function TabButtonGroup(props) {
     });
   };
   return React__default.createElement("div", {
-    className: styles$v[CSS_CLASS_TAB_BUTTON_GROUP]
+    className: styles$w[CSS_CLASS_TAB_BUTTON_GROUP]
   }, React__default.createElement("div", {
-    className: styles$v[CSS_CLASS_TAB_BUTTON_GROUP_CONTENT],
+    className: styles$w[CSS_CLASS_TAB_BUTTON_GROUP_CONTENT],
     ref: ref
   }, tabList.map(function (item, index) {
     if (index < overflowIndex || !props.wrap || activeItemTabBtn && activeItemTabBtn.index === index) {
@@ -62018,7 +62121,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
   })));
 };
 
-var styles$w = {"vitro-file-version-select":"_file-version-select_vitro-file-version-select_1wIyab3","vitro-selected-version":"_file-version-select_vitro-selected-version_2BVgaBC","vitro-file-name":"_file-version-select_vitro-file-name_1PtLh8A","vitro-file-name-tip":"_file-version-select_vitro-file-name-tip_12pxa7I","vitro-button-collapse-up":"_file-version-select_vitro-button-collapse-up_2GaCEdu","vitro-button-collapse-bottom":"_file-version-select_vitro-button-collapse-bottom_38zg3bU","vitro-version-name-red":"_file-version-select_vitro-version-name-red_-j6Z9ap","vitro-version-name-green":"_file-version-select_vitro-version-name-green_7PfVUHk","vitro-version-list":"_file-version-select_vitro-version-list_3h5D3pD","vitro-file-version-item":"_file-version-select_vitro-file-version-item_38KWa8a","vitro-content":"_file-version-select_vitro-content_zDUhjj0","vitro-version-name":"_file-version-select_vitro-version-name_1821bal","vitro-flex":"_file-version-select_vitro-flex_35zCAQv","vitro-active":"_file-version-select_vitro-active_1PRyjUa"};
+var styles$x = {"vitro-file-version-select":"_file-version-select_vitro-file-version-select_1wIyab3","vitro-selected-version":"_file-version-select_vitro-selected-version_2BVgaBC","vitro-file-name":"_file-version-select_vitro-file-name_1PtLh8A","vitro-file-name-tip":"_file-version-select_vitro-file-name-tip_12pxa7I","vitro-button-collapse-up":"_file-version-select_vitro-button-collapse-up_2GaCEdu","vitro-button-collapse-bottom":"_file-version-select_vitro-button-collapse-bottom_38zg3bU","vitro-version-name-red":"_file-version-select_vitro-version-name-red_-j6Z9ap","vitro-version-name-green":"_file-version-select_vitro-version-name-green_7PfVUHk","vitro-version-list":"_file-version-select_vitro-version-list_3h5D3pD","vitro-file-version-item":"_file-version-select_vitro-file-version-item_38KWa8a","vitro-content":"_file-version-select_vitro-content_zDUhjj0","vitro-version-name":"_file-version-select_vitro-version-name_1821bal","vitro-flex":"_file-version-select_vitro-flex_35zCAQv","vitro-active":"_file-version-select_vitro-active_1PRyjUa"};
 
 var VERSION_PREFIX = 'V';
 var Item$1 = function Item(props) {
@@ -62029,7 +62132,7 @@ var Item$1 = function Item(props) {
     }
   }, [versionNameRef]);
   return React__default.createElement("li", {
-    className: styles$w['vitro-file-version-item'] + CTRL.SPACE + (props.isActive ? styles$w['vitro-active'] : CTRL.EMPTY),
+    className: styles$x['vitro-file-version-item'] + CTRL.SPACE + (props.isActive ? styles$x['vitro-active'] : CTRL.EMPTY),
     onClick: function onClick() {
       return props.onClick(props.version);
     }
@@ -62038,13 +62141,13 @@ var Item$1 = function Item(props) {
     style: props.versionWidth ? {
       width: props.versionWidth + UNIT.PX
     } : {},
-    className: props.isActive ? props.isCurrent ? styles$w['vitro-version-name-green'] : styles$w['vitro-version-name-red'] : styles$w['vitro-version-name']
+    className: props.isActive ? props.isCurrent ? styles$x['vitro-version-name-green'] : styles$x['vitro-version-name-red'] : styles$x['vitro-version-name']
   }, VERSION_PREFIX + props.version.name), React__default.createElement("div", {
-    className: styles$w['vitro-content']
+    className: styles$x['vitro-content']
   }, React__default.createElement("div", {
-    className: styles$w['vitro-file-name']
+    className: styles$x['vitro-file-name']
   }, props.fileName), React__default.createElement("div", {
-    className: styles$w['vitro-flex']
+    className: styles$x['vitro-flex']
   }, React__default.createElement("span", null, props.version.userName), React__default.createElement("span", null, props.version.date))));
 };
 
@@ -62116,17 +62219,17 @@ var FileVersionSelect = function FileVersionSelect(props) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$w['vitro-file-version-select'],
+    className: styles$x['vitro-file-version-select'],
     ref: selectRef
   }, selectedVersion && React__default.createElement("div", {
-    className: styles$w['vitro-selected-version'],
+    className: styles$x['vitro-selected-version'],
     onClick: onCollapseButtonClick
   }, React__default.createElement("div", {
     ref: fileNameRef,
     onMouseOver: onMouseOver,
-    className: styles$w['vitro-file-name']
+    className: styles$x['vitro-file-name']
   }, props.fileName), showFileName && React__default.createElement("div", {
-    className: styles$w['vitro-file-name-tip'],
+    className: styles$x['vitro-file-name-tip'],
     onMouseLeave: function onMouseLeave() {
       return setShowFileName(false);
     },
@@ -62135,11 +62238,11 @@ var FileVersionSelect = function FileVersionSelect(props) {
     placement: PLACEMENT.BOTTOM,
     text: isCurrent ? props.tooltipTextCurrent : props.tooltipTextNotCurrent
   }, React__default.createElement("div", {
-    className: isCurrent ? styles$w['vitro-version-name-green'] : styles$w['vitro-version-name-red']
+    className: isCurrent ? styles$x['vitro-version-name-green'] : styles$x['vitro-version-name-red']
   }, VERSION_PREFIX$1 + selectedVersion.name)), React__default.createElement("div", {
-    className: showValueList ? styles$w['vitro-button-collapse-up'] : styles$w['vitro-button-collapse-bottom']
+    className: showValueList ? styles$x['vitro-button-collapse-up'] : styles$x['vitro-button-collapse-bottom']
   })), showValueList && React__default.createElement("ul", {
-    className: styles$w['vitro-version-list']
+    className: styles$x['vitro-version-list']
   }, React__default.createElement(ScrollBar, null, props.itemList.map(function (item) {
     return React__default.createElement(Item$1, {
       version: item,
@@ -62153,25 +62256,25 @@ var FileVersionSelect = function FileVersionSelect(props) {
   }))));
 };
 
-var styles$x = {"vitro-issue-tile-footer":"_issue-tile-footer_vitro-issue-tile-footer_KtHOieL","vitro-issue-tile-status":"_issue-tile-footer_vitro-issue-tile-status_3OjC56L","vitro-status-color":"_issue-tile-footer_vitro-status-color_hhLb22J","vitro-button-more":"_issue-tile-footer_vitro-button-more_1RyVAeR"};
+var styles$y = {"vitro-issue-tile-footer":"_issue-tile-footer_vitro-issue-tile-footer_KtHOieL","vitro-issue-tile-status":"_issue-tile-footer_vitro-issue-tile-status_3OjC56L","vitro-status-color":"_issue-tile-footer_vitro-status-color_hhLb22J","vitro-button-more":"_issue-tile-footer_vitro-button-more_1RyVAeR"};
 
 var IssueTileFooter = function IssueTileFooter(props) {
   return React__default.createElement("div", {
-    className: styles$x['vitro-issue-tile-footer']
+    className: styles$y['vitro-issue-tile-footer']
   }, React__default.createElement("div", {
-    className: styles$x['vitro-issue-tile-status']
+    className: styles$y['vitro-issue-tile-status']
   }, props.statusColor && React__default.createElement("div", {
-    className: styles$x['vitro-status-color'],
+    className: styles$y['vitro-status-color'],
     style: {
       background: props.statusColor
     }
   }), props.status), props.onShowMoreClick && React__default.createElement("div", {
     onClick: props.onShowMoreClick,
-    className: styles$x['vitro-button-more']
+    className: styles$y['vitro-button-more']
   }));
 };
 
-var styles$y = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
+var styles$z = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
 
 var Avatar = function Avatar(props) {
   var getInitials = function getInitials() {
@@ -62210,7 +62313,7 @@ var Avatar = function Avatar(props) {
   var getBgColor = function getBgColor(name) {
     return "linear-gradient(0deg, hsla(" + getHue(name) + ", 58%, 55%, 1), hsla(" + (getHue(name) + 50) + ", 100%, 78%, 1))";
   };
-  var className = styles$y['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
+  var className = styles$z['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className,
     style: props.image ? {} : {
@@ -62221,30 +62324,30 @@ var Avatar = function Avatar(props) {
   }) : getInitials());
 };
 
-var styles$z = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
+var styles$A = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
 
 var VERSION = 'V';
 var TARGET_BLANK = '_blank';
 var IssueTileHeader = function IssueTileHeader(props) {
   return React__default.createElement("div", {
-    className: styles$z['vitro-issue-tile-header']
+    className: styles$A['vitro-issue-tile-header']
   }, React__default.createElement("a", {
-    className: styles$z['vitro-link'],
+    className: styles$A['vitro-link'],
     href: props.url,
     target: TARGET_BLANK
   }, CTRL.SHARP + props.id), React__default.createElement("div", {
-    className: styles$z['vitro-user-info']
+    className: styles$A['vitro-user-info']
   }, React__default.createElement(Avatar, {
     image: props.userImage,
     userName: props.userName,
-    className: styles$z['vitro-avatar']
+    className: styles$A['vitro-avatar']
   }), React__default.createElement("div", null, React__default.createElement("span", null, props.userName), React__default.createElement("span", null, props.date))), React__default.createElement("a", {
-    className: styles$z['vitro-link'],
+    className: styles$A['vitro-link'],
     href: props.fileVersionUrl,
     target: TARGET_BLANK
   }, VERSION + CTRL.SQUARE_BRACKET_OPEN + props.fileVersion + CTRL.SQUARE_BRACKET_CLOSE), props.actionList && props.actionList.length ? React__default.createElement(DropdownButton, {
     itemList: props.actionList,
-    containerClassName: styles$z['vitro-dropdown-button'],
+    containerClassName: styles$A['vitro-dropdown-button'],
     className: STYLE$1.CONTEXT
   }) : null);
 };
@@ -62255,7 +62358,7 @@ var LOCALE$3;
   LOCALE["COLLAPSE_TEXT"] = "app.common.expandControlGroup.collapse";
 })(LOCALE$3 || (LOCALE$3 = {}));
 
-var styles$A = {"vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-top":"_expand-control-group_vitro-top_pV-8fhr","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL"};
+var styles$B = {"vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-top":"_expand-control-group_vitro-top_pV-8fhr","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL"};
 
 var ExpandControlGroup = function ExpandControlGroup(props) {
   var _useState = React.useState(props.isExpanded || false),
@@ -62272,7 +62375,7 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
       props.onClick(isExpanded);
     }
   };
-  var className = [styles$A['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$A['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
+  var className = [styles$B['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$B['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(ExpandCollapseButton, {
@@ -62285,11 +62388,11 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
     className: props.buttonClassName
   }, props.buttonContent), React__default.createElement("div", {
     ref: contentRef,
-    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$A['vitro-display-none'])
+    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$B['vitro-display-none'])
   }, props.children));
 };
 
-var styles$B = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","vitro-expand-collapse-button":"_field-iterator_vitro-expand-collapse-button_myRTctg","vitro-collapse":"_field-iterator_vitro-collapse_SZoovCi","vitro-expand":"_field-iterator_vitro-expand_ToLTBVI"};
+var styles$C = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","vitro-expand-collapse-button":"_field-iterator_vitro-expand-collapse-button_myRTctg","vitro-collapse":"_field-iterator_vitro-collapse_SZoovCi","vitro-expand":"_field-iterator_vitro-expand_ToLTBVI"};
 
 var FieldIterator = React.forwardRef(function (props, ref) {
   var _useState = React.useState([]),
@@ -62482,7 +62585,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
     }, React__default.createElement("div", null, React__default.createElement(component.value, control)));
   };
   return React__default.createElement("div", {
-    className: styles$B['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$C['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, controlList.map(function (control, index) {
     var component = props.componentMap.find(function (x) {
       return x.name === control.code;
@@ -62499,13 +62602,13 @@ var FieldIterator = React.forwardRef(function (props, ref) {
     return null;
   }), props.maxVisibleCount && controlList.length > props.maxVisibleCount ? React__default.createElement(ExpandControlGroup, {
     expandImage: React__default.createElement("span", {
-      className: styles$B['vitro-expand']
+      className: styles$C['vitro-expand']
     }),
     collapseImage: React__default.createElement("span", {
-      className: styles$B['vitro-collapse']
+      className: styles$C['vitro-collapse']
     }),
-    className: styles$B['vitro-expand-control-group'],
-    buttonClassName: styles$B['vitro-expand-collapse-button'],
+    className: styles$C['vitro-expand-control-group'],
+    buttonClassName: styles$C['vitro-expand-collapse-button'],
     isExpandTop: true
   }, controlList.map(function (control, index) {
     var component = props.componentMap.find(function (x) {
@@ -62518,7 +62621,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
   })) : null);
 });
 
-var styles$C = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
+var styles$D = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
 
 var IssueTile = function IssueTile(props) {
   var onChange = function onChange(changedFieldValueMap, saveStatus) {
@@ -62529,7 +62632,7 @@ var IssueTile = function IssueTile(props) {
   return React__default.createElement("div", {
     id: 'vitro-issue-tile-' + props.id,
     "data-type": 'app',
-    className: styles$C['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
+    className: styles$D['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
     onClick: props.onClick
   }, React__default.createElement(IssueTileHeader, {
     id: props.id,
@@ -62541,7 +62644,7 @@ var IssueTile = function IssueTile(props) {
     fileVersionUrl: props.fileVersionUrl,
     actionList: props.actionList
   }), props.content ? React__default.createElement(MicroFrontend, Object.assign({}, props.content, {
-    className: styles$C['vitro-micro-frontend']
+    className: styles$D['vitro-micro-frontend']
   })) : React__default.createElement(FieldIterator, {
     fieldList: props.fieldList || [],
     componentMap: props.componentMap || [],
@@ -62561,7 +62664,7 @@ var LOCALE$4;
   LOCALE["PLACEHOLDER"] = "app.common.searchInput.placeholder";
 })(LOCALE$4 || (LOCALE$4 = {}));
 
-var styles$D = {"vitro-search-input":"_search-input_vitro-search-input_3M9i4Gi","vitro-search-value-list":"_search-input_vitro-search-value-list_1Gqj4bm","vitro-button-cancel":"_search-input_vitro-button-cancel_xqdMNLo","vitro-search-value":"_search-input_vitro-search-value_TJm1BCf","vitro-search-input-mobile":"_search-input_vitro-search-input-mobile_1H1USnO"};
+var styles$E = {"vitro-search-input":"_search-input_vitro-search-input_3M9i4Gi","vitro-search-value-list":"_search-input_vitro-search-value-list_1Gqj4bm","vitro-button-cancel":"_search-input_vitro-button-cancel_xqdMNLo","vitro-search-value":"_search-input_vitro-search-value_TJm1BCf","vitro-search-input-mobile":"_search-input_vitro-search-input-mobile_1H1USnO"};
 
 var NEW_LINE = '\n';
 var SearchInput = React.forwardRef(function (props, ref) {
@@ -62661,7 +62764,7 @@ var SearchInput = React.forwardRef(function (props, ref) {
     return list.join(NEW_LINE);
   };
   var getClassName = function getClassName() {
-    var classList = [props.isMobileView ? styles$D['vitro-search-input-mobile'] : styles$D['vitro-search-input'], props.className || CTRL.EMPTY, state];
+    var classList = [props.isMobileView ? styles$E['vitro-search-input-mobile'] : styles$E['vitro-search-input'], props.className || CTRL.EMPTY, state];
     if (props.isActive) {
       classList.push('vitro-active');
     }
@@ -62671,24 +62774,24 @@ var SearchInput = React.forwardRef(function (props, ref) {
     var firstValue = valueList[0];
     var list = valueList.slice(1);
     return React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
-      className: styles$D['vitro-search-value']
+      className: styles$E['vitro-search-value']
     }, React__default.createElement("span", null, getTextValue(firstValue)), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue([firstValue]);
       },
-      className: styles$D['vitro-button-cancel']
+      className: styles$E['vitro-button-cancel']
     })), list.length >= 1 ? React__default.createElement(Tooltip$1, {
       text: getTextValueList(list),
       placement: PLACEMENT.BOTTOM
     }, React__default.createElement("div", null, React__default.createElement(FlexBox, {
-      className: styles$D['vitro-search-value']
+      className: styles$E['vitro-search-value']
     }, localeService.create(LOCALE$4.VALUE_COUNT, {
       count: list.length
     }), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue(list);
       },
-      className: styles$D['vitro-button-cancel']
+      className: styles$E['vitro-button-cancel']
     })))) : null);
   };
   return React__default.createElement(FlexBox, {
@@ -62697,7 +62800,7 @@ var SearchInput = React.forwardRef(function (props, ref) {
     className: 'vitro-button-search',
     onClick: props.onSearchClick ? props.onSearchClick : onSubmit
   }), !props.isMobileView && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
-    className: styles$D['vitro-search-value-list']
+    className: styles$E['vitro-search-value-list']
   }, props.searchCriterionList && props.searchCriterionList.length ? getSelectedValueList(props.searchCriterionList) : React__default.createElement("input", {
     type: 'text',
     ref: inputRef,
@@ -62708,7 +62811,7 @@ var SearchInput = React.forwardRef(function (props, ref) {
     placeholder: !props.isActive ? props.placeholder || localeService.create(LOCALE$4.PLACEHOLDER) : CTRL.EMPTY
   })), props.children, value || (_props$searchCriterio2 = props.searchCriterionList) !== null && _props$searchCriterio2 !== void 0 && _props$searchCriterio2.length || props.isActive ? React__default.createElement(ImageButton, {
     onClick: onCancel,
-    className: styles$D['vitro-button-cancel']
+    className: styles$E['vitro-button-cancel']
   }) : null));
 });
 
@@ -62717,7 +62820,7 @@ var MODIFIER;
   MODIFIER["FLIP"] = "flip";
 })(MODIFIER || (MODIFIER = {}));
 
-var styles$E = {"vitro-overlay":"_overlay_vitro-overlay_3SpYfCG","vitro-dropdown-arrow":"_overlay_vitro-dropdown-arrow_33kJJVJ","vitro-visibility-hidden":"_overlay_vitro-visibility-hidden_1zcpvxJ"};
+var styles$F = {"vitro-overlay":"_overlay_vitro-overlay_3SpYfCG","vitro-dropdown-arrow":"_overlay_vitro-dropdown-arrow_33kJJVJ","vitro-visibility-hidden":"_overlay_vitro-visibility-hidden_1zcpvxJ"};
 
 var Overlay$2 = React.forwardRef(function (props, ref) {
   var _useState = React.useState(null),
@@ -62811,13 +62914,13 @@ var Overlay$2 = React.forwardRef(function (props, ref) {
   var onEntered = function onEntered(element, isEntered) {
     if (element) {
       element.style.zIndex = zIndex.toString();
-      element.classList.remove(styles$E['vitro-visibility-hidden']);
+      element.classList.remove(styles$F['vitro-visibility-hidden']);
     }
     if (onEnteredFuncRef.current) {
       onEnteredFuncRef.current(element, isEntered);
     }
   };
-  var className = [styles$E['vitro-overlay'], styles$E['vitro-visibility-hidden'], props.className || CTRL.EMPTY, props.isShowArrow ? styles$E['vitro-dropdown-arrow'] : CTRL.EMPTY].join(CTRL.SPACE);
+  var className = [styles$F['vitro-overlay'], styles$F['vitro-visibility-hidden'], props.className || CTRL.EMPTY, props.isShowArrow ? styles$F['vitro-dropdown-arrow'] : CTRL.EMPTY].join(CTRL.SPACE);
   if (!container || !target) {
     return null;
   }
@@ -62841,7 +62944,7 @@ var LOCALE$5;
   LOCALE["EMPTY_PLACEHOLDER"] = "app.common.searchValueList.emptyPlaceholder";
 })(LOCALE$5 || (LOCALE$5 = {}));
 
-var styles$F = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
+var styles$G = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
 
 var SearchValueList = function SearchValueList(props) {
   var _useState = React.useState(props.itemList),
@@ -62868,7 +62971,7 @@ var SearchValueList = function SearchValueList(props) {
   return React__default.createElement("div", {
     className: props.className || CTRL.EMPTY
   }, React__default.createElement("div", {
-    className: styles$F['vitro-search-input-container']
+    className: styles$G['vitro-search-input-container']
   }, React__default.createElement(SearchInput, {
     onCancel: onSearchCancel,
     onChange: onInputChange,
@@ -62880,11 +62983,11 @@ var SearchValueList = function SearchValueList(props) {
       return x.id === item.id;
     })) === null || _props$isItemOverflow2 === void 0 ? void 0 : _props$isItemOverflow2.isShow);
   }) : React__default.createElement("span", {
-    className: styles$F['vitro-empty-placeholder']
+    className: styles$G['vitro-empty-placeholder']
   }, props.emptyPlaceHolder || localeService.create(LOCALE$5.EMPTY_PLACEHOLDER))));
 };
 
-var styles$G = {"vitro-list":"_list_vitro-list_1I2JJ6w","vitro-item":"_list_vitro-item_2XsFSic"};
+var styles$H = {"vitro-list":"_list_vitro-list_1I2JJ6w","vitro-item":"_list_vitro-item_2XsFSic"};
 
 var CSS_CLASS_ITEM_TOOLTIP = 'vitro-list-item-tooltip';
 var CSS_CLASS_SEARCH_ITEM_TOOLTIP = 'vitro-search-list-item-tooltip';
@@ -62963,7 +63066,7 @@ var List = React.forwardRef(function (props, ref) {
       className: CSS_CLASS_ITEM_TOOLTIP + (props.isSearch ? CTRL.SPACE + CSS_CLASS_SEARCH_ITEM_TOOLTIP : CTRL.EMPTY),
       isShow: isShow ? undefined : false
     }, React__default.createElement("div", {
-      className: styles$G[CSS_CLASS_ITEM]
+      className: styles$H[CSS_CLASS_ITEM]
     }, React__default.createElement("a", {
       ref: function ref(element) {
         return itemRef.current[item.id] = element;
@@ -62978,7 +63081,7 @@ var List = React.forwardRef(function (props, ref) {
   };
   var getItemTemplateMobile = function getItemTemplateMobile(item) {
     return React__default.createElement("div", {
-      className: styles$G[CSS_CLASS_ITEM]
+      className: styles$H[CSS_CLASS_ITEM]
     }, React__default.createElement("a", {
       ref: function ref(element) {
         return itemRef.current[item.id] = element;
@@ -62992,18 +63095,18 @@ var List = React.forwardRef(function (props, ref) {
     return item.name;
   };
   return React__default.createElement("div", {
-    className: styles$G[CSS_CLASS_LIST],
+    className: styles$H[CSS_CLASS_LIST],
     ref: ref
   }, React__default.createElement(SearchValueList, {
     itemList: props.itemList,
     valueTemplate: props.isMobileView ? getItemTemplateMobile : getItemTemplate,
     filterValueTemplate: filterValueTemplate,
-    className: styles$G[CSS_CLASS_SEARCH_VALUE_LIST],
+    className: styles$H[CSS_CLASS_SEARCH_VALUE_LIST],
     isItemOverflowList: isItemOverflowList
   }));
 });
 
-var styles$H = {"vitro-settings-dialog":"_search-dialog_vitro-settings-dialog_33Qiusl","vitro-settings-dialog-mobile":"_search-dialog_vitro-settings-dialog-mobile_1vwSHz5","vitro-filter-container":"_search-dialog_vitro-filter-container_MNoN_7M","vitro-filter":"_search-dialog_vitro-filter_3K68vOp","vitro-field-iterator":"_search-dialog_vitro-field-iterator_3R98th9","vitro-add-field":"_search-dialog_vitro-add-field_2PfsCO8","vitro-add-field-button":"_search-dialog_vitro-add-field-button_22vr5DQ","vitro-add-field-dialog":"_search-dialog_vitro-add-field-dialog_2EdLwVO","vitro-button-group":"_search-dialog_vitro-button-group_3Uxi9An","vitro-settings-dialog-header":"_search-dialog_vitro-settings-dialog-header_2CYAOiA","vitro-settings-dialog-footer":"_search-dialog_vitro-settings-dialog-footer_2H_8ImR","vitro-scrollbar":"_search-dialog_vitro-scrollbar_241tkXw"};
+var styles$I = {"vitro-settings-dialog":"_search-dialog_vitro-settings-dialog_33Qiusl","vitro-settings-dialog-mobile":"_search-dialog_vitro-settings-dialog-mobile_1vwSHz5","vitro-filter-container":"_search-dialog_vitro-filter-container_MNoN_7M","vitro-filter":"_search-dialog_vitro-filter_3K68vOp","vitro-field-iterator":"_search-dialog_vitro-field-iterator_3R98th9","vitro-add-field":"_search-dialog_vitro-add-field_2PfsCO8","vitro-add-field-button":"_search-dialog_vitro-add-field-button_22vr5DQ","vitro-add-field-dialog":"_search-dialog_vitro-add-field-dialog_2EdLwVO","vitro-button-group":"_search-dialog_vitro-button-group_3Uxi9An","vitro-settings-dialog-header":"_search-dialog_vitro-settings-dialog-header_2CYAOiA","vitro-settings-dialog-footer":"_search-dialog_vitro-settings-dialog-footer_2H_8ImR","vitro-scrollbar":"_search-dialog_vitro-scrollbar_241tkXw"};
 
 var AddFieldButton = React.forwardRef(function (props, ref) {
   var _props$filterContaine;
@@ -63034,12 +63137,12 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
     props.onFieldListChange(id);
   };
   return React__default.createElement("div", {
-    className: styles$H['vitro-add-field']
+    className: styles$I['vitro-add-field']
   }, React__default.createElement(Button$1, {
     ref: addFieldButtonRef,
     text: props.labelAddField,
     onClick: props.onAddField,
-    className: styles$H['vitro-add-field-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$I['vitro-add-field-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     imageUrl: props.imageUrl,
     imageHoverUrl: props.imageHoverUrl,
     imageClassName: props.imageClassName
@@ -63049,7 +63152,7 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
     target: addFieldButtonRef.current,
     container: (_props$filterContaine = props.filterContainerRef) !== null && _props$filterContaine !== void 0 && _props$filterContaine.current ? props.filterContainerRef.current : undefined,
     placement: props.isMobileView ? undefined : exports.PLACEMENT.AUTO + CTRL.DASH + exports.PLACEMENT.START,
-    className: styles$H['vitro-add-field-dialog'],
+    className: styles$I['vitro-add-field-dialog'],
     allowedAutoPlacements: props.isMobileView ? undefined : [[exports.PLACEMENT.RIGHT, exports.PLACEMENT.START].join(CTRL.DASH), [exports.PLACEMENT.RIGHT, exports.PLACEMENT.END].join(CTRL.DASH)]
   }, React__default.createElement(List, {
     ref: addFieldListRef,
@@ -63060,25 +63163,25 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
   })));
 });
 
-var styles$I = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-inline-label":"_label_vitro-inline-label_1TMnPWg","vitro-required":"_label_vitro-required_2-bSGif"};
+var styles$J = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-inline-label":"_label_vitro-inline-label_1TMnPWg","vitro-required":"_label_vitro-required_2-bSGif"};
 
 var Label = React.forwardRef(function (props, ref) {
   var content = React__default.createElement(React__default.Fragment, null, props.text, props.isRequired && React__default.createElement("span", {
-    className: styles$I['vitro-required']
+    className: styles$J['vitro-required']
   }, CTRL.ASTERISK));
   return props.isInline === false ? React__default.createElement(FlexBox, {
     ref: ref,
-    className: styles$I['vitro-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$J['vitro-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, content) : React__default.createElement("div", {
     ref: ref,
-    className: styles$I['vitro-inline-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$J['vitro-inline-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     style: props.width ? {
       width: props.width + UNIT.PX
     } : undefined
   }, content);
 });
 
-var styles$J = {"vitro-list":"_list_vitro-list_2cs4WZE"};
+var styles$K = {"vitro-list":"_list_vitro-list_2cs4WZE"};
 
 var List$1 = React.forwardRef(function (props, ref) {
   var _onClick = function onClick(item) {
@@ -63110,12 +63213,12 @@ var List$1 = React.forwardRef(function (props, ref) {
   return React__default.createElement("ul", Object.assign({}, props, {
     onClick: function onClick() {},
     ref: ref,
-    className: styles$J['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$K['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     onBlur: props.onBlur
   }), children);
 });
 
-var styles$K = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","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-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI","vitro-condition":"_criterion_vitro-condition_2RFixrp","vitro-criterion-container-mobile":"_criterion_vitro-criterion-container-mobile_1yxaJHi"};
+var styles$L = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","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-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI","vitro-condition":"_criterion_vitro-condition_2RFixrp","vitro-criterion-container-mobile":"_criterion_vitro-criterion-container-mobile_1yxaJHi"};
 
 var ConditionSelect = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.defaultValue || props.itemList[0]),
@@ -63149,33 +63252,33 @@ var ConditionSelect = React.forwardRef(function (props, ref) {
   };
   var getCondition = function getCondition(props) {
     return React__default.createElement(FlexBox, {
-      className: styles$K['vitro-condition']
+      className: styles$L['vitro-condition']
     }, props.imageUrl && React__default.createElement(Image, {
       defaultUrl: props.imageUrl
     }), props.text);
   };
   return React__default.createElement(React__default.Fragment, null, condition && React__default.createElement("div", {
     ref: ref,
-    className: styles$K['vitro-condition-select']
+    className: styles$L['vitro-condition-select']
   }, React__default.createElement("div", {
     onClick: toggleSelect
   }, condition.imageUrl ? React__default.createElement(Image, {
     defaultUrl: condition.imageUrl,
-    className: styles$K['vitro-image']
+    className: styles$L['vitro-image']
   }) : condition.text), React__default.createElement(Overlay$2, {
     isShow: showSelectList,
     isFlip: true,
     placement: [exports.PLACEMENT.AUTO, exports.PLACEMENT.START].join(CTRL.DASH),
     allowedAutoPlacements: [[exports.PLACEMENT.BOTTOM, exports.PLACEMENT.START].join(CTRL.DASH), [exports.PLACEMENT.TOP, exports.PLACEMENT.START].join(CTRL.DASH)],
     target: ref.current,
-    className: styles$K['vitro-condition-list-container']
+    className: styles$L['vitro-condition-list-container']
   }, React__default.createElement(List$1, {
     ref: listRef,
     itemList: props.itemList,
     itemTemplate: getCondition,
     onClick: onClick,
     onBlur: onBlur,
-    className: styles$K['vitro-condition-list']
+    className: styles$L['vitro-condition-list']
   }))));
 });
 
@@ -63250,13 +63353,13 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$K['vitro-focus']);
+    setState(styles$L['vitro-focus']);
     if (componentProps.onFocus) {
       componentProps.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(componentProps.errorMessage ? styles$K['vitro-error'] : CTRL.EMPTY);
+    setState(componentProps.errorMessage ? styles$L['vitro-error'] : CTRL.EMPTY);
     if (componentProps.onBlur) {
       componentProps.onBlur(e);
     }
@@ -63271,39 +63374,39 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   return React__default.createElement(FlexBox, {
-    className: props.isMobileView ? styles$K['vitro-criterion-container-mobile'] : styles$K['vitro-criterion-container']
+    className: props.isMobileView ? styles$L['vitro-criterion-container-mobile'] : styles$L['vitro-criterion-container']
   }, props.operatorList && operator ? React__default.createElement("div", {
-    className: styles$K['vitro-operator-select-container']
+    className: styles$L['vitro-operator-select-container']
   }, props.isShowOperatorSelect && React__default.createElement(FlexBox, {
     ref: operatorSelectRef,
-    className: styles$K['vitro-operator-select'],
+    className: styles$L['vitro-operator-select'],
     onClick: toggleOperatorSelect
   }, React__default.createElement("div", null, operator.text)), React__default.createElement(Overlay$2, {
     isShow: showOperatorSelectList,
     isFlip: true,
     target: operatorSelectRef.current,
     placement: exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.END,
-    className: styles$K['vitro-operator-list-container']
+    className: styles$L['vitro-operator-list-container']
   }, React__default.createElement(List$1, {
     itemList: props.operatorList,
     itemTemplate: function itemTemplate(props) {
       return React__default.createElement(React__default.Fragment, null, props.text);
     },
     onClick: onOperatorClick,
-    className: styles$K['vitro-operator-list']
+    className: styles$L['vitro-operator-list']
   }))) : CTRL.EMPTY, React__default.createElement("div", {
-    className: styles$K['vitro-control'] + CTRL.SPACE + state
+    className: styles$L['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement(Label, {
     ref: labelRef,
     text: props.label,
-    className: styles$K['vitro-label']
+    className: styles$L['vitro-label']
   }), React__default.createElement(ConditionSelect, {
     ref: conditionSelectRef,
     itemList: props.conditionList,
     onSelect: onConditionClick,
     defaultValue: defaultCondition
   }), React__default.createElement(props.content.component, _extends({}, componentProps, {
-    className: styles$K['vitro-control'],
+    className: styles$L['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -63315,11 +63418,11 @@ var Criterion = function Criterion(props) {
     onClick: function onClick() {
       return props.onDelete(componentProps.controlKey);
     },
-    className: styles$K['vitro-button-cancel']
+    className: styles$L['vitro-button-cancel']
   }));
 };
 
-var styles$L = {"vitro-field-iterator":"_criterion-field-iterator_vitro-field-iterator_24abkh9","vitro-add-field":"_criterion-field-iterator_vitro-add-field_c1abzX_","vitro-add-field-button":"_criterion-field-iterator_vitro-add-field-button_2oPndf7","vitro-add-field-dialog":"_criterion-field-iterator_vitro-add-field-dialog_3QlfaQE"};
+var styles$M = {"vitro-field-iterator":"_criterion-field-iterator_vitro-field-iterator_24abkh9","vitro-add-field":"_criterion-field-iterator_vitro-add-field_c1abzX_","vitro-add-field-button":"_criterion-field-iterator_vitro-add-field-button_2oPndf7","vitro-add-field-dialog":"_criterion-field-iterator_vitro-add-field-dialog_3QlfaQE"};
 
 var CriterionFieldIterator = function CriterionFieldIterator(props) {
   var _useState = React.useState(null),
@@ -63389,9 +63492,9 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isClearChangedFieldValueMap: props.isClearChangedFieldValueMap,
-    className: styles$L['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$M['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }) : React__default.createElement(ScrollBar, {
-    className: styles$L['vitro-scrollbar']
+    className: styles$M['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -63399,13 +63502,13 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isClearChangedFieldValueMap: props.isClearChangedFieldValueMap,
-    className: styles$L['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$M['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   })));
 };
 
-var styles$M = {"vitro-selected-item-multi":"_lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ","vitro-selected-item":"_lookup-picker-selected-item_vitro-selected-item_hw-euth","vitro-button-close":"_lookup-picker-selected-item_vitro-button-close_1SRnr_0"};
+var styles$N = {"vitro-selected-item-multi":"_lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ","vitro-selected-item":"_lookup-picker-selected-item_vitro-selected-item_hw-euth","vitro-button-close":"_lookup-picker-selected-item_vitro-button-close_1SRnr_0"};
 
-var styles$N = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-message":"_lookup-picker_vitro-error-message_2iBjyRP","vitro-copy-button":"_lookup-picker_vitro-copy-button_3UItrZb","vitro-value-container":"_lookup-picker_vitro-value-container_3GeBIaW","vitro-multi-value-container":"_lookup-picker_vitro-multi-value-container_2ScQ_Ua","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83","vitro-tooltip":"_lookup-picker_vitro-tooltip_2a12Z4P","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-library-button":"_lookup-picker_vitro-library-button_1zwNYAA"};
+var styles$O = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-message":"_lookup-picker_vitro-error-message_2iBjyRP","vitro-copy-button":"_lookup-picker_vitro-copy-button_3UItrZb","vitro-value-container":"_lookup-picker_vitro-value-container_3GeBIaW","vitro-multi-value-container":"_lookup-picker_vitro-multi-value-container_2ScQ_Ua","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83","vitro-tooltip":"_lookup-picker_vitro-tooltip_2a12Z4P","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-library-button":"_lookup-picker_vitro-library-button_1zwNYAA"};
 
 var htmlValueStyles = {"vitro-item-html-value":"_lookup-picker-html-value_vitro-item-html-value_2QBoTey"};
 
@@ -63413,7 +63516,7 @@ 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 className = props.isMultiSelect ? styles$N['vitro-selected-item-multi'] : styles$N['vitro-selected-item'];
   var title = props.selectedValueTemplate(props.item);
   var ref = React.useRef(null);
   var valueTooltipRef = React.useRef(null);
@@ -63436,7 +63539,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
     containerRef: ref,
     text: title,
     placement: PLACEMENT.BOTTOM,
-    className: styles$N['vitro-tooltip'],
+    className: styles$O['vitro-tooltip'],
     isFlip: true
   }, React__default.createElement("div", {
     ref: ref,
@@ -63447,7 +63550,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
     onClick: function onClick() {
       return props.onOptionValueDelete(props.item.id);
     },
-    className: styles$M['vitro-button-close']
+    className: styles$N['vitro-button-close']
   })));
 };
 
@@ -63467,7 +63570,7 @@ var SelectedValueList = function SelectedValueList(props) {
   }));
 };
 
-var valueListStyles = {"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","vitro-flex":"_lookup-picker-value-list_vitro-flex_2ClzE5b","vitro-button":"_lookup-picker-value-list_vitro-button_3MejXb_","vitro-disabled":"_lookup-picker-value-list_vitro-disabled_11rNtMo"};
+var valueListStyles = {"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","vitro-flex":"_lookup-picker-value-list_vitro-flex_2ClzE5b","vitro-button":"_lookup-picker-value-list_vitro-button_3MejXb_","vitro-disabled":"_lookup-picker-value-list_vitro-disabled_11rNtMo","vitro-progress-container":"_lookup-picker-value-list_vitro-progress-container_1wyhOOF"};
 
 var ValueListItem = function ValueListItem(props) {
   var isDisabled = props.item.isEnabled === false;
@@ -63507,7 +63610,23 @@ var ValueList = function ValueList(props) {
   var _useState2 = React.useState(null),
     style = _useState2[0],
     setStyle = _useState2[1];
+  var _useState3 = React.useState(false),
+    isProgressVisible = _useState3[0],
+    setIsProgressVisible = _useState3[1];
   var reg = new RegExp(props.inputValue.replace(PATTERN, REPLACEMENT), FLAG);
+  React.useEffect(function () {
+    var timer;
+    if (props.isPending) {
+      timer = setTimeout(function () {
+        return setIsProgressVisible(true);
+      }, 400);
+    } else {
+      setIsProgressVisible(false);
+    }
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [props.isPending]);
   React.useEffect(function () {
     if (scrollableElement && scrollableElement.scrollTop === 0) {
       scrollableElement.scrollTop = 1;
@@ -63563,7 +63682,9 @@ var ValueList = function ValueList(props) {
   }, React__default.createElement(ScrollBar, {
     onInit: setScrollableElement,
     isPreventParentScroll: true
-  }, props.isPending && React__default.createElement(Progress, null), !props.isPending && React__default.createElement(React__default.Fragment, null, props.list.length > 0 ? props.list.sort(sortValueList).map(function (x) {
+  }, isProgressVisible && React__default.createElement(FlexBox, {
+    className: valueListStyles['vitro-progress-container']
+  }, React__default.createElement(Progress, null)), !isProgressVisible && React__default.createElement(React__default.Fragment, null, props.list.length > 0 ? props.list.sort(sortValueList).map(function (x) {
     return React__default.createElement(ValueListItem, {
       item: x,
       onSelect: props.onOptionValueSelect,
@@ -63579,15 +63700,15 @@ var ValueList = function ValueList(props) {
   })))));
 };
 
-var styles$O = {"vitro-error-message":"_error-message_vitro-error-message_2lHJjgO"};
+var styles$P = {"vitro-error-message":"_error-message_vitro-error-message_2lHJjgO"};
 
 var ErrorMessage = function ErrorMessage(props) {
   return React__default.createElement("span", {
-    className: styles$O['vitro-error-message'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$P['vitro-error-message'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.text);
 };
 
-var styles$P = {"vitro-copy-button":"_copy-button_vitro-copy-button_1_JmPVH"};
+var styles$Q = {"vitro-copy-button":"_copy-button_vitro-copy-button_1_JmPVH"};
 
 var CopyButton = function CopyButton(props) {
   var copy = function copy() {
@@ -63625,17 +63746,17 @@ var CopyButton = function CopyButton(props) {
     }
   };
   return React__default.createElement(ImageButton, {
-    className: styles$P['vitro-copy-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$Q['vitro-copy-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     onClick: copy
   });
 };
 
 var RightButtonGroup = React.forwardRef(function (props, ref) {
   return React__default.createElement(FlexBox, {
-    className: styles$N['vitro-right'],
+    className: styles$O['vitro-right'],
     ref: ref
   }, props.isShowButtonClear && React__default.createElement(ImageButton, {
-    className: styles$N['vitro-button-close'],
+    className: styles$O['vitro-button-close'],
     onClick: function onClick() {
       return props.onOptionValueDelete();
     }
@@ -63643,12 +63764,12 @@ var RightButtonGroup = React.forwardRef(function (props, ref) {
     onClick: function onClick() {
       return props.onCollapseButtonClick(props.isValueListVisible);
     },
-    className: props.isValueListVisible ? styles$N['vitro-button-collapse-up'] : styles$N['vitro-button-collapse-bottom']
+    className: props.isValueListVisible ? styles$O['vitro-button-collapse-up'] : styles$O['vitro-button-collapse-bottom']
   }), props.isEditable && props.isShowSearchButton && props.onClickSearchButton && React__default.createElement(ImageButton, {
     onClick: props.onClickSearchButton,
-    className: styles$N['vitro-library-button']
+    className: styles$O['vitro-library-button']
   }), props.isReadOnly && props.isShowCopyButton !== false ? React__default.createElement(CopyButton, {
-    className: styles$N['vitro-copy-button'],
+    className: styles$O['vitro-copy-button'],
     value: props.selectedValueList.map(function (x) {
       return props.selectedValueTemplate(x);
     }).join(CTRL.COMMA)
@@ -63683,7 +63804,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }),
     valueListRequestToken = _useState6[0],
     setValueListRequestToken = _useState6[1];
-  var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$N['vitro-read-only'] : CTRL.EMPTY),
+  var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$O['vitro-read-only'] : CTRL.EMPTY),
     state = _useState7[0],
     setState = _useState7[1];
   var _useState8 = React.useState(false),
@@ -63698,16 +63819,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   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);
-  };
-  React.useEffect(function () {
-    updatePending(props.valueList);
-  }, []);
   React.useEffect(function () {
     updateFilteredValueList(props.valueList || []);
     setSelectedValueList(createDefaultSelectedValueList);
-    updatePending(props.valueList);
   }, [props.valueList]);
   React.useEffect(function () {
     if (props.selectedValueList && checkIsValueChanged(selectedValueList, props.selectedValueList)) {
@@ -63783,18 +63897,20 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   }, [selectedValueList]);
   React.useEffect(function () {
-    setState(props.errorMessage && !valueListVisible ? styles$N['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
+    setState(props.errorMessage && !valueListVisible ? styles$O['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
   }, [props.errorMessage]);
   React.useEffect(function () {
     if (inputRef.current) {
-      if (state === styles$N['vitro-focus'] && document.activeElement !== inputRef.current) {
+      if (state === styles$O['vitro-focus'] && document.activeElement !== inputRef.current) {
         inputRef.current.focus();
-      } else if (state !== styles$N['vitro-focus']) {
+      } else if (state !== styles$O['vitro-focus']) {
         isShowTooltipRef.current = true;
       }
     }
   }, [state]);
   var updateFilteredValueList = function updateFilteredValueList(valueList) {
+    var _inputRef$current;
+    var inputValue = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || CTRL.EMPTY;
     var availableValueList = inputValue ? filteredValueList : valueList;
     if (inputValue && inputValue.length >= (props.charCount || 0)) {
       availableValueList = valueList.filter(function (x) {
@@ -63820,7 +63936,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var onChange = function onChange(e) {
-    setState(styles$N['vitro-focus']);
+    setState(styles$O['vitro-focus']);
     expandValueList();
     setInputValue(e.target.value);
     onInputValueUpdated(e.target.value);
@@ -63834,6 +63950,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var filterByText = function filterByText(value) {
+    var _inputRef$current2;
+    var inputValue = ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) || CTRL.EMPTY;
     var isValueContainsInputValue = filterValueTemplate(value).toLowerCase().indexOf(inputValue.toLowerCase()) >= 0;
     var isValueIsNotYetSelected = !selectedValueList.map(function (f) {
       return f.id;
@@ -63893,8 +64011,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onOptionValueDelete = function onOptionValueDelete(id) {
     if (!props.isDisabled) {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      var _inputRef$current3;
+      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
       var newSelectedValueList = id ? selectedValueList.filter(function (x) {
         return x.id !== id;
       }) : [];
@@ -63919,11 +64037,11 @@ var LookupPicker = React.forwardRef(function (props, ref) {
           return x;
         }), props.name);
       }
-      setState(props.errorMessage ? styles$N['vitro-error'] : CTRL.EMPTY);
+      setState(props.errorMessage ? styles$O['vitro-error'] : CTRL.EMPTY);
     }
   };
   var onFocus = function onFocus(e) {
-    var _inputRef$current2;
+    var _inputRef$current4;
     if (scrollBarRef.current) {
       scrollBarRef.current.scrollTop = scrollBarRef.current.scrollHeight;
     }
@@ -63932,9 +64050,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       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']);
+    setState(styles$O['vitro-focus']);
     expandValueList();
-    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
     if (props.onFocus) {
       props.onFocus(e);
     }
@@ -63947,12 +64065,12 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$N['vitro-lookup-picker'], props.className];
+    var classList = [styles$O['vitro-lookup-picker'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$N['vitro-read-only']);
+      classList.push(styles$O['vitro-read-only']);
     }
     if (props.isMultiSelect) {
-      classList.push(styles$N['vitro-lookup-picker-multi-select']);
+      classList.push(styles$O['vitro-lookup-picker-multi-select']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -64002,7 +64120,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     getHtmlValue: getHtmlValue,
     isValueTitleVisible: props.isValueTitleVisible
   }) : !valueListVisible && props.placeholder && React__default.createElement("div", {
-    className: styles$N['vitro-placeholder']
+    className: styles$O['vitro-placeholder']
   }, props.placeholder), isEditable && React__default.createElement("input", {
     ref: inputRef,
     value: inputValue,
@@ -64021,16 +64139,16 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$N['vitro-label']
+    className: styles$O['vitro-label']
   }), React__default.createElement(FlexBox, {
-    className: styles$N['vitro-content'],
+    className: styles$O['vitro-content'],
     ref: contentRef
   }, props.isMultiSelect ? React__default.createElement(ScrollBar, {
-    contentClassName: styles$N['vitro-multi-value-container'],
+    contentClassName: styles$O['vitro-multi-value-container'],
     onClick: onFocus,
     ref: scrollBarRef
   }, content) : React__default.createElement(FlexBox, {
-    className: styles$N['vitro-value-container'],
+    className: styles$O['vitro-value-container'],
     onClick: onFocus
   }, content), props.isShowSearchButton || props.filterMinLength == 0 || isShowButtonClear || !isEditable ? React__default.createElement(RightButtonGroup, {
     selectedValueList: selectedValueList,
@@ -64064,7 +64182,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     isFullWidth: props.isValueListFullWidth
   }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$N['vitro-error-message']
+    className: styles$O['vitro-error-message']
   }));
 });
 
@@ -64292,7 +64410,7 @@ var COMPONENT_TYPE;
   COMPONENT_TYPE["MODERN"] = "modern";
 })(COMPONENT_TYPE || (COMPONENT_TYPE = {}));
 
-var styles$Q = {"vitro-control":"_time-picker_vitro-control_1sx07It","vitro-display-none":"_time-picker_vitro-display-none_3GgWh46","vitro-copy-button":"_time-picker_vitro-copy-button_aJZAh9q","vitro-read-only":"_time-picker_vitro-read-only_NlE18Zm","vitro-label":"_time-picker_vitro-label_2b97aCy","vitro-focus":"_time-picker_vitro-focus_wmhPjvE","vitro-error":"_time-picker_vitro-error_2ZmK0I5","vitro-left-label":"_time-picker_vitro-left-label_3NRmFYH","vitro-error-message":"_time-picker_vitro-error-message_1w7ey-y","vitro-timepicker-container":"_time-picker_vitro-timepicker-container_3AoRPvV"};
+var styles$R = {"vitro-control":"_time-picker_vitro-control_1sx07It","vitro-display-none":"_time-picker_vitro-display-none_3GgWh46","vitro-copy-button":"_time-picker_vitro-copy-button_aJZAh9q","vitro-read-only":"_time-picker_vitro-read-only_NlE18Zm","vitro-label":"_time-picker_vitro-label_2b97aCy","vitro-focus":"_time-picker_vitro-focus_wmhPjvE","vitro-error":"_time-picker_vitro-error_2ZmK0I5","vitro-left-label":"_time-picker_vitro-left-label_3NRmFYH","vitro-error-message":"_time-picker_vitro-error-message_1w7ey-y","vitro-timepicker-container":"_time-picker_vitro-timepicker-container_3AoRPvV"};
 
 var $$4 = window.$;
 var TimePicker = React.forwardRef(function (props, ref) {
@@ -64330,7 +64448,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
     var config = getConfig();
     $$4(inputRef.current).kendoTimePicker(config);
     var picker = $$4(inputRef.current).data(componentName);
-    (_picker$timeView = picker.timeView) === null || _picker$timeView === void 0 ? void 0 : (_picker$timeView$popu = _picker$timeView.popup) === null || _picker$timeView$popu === void 0 ? void 0 : (_picker$timeView$popu2 = _picker$timeView$popu.element) === null || _picker$timeView$popu2 === void 0 ? void 0 : _picker$timeView$popu2.addClass(styles$Q['vitro-timepicker-container']);
+    (_picker$timeView = picker.timeView) === null || _picker$timeView === void 0 ? void 0 : (_picker$timeView$popu = _picker$timeView.popup) === null || _picker$timeView$popu === void 0 ? void 0 : (_picker$timeView$popu2 = _picker$timeView$popu.element) === null || _picker$timeView$popu2 === void 0 ? void 0 : _picker$timeView$popu2.addClass(styles$R['vitro-timepicker-container']);
     picker.enable(!props.isDisabled);
     picker.readonly(props.isReadOnly === true);
     setReady(true);
@@ -64378,24 +64496,24 @@ var TimePicker = React.forwardRef(function (props, ref) {
     }
   };
   var onFocus = function onFocus(e) {
-    setState(styles$Q['vitro-focus']);
+    setState(styles$R['vitro-focus']);
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(props.errorMessage ? styles$Q['vitro-error'] : styles$Q[CTRL.EMPTY]);
+    setState(props.errorMessage ? styles$R['vitro-error'] : styles$R[CTRL.EMPTY]);
     if (props.onBlur) {
       props.onBlur(e);
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$Q['vitro-control'], props.className];
+    var classList = [styles$R['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$Q['vitro-read-only']);
+      classList.push(styles$R['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$Q['vitro-left-label']);
+      classList.push(styles$R['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -64407,18 +64525,18 @@ var TimePicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$Q['vitro-label']
+    className: styles$R['vitro-label']
   }), React__default.createElement("input", {
     ref: inputRef,
     placeholder: props.placeholder,
     onFocus: onFocus,
     onBlur: onBlur
   }), props.isReadOnly ? React__default.createElement(CopyButton, {
-    className: styles$Q['vitro-copy-button'],
+    className: styles$R['vitro-copy-button'],
     value: ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.toString()) || CTRL.EMPTY
   }) : null, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$Q['vitro-error-message']
+    className: styles$R['vitro-error-message']
   }));
 });
 
@@ -64428,7 +64546,7 @@ var TimePicker$1 = function TimePicker$1(props) {
   }));
 };
 
-var styles$R = {"vitro-avatar":"_user-lookup-picker_vitro-avatar_2vI-SeH"};
+var styles$S = {"vitro-avatar":"_user-lookup-picker_vitro-avatar_2vI-SeH"};
 
 var UserLookupPicker = React.forwardRef(function (props, ref) {
   var lookupPickerRef = React.useRef(null);
@@ -64436,7 +64554,7 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
     var prop = props.getHtmlValueTemplateProps ? props.getHtmlValueTemplateProps(item) : item;
     if (props.isMultiSelect) {
       return _extends({}, prop, {
-        className: styles$R['vitro-avatar']
+        className: styles$S['vitro-avatar']
       });
     }
     return prop;
@@ -65015,7 +65133,7 @@ var MAX_LENGTH;
   MAX_LENGTH[MAX_LENGTH["SINGLELINE"] = 255] = "SINGLELINE";
 })(MAX_LENGTH || (MAX_LENGTH = {}));
 
-var styles$S = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-copy-button":"_input_vitro-copy-button_3wNhQ24","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
+var styles$T = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-copy-button":"_input_vitro-copy-button_3wNhQ24","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
 
 var Input = React.forwardRef(function (props, ref) {
   var control;
@@ -65035,7 +65153,7 @@ var Input = React.forwardRef(function (props, ref) {
     setInputValue(value);
   }, [props.value]);
   React.useEffect(function () {
-    setState(props.errorMessage || props.isError ? styles$S['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage || props.isError ? styles$T['vitro-error'] : CTRL.EMPTY);
   }, [props.errorMessage, props.isError]);
   React.useEffect(function () {
     var jsonStyle = {};
@@ -65045,7 +65163,7 @@ var Input = React.forwardRef(function (props, ref) {
     setStyle(jsonStyle);
   }, [props.height, props.minHeight, props.maxHeight]);
   React.useEffect(function () {
-    if (state === styles$S['vitro-focus'] && inputRef.current && document.activeElement !== inputRef.current) {
+    if (state === styles$T['vitro-focus'] && inputRef.current && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
   }, [state]);
@@ -65081,7 +65199,7 @@ var Input = React.forwardRef(function (props, ref) {
     }
   };
   var setStateOnBlur = function setStateOnBlur() {
-    setState(props.errorMessage || props.isError ? styles$S['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage || props.isError ? styles$T['vitro-error'] : CTRL.EMPTY);
   };
   var onBlur = function onBlur(e) {
     var _valueTooltipRef$curr, _valueTooltipRef$curr2;
@@ -65095,7 +65213,7 @@ var Input = React.forwardRef(function (props, ref) {
   var onFocus = function onFocus(e) {
     var _valueTooltipRef$curr3, _inputRef$current;
     (_valueTooltipRef$curr3 = valueTooltipRef.current) === null || _valueTooltipRef$curr3 === void 0 ? void 0 : _valueTooltipRef$curr3.setIsShow(false);
-    setState(styles$S['vitro-focus']);
+    setState(styles$T['vitro-focus']);
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     if (props.onFocus) {
       props.onFocus(e);
@@ -65129,6 +65247,9 @@ var Input = React.forwardRef(function (props, ref) {
   };
   var getValue = function getValue(value) {
     var stringValue = value.toString();
+    if (!stringValue.trim().length) {
+      return CTRL.EMPTY;
+    }
     if (!props.isMultiline) {
       return stringValue.substring(0, getMaxLength());
     }
@@ -65178,19 +65299,19 @@ var Input = React.forwardRef(function (props, ref) {
     });
     if (props.isIcon) {
       control = React__default.createElement("div", {
-        className: styles$S['vitro-icon-control'] + CTRL.SPACE + state
+        className: styles$T['vitro-icon-control'] + CTRL.SPACE + state
       }, input);
     } else {
       control = input;
     }
   }
   var getClassName = function getClassName() {
-    var classList = [styles$S['vitro-control'], props.className];
+    var classList = [styles$T['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$S['vitro-read-only']);
+      classList.push(styles$T['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$S['vitro-left-label']);
+      classList.push(styles$T['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -65201,13 +65322,13 @@ var Input = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$S['vitro-label']
+    className: styles$T['vitro-label']
   }), control, props.isReadOnly && props.isShowCopyButton !== false ? React__default.createElement(CopyButton, {
-    className: styles$S['vitro-copy-button'],
+    className: styles$T['vitro-copy-button'],
     value: inputValue
   }) : null, props.children, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$S['vitro-error-message']
+    className: styles$T['vitro-error-message']
   }));
   if (props.isMultiline) {
     return content;
@@ -65216,7 +65337,7 @@ var Input = React.forwardRef(function (props, ref) {
     containerRef: inputRef,
     text: props.isMultiline || !props.value ? CTRL.EMPTY : props.value,
     placement: PLACEMENT.BOTTOM,
-    className: styles$S['vitro-tooltip'],
+    className: styles$T['vitro-tooltip'],
     ref: valueTooltipRef
   }, content);
 });
@@ -65226,11 +65347,11 @@ var AUTOCOMPLETE$1;
   AUTOCOMPLETE["ON"] = "on";
   AUTOCOMPLETE["OFF"] = "off";
 })(AUTOCOMPLETE$1 || (AUTOCOMPLETE$1 = {}));
-var TYPE;
+var TYPE$1;
 (function (TYPE) {
   TYPE["FLOAT"] = "float";
   TYPE["INT"] = "int";
-})(TYPE || (TYPE = {}));
+})(TYPE$1 || (TYPE$1 = {}));
 var REGEXP;
 (function (REGEXP) {
   REGEXP["FLOAT"] = "[0-9]+[.,]?[0-9]{0,precision}$";
@@ -65246,7 +65367,7 @@ var MAX_VALUE;
 var NumberInputConstants = {
     __proto__: null,
     get AUTOCOMPLETE () { return AUTOCOMPLETE$1; },
-    get TYPE () { return TYPE; },
+    get TYPE () { return TYPE$1; },
     get REGEXP () { return REGEXP; },
     get MAX_VALUE () { return MAX_VALUE; }
 };
@@ -65316,13 +65437,13 @@ var NumberInput = React.forwardRef(function (props, ref) {
   };
   var getNewDisplayValue = function getNewDisplayValue(value) {
     if (isValidString(value)) {
-      if (props.number === TYPE.INT) {
+      if (props.number === TYPE$1.INT) {
         var val = Math.trunc(+value);
         if (isValidNumber(val)) {
           return val.toString();
         }
       }
-      if (props.number === TYPE.FLOAT) {
+      if (props.number === TYPE$1.FLOAT) {
         var _val = +getFloatString(getDisplayValue(+value));
         if (isValidNumber(_val)) {
           return _val.toString();
@@ -65354,7 +65475,7 @@ var NumberInput = React.forwardRef(function (props, ref) {
       return true;
     }
     var isNegative = props.isAllowedNegative && value === CTRL.DASH;
-    var isFloatDot = props.number === TYPE.FLOAT && value.indexOf(CTRL.DOT) === value.length - 1 && value.length > 1;
+    var isFloatDot = props.number === TYPE$1.FLOAT && value.indexOf(CTRL.DOT) === value.length - 1 && value.length > 1;
     if (isNegative || isFloatDot) {
       return true;
     }
@@ -65387,15 +65508,15 @@ var NumberInput$1 = React.forwardRef(function NumberInput$1(props, ref) {
   var _useState = React.useState(null),
     prop = _useState[0],
     setProp = _useState[1];
-  var _useState2 = React.useState(TYPE.INT),
+  var _useState2 = React.useState(TYPE$1.INT),
     number = _useState2[0],
     setNumber = _useState2[1];
   React.useEffect(function () {
     var _props$field, _props$field2;
     if (((_props$field = props.field) === null || _props$field === void 0 ? void 0 : _props$field.fieldType.name) === TYPE_INTEGER || ((_props$field2 = props.field) === null || _props$field2 === void 0 ? void 0 : _props$field2.fieldType.name) === TYPE_LONG) {
-      setNumber(TYPE.INT);
+      setNumber(TYPE$1.INT);
     } else {
-      setNumber(TYPE.FLOAT);
+      setNumber(TYPE$1.FLOAT);
     }
     setProp(props);
   }, [props]);
@@ -65447,7 +65568,7 @@ var LABEL_POSITION$1;
   LABEL_POSITION["LEFT"] = "left";
 })(LABEL_POSITION$1 || (LABEL_POSITION$1 = {}));
 
-var styles$T = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-copy-button":"_date-picker_vitro-copy-button_SvhKTCG","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj","vitro-calendar-container":"_date-picker_vitro-calendar-container_-q52RLa"};
+var styles$U = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-copy-button":"_date-picker_vitro-copy-button_SvhKTCG","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj","vitro-calendar-container":"_date-picker_vitro-calendar-container_-q52RLa"};
 
 var $$6 = window.$;
 var DatePicker = React.forwardRef(function (props, ref) {
@@ -65499,7 +65620,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   }, [props.depth, props.start]);
   React.useEffect(function () {
-    props.errorMessage ? setState(styles$T['vitro-error']) : setState(CTRL.EMPTY);
+    props.errorMessage ? setState(styles$U['vitro-error']) : setState(CTRL.EMPTY);
   }, [props.errorMessage]);
   React.useEffect(function () {
     $$6(inputRef.current).data(componentName).setOptions({
@@ -65531,7 +65652,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
     $$6(inputRef.current).kendoDatePicker(config);
     var picker = $$6(inputRef.current).data(componentName);
-    (_picker$dateView = picker.dateView) === null || _picker$dateView === void 0 ? void 0 : (_picker$dateView$popu = _picker$dateView.popup) === null || _picker$dateView$popu === void 0 ? void 0 : (_picker$dateView$popu2 = _picker$dateView$popu.element) === null || _picker$dateView$popu2 === void 0 ? void 0 : _picker$dateView$popu2.addClass(styles$T['vitro-calendar-container']);
+    (_picker$dateView = picker.dateView) === null || _picker$dateView === void 0 ? void 0 : (_picker$dateView$popu = _picker$dateView.popup) === null || _picker$dateView$popu === void 0 ? void 0 : (_picker$dateView$popu2 = _picker$dateView$popu.element) === null || _picker$dateView$popu2 === void 0 ? void 0 : _picker$dateView$popu2.addClass(styles$U['vitro-calendar-container']);
     picker.enable(!props.isDisabled);
     picker.readonly(props.isReadOnly === true);
     setReady(true);
@@ -65572,13 +65693,13 @@ var DatePicker = React.forwardRef(function (props, ref) {
     $$6(inputRef.current).data(componentName).setOptions(options);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$T['vitro-focus']);
+    setState(styles$U['vitro-focus']);
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(props.errorMessage ? styles$T['vitro-error'] : styles$T[CTRL.EMPTY]);
+    setState(props.errorMessage ? styles$U['vitro-error'] : styles$U[CTRL.EMPTY]);
     if (props.onBlur) {
       props.onBlur(e);
     }
@@ -65619,12 +65740,12 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$T['vitro-control'], props.className];
+    var classList = [styles$U['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$T['vitro-read-only']);
+      classList.push(styles$U['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$T['vitro-left-label']);
+      classList.push(styles$U['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -65636,7 +65757,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$T['vitro-label']
+    className: styles$U['vitro-label']
   }), React__default.createElement("input", {
     ref: inputRef,
     placeholder: props.placeholder,
@@ -65644,11 +65765,11 @@ var DatePicker = React.forwardRef(function (props, ref) {
     onBlur: onBlur,
     onPaste: onPaste
   }), props.isReadOnly ? React__default.createElement(CopyButton, {
-    className: styles$T['vitro-copy-button'],
+    className: styles$U['vitro-copy-button'],
     value: ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.toString()) || CTRL.EMPTY
   }) : null, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$T['vitro-error-message']
+    className: styles$U['vitro-error-message']
   }));
 });
 
@@ -65658,7 +65779,7 @@ var DatePicker$1 = function DatePicker$1(props) {
   }));
 };
 
-var styles$U = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
+var styles$V = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
 
 var Checkbox = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.value ? true : false),
@@ -65689,14 +65810,14 @@ var Checkbox = React.forwardRef(function (props, ref) {
       _setValue(!value);
     }
   };
-  var className = styles$U['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$U['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
+  var className = styles$V['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$V['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$U['vitro-label']
+    className: styles$V['vitro-label']
   }), React__default.createElement("div", {
-    className: styles$U['vitro-checkbox-content']
+    className: styles$V['vitro-checkbox-content']
   }, React__default.createElement("input", {
     ref: checkboxRef,
     disabled: props.isDisabled,
@@ -65706,7 +65827,7 @@ var Checkbox = React.forwardRef(function (props, ref) {
     onChange: onChange
   }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$U['vitro-label']
+    className: styles$V['vitro-label']
   })));
 });
 
@@ -66462,7 +66583,7 @@ var SortFilter = function SortFilter(props) {
   }))));
 };
 
-var styles$V = {"vitro-content-inner":"_filter_vitro-content-inner_18m0WL3","vitro-content-filtering-sorting":"_filter_vitro-content-filtering-sorting_RVMMLbQ","vitro-scrollbar-content":"_filter_vitro-scrollbar-content_2QzMBgK"};
+var styles$W = {"vitro-content-inner":"_filter_vitro-content-inner_18m0WL3","vitro-content-filtering-sorting":"_filter_vitro-content-filtering-sorting_RVMMLbQ","vitro-scrollbar-content":"_filter_vitro-scrollbar-content_2QzMBgK"};
 
 var CSS_CLASS_CONTENT_FILTERING_SORTING = 'vitro-content-filtering-sorting';
 var CSS_CLASS_CONTENT_INNER = 'vitro-content-inner';
@@ -66504,9 +66625,9 @@ var Filter = function Filter(props) {
   if (props.isScrollEnabled) {
     var _props$settings, _props$settings2;
     return React__default.createElement("div", {
-      className: styles$V[CSS_CLASS_CONTENT_INNER] + CTRL.SPACE + styles$V[CSS_CLASS_CONTENT_FILTERING_SORTING]
+      className: styles$W[CSS_CLASS_CONTENT_INNER] + CTRL.SPACE + styles$W[CSS_CLASS_CONTENT_FILTERING_SORTING]
     }, React__default.createElement(ScrollBar, {
-      contentClassName: styles$V[CSS_CLASS_SCROLLBAR_CONTENT]
+      contentClassName: styles$W[CSS_CLASS_SCROLLBAR_CONTENT]
     }, React__default.createElement(CriterionFilter, {
       id: props.id,
       listConfig: props.listConfig,
@@ -66528,7 +66649,7 @@ var Filter = function Filter(props) {
   } else {
     var _props$settings3, _props$settings4;
     return React__default.createElement("div", {
-      className: styles$V[CSS_CLASS_CONTENT_INNER] + CTRL.SPACE + styles$V[CSS_CLASS_CONTENT_FILTERING_SORTING]
+      className: styles$W[CSS_CLASS_CONTENT_INNER] + CTRL.SPACE + styles$W[CSS_CLASS_CONTENT_FILTERING_SORTING]
     }, React__default.createElement(CriterionFilter, {
       id: props.id,
       listConfig: props.listConfig,
@@ -66591,7 +66712,7 @@ var SearchDialog = function SearchDialog(props) {
     setFilterCriterionList(filter.criterionFilter);
   };
   var content = React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$H[CSS_CLASS_FILTER_CONTAINER$1]
+    className: styles$I[CSS_CLASS_FILTER_CONTAINER$1]
   }, React__default.createElement(Filter, {
     id: props.id,
     listConfig: props.listConfig,
@@ -66605,7 +66726,7 @@ var SearchDialog = function SearchDialog(props) {
     isSearch: true,
     feature: props.feature
   }), !props.isMobileView && React__default.createElement(ButtonGroup, {
-    className: styles$H[CSS_CLASS_BUTTON_GROUP]
+    className: styles$I[CSS_CLASS_BUTTON_GROUP]
   }, React__default.createElement(ButtonCancel, {
     text: getSearchLabel(ACTION$2.CANCEL),
     onClick: props.onCancel
@@ -66621,18 +66742,18 @@ var SearchDialog = function SearchDialog(props) {
       text: getSearchLabel(ACTION$2.SEARCH),
       onClick: props.onSearch
     }],
-    className: styles$H[CSS_CLASS_SETTINGS_DIALOG_MOBILE],
-    headerClassName: styles$H[CSS_CLASS_SETTINGS_DIALOG_HEADER],
-    footerClassName: styles$H[CSS_CLASS_SETTINGS_DIALOG_FOOTER],
+    className: styles$I[CSS_CLASS_SETTINGS_DIALOG_MOBILE],
+    headerClassName: styles$I[CSS_CLASS_SETTINGS_DIALOG_HEADER],
+    footerClassName: styles$I[CSS_CLASS_SETTINGS_DIALOG_FOOTER],
     isDismissible: true
   }, content) : React__default.createElement(Overlay$2, {
     isShow: true,
     target: props.searchRef.current,
-    className: styles$H[CSS_CLASS_SETTINGS_DIALOG]
+    className: styles$I[CSS_CLASS_SETTINGS_DIALOG]
   }, content)));
 };
 
-var styles$W = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-button-settings":"_search_vitro-button-settings_oJCn__t","vitro-search-mobile":"_search_vitro-search-mobile_XsKRflV"};
+var styles$X = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-button-settings":"_search_vitro-button-settings_oJCn__t","vitro-search-mobile":"_search_vitro-search-mobile_XsKRflV"};
 
 var CONDITION_CONTAINS = 11;
 var CSS_CLASS_ACTIVE$1 = 'vitro-active';
@@ -66713,7 +66834,7 @@ var Search = React.forwardRef(function (props, ref) {
   }, [props.parentId]);
   React.useEffect(function () {
     if (selectedSearchCriterionList.length) {
-      setState(styles$W[CSS_CLASS_ACTIVE$1]);
+      setState(styles$X[CSS_CLASS_ACTIVE$1]);
     }
   }, [selectedSearchCriterionList]);
   React.useEffect(function () {
@@ -66844,7 +66965,7 @@ var Search = React.forwardRef(function (props, ref) {
     }
   };
   var onFocusInput = function onFocusInput() {
-    setState(styles$W[CSS_CLASS_ACTIVE$1]);
+    setState(styles$X[CSS_CLASS_ACTIVE$1]);
   };
   var onRemoveValue = function onRemoveValue(valueList) {
     setSearchCriterionList(valueList);
@@ -66878,7 +66999,7 @@ var Search = React.forwardRef(function (props, ref) {
   };
   return React__default.createElement("div", {
     ref: searchRef,
-    className: (props.isMobileView || props.isMinifiedInput ? styles$W['vitro-search-mobile'] : styles$W['vitro-search']) + CTRL.SPACE + state
+    className: (props.isMobileView || props.isMinifiedInput ? styles$X['vitro-search-mobile'] : styles$X['vitro-search']) + CTRL.SPACE + state
   }, React__default.createElement(SearchInput, {
     searchCriterionList: selectedSearchCriterionList,
     onCancel: onCancelSearch,
@@ -66889,11 +67010,11 @@ var Search = React.forwardRef(function (props, ref) {
     onFocus: onFocusInput,
     isActive: state || isShowDialog ? true : false,
     isMobileView: props.isMobileView ? true : props.isMinifiedInput,
-    className: styles$W['vitro-control'],
+    className: styles$X['vitro-control'],
     ref: searchInputRef
   }, (state || isShowDialog) && React__default.createElement(ImageButton, {
     onClick: onSettingsClick,
-    className: styles$W['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$W[CSS_CLASS_ACTIVE$1] : CTRL.EMPTY)
+    className: styles$X['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$X[CSS_CLASS_ACTIVE$1] : CTRL.EMPTY)
   })), React__default.createElement(SearchDialog, {
     id: props.id,
     title: inputPlaceholder,
@@ -66911,7 +67032,7 @@ var Search = React.forwardRef(function (props, ref) {
   }));
 });
 
-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"};
+var styles$Y = {"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"};
 
 var CSS_CLASS_VIEWER_ISSUE_LIST = 'vitro-viewer-issue-list';
 var CSS_CLASS_SEARCH = 'vitro-search-wrap';
@@ -67009,9 +67130,9 @@ var ViewerIssueList = function ViewerIssueList(props) {
     props.onIssueTileClick(issue, props.context);
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$X[CSS_CLASS_VIEWER_ISSUE_LIST] + CTRL.SPACE + CSS_CLASS_VIEWER_ISSUE_LIST
+    className: styles$Y[CSS_CLASS_VIEWER_ISSUE_LIST] + CTRL.SPACE + CSS_CLASS_VIEWER_ISSUE_LIST
   }, props.fieldList && React__default.createElement("div", {
-    className: styles$X[CSS_CLASS_SEARCH]
+    className: styles$Y[CSS_CLASS_SEARCH]
   }, React__default.createElement(Search, {
     id: props.id,
     destination: props.destination,
@@ -67024,7 +67145,7 @@ var ViewerIssueList = function ViewerIssueList(props) {
     isMinifiedInput: props.isMinifiedInput,
     feature: props.feature
   })), React__default.createElement("div", {
-    className: styles$X[CSS_CLASS_ISSUE_LIST]
+    className: styles$Y[CSS_CLASS_ISSUE_LIST]
   }, issueList === null || issueList === void 0 ? void 0 : issueList.map(function (issue) {
     return React__default.createElement(IssueTile, Object.assign({}, issue, {
       key: issue.id,
@@ -67159,7 +67280,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.249";
+var version$1 = "1.1.251";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -67306,7 +67427,7 @@ var PdfViewer = function PdfViewer(props) {
   });
 };
 
-var styles$Y = {"vitro-login-content":"_login-content_vitro-login-content_2RdLZle"};
+var styles$Z = {"vitro-login-content":"_login-content_vitro-login-content_2RdLZle"};
 
 var LoginContent = function LoginContent(props) {
   var ref = React.useRef(null);
@@ -67317,61 +67438,61 @@ var LoginContent = function LoginContent(props) {
     }
   }, [props.children]);
   return React__default.createElement("div", {
-    className: styles$Y['vitro-login-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$Z['vitro-login-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     ref: ref
   }, props.children);
 };
 
-var styles$Z = {"vitro-start-page-header":"_start-page-header_vitro-start-page-header_3gihaZz","vitro-logo":"_start-page-header_vitro-logo_3UGnU-a"};
+var styles$_ = {"vitro-start-page-header":"_start-page-header_vitro-start-page-header_3gihaZz","vitro-logo":"_start-page-header_vitro-logo_3UGnU-a"};
 
 var StartPageHeader = function StartPageHeader(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$Z['vitro-start-page-header']
+    className: styles$_['vitro-start-page-header']
   }, props.logoUrl && React__default.createElement(Image, {
-    className: styles$Z['vitro-logo'],
+    className: styles$_['vitro-logo'],
     defaultUrl: props.logoUrl
   }), React__default.createElement(ButtonGroup, {
     itemList: props.buttonList
   }));
 };
 
-var styles$_ = {"vitro-start-page-footer":"_start-page-footer_vitro-start-page-footer_2tF73xF","vitro-link-list":"_start-page-footer_vitro-link-list_Jgag3Ql","vitro-link":"_start-page-footer_vitro-link_2fkkgsk","vitro-copyright":"_start-page-footer_vitro-copyright_U6WpO_F","vitro-language":"_start-page-footer_vitro-language_2StBJdR"};
+var styles$$ = {"vitro-start-page-footer":"_start-page-footer_vitro-start-page-footer_2tF73xF","vitro-link-list":"_start-page-footer_vitro-link-list_Jgag3Ql","vitro-link":"_start-page-footer_vitro-link_2fkkgsk","vitro-copyright":"_start-page-footer_vitro-copyright_U6WpO_F","vitro-language":"_start-page-footer_vitro-language_2StBJdR"};
 
 var StartPageFooter = function StartPageFooter(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$_['vitro-start-page-footer']
+    className: styles$$['vitro-start-page-footer']
   }, React__default.createElement("div", {
-    className: styles$_['vitro-language']
+    className: styles$$['vitro-language']
   }), props.itemList && React__default.createElement(List$1, {
     itemList: props.itemList,
     itemTemplate: function itemTemplate(item) {
       return React__default.createElement(Link, Object.assign({}, item, {
-        className: styles$_['vitro-link']
+        className: styles$$['vitro-link']
       }));
     },
-    className: styles$_['vitro-link-list']
+    className: styles$$['vitro-link-list']
   }), React__default.createElement("span", {
-    className: styles$_['vitro-copyright']
+    className: styles$$['vitro-copyright']
   }, props.copyright));
 };
 
-var styles$$ = {"vitro-start-page":"_start-page_vitro-start-page_G1IhYOX","vitro-start-page-padding":"_start-page_vitro-start-page-padding_2Nbrkuz","vitro-content":"_start-page_vitro-content_KLMzPjD"};
+var styles$10 = {"vitro-start-page":"_start-page_vitro-start-page_G1IhYOX","vitro-start-page-padding":"_start-page_vitro-start-page-padding_2Nbrkuz","vitro-content":"_start-page_vitro-content_KLMzPjD"};
 
 var StartPage = function StartPage(props) {
   return React__default.createElement(FlexBox, {
-    className: props.isShowHeader ? styles$$['vitro-start-page-padding'] : styles$$['vitro-start-page']
+    className: props.isShowHeader ? styles$10['vitro-start-page-padding'] : styles$10['vitro-start-page']
   }, props.isShowHeader && React__default.createElement(StartPageHeader, {
     logoUrl: props.logoUrl,
     buttonList: props.headerButtonList
   }), React__default.createElement(FlexBox, {
-    className: styles$$['vitro-content']
+    className: styles$10['vitro-content']
   }, props.children), React__default.createElement(StartPageFooter, {
     copyright: props.copyright,
     itemList: props.linkItemList
   }));
 };
 
-var styles$10 = {"vitro-login":"_login_vitro-login_12nYNm2","vitro-logo":"_login_vitro-logo_3-qTjgy"};
+var styles$11 = {"vitro-login":"_login_vitro-login_12nYNm2","vitro-logo":"_login_vitro-logo_3-qTjgy"};
 
 var Login = function Login(props) {
   return React__default.createElement(StartPage, {
@@ -67379,36 +67500,36 @@ var Login = function Login(props) {
     copyright: props.copyright,
     linkItemList: props.linkItemList
   }, React__default.createElement(FlexBox, {
-    className: styles$10['vitro-login'],
+    className: styles$11['vitro-login'],
     isColumn: true
   }, React__default.createElement(Image, {
-    className: styles$10['vitro-logo'],
+    className: styles$11['vitro-logo'],
     defaultUrl: props.logo
   }), React__default.createElement(LoginContent, null, props.children)));
 };
 
-var TYPE$1;
+var TYPE$2;
 (function (TYPE) {
   TYPE["TEXT"] = "text";
   TYPE["PASSWORD"] = "password";
-})(TYPE$1 || (TYPE$1 = {}));
+})(TYPE$2 || (TYPE$2 = {}));
 
-var styles$11 = {"vitro-button-show-password":"_password-input_vitro-button-show-password_2jL4nM-","vitro-button-hide-password":"_password-input_vitro-button-hide-password_vPoUeVl"};
+var styles$12 = {"vitro-button-show-password":"_password-input_vitro-button-show-password_2jL4nM-","vitro-button-hide-password":"_password-input_vitro-button-hide-password_vPoUeVl"};
 
 var PasswordInput = React.forwardRef(function (props, ref) {
-  var _useState = React.useState(TYPE$1.PASSWORD),
+  var _useState = React.useState(TYPE$2.PASSWORD),
     type = _useState[0],
     setType = _useState[1];
-  var _useState2 = React.useState(styles$11['vitro-button-show-password']),
+  var _useState2 = React.useState(styles$12['vitro-button-show-password']),
     icon = _useState2[0],
     setIcon = _useState2[1];
   var togglePassword = function togglePassword() {
-    if (type === TYPE$1.PASSWORD) {
-      setType(TYPE$1.TEXT);
-      setIcon(styles$11['vitro-button-hide-password']);
+    if (type === TYPE$2.PASSWORD) {
+      setType(TYPE$2.TEXT);
+      setIcon(styles$12['vitro-button-hide-password']);
     } else {
-      setType(TYPE$1.PASSWORD);
-      setIcon(styles$11['vitro-button-show-password']);
+      setType(TYPE$2.PASSWORD);
+      setIcon(styles$12['vitro-button-show-password']);
     }
   };
   return React__default.createElement(Input, Object.assign({}, props, {
@@ -67457,28 +67578,28 @@ var FIELD_NAME;
   FIELD_NAME["SAVE_DATA"] = "saveData";
 })(FIELD_NAME || (FIELD_NAME = {}));
 
-var styles$12 = {"vitro-submit-button":"_login-submit-button_vitro-submit-button_1TFkn8x"};
+var styles$13 = {"vitro-submit-button":"_login-submit-button_vitro-submit-button_1TFkn8x"};
 
 var LoginSubmitButton = function LoginSubmitButton(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement(Button$1, {
-    className: STYLE.PRIMARY + CTRL.SPACE + styles$12['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: STYLE.PRIMARY + CTRL.SPACE + styles$13['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     text: localeService.create(LOCALE$9.ACTION_LOGIN),
     onClick: props.onClick,
     isDisabled: props.isDisabled
   });
 };
 
-var styles$13 = {"vitro-login-title":"_login-title_vitro-login-title_3Y4jqav"};
+var styles$14 = {"vitro-login-title":"_login-title_vitro-login-title_3Y4jqav"};
 
 var LoginTitle = function LoginTitle(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement("h1", {
-    className: styles$13['vitro-login-title'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$14['vitro-login-title'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.text || localeService.create(LOCALE$9.LOGIN_FORM_TITLE));
 };
 
-var styles$14 = {"vitro-title":"_login-form_vitro-title_3hbcdDr","vitro-flex":"_login-form_vitro-flex_fxG_Mos","vitro-error":"_login-form_vitro-error_2-jVYfA","vitro-link":"_login-form_vitro-link_2LCXwY2","vitro-separator":"_login-form_vitro-separator_P7hw9MH","vitro-control":"_login-form_vitro-control_1Th9h7G","vitro-password-control":"_login-form_vitro-password-control_2_Eo-gN","vitro-login-checkbox":"_login-form_vitro-login-checkbox_1eoT81X","vitro-button-list":"_login-form_vitro-button-list_1-9qryi","vitro-button":"_login-form_vitro-button_r2KCJ7k","vitro-link-register":"_login-form_vitro-link-register_zUIL_1f"};
+var styles$15 = {"vitro-title":"_login-form_vitro-title_3hbcdDr","vitro-flex":"_login-form_vitro-flex_fxG_Mos","vitro-error":"_login-form_vitro-error_2-jVYfA","vitro-link":"_login-form_vitro-link_2LCXwY2","vitro-separator":"_login-form_vitro-separator_P7hw9MH","vitro-control":"_login-form_vitro-control_1Th9h7G","vitro-password-control":"_login-form_vitro-password-control_2_Eo-gN","vitro-login-checkbox":"_login-form_vitro-login-checkbox_1eoT81X","vitro-button-list":"_login-form_vitro-button-list_1-9qryi","vitro-button":"_login-form_vitro-button_r2KCJ7k","vitro-link-register":"_login-form_vitro-link-register_zUIL_1f"};
 
 var LoginForm = React.forwardRef(function (props, ref) {
   var _useState = React.useState(CTRL.EMPTY),
@@ -67588,7 +67709,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement("div", null, React__default.createElement(LoginTitle, {
-    className: styles$14['vitro-title']
+    className: styles$15['vitro-title']
   }), React__default.createElement(Input, {
     name: FIELD_NAME.USER_NAME,
     label: localeService.create(LOCALE$9.LOGIN_FORM_FIELD_NAME),
@@ -67598,7 +67719,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
       return _onFocus(FIELD_NAME.USER_NAME);
     },
     isError: errorMessage ? true : false,
-    className: styles$14['vitro-control']
+    className: styles$15['vitro-control']
   }), React__default.createElement(PasswordInput, {
     name: FIELD_NAME.PASSWORD,
     label: localeService.create(LOCALE$9.LOGIN_FORM_FIELD_PASSWORD),
@@ -67608,48 +67729,48 @@ var LoginForm = React.forwardRef(function (props, ref) {
       return _onFocus(FIELD_NAME.PASSWORD);
     },
     isError: errorMessage ? true : false,
-    className: styles$14['vitro-control']
+    className: styles$15['vitro-control']
   }), (props.onSaveData || props.onResetPassword) && React__default.createElement("div", {
-    className: styles$14['vitro-flex'] + (passwordErrorMessage || errorMessage || userNameErrorMessage ? CTRL.SPACE + styles$14['vitro-error'] : CTRL.EMPTY)
+    className: styles$15['vitro-flex'] + (passwordErrorMessage || errorMessage || userNameErrorMessage ? CTRL.SPACE + styles$15['vitro-error'] : CTRL.EMPTY)
   }, props.onSaveData && React__default.createElement(Checkbox, {
     label: localeService.create(LOCALE$9.LOGIN_FORM_ACTION_SAVE_DATA),
     name: FIELD_NAME.SAVE_DATA,
     onChange: props.onSaveData,
-    className: styles$14['vitro-login-checkbox']
+    className: styles$15['vitro-login-checkbox']
   }), props.onResetPassword && React__default.createElement(Link, {
     text: localeService.create(LOCALE$9.LOGIN_FORM_ACTION_RESET_PASSWORD),
     onClick: props.onResetPassword,
-    className: styles$14['vitro-link']
+    className: styles$15['vitro-link']
   })), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
     isDisabled: loading
   }), props.buttonList && props.buttonList.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$14['vitro-separator']
+    className: styles$15['vitro-separator']
   }, localeService.create(LOCALE$9.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
-    className: styles$14['vitro-button-list']
+    className: styles$15['vitro-button-list']
   }, props.buttonList.map(function (button) {
     return React__default.createElement(Button$1, Object.assign({}, button, {
-      className: styles$14['vitro-button']
+      className: styles$15['vitro-button']
     }));
   }))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
     text: localeService.create(LOCALE$9.LOGIN_FORM_ACTION_REGISTER),
     onClick: props.onRegister,
-    className: styles$14['vitro-link-register']
+    className: styles$15['vitro-link-register']
   }));
 });
 
-var styles$15 = {"vitro-link":"_login-go-back-link_vitro-link_103lWHm"};
+var styles$16 = {"vitro-link":"_login-go-back-link_vitro-link_103lWHm"};
 
 var LoginGoBackLink = function LoginGoBackLink(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement(Link, {
     text: localeService.create(LOCALE$9.ACTION_GO_BACK),
     onClick: props.onClick,
-    className: styles$15['vitro-link']
+    className: styles$16['vitro-link']
   });
 };
 
-var styles$16 = {"vitro-two-factor-authentication-form":"_two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL","vitro-title":"_two-factor-authentication-form_vitro-title_2TyfWcR","vitro-subtitle":"_two-factor-authentication-form_vitro-subtitle_aP8TzSj","vitro-control":"_two-factor-authentication-form_vitro-control_DMLipzl","vitro-link-resend-code":"_two-factor-authentication-form_vitro-link-resend-code_1TOWPEe","vitro-description":"_two-factor-authentication-form_vitro-description_2mhz2nj","vitro-resend-code-description":"_two-factor-authentication-form_vitro-resend-code-description_9WkdV6i","vitro-flex":"_two-factor-authentication-form_vitro-flex_3mAp0Js","vitro-clock":"_two-factor-authentication-form_vitro-clock_3_ffAz_","vitro-button":"_two-factor-authentication-form_vitro-button_3hpMWyE","vitro-email":"_two-factor-authentication-form_vitro-email_qxiJm1M","vitro-hidden-symbol":"_two-factor-authentication-form_vitro-hidden-symbol_12uh3tN"};
+var styles$17 = {"vitro-two-factor-authentication-form":"_two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL","vitro-title":"_two-factor-authentication-form_vitro-title_2TyfWcR","vitro-subtitle":"_two-factor-authentication-form_vitro-subtitle_aP8TzSj","vitro-control":"_two-factor-authentication-form_vitro-control_DMLipzl","vitro-link-resend-code":"_two-factor-authentication-form_vitro-link-resend-code_1TOWPEe","vitro-description":"_two-factor-authentication-form_vitro-description_2mhz2nj","vitro-resend-code-description":"_two-factor-authentication-form_vitro-resend-code-description_9WkdV6i","vitro-flex":"_two-factor-authentication-form_vitro-flex_3mAp0Js","vitro-clock":"_two-factor-authentication-form_vitro-clock_3_ffAz_","vitro-button":"_two-factor-authentication-form_vitro-button_3hpMWyE","vitro-email":"_two-factor-authentication-form_vitro-email_qxiJm1M","vitro-hidden-symbol":"_two-factor-authentication-form_vitro-hidden-symbol_12uh3tN"};
 
 var RESEND_CODE_DURATION = 60000;
 var DOT_STRING = "\u2022\u2022\u2022\u2022";
@@ -67711,9 +67832,9 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
     var name = emailArr[0].slice(0, 2);
     var domain = emailArr.length > 1 ? emailArr[1].slice(emailArr[1].indexOf(CTRL.DOT)) : "";
     return React__default.createElement(React__default.Fragment, null, name, React__default.createElement("span", {
-      className: styles$16['vitro-hidden-symbol']
+      className: styles$17['vitro-hidden-symbol']
     }, DOT_STRING), CTRL.AT_SIGN, React__default.createElement("span", {
-      className: styles$16['vitro-hidden-symbol']
+      className: styles$17['vitro-hidden-symbol']
     }, DOT_STRING), domain);
   };
   var onResendCode = function onResendCode() {
@@ -67730,44 +67851,44 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$16['vitro-two-factor-authentication-form']
+    className: styles$17['vitro-two-factor-authentication-form']
   }, props.totpApplicationQrCode && React__default.createElement("div", null, React__default.createElement("img", {
     src: props.totpApplicationQrCode
   })), React__default.createElement(LoginTitle, {
-    className: styles$16['vitro-title'],
+    className: styles$17['vitro-title'],
     text: localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_TITLE)
   }), props.isTotpMode ? React__default.createElement("div", {
-    className: styles$16['vitro-subtitle']
+    className: styles$17['vitro-subtitle']
   }) : React__default.createElement("div", {
-    className: styles$16['vitro-subtitle']
+    className: styles$17['vitro-subtitle']
   }, React__default.createElement("div", null, localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_USER_NAME), React__default.createElement("span", null, CTRL.SPACE + props.userName)), React__default.createElement("div", null, localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_EMAIL) + CTRL.SPACE, React__default.createElement("span", {
-    className: styles$16['vitro-email']
+    className: styles$17['vitro-email']
   }, getEmail(props.email)))), React__default.createElement(Input, {
     name: FIELD_NAME.USER_NAME,
     label: localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_FIELD_CODE),
     onChange: onChange,
     onBlur: validate,
     errorMessage: errorMessage,
-    className: styles$16['vitro-control']
+    className: styles$17['vitro-control']
   }), !props.isTotpMode && React__default.createElement("div", {
-    className: styles$16['vitro-flex']
+    className: styles$17['vitro-flex']
   }, React__default.createElement(Link, {
     text: localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_CODE_SEND_ERROR),
     onClick: props.onResendCode,
-    className: styles$16['vitro-link']
+    className: styles$17['vitro-link']
   }), React__default.createElement("div", {
-    className: styles$16['vitro-description'] + CTRL.SPACE + styles$16['vitro-clock']
+    className: styles$17['vitro-description'] + CTRL.SPACE + styles$17['vitro-clock']
   }, localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_VALIDITY, {
     duration: props.codeValidityDurationMin || 10
   }))), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
-    className: styles$16['vitro-button']
+    className: styles$17['vitro-button']
   }), !props.isTotpMode && !resendDuration && React__default.createElement(Link, {
     text: localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_RESEND_CODE),
     onClick: onResendCode,
-    className: styles$16['vitro-link-resend-code']
+    className: styles$17['vitro-link-resend-code']
   }), !props.isTotpMode && resendDuration && React__default.createElement("div", {
-    className: styles$16['vitro-resend-code-description']
+    className: styles$17['vitro-resend-code-description']
   }, localeService.create(LOCALE$9.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_RESEND, {
     duration: resendDuration
   })), React__default.createElement(LoginGoBackLink, {
@@ -67775,7 +67896,7 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
   }));
 });
 
-var styles$17 = {"vitro-login-kerberos-form":"_login-kerberos-form_vitro-login-kerberos-form_v_rdUFi","vitro-flex":"_login-kerberos-form_vitro-flex_3DV6V0F","vitro-subtitle":"_login-kerberos-form_vitro-subtitle_hOCCFau","vitro-error-message":"_login-kerberos-form_vitro-error-message_2LXMkSK"};
+var styles$18 = {"vitro-login-kerberos-form":"_login-kerberos-form_vitro-login-kerberos-form_v_rdUFi","vitro-flex":"_login-kerberos-form_vitro-flex_3DV6V0F","vitro-subtitle":"_login-kerberos-form_vitro-subtitle_hOCCFau","vitro-error-message":"_login-kerberos-form_vitro-error-message_2LXMkSK"};
 
 var LoginKerberosForm = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.errorMessage),
@@ -67794,49 +67915,49 @@ var LoginKerberosForm = React.forwardRef(function (props, ref) {
     };
   });
   return React__default.createElement(FlexBox, {
-    className: styles$17['vitro-login-kerberos-form']
+    className: styles$18['vitro-login-kerberos-form']
   }, React__default.createElement(LoginTitle, null), React__default.createElement(FlexBox, {
-    className: styles$17['vitro-flex']
+    className: styles$18['vitro-flex']
   }, React__default.createElement(Image, {
     defaultUrl: props.imageUrl
   }), React__default.createElement("span", {
-    className: styles$17['vitro-subtitle']
+    className: styles$18['vitro-subtitle']
   }, subtitle), errorMessage && React__default.createElement(ErrorMessage, {
     text: errorMessage,
-    className: styles$17['vitro-error-message']
+    className: styles$18['vitro-error-message']
   })), React__default.createElement(LoginGoBackLink, {
     onClick: props.onGoBack
   }));
 });
 
-var styles$18 = {"vitro-command-menu":"_command-menu_vitro-command-menu_l82vtIh"};
+var styles$19 = {"vitro-command-menu":"_command-menu_vitro-command-menu_l82vtIh"};
 
 var CommandMenu = React.forwardRef(function (props, ref) {
   return React__default.createElement("nav", {
     ref: ref,
-    className: styles$18['vitro-command-menu'] + CTRL.SPACE + 'navbar'
+    className: styles$19['vitro-command-menu'] + CTRL.SPACE + 'navbar'
   }, React__default.createElement("ul", {
     className: 'nav'
   }, props.children));
 });
 
-var styles$19 = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
+var styles$1a = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
 
 var CommandMenuButton = function CommandMenuButton(props) {
   return React__default.createElement("li", null, React__default.createElement(Button$1, Object.assign({}, props, {
-    className: styles$19['vitro-command-menu-button'] + CTRL.SPACE + (props.className ? props.className : STYLE.LIGHT)
+    className: styles$1a['vitro-command-menu-button'] + CTRL.SPACE + (props.className ? props.className : STYLE.LIGHT)
   })));
 };
 
 var itemStyles = {"vitro-item":"_command-menu-item_vitro-item_2pVhk23"};
 
-var styles$1a = {"vitro-item-lookup-picker":"_command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP","vitro-command-menu-lookup-picker":"_command-menu-lookup-picker_vitro-command-menu-lookup-picker_1840wlg","vitro-content":"_command-menu-lookup-picker_vitro-content_3fNJUmC","vitro-value-list":"_command-menu-lookup-picker_vitro-value-list_3_OCO0r","ps":"_command-menu-lookup-picker_ps_2nXaPqA","ps--active-y":"_command-menu-lookup-picker_ps--active-y_1PYkoqT","vitro-selected-item":"_command-menu-lookup-picker_vitro-selected-item_2oLYUbH","vitro-item":"_command-menu-lookup-picker_vitro-item_16ocUuf","vitro-right":"_command-menu-lookup-picker_vitro-right_3sBWu8H"};
+var styles$1b = {"vitro-item-lookup-picker":"_command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP","vitro-command-menu-lookup-picker":"_command-menu-lookup-picker_vitro-command-menu-lookup-picker_1840wlg","vitro-content":"_command-menu-lookup-picker_vitro-content_3fNJUmC","vitro-value-list":"_command-menu-lookup-picker_vitro-value-list_3_OCO0r","ps":"_command-menu-lookup-picker_ps_2nXaPqA","ps--active-y":"_command-menu-lookup-picker_ps--active-y_1PYkoqT","vitro-selected-item":"_command-menu-lookup-picker_vitro-selected-item_2oLYUbH","vitro-item":"_command-menu-lookup-picker_vitro-item_16ocUuf","vitro-right":"_command-menu-lookup-picker_vitro-right_3sBWu8H"};
 
 var CommandMenuLookupPicker = function CommandMenuLookupPicker(props) {
   return React__default.createElement("li", {
-    className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$1a['vitro-item-lookup-picker']
+    className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$1b['vitro-item-lookup-picker']
   }, React__default.createElement(LookupPicker, Object.assign({}, props, {
-    className: styles$1a['vitro-command-menu-lookup-picker'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1b['vitro-command-menu-lookup-picker'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   })));
 };
 
@@ -67847,7 +67968,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   }), props.children));
 };
 
-var styles$1b = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-arrow":"_sidebar-item_vitro-arrow_NaAiOHu","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob","vitro-sidebar-group-slideup-panel":"_sidebar-item_vitro-sidebar-group-slideup-panel_15tkxuO"};
+var styles$1c = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-arrow":"_sidebar-item_vitro-arrow_NaAiOHu","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob","vitro-sidebar-group-slideup-panel":"_sidebar-item_vitro-sidebar-group-slideup-panel_15tkxuO"};
 
 var Item$2 = function Item(props) {
   var _useState = React.useState(false),
@@ -67884,10 +68005,10 @@ var Item$2 = function Item(props) {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
     isHover: props.isHover,
-    className: styles$1b['vitro-image']
+    className: styles$1c['vitro-image']
   })), React__default.createElement("span", {
     ref: textRef,
-    className: styles$1b['vitro-item-text'] + (!(props.isSidebarExpanded || props.isMobileView) ? CTRL.SPACE + styles$1b['vitro-display-none'] : CTRL.EMPTY)
+    className: styles$1c['vitro-item-text'] + (!(props.isSidebarExpanded || props.isMobileView) ? CTRL.SPACE + styles$1c['vitro-display-none'] : CTRL.EMPTY)
   }, props.text)));
 };
 
@@ -67915,7 +68036,7 @@ var LinkItem$1 = function LinkItem(props) {
     isHover = _useState[0],
     setIsHover = _useState[1];
   var isActive = !!props.link && (props.link === props.currentUrl && (!props.activeItem || props.activeItem === props.id) || props.altUrlList && props.altUrlList.includes(props.currentUrl));
-  var className = isActive ? styles$1b['vitro-active'] : isHover ? styles$1b['vitro-hover'] : CTRL.EMPTY;
+  var className = isActive ? styles$1c['vitro-active'] : isHover ? styles$1c['vitro-hover'] : CTRL.EMPTY;
   var onClick = function onClick(e) {
     if (!props.isDisabled) {
       if (props.onClick) {
@@ -67940,7 +68061,7 @@ var LinkItem$1 = function LinkItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO
     },
-    className: styles$1b['vitro-item']
+    className: styles$1c['vitro-item']
   }, (props.link || props.onClick) && React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -67980,7 +68101,7 @@ var LinkItem$1 = function LinkItem(props) {
   }))));
 };
 
-var styles$1c = {"vitro-slide-up-panel":"_slide-up-panel_vitro-slide-up-panel_2EOSLHK","vitro-content":"_slide-up-panel_vitro-content_1er6bcv","vitro-expanded":"_slide-up-panel_vitro-expanded_2f2dYt6","vitro-button-close":"_slide-up-panel_vitro-button-close_2iM7SFL"};
+var styles$1d = {"vitro-slide-up-panel":"_slide-up-panel_vitro-slide-up-panel_2EOSLHK","vitro-content":"_slide-up-panel_vitro-content_1er6bcv","vitro-expanded":"_slide-up-panel_vitro-expanded_2f2dYt6","vitro-button-close":"_slide-up-panel_vitro-button-close_2iM7SFL"};
 
 var SlideUpPanel = function SlideUpPanel(props) {
   var _useState = React.useState(props.isShow),
@@ -68056,13 +68177,13 @@ var SlideUpPanel = function SlideUpPanel(props) {
     target: props.container,
     placement: exports.PLACEMENT.TOP
   }, React__default.createElement("div", {
-    className: styles$1c['vitro-slide-up-panel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1d['vitro-slide-up-panel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$1c['vitro-content'] + (isExpanded ? CTRL.SPACE + styles$1c['vitro-expanded'] : CTRL.EMPTY),
+    className: styles$1d['vitro-content'] + (isExpanded ? CTRL.SPACE + styles$1d['vitro-expanded'] : CTRL.EMPTY),
     ref: contentRef
   }, React__default.createElement("button", {
     ref: buttonRef,
-    className: styles$1c['vitro-button-close'],
+    className: styles$1d['vitro-button-close'],
     onTouchStart: onTouchStart,
     onTouchEnd: onTouchEnd,
     onTouchMove: onTouchMove,
@@ -68152,7 +68273,7 @@ var _GroupItem = function GroupItem(props) {
       setIsHover(focus);
     }
   };
-  var className = isActive ? styles$1b['vitro-active'] : isHover ? styles$1b['vitro-hover'] : CTRL.EMPTY;
+  var className = isActive ? styles$1c['vitro-active'] : isHover ? styles$1c['vitro-hover'] : CTRL.EMPTY;
   var content = React__default.createElement(React__default.Fragment, null, props.itemList && props.itemList.map(function (i) {
     return i.link || i.onClick ? React__default.createElement(LinkItem$1, Object.assign({
       link: i.link,
@@ -68187,7 +68308,7 @@ var _GroupItem = function GroupItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO$1
     },
-    className: styles$1b['vitro-item'] + CTRL.SPACE + styles$1b['vitro-group-item']
+    className: styles$1c['vitro-item'] + CTRL.SPACE + styles$1c['vitro-group-item']
   }, React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return _onFocus(true);
@@ -68206,18 +68327,18 @@ var _GroupItem = function GroupItem(props) {
   }, React__default.createElement(Item$2, Object.assign({}, props, {
     isHover: isHover || isActive
   })), props.isSidebarExpanded && !props.isMobileView && React__default.createElement("span", {
-    className: isExpanded ? styles$1b['vitro-expanded'] : styles$1b['vitro-collapsed']
+    className: isExpanded ? styles$1c['vitro-expanded'] : styles$1c['vitro-collapsed']
   })), props.isMobileView ? React__default.createElement(SlideUpPanel, {
     isShow: isExpanded,
     container: props.container,
     onClose: onCloseSlideUpPanel,
-    className: styles$1b[CSS_CLASS_SLIDE_UP_PANEL]
+    className: styles$1c[CSS_CLASS_SLIDE_UP_PANEL]
   }, React__default.createElement(ScrollBar, {
-    className: styles$1b['vitro-scrollbar']
+    className: styles$1c['vitro-scrollbar']
   }, React__default.createElement("ul", {
-    className: styles$1b[CSS_CLASS_ITEM_LIST_MOBILE]
+    className: styles$1c[CSS_CLASS_ITEM_LIST_MOBILE]
   }, content))) : React__default.createElement("ul", {
-    className: styles$1b['vitro-item-list'] + CTRL.SPACE + (props.isSidebarExpanded ? !isExpanded ? styles$1b['vitro-display-none'] : CTRL.EMPTY : styles$1b['vitro-display-none'])
+    className: styles$1c['vitro-item-list'] + CTRL.SPACE + (props.isSidebarExpanded ? !isExpanded ? styles$1c['vitro-display-none'] : CTRL.EMPTY : styles$1c['vitro-display-none'])
   }, content)));
 };
 
@@ -68256,7 +68377,7 @@ var CustomItem = function CustomItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO$2
     },
-    className: styles$1b['vitro-item']
+    className: styles$1c['vitro-item']
   }, React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -68272,11 +68393,11 @@ var CustomItem = function CustomItem(props) {
     },
     onClick: onClick,
     onMouseDown: onMouseDown,
-    className: isActive ? styles$1b['vitro-active'] : isHover ? styles$1b['vitro-hover'] : CTRL.EMPTY
+    className: isActive ? styles$1c['vitro-active'] : isHover ? styles$1c['vitro-hover'] : CTRL.EMPTY
   }, React__default.createElement(Item$2, Object.assign({}, props, {
     isHover: isHover || isActive
   })), props.isSidebarExpanded && !props.isMobileView && React__default.createElement("span", {
-    className: styles$1b['vitro-arrow']
+    className: styles$1c['vitro-arrow']
   })));
 };
 
@@ -68322,7 +68443,7 @@ var Section = function Section(props) {
   })) : React__default.createElement(React__default.Fragment, null));
 };
 
-var styles$1d = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
+var styles$1e = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
 
 var SectionList = React.forwardRef(function (props, ref) {
   if (!props.itemList || props.itemList.length === 0) {
@@ -68330,7 +68451,7 @@ var SectionList = React.forwardRef(function (props, ref) {
   }
   return React__default.createElement("ul", {
     ref: ref,
-    className: styles$1d['vitro-sidebar-section-list']
+    className: styles$1e['vitro-sidebar-section-list']
   }, props.itemList.map(function (section) {
     return React__default.createElement(Section, Object.assign({
       isExpanded: props.isExpanded,
@@ -68426,12 +68547,12 @@ var Sidebar = function Sidebar(props) {
     var width = containerWidth / count;
     setLinkItemWidth(width);
   };
-  var className = styles$1d['vitro-sidebar'] + (props.theme ? CTRL.SPACE + props.theme : CTRL.EMPTY) + CTRL.SPACE + (isMobileView ? 'vitro-bottom-menu' : CTRL.EMPTY);
+  var className = styles$1e['vitro-sidebar'] + (props.theme ? CTRL.SPACE + props.theme : CTRL.EMPTY) + CTRL.SPACE + (isMobileView ? 'vitro-bottom-menu' : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className,
     id: 'vitro-sidebar'
   }, !isMobileView ? React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollBar, {
-    className: styles$1d['vitro-scrollbar']
+    className: styles$1e['vitro-scrollbar']
   }, React__default.createElement(SectionList, {
     itemList: itemList,
     currentUrl: currentUrl,
@@ -68449,18 +68570,18 @@ var Sidebar = function Sidebar(props) {
     isMobileView: isMobileView,
     isDisabled: props.isDisabled
   })), React__default.createElement("div", {
-    className: styles$1d['vitro-logo-container']
+    className: styles$1e['vitro-logo-container']
   }, React__default.createElement(Item$2, {
     text: props.logoText,
     imageUrl: props.logo,
     isSidebarExpanded: !props.sidebar,
     isMobileView: isMobileView,
-    className: styles$1d['vitro-logo']
+    className: styles$1e['vitro-logo']
   }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$1d['vitro-scroll-container'],
+    className: styles$1e['vitro-scroll-container'],
     ref: menuRef
   }, React__default.createElement("div", {
-    className: styles$1d['vitro-scroll-content'],
+    className: styles$1e['vitro-scroll-content'],
     ref: scrollContentRef
   }, React__default.createElement(SectionList, {
     container: menuRef.current,
@@ -68479,35 +68600,35 @@ var Sidebar = function Sidebar(props) {
     width: linkItemWidth,
     isSidebarExpanded: !props.sidebar,
     isMobileView: isMobileView,
-    className: styles$1d['vitro-logo']
+    className: styles$1e['vitro-logo']
   }))), React__default.createElement("button", {
     onClick: scroll,
-    className: styles$1d['vitro-button-more']
+    className: styles$1e['vitro-button-more']
   })));
 };
 
-var styles$1e = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
+var styles$1f = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
 
 var ActivityItem = function ActivityItem(props) {
   return React__default.createElement("div", {
-    className: styles$1e['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$1e['vitro-active'] : CTRL.EMPTY)
+    className: styles$1f['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$1f['vitro-active'] : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$1e['vitro-flex']
+    className: styles$1f['vitro-flex']
   }, React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.userImageUrl,
-    className: styles$1e['vitro-avatar']
+    className: styles$1f['vitro-avatar']
   }), React__default.createElement("div", {
-    className: styles$1e['vitro-content']
+    className: styles$1f['vitro-content']
   }, React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$1e['vitro-title']
+    className: styles$1f['vitro-title']
   }, React__default.createElement("span", null, props.title || props.userName), props.isShowDetail && React__default.createElement("span", {
-    className: styles$1e['vitro-due-date']
+    className: styles$1f['vitro-due-date']
   }, props.date), props.isShowDetail && props.dropdownItemList && props.dropdownItemList.length > 0 && React__default.createElement(DropdownButton, {
     itemList: props.dropdownItemList,
-    className: styles$1e['vitro-dropdown-button']
+    className: styles$1f['vitro-dropdown-button']
   })), React__default.createElement("div", {
-    className: styles$1e['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
+    className: styles$1f['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
   }, React__default.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: props.message
@@ -68515,107 +68636,45 @@ var ActivityItem = function ActivityItem(props) {
   }), props.children)))));
 };
 
-var styles$1f = {"vitro-task-user-list":"_task-user-list_vitro-task-user-list_3GBJVjt"};
+var styles$1g = {"vitro-task-user-list":"_task-user-list_vitro-task-user-list_3GBJVjt"};
 
 var TaskUserList = function TaskUserList(props) {
   return React__default.createElement("div", {
-    className: styles$1f['vitro-task-user-list']
+    className: styles$1g['vitro-task-user-list']
   }, props.itemList && props.itemList.map(function (x) {
     return React__default.createElement(ActivityItem, Object.assign({}, x));
   }));
 };
 
-var styles$1g = {"vitro-task-tile":"_task-tile_vitro-task-tile_35bZu48","vitro-active":"_task-tile_vitro-active_11W9nJz","vitro-content":"_task-tile_vitro-content_rl2ERCQ","vitro-description":"_task-tile_vitro-description_qtyUbLy","vitro-comment":"_task-tile_vitro-comment_2im2AJj","vitro-title":"_task-tile_vitro-title_1pXrIrB","vitro-top-right":"_task-tile_vitro-top-right_19tbPX4","vitro-dropdown-button":"_task-tile_vitro-dropdown-button_2YgEUdg","vitro-bottom-right":"_task-tile_vitro-bottom-right_2E9WAle","vitro-button-cancel":"_task-tile_vitro-button-cancel_1lgja1K"};
+var styles$1h = {"vitro-task-tile":"_task-tile_vitro-task-tile_35bZu48","vitro-active":"_task-tile_vitro-active_11W9nJz","vitro-content":"_task-tile_vitro-content_rl2ERCQ","vitro-description":"_task-tile_vitro-description_qtyUbLy","vitro-comment":"_task-tile_vitro-comment_2im2AJj","vitro-title":"_task-tile_vitro-title_1pXrIrB","vitro-top-right":"_task-tile_vitro-top-right_19tbPX4","vitro-dropdown-button":"_task-tile_vitro-dropdown-button_2YgEUdg","vitro-bottom-right":"_task-tile_vitro-bottom-right_2E9WAle","vitro-button-cancel":"_task-tile_vitro-button-cancel_1lgja1K"};
 
 var TaskTile = function TaskTile(props) {
   return React__default.createElement("div", {
-    className: styles$1g['vitro-task-tile'] + (props.isActive ? CTRL.SPACE + styles$1g['vitro-active'] : CTRL.EMPTY),
+    className: styles$1h['vitro-task-tile'] + (props.isActive ? CTRL.SPACE + styles$1h['vitro-active'] : CTRL.EMPTY),
     onClick: props.onClick
   }, props.dropdownItemList && React__default.createElement("div", {
-    className: styles$1g['vitro-top-right']
+    className: styles$1h['vitro-top-right']
   }, React__default.createElement(DropdownButton, {
     itemList: props.dropdownItemList,
-    className: styles$1g['vitro-dropdown-button']
+    className: styles$1h['vitro-dropdown-button']
   })), props.isShowDeleteButton && React__default.createElement("div", {
-    className: styles$1g['vitro-button-cancel'],
+    className: styles$1h['vitro-button-cancel'],
     onClick: props.onDeleteClick
   }), props.description && React__default.createElement("div", {
-    className: styles$1g['vitro-description']
+    className: styles$1h['vitro-description']
   }, props.description), React__default.createElement("div", {
-    className: styles$1g['vitro-title']
+    className: styles$1h['vitro-title']
   }, props.title), props.comment && React__default.createElement("div", {
-    className: styles$1g['vitro-comment']
+    className: styles$1h['vitro-comment']
   }, props.comment), React__default.createElement("div", {
-    className: styles$1g['vitro-content']
+    className: styles$1h['vitro-content']
   }, props.userList && React__default.createElement(TaskUserList, {
     itemList: props.userList
   })), React__default.createElement("div", {
-    className: styles$1g['vitro-bottom-right']
+    className: styles$1h['vitro-bottom-right']
   }, props.dateComment, " \xA0 ", props.date), props.children);
 };
 
-var TYPE$2;
-(function (TYPE) {
-  TYPE["SUCCESS"] = "success";
-  TYPE["ERROR"] = "error";
-  TYPE["WARNING"] = "warning";
-})(TYPE$2 || (TYPE$2 = {}));
-
-var AlertConstants = {
-    __proto__: null,
-    get TYPE () { return TYPE$2; }
-};
-
-var styles$1h = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-position-absolute":"_alert_vitro-position-absolute_2A33Lq4","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-position-center":"_alert_vitro-position-center_1r_lK_e","vitro-content-container":"_alert_vitro-content-container_M2-akFp"};
-
-var TYPE_DANGER = 'danger';
-var Alert$1 = function Alert(props) {
-  var ref = React.useRef(null);
-  React.useEffect(function () {
-    if (props.text && ref && ref.current) {
-      ref.current.focus();
-    }
-  }, [props]);
-  var onClose = function onClose() {
-    if (props.onClose) {
-      props.onClose();
-    }
-    props.setMessage(null);
-  };
-  var onFocusOut = function onFocusOut(e) {
-    if (props.isDismissible) {
-      var target = e.currentTarget;
-      setTimeout(function () {
-        if (!target.contains(document.activeElement)) {
-          props.setMessage(null);
-        }
-      }, 100);
-    }
-  };
-  var className = [styles$1h['vitro-alert'], props.isPositionCenter ? styles$1h['vitro-position-center'] : CTRL.EMPTY, props.isPositionAbsolute ? styles$1h['vitro-position-absolute'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
-  return React__default.createElement("div", {
-    tabIndex: 1,
-    onBlur: onFocusOut,
-    ref: ref,
-    className: className
-  }, React__default.createElement(BootstrapAlert, {
-    variant: props.type === TYPE$2.ERROR ? TYPE_DANGER : props.type,
-    onClose: props.onClose
-  }, React__default.createElement("div", {
-    className: styles$1h['vitro-alert-content']
-  }, React__default.createElement("div", {
-    className: styles$1h['vitro-icon']
-  }), React__default.createElement(FlexBox, {
-    className: styles$1h['vitro-content-container'],
-    isColumn: true
-  }, (props.title || props.text) && React__default.createElement("div", {
-    className: styles$1h['vitro-text']
-  }, props.title && React__default.createElement("strong", null, props.title), props.text), props.children), props.isDismissible && React__default.createElement("div", {
-    className: styles$1h['vitro-button-close'],
-    onClick: onClose
-  }))));
-};
-
 var styles$1i = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta","vitro-avatar":"_user-profile_vitro-avatar_3SzDPAi"};
 
 var UserProfileMenuItem = function UserProfileMenuItem(props) {