@micromag/viewer 0.3.19 → 0.3.23

package/es/index.js

@@ -1055,16 +1055,22 @@ var ViewerMenu = function ViewerMenu(_ref) {
       screenType = _ref2$type === void 0 ? null : _ref2$type;
 
   var items = useMemo(function () {
-    return screens.filter(function (_ref3) {
-      var _ref3$parentId = _ref3.parentId,
-          parentId = _ref3$parentId === void 0 ? null : _ref3$parentId;
-      return parentId === null;
-    }).map(function (it) {
+    return screens.map(function (it) {
+      var children = screens.filter(function (s) {
+        return s.parentId === it.id;
+      });
       return {
         screen: it,
         screenId: it.id,
-        current: screenId === it.id
+        current: screenId === it.id || (children.find(function (c) {
+          return c.id === screenId;
+        }) || null) !== null,
+        visible: ((it === null || it === void 0 ? void 0 : it.parentId) || null) === null
       };
+    }).filter(function (_ref3) {
+      var _ref3$visible = _ref3.visible,
+          visible = _ref3$visible === void 0 ? true : _ref3$visible;
+      return visible;
     });
   }, [screens, screenId]);
   var trackEvent = useTrackEvent();

package/lib/index.js

@@ -1073,16 +1073,22 @@ var ViewerMenu = function ViewerMenu(_ref) {
       screenType = _ref2$type === void 0 ? null : _ref2$type;
 
   var items = React.useMemo(function () {
-    return screens.filter(function (_ref3) {
-      var _ref3$parentId = _ref3.parentId,
-          parentId = _ref3$parentId === void 0 ? null : _ref3$parentId;
-      return parentId === null;
-    }).map(function (it) {
+    return screens.map(function (it) {
+      var children = screens.filter(function (s) {
+        return s.parentId === it.id;
+      });
       return {
         screen: it,
         screenId: it.id,
-        current: screenId === it.id
+        current: screenId === it.id || (children.find(function (c) {
+          return c.id === screenId;
+        }) || null) !== null,
+        visible: ((it === null || it === void 0 ? void 0 : it.parentId) || null) === null
       };
+    }).filter(function (_ref3) {
+      var _ref3$visible = _ref3.visible,
+          visible = _ref3$visible === void 0 ? true : _ref3$visible;
+      return visible;
     });
   }, [screens, screenId]);
   var trackEvent = hooks.useTrackEvent();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.19",
+    "version": "0.3.23",
     "description": "",
     "keywords": [
         "javascript"
@@ -59,12 +59,12 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.19",
-        "@micromag/element-scroll": "^0.3.19",
-        "@micromag/elements": "^0.3.19",
-        "@micromag/fields": "^0.3.19",
-        "@micromag/intl": "^0.3.19",
-        "@micromag/screens": "^0.3.19",
+        "@micromag/core": "^0.3.23",
+        "@micromag/element-scroll": "^0.3.23",
+        "@micromag/elements": "^0.3.23",
+        "@micromag/fields": "^0.3.23",
+        "@micromag/intl": "^0.3.23",
+        "@micromag/screens": "^0.3.23",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "@use-gesture/react": "^10.2.4",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "567326b79369a96c8c4cfed8ec08a3e67114261f"
+    "gitHead": "0b692c48b420a885265c7d0ccdfcb207dda89e33"
 }