@vitrosoftware/common-ui-ts 1.1.246 → 1.1.247

package/dist/index.js

@@ -66991,7 +66991,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.246";
+var version$1 = "1.1.247";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -83892,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";
@@ -83921,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);
@@ -83950,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));
 };