@vitrosoftware/common-ui-ts 1.1.90 → 1.1.92

package/css/std/controls/checkbox/checkbox.css

@@ -15,6 +15,8 @@
     height: 24px;
     margin-right: 6px;
     cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
 }
 
 .vitro-checkbox-content input::before,

package/css/std/controls/dialog/dialog.css

@@ -24,8 +24,6 @@
     transform: translate(-50%, -50%);
     opacity: 1;
     border-radius: 4px;
-    height: 534px;
-    width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 

package/css/std/controls/sidebar/sidebar-item.css

@@ -68,8 +68,7 @@
     align-items: center;
 }
 
-
-.vitro-group-item > .vitro-item-list > .vitro-item:last-child {
+.vitro-group-item > .vitro-item-list > .vitro-item {
     margin-bottom: 0;
 }
 
@@ -78,6 +77,8 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    padding: 6px;
+    height: 36px;
     padding-left: 24px;
 }
 

package/css/std/controls/table-view/table-view-custom-date-edit.css

@@ -1,9 +1,15 @@
 .table-view-custom-date-edit {
     width: auto;
-    position: absolute;
-    z-index: 10000;
+    margin-top: 6px;
+    margin-right: -20px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px;
+    z-index: 100;
+}
+
+.table-view-custom-date-edit > div {
+    width: 100%;
+    display: flex;
 }
 
 .table-view-custom-date-edit .k-footer {

package/dist/index.css

@@ -2645,6 +2645,9 @@ html, body {
     height: 24px;
     margin-right: 6px;
     cursor: pointer;
+    -moz-appearance: none;
+         appearance: none;
+    -webkit-appearance: none;
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input::before,
@@ -4426,8 +4429,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     align-items: center;
 }
 
-
-._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0:last-child {
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 {
     margin-bottom: 0;
 }
 
@@ -4436,6 +4438,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     display: flex;
     flex-direction: row;
     align-items: center;
+    padding: 6px;
+    height: 36px;
     padding-left: 24px;
 }
 
@@ -5346,8 +5350,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     transform: translate(-50%, -50%);
     opacity: 1;
     border-radius: 4px;
-    height: 534px;
-    width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 

package/dist/index.js

@@ -61708,7 +61708,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.90";
+var version$1 = "1.1.92";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -62190,15 +62190,15 @@ var LoginForm = React.forwardRef(function (props, ref) {
   })), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
     isDisabled: loading
-  }), React__default.createElement("div", {
+  }), props.buttonList && props.buttonList.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: styles$v['vitro-separator']
   }, localeService.create(LOCALE$3.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
     className: styles$v['vitro-button-list']
-  }, props.buttonList && props.buttonList.map(function (button) {
+  }, props.buttonList.map(function (button) {
     return React__default.createElement(Button$2, Object.assign({}, button, {
       className: styles$v['vitro-button']
     }));
-  })), props.onRegister && React__default.createElement(Link, {
+  }))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
     text: localeService.create(LOCALE$3.LOGIN_FORM_ACTION_REGISTER),
     onClick: props.onRegister,
     className: styles$v['vitro-link-register']
@@ -62465,14 +62465,15 @@ var LABEL_POSITION;
   LABEL_POSITION["LEFT"] = "left";
 })(LABEL_POSITION || (LABEL_POSITION = {}));
 
-var PLACEMENT$2;
 (function (PLACEMENT) {
   PLACEMENT["TOP"] = "top";
   PLACEMENT["BOTTOM"] = "bottom";
   PLACEMENT["LEFT"] = "left";
   PLACEMENT["RIGHT"] = "right";
   PLACEMENT["AUTO"] = "auto";
-})(PLACEMENT$2 || (PLACEMENT$2 = {}));
+  PLACEMENT["START"] = "start";
+  PLACEMENT["END"] = "end";
+})(exports.PLACEMENT || (exports.PLACEMENT = {}));
 
 var styles$z = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-button-copy":"_date-picker_vitro-button-copy_1cGY1Uu","vitro-control-container":"_date-picker_vitro-control-container_2CVwecs","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-text":"_date-picker_vitro-error-text_15CdrRj"};
 
