@truedat/core 7.1.2 → 7.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -36,7 +36,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "7.1.2",
+    "@truedat/test": "7.1.4",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -118,5 +118,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "24074365350047cf138aa5a98e3fce8d6a499119"
+  "gitHead": "4b951559f6e84f85ed054bf9afe8699dc57f7b8f"
 }

package/src/components/GlossaryMenu.js

@@ -4,8 +4,14 @@ import TemplatesLoader from "@truedat/df/templates/components/TemplatesLoader";
 import { connect } from "react-redux";
 import PropTypes from "prop-types";
 import { makeGetSubscopes } from "@truedat/df/selectors/subscopedTemplates";
+import { matchPath } from "react-router-dom";
 import { linkTo } from "@truedat/core/routes";
 import { useIntl } from "react-intl";
+import { getSidemenuGlossarySubscopes } from "@truedat/bg/concepts/selectors/getSidemenuGlossarySubscopes";
+import { getConceptSubscope } from "@truedat/bg/concepts/selectors/getConceptSubscope";
+import { getConceptStatus } from "@truedat/bg/concepts/selectors/getConceptStatus";
+import { useSelector } from "react-redux";
+import { useLocation } from "react-router-dom";
 import { useAuthorized } from "../hooks";
 import {
   CONCEPTS,
@@ -13,84 +19,281 @@ import {
   CONCEPTS_DEPRECATED,
   CONCEPT_LINKS_MANAGEMENT,
   CONCEPTS_BULK_UPLOAD_EVENTS,
+  CONCEPTS_SIDEMENU_MANAGEMENT_LINKS,
+  CONCEPTS_SIDEMENU_MANAGEMENT_UPLOADS,
+  CONCEPTS_SUBSCOPE,
+  CONCEPTS_SIDEMENU_SUBSCOPE,
+  CONCEPTS_SIDEMENU_SUBSCOPE_DEPRECATED,
+  CONCEPTS_SIDEMENU_SUBSCOPE_PENDING,
+  CONCEPT_VERSION,
 } from "../routes";
 import Submenu from "./Submenu";
 
-const items = (bgSubscopes = []) => [
-  {
+function isMenuSubscope(pathname, subscope) {
+  const match = matchPath(pathname, {
+    path: [
+      CONCEPTS_SUBSCOPE,
+      CONCEPTS_SIDEMENU_SUBSCOPE,
+      CONCEPTS_SIDEMENU_SUBSCOPE_DEPRECATED,
+      CONCEPTS_SIDEMENU_SUBSCOPE_PENDING,
+    ],
+    exact: false,
+  });
+
+  return !!match?.params?.subscope && subscope === match.params.subscope;
+}
+
+function mainMenuSubscopes(allSubscopes, rootSubscopes) {
+  return allSubscopes.filter((sc) => !rootSubscopes.includes(sc));
+}
+
+function buildMainConceptsSubmenuItems(
+  rootSubscopes,
+  mainSubscopes,
+  conceptStatus,
+  conceptSubscope,
+  pathname
+) {
+  const leftoverSubscopeItems = _.flow(
+    _.map((sc) => ({
+      name: sc,
+      routes: [linkTo.CONCEPTS_SUBSCOPE({ subscope: sc })],
+      groups: ["business_glossary_view"],
+      isActive: () =>
+        (conceptStatus === "published" && sc === conceptSubscope) ||
+        pathname === linkTo.CONCEPTS_SUBSCOPE({ subscope: sc }),
+    })),
+    _.orderBy(["name"], ["asc"])
+  )(mainSubscopes);
+
+  const mainItem = {
     name: "concepts",
     routes: [CONCEPTS],
     groups: ["business_glossary_view"],
-  },
-  ...bgSubscopes,
-  {
+    isActive: () =>
+      (conceptStatus === "published" && conceptSubscope == null) ||
+      pathname === CONCEPTS,
+  };
+  const mainPending = {
     name: "concepts_management",
     routes: [CONCEPTS_PENDING],
     groups: ["business_glossary_management"],
-  },
-  {
+    isActive: () =>
+      ["draft", "pending_approval", "rejected"].includes(conceptStatus) ||
+      pathname === CONCEPTS_PENDING,
+  };
+  const mainDeprecated = {
     name: "concepts_deprecated",
     routes: [CONCEPTS_DEPRECATED],
     groups: ["business_glossary_management"],
-  },
-  {
+    isActive: () =>
+      conceptStatus === "deprecated" || pathname === CONCEPTS_DEPRECATED,
+  };
+  const manageLinks = {
     name: "concepts_links_management",
     routes: [CONCEPT_LINKS_MANAGEMENT],
     groups: ["business_glossary_management"],
-  },
-  {
+    isActive: () => pathname === CONCEPT_LINKS_MANAGEMENT,
+  };
+  const manageUploads = {
     name: "concepts_upload_events",
     routes: [CONCEPTS_BULK_UPLOAD_EVENTS],
     groups: ["business_glossary_management"],
-  },
-];
+    isActive: () => pathname === CONCEPTS_BULK_UPLOAD_EVENTS,
+  };
 
-const subscopeItems = _.flow(
-  _.map((bgSubscope) => ({
-    name: bgSubscope,
-    routes: [linkTo.CONCEPTS_SUBSCOPED({ subscope: bgSubscope })],
-    groups: ["business_glossary_view"],
-  })),
-  _.orderBy(["name"], ["asc"])
-);
+  return [
+    mainItem,
+    ...leftoverSubscopeItems,
+    mainPending,
+    mainDeprecated,
+    ...(rootSubscopes.length > 0 ? [] : [manageLinks, manageUploads]),
+  ];
+}
 
-export const GlossaryMenu = ({ bgSubscopes }) => {
-  const { formatMessage } = useIntl();
-  const iconGlossary = formatMessage({
-    id: "sidemenu.glossary.icon",
-    defaultMessage: "tags",
+function buildRootSubscopeSubmenuItems(
+  name,
+  formatMessage,
+  conceptStatus,
+  pathname
+) {
+  const publishedRoute = linkTo.CONCEPTS_SIDEMENU_SUBSCOPE({ subscope: name });
+  const pendingRoute = linkTo.CONCEPTS_SIDEMENU_SUBSCOPE_PENDING({
+    subscope: name,
+  });
+  const deprecatedRoute = linkTo.CONCEPTS_SIDEMENU_SUBSCOPE_DEPRECATED({
+    subscope: name,
+  });
+
+  const menuName = formatMessage({ id: `concepts.${name}.main.header` });
+
+  return [
+    {
+      name: menuName,
+      routes: [publishedRoute],
+      groups: ["business_glossary_view"],
+      isActive: () =>
+        conceptStatus === "published" || pathname === publishedRoute,
+    },
+    {
+      name: "concepts_management",
+      routes: [pendingRoute],
+      groups: ["business_glossary_management"],
+      isActive: () => conceptStatus === "draft" || pathname === pendingRoute,
+    },
+    {
+      name: "concepts_deprecated",
+      routes: [deprecatedRoute],
+      groups: ["business_glossary_management"],
+      isActive: () =>
+        conceptStatus === "deprecated" || pathname === deprecatedRoute,
+    },
+  ];
+}
+
+function buildManagementSubmenuItems() {
+  return [
+    {
+      name: "concepts_links_management",
+      routes: [CONCEPTS_SIDEMENU_MANAGEMENT_LINKS],
+      groups: ["business_glossary_management"],
+    },
+    {
+      name: "concepts_upload_events",
+      routes: [CONCEPTS_SIDEMENU_MANAGEMENT_UPLOADS],
+      groups: ["business_glossary_management"],
+    },
+  ];
+}
+
+function isMainConcepts(location, conceptSubscope, mainSubscopes) {
+  const isConceptsMatch = matchPath(location.pathname, {
+    path: [CONCEPTS],
+    exact: false,
+  });
+
+  const isConceptsVersionMatch = matchPath(location.pathname, {
+    path: [CONCEPT_VERSION],
+    exact: false,
   });
+
+  if (isConceptsVersionMatch) {
+    return conceptSubscope === null || mainSubscopes.includes(conceptSubscope);
+  } else if (isConceptsMatch) {
+    return true;
+  }
+
+  return false;
+}
+
+export const GlossaryMenu = ({ bgSubscopes, rootSubscopes }) => {
+  const { formatMessage } = useIntl();
+
+  const conceptSubscope = useSelector(getConceptSubscope);
+  const conceptStatus = useSelector(getConceptStatus);
+
   const authorized = useAuthorized([
     "business_glossary_view",
     "business_glossary_management",
   ]);
 
-  return authorized ? (
-    // Use TemplatesLoader without scope, so that templates are saved in the
-    // "allTemplates" reducer, and thus do not collide with other
-    // <TemplatesLoader scope="..."> that collect templates in the "templates"
-    // reducer.
+  const location = useLocation();
+
+  if (!authorized) return null;
+
+  const defaultIcon = formatMessage({
+    id: "sidemenu.glossary.icon",
+    defaultMessage: "tags",
+  });
+
+  const managegmentIcon = formatMessage({
+    id: "sidemenu.glossary.managament.icon",
+    defaultMessage: "cogs",
+  });
+
+  const mainSubscopes = mainMenuSubscopes(bgSubscopes, rootSubscopes);
+
+  const mainItems = buildMainConceptsSubmenuItems(
+    rootSubscopes,
+    mainSubscopes,
+    conceptStatus,
+    conceptSubscope,
+    location.pathname
+  );
+
+  const rootSubscopeSubmenus = rootSubscopes.map((name) => {
+    const items = buildRootSubscopeSubmenuItems(
+      name,
+      formatMessage,
+      conceptStatus,
+      location.pathname
+    );
+
+    const icon = formatMessage({
+      id: `concepts.${name}.icon`,
+      defaultMessage: "tags",
+    });
+
+    const menuName = formatMessage({
+      id: `concepts.${name}.main.header`,
+    });
+
+    const isActiveSubscope = () =>
+      conceptSubscope === name || isMenuSubscope(location.pathname, name);
+
+    return (
+      <Submenu
+        key={name}
+        icon={icon}
+        name={menuName}
+        items={items}
+        isActiveOverride={isActiveSubscope}
+      />
+    );
+  });
+
+  const managementSubmenu = rootSubscopes.length > 0 && (
+    <Submenu
+      key="glossary.management"
+      icon={managegmentIcon}
+      name="glossary.management"
+      items={buildManagementSubmenuItems()}
+    />
+  );
+
+  return (
     <>
       <TemplatesLoader />
       <Submenu
-        items={items(subscopeItems(bgSubscopes))}
-        icon={iconGlossary}
+        icon={defaultIcon}
         name="glossary"
+        items={mainItems}
+        isActiveOverride={() =>
+          isMainConcepts(location, conceptSubscope, mainSubscopes)
+        }
       />
+      {rootSubscopeSubmenus}
+      {managementSubmenu}
     </>
-  ) : null;
+  );
 };
 
 GlossaryMenu.propTypes = {
-  bgSubscopes: PropTypes.array,
+  bgSubscopes: PropTypes.array.isRequired,
+  rootSubscopes: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+
+GlossaryMenu.defaultProps = {
+  bgSubscopes: [],
+  rootSubscopes: [],
 };
 
 const makeMapStateToProps = () => {
   const getSubscopes = makeGetSubscopes("bg");
-  const mapStateToProps = (state, props) => ({
+  return (state, props) => ({
     bgSubscopes: getSubscopes(state, props),
+    rootSubscopes: getSidemenuGlossarySubscopes(state) || [],
   });
-  return mapStateToProps;
 };
 
 export default connect(makeMapStateToProps)(GlossaryMenu);

package/src/components/Submenu.js

@@ -66,27 +66,43 @@ export const Submenu = ({
   icon,
   name,
   sidebarVisible,
+  isActiveOverride,
 }) => {
   const [open, setOpen] = useState(false);
-  const active = useActiveRoutes(_.flatMap("routes")(items), navFilter);
-  const filteredItems = useAuthorizedItems(items);
-  const location = useLocation();
   const history = useHistory();
+  const location = useLocation();
+
+  const activeRoute = useActiveRoutes(_.flatMap("routes")(items), navFilter);
+
+  const isActive = isActiveOverride ? isActiveOverride() : activeRoute;
+
+  const filteredItems = useAuthorizedItems(items);
+
   useEffect(() => {
     setOpen(false);
   }, [location]);
+
   const primaryRoute = _.flow(_.flatMap("routes"), _.head)(filteredItems);
-  if (active && sidebarVisible) {
-    const menuItems = filteredItems.map((item, i) => (
-      <MenuItem
-        key={i}
-        {...{
-          ...item,
-          clearNavFilter,
-          active: _.includes(active, item?.routes),
-        }}
-      />
-    ));
+
+  if (isActive && sidebarVisible) {
+    const menuItems = filteredItems.map((item, i) => {
+      const isItemActive =
+        isActive &&
+        (item.isActive
+          ? item.isActive()
+          : _.includes(activeRoute, item.routes));
+
+      return (
+        <MenuItem
+          key={i}
+          {...{
+            ...item,
+            clearNavFilter,
+            active: isItemActive,
+          }}
+        />
+      );
+    });
     return (
       <Menu.Item
         name={name}
@@ -103,7 +119,7 @@ export const Submenu = ({
       </Menu.Item>
     );
   } else {
-    const className = active ? "active" : null;
+    const className = isActive ? "active" : null;
 
     const trigger = (
       <Link to={primaryRoute} className="ui">
@@ -113,17 +129,25 @@ export const Submenu = ({
         )}
       </Link>
     );
-    const dropdownItems = filteredItems.map((item, i) => (
-      <DropdownItem
-        key={i}
-        {...{
-          ...item,
-          navFilter,
-          clearNavFilter,
-          active: _.includes(active, item?.routes),
-        }}
-      />
-    ));
+    const dropdownItems = filteredItems.map((item, i) => {
+      const isItemActive =
+        isActive &&
+        (item.isActive
+          ? item.isActive()
+          : _.includes(activeRoute, item.routes));
+
+      return (
+        <DropdownItem
+          key={i}
+          {...{
+            ...item,
+            navFilter,
+            clearNavFilter,
+            active: isItemActive,
+          }}
+        />
+      );
+    });
 
     return (
       <div
@@ -163,13 +187,17 @@ export const Submenu = ({
 };
 
 Submenu.propTypes = {
-  active: PropTypes.bool,
   navFilter: PropTypes.object,
   clearNavFilter: PropTypes.func,
   items: PropTypes.array,
   icon: PropTypes.string,
   name: PropTypes.string,
   sidebarVisible: PropTypes.bool,
+  isActiveOverride: PropTypes.func,
+};
+
+Submenu.defaultProps = {
+  isActiveOverride: null,
 };
 
 export const mapStateToProps = ({ sidebarVisible, navFilter }) => {

package/src/components/__tests__/__snapshots__/AdminMenu.spec.js.snap

@@ -31,7 +31,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           class="divider"
         />
         <a
-          aria-checked="false"
           class="item"
           href="/templates"
           name="templates"
@@ -44,7 +43,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/hierarchies"
           name="hierarchies"
@@ -57,7 +55,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/relationTags"
           name="relations"
@@ -70,7 +67,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/subscriptions"
           name="subscriptions"
@@ -83,7 +79,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/sources"
           name="sources"
@@ -96,7 +91,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/jobs"
           name="jobs"
@@ -109,7 +103,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/configurations"
           name="configurations"
@@ -122,7 +115,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/i18n/messages"
           name="i18nMessages"
@@ -135,7 +127,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/reindex"
           name="tasks"
@@ -148,7 +139,6 @@ exports[`<AdminMenu /> matches the latest snapshot 1`] = `
           </span>
         </a>
         <a
-          aria-checked="false"
           class="item"
           href="/search/elasticIndexes"
           name="elasticIndexes"

package/src/components/__tests__/__snapshots__/GlossaryMenu.spec.js.snap

@@ -2,12 +2,10 @@
 
 exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes submenus 1`] = `
 <div>
-  <div
-    class="active"
-  >
+  <div>
     <div
       aria-expanded="false"
-      class="ui item dropdown active"
+      class="ui item dropdown"
       role="listbox"
       tabindex="0"
     >
@@ -47,7 +45,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/subscopedConcepts/subscope1"
+          href="/concepts/subscope/subscope1"
           name="subscope1"
           role="option"
         >
@@ -60,7 +58,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/subscopedConcepts/subscope2"
+          href="/concepts/subscope/subscope2"
           name="subscope2"
           role="option"
         >
@@ -73,7 +71,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/pendingConcepts"
+          href="/concepts/pending"
           name="concepts_management"
           role="option"
         >
@@ -86,7 +84,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/deprecatedConcepts"
+          href="/concepts/deprecated"
           name="concepts_deprecated"
           role="option"
         >
@@ -99,7 +97,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/links/concepts/management"
+          href="/concepts/management/links"
           name="concepts_links_management"
           role="option"
         >
@@ -112,7 +110,7 @@ exports[`<GlossaryMenu /> matches the latest snapshot, finds fixed and subscopes
         <a
           aria-checked="false"
           class="item"
-          href="/concepts/bulk_upload_event"
+          href="/concepts/management/bulk_upload_event"
           name="concepts_upload_events"
           role="option"
         >

package/src/components/__tests__/__snapshots__/SideMenu.spec.js.snap

@@ -21,51 +21,100 @@ exports[`<SideMenu /> matches the latest snapshot 1`] = `
           Search
         </a>
       </div>
-      <div
-        class="active item selectable"
-      >
-        <a
-          href="/concepts"
-        >
-          <i
-            aria-hidden="true"
-            class="tags large icon"
-          />
-          Glossary
-        </a>
+      <div>
         <div
-          class="menu"
+          aria-expanded="false"
+          class="ui item dropdown"
+          role="listbox"
+          tabindex="0"
         >
           <a
-            class="link item"
+            class="ui"
             href="/concepts"
           >
+            <i
+              aria-hidden="true"
+              class="tags large icon"
+            />
             Glossary
           </a>
-          <a
-            class="link item"
-            href="/pendingConcepts"
-          >
-            Drafts
-          </a>
-          <a
-            class="link item"
-            href="/deprecatedConcepts"
-          >
-            Deprecated
-          </a>
-          <a
-            class="link item"
-            href="/links/concepts/management"
-          >
-            Links manager
-          </a>
-          <a
-            class="link item"
-            href="/concepts/bulk_upload_event"
-          >
-            My loads
-          </a>
+          <div
+            class="menu transition"
+          >
+            <div
+              class="header selectable"
+            >
+              Glossary
+            </div>
+            <div
+              class="divider"
+            />
+            <a
+              aria-checked="false"
+              class="item"
+              href="/concepts"
+              name="concepts"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                Glossary
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              class="item"
+              href="/concepts/pending"
+              name="concepts_management"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                Drafts
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              class="item"
+              href="/concepts/deprecated"
+              name="concepts_deprecated"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                Deprecated
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              class="item"
+              href="/concepts/management/links"
+              name="concepts_links_management"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                Links manager
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              class="item"
+              href="/concepts/management/bulk_upload_event"
+              name="concepts_upload_events"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                My loads
+              </span>
+            </a>
+          </div>
         </div>
       </div>
       <div

package/src/routes.js

@@ -14,11 +14,21 @@ export const BUCKET_VIEW_CONFIG_EDIT = "/bucketViewConfigs/:id/edit";
 export const BUCKET_VIEW_CONFIG_NEW = "/bucketViewConfigs/new";
 export const CONCEPTS = "/concepts";
 export const CONCEPTS_BULK_UPDATE = "/concepts/bulk_update";
-export const CONCEPTS_BULK_UPLOAD_EVENTS = "/concepts/bulk_upload_event";
+export const CONCEPTS_BULK_UPLOAD_EVENTS =
+  "/concepts/management/bulk_upload_event";
 export const CONCEPTS_NEW = "/concepts/new";
-export const CONCEPTS_PENDING = "/pendingConcepts";
-export const CONCEPTS_DEPRECATED = "/deprecatedConcepts";
-export const CONCEPTS_SUBSCOPED = "/subscopedConcepts/:subscope";
+export const CONCEPTS_PENDING = "/concepts/pending";
+export const CONCEPTS_DEPRECATED = "/concepts/deprecated";
+export const CONCEPTS_SUBSCOPE = "/concepts/subscope/:subscope";
+export const CONCEPTS_SIDEMENU_SUBSCOPE =
+  "/glossarySubscope/:subscope/published";
+export const CONCEPTS_SIDEMENU_SUBSCOPE_DEPRECATED =
+  "/glossarySubscope/:subscope/deprecated";
+export const CONCEPTS_SIDEMENU_SUBSCOPE_PENDING =
+  "/glossarySubscope/:subscope/pending";
+export const CONCEPTS_SIDEMENU_MANAGEMENT_LINKS = "/glossaryManagement/links";
+export const CONCEPTS_SIDEMENU_MANAGEMENT_UPLOADS =
+  "/glossaryManagement/uploads";
 export const CONCEPT_ARCHIVE =
   "/concepts/:business_concept_id/versions/:id/archive";
 export const CONCEPT_EDIT = "/concepts/:business_concept_id/versions/:id/edit";
@@ -28,7 +38,7 @@ export const CONCEPT_LINKS_CONCEPTS =
   "/concepts/:business_concept_id/versions/:id/links/concepts";
 export const CONCEPT_LINKS_CONCEPTS_NEW =
   "/concepts/:business_concept_id/versions/:id/links/concepts/new";
-export const CONCEPT_LINKS_MANAGEMENT = "/links/concepts/management";
+export const CONCEPT_LINKS_MANAGEMENT = "/concepts/management/links";
 export const CONCEPT_LINKS_IMPLEMENTATIONS =
   "/concepts/:business_concept_id/versions/:id/links/implementations";
 export const CONCEPT_LINKS_STRUCTURES =
@@ -280,8 +290,11 @@ const routes = {
   CONCEPTS_BULK_UPDATE,
   CONCEPTS_NEW,
   CONCEPTS_PENDING,
-  CONCEPTS_SUBSCOPED,
+  CONCEPTS_SUBSCOPE,
   CONCEPTS_DEPRECATED,
+  CONCEPTS_SIDEMENU_SUBSCOPE,
+  CONCEPTS_SIDEMENU_SUBSCOPE_DEPRECATED,
+  CONCEPTS_SIDEMENU_SUBSCOPE_PENDING,
   CONCEPT_ARCHIVE,
   CONCEPT_EDIT,
   CONCEPT_EVENTS,
@@ -448,7 +461,6 @@ const routes = {
   STRUCTURE_IMPACT,
   STRUCTURE_LINEAGE,
   STRUCTURE_STRUCTURE_LINKS,
-  STRUCTURE_STRUCTURE_LINKS,
   STRUCTURE_STRUCTURE_LINKS_NEW,
   STRUCTURE_LINKS,
   STRUCTURE_LINKS_NEW,