@buerokratt-ria/menu 0.1.9 → 0.1.10

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All changes to this project will be documented in this file.
 
+## [0.1.10] - 30-05-2024
+
+- Hide some menu items from production
+
 ## [0.1.9] - 28-04-2024
 
 - Merge previous code

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/menu",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Generic MainNavigation component that would be injected as dependency.",
   "main": "index.js",
   "scripts": {},

package/src/menu/constants.ts

@@ -0,0 +1,3 @@
+export const isHiddenFeaturesEnabled = 
+  import.meta.env.REACT_APP_ENABLE_HIDDEN_FEATURES?.toLowerCase().trim() == 'true' ||
+  import.meta.env.REACT_APP_ENABLE_HIDDEN_FEATURES?.toLowerCase().trim() == '1';

package/src/menu/data/menu-structure.json

@@ -226,6 +226,7 @@
   },
   {
     "id": "services",
+    "hiddenMode": "production",
     "label": {
       "et": "Teenused",
       "en": "Services"
@@ -332,6 +333,7 @@
   },
   {
     "id": "monitoring",
+    "hiddenMode": "production",
     "label": {
       "et": "Seire",
       "en": "Monitoring"

package/src/menu/index.tsx

@@ -17,6 +17,7 @@ import './main-navigation.scss';
 import { useQuery } from '@tanstack/react-query';
 import { useTranslation } from "react-i18next";
 import menuStructure from './data/menu-structure.json';
+import { isHiddenFeaturesEnabled } from './constants';
 
 interface MenuItem {
   id?: string;
@@ -25,6 +26,7 @@ interface MenuItem {
   target?: '_blank' | '_self';
   children?: MenuItem[];
   hidden?: boolean;
+  hiddenMode?: 'production' | 'development' | 'staging' | 'testing';
 }
 
 interface TranslatedLabel {
@@ -106,7 +108,10 @@ const MainNavigation: FC<{items: MenuItem[], serviceId: string[]}> = ( {items, s
   };
 
   const renderMenuTree = (menuItems: MenuItem[]) => {
-    return menuItems.filter(x => !x.hidden).map((menuItem) => (
+    return menuItems
+    .filter(x => !x.hidden)
+    .filter(x => isHiddenFeaturesEnabled || x.hiddenMode !== "production")
+    .map((menuItem) => (
         <li key={menuItem.label[currentlySelectedLanguage]}>
           {!!menuItem.children ? (
               <>