@@ -62662,7 +62663,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
   }) : React__default.createElement(Overlay$1, {
     show: true,
     target: inputRef.current,
-    placement: PLACEMENT$2.AUTO
+    placement: exports.PLACEMENT.AUTO
   }, React__default.createElement("div", {
     style: style ? style : {},
     className: styles$z['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$z['vitro-display-none'])
@@ -62837,7 +62838,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
   }) : React__default.createElement(Overlay$1, {
     show: true,
     target: inputRef.current,
-    placement: PLACEMENT$2.AUTO
+    placement: exports.PLACEMENT.AUTO
   }, React__default.createElement("div", {
     style: style ? style : {},
     className: styles$A['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$A['vitro-display-none'])
@@ -62932,7 +62933,7 @@ var ValueList = function ValueList(props) {
     show: props.isVisible,
     target: props.contentRef,
     container: props.isFlip ? props.containerRef : null,
-    placement: PLACEMENT$2.AUTO,
+    placement: exports.PLACEMENT.AUTO,
     flip: props.isFlip ? true : false
   }, React__default.createElement("div", {
     style: style ? style : {},
@@ -63369,13 +63370,22 @@ var Item$2 = function Item(props) {
     setIsShowTooltip = _useState[1];
   var textRef = React.useRef(null);
   React.useEffect(function () {
-    var isOverflow = textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth;
+    updateIsShowTooltip();
+  }, []);
+  React.useEffect(function () {
+    updateIsShowTooltip();
+  }, [props.isSidebarExpanded, props.isHidden]);
+  var getIsOverflow = function getIsOverflow() {
+    return textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth;
+  };
+  var updateIsShowTooltip = function updateIsShowTooltip() {
+    var isOverflow = getIsOverflow();
     if (!props.isMobileView && (!props.isSidebarExpanded || isOverflow)) {
       setIsShowTooltip(true);
     } else {
       setIsShowTooltip(false);
     }
-  }, [props.isSidebarExpanded]);
+  };
   return React__default.createElement(Tooltip$1, {
     text: props.text || CTRL.EMPTY,
     placement: PLACEMENT$1.RIGHT,
@@ -63492,6 +63502,11 @@ var GroupItem = function GroupItem(props) {
     setSwipePosition = _useState5[1];
   var itemListRef = React.useRef(null);
   var buttonRef = React.useRef(null);
+  React.useEffect(function () {
+    if (getIsActiveChildItem() && props.isSidebarExpanded && !props.isMobileView) {
+      setIsExpanded(true);
+    }
+  }, []);
   React.useEffect(function () {
     updateState();
   }, [props.isSidebarExpanded, props.activeItem, props.currentUrl, isExpanded]);
@@ -63581,7 +63596,8 @@ var GroupItem = function GroupItem(props) {
       key: i.text,
       currentUrl: props.currentUrl,
       isSidebarExpanded: props.isSidebarExpanded,
-      isMobileView: props.isMobileView
+      isMobileView: props.isMobileView,
+      isHidden: !isExpanded
     }, i)) : i.itemList ? React__default.createElement(GroupItem, Object.assign({
       isSidebarExpanded: props.isSidebarExpanded,
       link: i.link,
@@ -63621,7 +63637,7 @@ var GroupItem = function GroupItem(props) {
   })), props.isMobileView ? React__default.createElement(Overlay$1, {
     show: isExpanded,
     target: props.container,
-    placement: PLACEMENT$2.TOP
+    placement: exports.PLACEMENT.TOP
   }, React__default.createElement("div", {
     className: styles$H['vitro-popup-container']
   }, React__default.createElement("ul", {
@@ -66028,6 +66044,45 @@ var LinkInput = React.forwardRef(function (props, ref) {
   }));
 });
 
+var Overlay$2 = React.forwardRef(function (props, ref) {
+  var _useState = React.useState(null),
+    target = _useState[0],
+    _setTarget = _useState[1];
+  var _useState2 = React.useState(),
+    style = _useState2[0],
+    _setStyle = _useState2[1];
+  React.useImperativeHandle(ref, function () {
+    return {
+      setTarget: function setTarget(target) {
+        _setTarget(target);
+      },
+      setStyle: function setStyle(style) {
+        _setStyle(style);
+      }
+    };
+  });
+  React.useEffect(function () {
+    if (props.target) {
+      _setTarget(props.target);
+    }
+  }, [props.target]);
+  React.useEffect(function () {
+    if (props.style) {
+      _setStyle(props.style);
+    }
+  }, [props.style]);
+  return React__default.createElement(Overlay$1, {
+    show: props.isShow,
+    target: target,
+    container: props.container,
+    placement: props.placement || exports.PLACEMENT.AUTO,
+    flip: props.isFlip ? true : false
+  }, React__default.createElement("div", {
+    className: props.className,
+    style: style
+  }, props.children));
+});
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
 exports.ActionHandler = ActionHandler;
@@ -66082,6 +66137,7 @@ exports.MicroFrontend = MicroFrontend;
 exports.NTLMAuthenticationForm = NTLMAuthenticationForm;
 exports.NUMBER_INPUT = NumberInputConstants;
 exports.NumberInput = NumberInput;
+exports.Overlay = Overlay$2;
 exports.PageLayout = PageLayout;
 exports.PasswordInput = PasswordInput;
 exports.PdfViewer = PdfViewer;