@vitrosoftware/common-ui-ts 1.1.245 → 1.1.247

package/dist/index.js

@@ -60939,6 +60939,10 @@ var ActionHandler = function ActionHandler(props) {
     onClose();
   };
   var onError = function onError(error) {
+    if (error instanceof AbortExceptionImpl) {
+      onCancel();
+      return null;
+    }
     if (props.onError) {
       var res = props.onError(error);
       if (res.abort) {
@@ -61727,7 +61731,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
             var _ref$current;
             resizeTimeout.id = null;
             setWidth(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetWidth) || 0);
-          }, 200);
+          }, 10);
         }
       }
     }
@@ -61740,7 +61744,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
     }
   }, [width]);
   var getOverflowIndex = function getOverflowIndex(width) {
-    var scrollWidth = (activeItemTabBtn === null || activeItemTabBtn === void 0 ? void 0 : activeItemTabBtn.width) || 0;
+    var scrollWidth = ((activeItemTabBtn === null || activeItemTabBtn === void 0 ? void 0 : activeItemTabBtn.width) || 0) + 32;
     for (var _iterator2 = _createForOfIteratorHelperLoose(tabList.entries()), _step2; !(_step2 = _iterator2()).done;) {
       var _step2$value = _step2.value,
         index = _step2$value[0],
@@ -66987,7 +66991,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.245";
+var version$1 = "1.1.247";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -83888,25 +83892,6 @@ var PageLayout = function PageLayout(props) {
   }, props.children);
 };
 
-var styles$1x = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
-
-var SidebarButton = function SidebarButton(props) {
-  return React__default.createElement("button", {
-    className: styles$1x['vitro-nav-bar-sidebar-button'],
-    onClick: props.onClick
-  });
-};
-
-var styles$1y = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
-
-var HeaderNavBar = function HeaderNavBar(props) {
-  return React__default.createElement("nav", {
-    className: styles$1y['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
-  }, React__default.createElement(SidebarButton, {
-    onClick: props.onChangeSidebarMode
-  }), props.children);
-};
-
 var LOCAL_STORAGE_KEY;
 (function (LOCAL_STORAGE_KEY) {
   LOCAL_STORAGE_KEY["SIDEBAR_MODE"] = "app.common.sidebar.mode";
@@ -83917,28 +83902,18 @@ var HeaderConstants = {
     get LOCAL_STORAGE_KEY () { return LOCAL_STORAGE_KEY; }
 };
 
-var styles$1z = {"vitro-header":"_header_vitro-header_ta9aLJn"};
+var styles$1x = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
 
 var onChangeSidebarMode = function onChangeSidebarMode() {};
-var Header = function Header(props) {
-  var _useState = React.useState(),
+var SidebarButton = function SidebarButton(props) {
+  var _useState = React.useState(props.sidebar),
     sidebar = _useState[0],
     setSidebar = _useState[1];
-  var ref = React.useRef(null);
   var localStorageService = inversifyReact.useInjection(SERVICE.LOCAL_STORAGE);
-  var allowedSidebarFullMode = props.cfgSidebar && props.cfgSidebar.overflowItemList && props.cfgSidebar.overflowItemList.length > 0;
-  React.useEffect(function () {
-    if (sidebar === undefined) {
-      var sidebarMode = localStorageService.getItem(LOCAL_STORAGE_KEY.SIDEBAR_MODE);
-      onChange(parseInt(sidebarMode) >= MODE.TOGGLED_PINNED ? parseInt(sidebarMode) : MODE.TOGGLED_PINNED);
-    } else {
-      onChange(sidebar);
-    }
-  }, []);
   onChangeSidebarMode = function onChangeSidebarMode() {
     var oldMode = sidebar != null ? sidebar : MODE.TOGGLED_PINNED;
     var newMode = oldMode < MODE.PINNED ? oldMode + MODE.TOGGLED_HOVERED : MODE.TOGGLED_PINNED;
-    if (!allowedSidebarFullMode && newMode === MODE.TOGGLED_HOVERED) {
+    if (newMode === MODE.TOGGLED_HOVERED) {
       newMode = MODE.PINNED;
     }
     onChange(newMode);
@@ -83946,14 +83921,34 @@ var Header = function Header(props) {
   var onChange = function onChange(mode) {
     setSidebar(mode);
     localStorageService.setItem(LOCAL_STORAGE_KEY.SIDEBAR_MODE, mode);
-    props.onChangeSidebar(mode);
+    props.onClick(mode);
   };
+  return React__default.createElement("button", {
+    className: styles$1x['vitro-nav-bar-sidebar-button'],
+    onClick: onChangeSidebarMode
+  });
+};
+
+var styles$1y = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
+
+var HeaderNavBar = function HeaderNavBar(props) {
+  return React__default.createElement("nav", {
+    className: styles$1y['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
+  }, React__default.createElement(SidebarButton, {
+    onClick: props.onChangeSidebar,
+    sidebar: props.sidebar
+  }), props.children);
+};
+
+var styles$1z = {"vitro-header":"_header_vitro-header_ta9aLJn"};
+
+var Header = function Header(props) {
   return React__default.createElement("div", {
     className: styles$1z['vitro-header'],
-    id: 'vitro-header',
-    ref: ref
+    id: 'vitro-header'
   }, React__default.createElement(HeaderNavBar, {
-    onChangeSidebarMode: onChangeSidebarMode
+    onChangeSidebar: props.onChangeSidebar,
+    sidebar: props.sidebar
   }, props.children));
 };
 
@@ -86185,6 +86180,7 @@ var Icon = function Icon(props) {
 
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
+exports.AbortExceptionImpl = AbortExceptionImpl;
 exports.ActionHandler = ActionHandler;
 exports.Activity = Activity;
 exports.ActivityItem = ActivityItem;