Gray-out links from older UI functionality

Links are disabled and greyed out for non-acm functionality
Altered menu bar test

Issue-ID: POLICY-4082
Change-Id: I5b0807cfdc687de9fdc0accd38825ed6309f79db
Signed-off-by: saul.gill <saul.gill@est.tech>

3 files changed, 302 insertions, 82 deletions

diff --git a/gui-clamp/ui-react/package-lock.json b/gui-clamp/ui-react/package-lock.json
index 22cdfb4..44caf73 100644
--- a/gui-clamp/ui-react/package-lock.json
+++ b/gui-clamp/ui-react/package-lock.json
@@ -9,11 +9,12 @@
             "version": "${project.version}",
             "license": "Apache-2.0",
             "dependencies": {
+                "@babel/runtime": "7.16.5",
                 "@fortawesome/fontawesome-free": "5.15.3",
                 "@json-editor/json-editor": "2.5.4",
-                "@material-ui/core": "4.11.4",
+                "@material-ui/core": "4.12.3",
                 "@material-ui/icons": "4.11.2",
-                "@material-ui/lab": "4.0.0-alpha.58",
+                "@material-ui/lab": "4.0.0-alpha.60",
                 "@material-ui/pickers": "3.3.10",
                 "bootstrap-css-only": "4.4.1",
                 "js-yaml": "4.1.0",
@@ -28,16 +29,19 @@
             },
             "devDependencies": {
                 "@babel/plugin-proposal-class-properties": "7.14.5",
+                "@babel/plugin-transform-runtime": "7.16.5",
                 "@babel/preset-env": "7.14.7",
                 "@babel/preset-react": "7.14.5",
                 "@wojtekmaj/enzyme-adapter-react-17": "0.6.2",
+                "babel-jest": "26.6.0",
                 "enzyme": "3.11.0",
                 "enzyme-adapter-react-17-updated": "1.0.2",
                 "enzyme-to-json": "3.6.2",
                 "history": "5.0.0",
                 "jest": "26.6.0",
                 "jest-canvas-mock": "2.3.1",
-                "jest-fetch-mock": "3.0.3"
+                "jest-fetch-mock": "3.0.3",
+                "jest-sonar-reporter": "2.0.0"
             }
         },
         "node_modules/@babel/code-frame": {
@@ -291,9 +295,9 @@
             }
         },
         "node_modules/@babel/helper-plugin-utils": {
-            "version": "7.14.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz",
-            "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==",
+            "version": "7.16.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz",
+            "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==",
             "engines": {
                 "node": ">=6.9.0"
             }
@@ -1416,25 +1420,81 @@
             }
         },
         "node_modules/@babel/plugin-transform-runtime": {
-            "version": "7.12.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz",
-            "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==",
+            "version": "7.16.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.5.tgz",
+            "integrity": "sha512-gxpfS8XQWDbQ8oP5NcmpXxtEgCJkbO+W9VhZlOhr0xPyVaRjAQPOv7ZDj9fg0d5s9+NiVvMCE6gbkEkcsxwGRw==",
+            "dev": true,
             "dependencies": {
-                "@babel/helper-module-imports": "^7.12.1",
-                "@babel/helper-plugin-utils": "^7.10.4",
-                "resolve": "^1.8.1",
-                "semver": "^5.5.1"
+                "@babel/helper-module-imports": "^7.16.0",
+                "@babel/helper-plugin-utils": "^7.16.5",
+                "babel-plugin-polyfill-corejs2": "^0.3.0",
+                "babel-plugin-polyfill-corejs3": "^0.4.0",
+                "babel-plugin-polyfill-regenerator": "^0.3.0",
+                "semver": "^6.3.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
             },
             "peerDependencies": {
                 "@babel/core": "^7.0.0-0"
             }
         },
-        "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
-            "version": "5.7.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-            "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-            "bin": {
-                "semver": "bin/semver"
+        "node_modules/@babel/plugin-transform-runtime/node_modules/@babel/helper-define-polyfill-provider": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+            "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-compilation-targets": "^7.13.0",
+                "@babel/helper-module-imports": "^7.12.13",
+                "@babel/helper-plugin-utils": "^7.13.0",
+                "@babel/traverse": "^7.13.0",
+                "debug": "^4.1.1",
+                "lodash.debounce": "^4.0.8",
+                "resolve": "^1.14.2",
+                "semver": "^6.1.2"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.4.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-corejs2": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+            "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/compat-data": "^7.13.11",
+                "@babel/helper-define-polyfill-provider": "^0.3.1",
+                "semver": "^6.1.1"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-corejs3": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.4.0.tgz",
+            "integrity": "sha512-YxFreYwUfglYKdLUGvIF2nJEsGwj+RhWSX/ije3D2vQPOXuyMLMtg/cCGMDpOA7Nd+MwlNdnGODbd2EwUZPlsw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-define-polyfill-provider": "^0.3.0",
+                "core-js-compat": "^3.18.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-runtime/node_modules/babel-plugin-polyfill-regenerator": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+            "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-define-polyfill-provider": "^0.3.1"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
             }
         },
         "node_modules/@babel/plugin-transform-shorthand-properties": {
@@ -1686,9 +1746,9 @@
             }
         },
         "node_modules/@babel/runtime": {
-            "version": "7.16.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.0.tgz",
-            "integrity": "sha512-Nht8L0O8YCktmsDV6FqFue7vQLRx3Hb0B37lS5y0jDRqRxlBG4wIJHnf9/bgSE2UyipKFA01YtS+npRdTWBUyw==",
+            "version": "7.16.5",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.5.tgz",
+            "integrity": "sha512-TXWihFIS3Pyv5hzR7j6ihmeLkZfrXGxAr5UfSl8CHf+6q/wpiYDkUau0czckpYG8QmnCIuPpdLtuA9VmuGGyMA==",
             "dependencies": {
                 "regenerator-runtime": "^0.13.4"
             },
@@ -2662,13 +2722,14 @@
             }
         },
         "node_modules/@material-ui/core": {
-            "version": "4.11.4",
-            "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.11.4.tgz",
-            "integrity": "sha512-oqb+lJ2Dl9HXI9orc6/aN8ZIAMkeThufA5iZELf2LQeBn2NtjVilF5D2w7e9RpntAzDb4jK5DsVhkfOvFY/8fg==",
+            "version": "4.12.3",
+            "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz",
+            "integrity": "sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==",
+            "deprecated": "You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/",
             "dependencies": {
                 "@babel/runtime": "^7.4.4",
                 "@material-ui/styles": "^4.11.4",
-                "@material-ui/system": "^4.11.3",
+                "@material-ui/system": "^4.12.1",
                 "@material-ui/types": "5.1.0",
                 "@material-ui/utils": "^4.11.2",
                 "@types/react-transition-group": "^4.2.0",
@@ -2720,9 +2781,10 @@
             }
         },
         "node_modules/@material-ui/lab": {
-            "version": "4.0.0-alpha.58",
-            "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.58.tgz",
-            "integrity": "sha512-GKHlJqLxUeHH3L3dGQ48ZavYrqGOTXkFkiEiuYMAnAvXAZP4rhMIqeHOPXSUQan4Bd8QnafDcpovOSLnadDmKw==",
+            "version": "4.0.0-alpha.60",
+            "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.60.tgz",
+            "integrity": "sha512-fadlYsPJF+0fx2lRuyqAuJj7hAS1tLDdIEEdov5jlrpb5pp4b+mRDUqQTUxi4inRZHS1bEXpU8QWUhO6xX88aA==",
+            "deprecated": "You can now upgrade to @mui/lab. See the guide: https://mui.com/guides/migration-v4/",
             "dependencies": {
                 "@babel/runtime": "^7.4.4",
                 "@material-ui/utils": "^4.11.2",
@@ -2734,7 +2796,7 @@
                 "node": ">=8.0.0"
             },
             "peerDependencies": {
-                "@material-ui/core": "^4.9.10",
+                "@material-ui/core": "^4.12.1",
                 "@types/react": "^16.8.6 || ^17.0.0",
                 "react": "^16.8.0 || ^17.0.0",
                 "react-dom": "^16.8.0 || ^17.0.0"
@@ -4643,15 +4705,15 @@
             }
         },
         "node_modules/babel-jest": {
-            "version": "26.6.3",
-            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.3.tgz",
-            "integrity": "sha512-pl4Q+GAVOHwvjrck6jKjvmGhnO3jHX/xuB9d27f+EJZ/6k+6nMuPjorrYp7s++bKKdANwzElBWnLWaObvTnaZA==",
+            "version": "26.6.0",
+            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.0.tgz",
+            "integrity": "sha512-JI66yILI7stzjHccAoQtRKcUwJrJb4oMIxLTirL3GdAjGpaUBQSjZDFi9LsPkN4gftsS4R2AThAJwOjJxadwbg==",
             "dependencies": {
-                "@jest/transform": "^26.6.2",
-                "@jest/types": "^26.6.2",
+                "@jest/transform": "^26.6.0",
+                "@jest/types": "^26.6.0",
                 "@types/babel__core": "^7.1.7",
                 "babel-plugin-istanbul": "^6.0.0",
-                "babel-preset-jest": "^26.6.2",
+                "babel-preset-jest": "^26.5.0",
                 "chalk": "^4.0.0",
                 "graceful-fs": "^4.2.4",
                 "slash": "^3.0.0"
@@ -5078,6 +5140,20 @@
                 "@babel/core": "^7.0.0-0"
             }
         },
+        "node_modules/babel-preset-react-app/node_modules/@babel/plugin-transform-runtime": {
+            "version": "7.12.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz",
+            "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==",
+            "dependencies": {
+                "@babel/helper-module-imports": "^7.12.1",
+                "@babel/helper-plugin-utils": "^7.10.4",
+                "resolve": "^1.8.1",
+                "semver": "^5.5.1"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
         "node_modules/babel-preset-react-app/node_modules/@babel/preset-env": {
             "version": "7.12.1",
             "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.1.tgz",
@@ -12045,6 +12121,27 @@
                 "url": "https://github.com/chalk/ansi-styles?sponsor=1"
             }
         },
+        "node_modules/jest-config/node_modules/babel-jest": {
+            "version": "26.6.3",
+            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.3.tgz",
+            "integrity": "sha512-pl4Q+GAVOHwvjrck6jKjvmGhnO3jHX/xuB9d27f+EJZ/6k+6nMuPjorrYp7s++bKKdANwzElBWnLWaObvTnaZA==",
+            "dependencies": {
+                "@jest/transform": "^26.6.2",
+                "@jest/types": "^26.6.2",
+                "@types/babel__core": "^7.1.7",
+                "babel-plugin-istanbul": "^6.0.0",
+                "babel-preset-jest": "^26.6.2",
+                "chalk": "^4.0.0",
+                "graceful-fs": "^4.2.4",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 10.14.2"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
         "node_modules/jest-config/node_modules/chalk": {
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -13050,6 +13147,18 @@
                 "node": ">=8"
             }
         },
+        "node_modules/jest-sonar-reporter": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/jest-sonar-reporter/-/jest-sonar-reporter-2.0.0.tgz",
+            "integrity": "sha512-ZervDCgEX5gdUbdtWsjdipLN3bKJwpxbvhkYNXTAYvAckCihobSLr9OT/IuyNIRT1EZMDDwR6DroWtrq+IL64w==",
+            "dev": true,
+            "dependencies": {
+                "xml": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
         "node_modules/jest-util": {
             "version": "26.6.2",
             "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-26.6.2.tgz",
@@ -23026,6 +23135,12 @@
                 }
             }
         },
+        "node_modules/xml": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
+            "integrity": "sha1-eLpyAgApxbyHuKgaPPzXS0ovweU=",
+            "dev": true
+        },
         "node_modules/xml-name-validator": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
@@ -23301,9 +23416,9 @@
             }
         },
         "@babel/helper-plugin-utils": {
-            "version": "7.14.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz",
-            "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ=="
+            "version": "7.16.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz",
+            "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA=="
         },
         "@babel/helper-remap-async-to-generator": {
             "version": "7.16.0",
@@ -24012,20 +24127,64 @@
             }
         },
         "@babel/plugin-transform-runtime": {
-            "version": "7.12.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz",
-            "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==",
+            "version": "7.16.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.5.tgz",
+            "integrity": "sha512-gxpfS8XQWDbQ8oP5NcmpXxtEgCJkbO+W9VhZlOhr0xPyVaRjAQPOv7ZDj9fg0d5s9+NiVvMCE6gbkEkcsxwGRw==",
+            "dev": true,
             "requires": {
-                "@babel/helper-module-imports": "^7.12.1",
-                "@babel/helper-plugin-utils": "^7.10.4",
-                "resolve": "^1.8.1",
-                "semver": "^5.5.1"
+                "@babel/helper-module-imports": "^7.16.0",
+                "@babel/helper-plugin-utils": "^7.16.5",
+                "babel-plugin-polyfill-corejs2": "^0.3.0",
+                "babel-plugin-polyfill-corejs3": "^0.4.0",
+                "babel-plugin-polyfill-regenerator": "^0.3.0",
+                "semver": "^6.3.0"
             },
             "dependencies": {
-                "semver": {
-                    "version": "5.7.1",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                "@babel/helper-define-polyfill-provider": {
+                    "version": "0.3.1",
+                    "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+                    "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
+                    "dev": true,
+                    "requires": {
+                        "@babel/helper-compilation-targets": "^7.13.0",
+                        "@babel/helper-module-imports": "^7.12.13",
+                        "@babel/helper-plugin-utils": "^7.13.0",
+                        "@babel/traverse": "^7.13.0",
+                        "debug": "^4.1.1",
+                        "lodash.debounce": "^4.0.8",
+                        "resolve": "^1.14.2",
+                        "semver": "^6.1.2"
+                    }
+                },
+                "babel-plugin-polyfill-corejs2": {
+                    "version": "0.3.1",
+                    "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+                    "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
+                    "dev": true,
+                    "requires": {
+                        "@babel/compat-data": "^7.13.11",
+                        "@babel/helper-define-polyfill-provider": "^0.3.1",
+                        "semver": "^6.1.1"
+                    }
+                },
+                "babel-plugin-polyfill-corejs3": {
+                    "version": "0.4.0",
+                    "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.4.0.tgz",
+                    "integrity": "sha512-YxFreYwUfglYKdLUGvIF2nJEsGwj+RhWSX/ije3D2vQPOXuyMLMtg/cCGMDpOA7Nd+MwlNdnGODbd2EwUZPlsw==",
+                    "dev": true,
+                    "requires": {
+                        "@babel/helper-define-polyfill-provider": "^0.3.0",
+                        "core-js-compat": "^3.18.0"
+                    }
+                },
+                "babel-plugin-polyfill-regenerator": {
+                    "version": "0.3.1",
+                    "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+                    "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
+                    "dev": true,
+                    "requires": {
+                        "@babel/helper-define-polyfill-provider": "^0.3.1"
+                    }
                 }
             }
         },
@@ -24212,9 +24371,9 @@
             }
         },
         "@babel/runtime": {
-            "version": "7.16.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.0.tgz",
-            "integrity": "sha512-Nht8L0O8YCktmsDV6FqFue7vQLRx3Hb0B37lS5y0jDRqRxlBG4wIJHnf9/bgSE2UyipKFA01YtS+npRdTWBUyw==",
+            "version": "7.16.5",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.5.tgz",
+            "integrity": "sha512-TXWihFIS3Pyv5hzR7j6ihmeLkZfrXGxAr5UfSl8CHf+6q/wpiYDkUau0czckpYG8QmnCIuPpdLtuA9VmuGGyMA==",
             "requires": {
                 "regenerator-runtime": "^0.13.4"
             }
@@ -24975,13 +25134,13 @@
             }
         },
         "@material-ui/core": {
-            "version": "4.11.4",
-            "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.11.4.tgz",
-            "integrity": "sha512-oqb+lJ2Dl9HXI9orc6/aN8ZIAMkeThufA5iZELf2LQeBn2NtjVilF5D2w7e9RpntAzDb4jK5DsVhkfOvFY/8fg==",
+            "version": "4.12.3",
+            "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz",
+            "integrity": "sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==",
             "requires": {
                 "@babel/runtime": "^7.4.4",
                 "@material-ui/styles": "^4.11.4",
-                "@material-ui/system": "^4.11.3",
+                "@material-ui/system": "^4.12.1",
                 "@material-ui/types": "5.1.0",
                 "@material-ui/utils": "^4.11.2",
                 "@types/react-transition-group": "^4.2.0",
@@ -25002,9 +25161,9 @@
             }
         },
         "@material-ui/lab": {
-            "version": "4.0.0-alpha.58",
-            "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.58.tgz",
-            "integrity": "sha512-GKHlJqLxUeHH3L3dGQ48ZavYrqGOTXkFkiEiuYMAnAvXAZP4rhMIqeHOPXSUQan4Bd8QnafDcpovOSLnadDmKw==",
+            "version": "4.0.0-alpha.60",
+            "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.60.tgz",
+            "integrity": "sha512-fadlYsPJF+0fx2lRuyqAuJj7hAS1tLDdIEEdov5jlrpb5pp4b+mRDUqQTUxi4inRZHS1bEXpU8QWUhO6xX88aA==",
             "requires": {
                 "@babel/runtime": "^7.4.4",
                 "@material-ui/utils": "^4.11.2",
@@ -25063,7 +25222,8 @@
         "@material-ui/types": {
             "version": "5.1.0",
             "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz",
-            "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A=="
+            "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==",
+            "requires": {}
         },
         "@material-ui/utils": {
             "version": "4.11.2",
@@ -25161,7 +25321,8 @@
         "@restart/context": {
             "version": "2.1.4",
             "resolved": "https://registry.npmjs.org/@restart/context/-/context-2.1.4.tgz",
-            "integrity": "sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q=="
+            "integrity": "sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q==",
+            "requires": {}
         },
         "@restart/hooks": {
             "version": "0.3.27",
@@ -25989,7 +26150,8 @@
         "acorn-jsx": {
             "version": "5.3.2",
             "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "requires": {}
         },
         "acorn-walk": {
             "version": "7.2.0",
@@ -26073,12 +26235,14 @@
         "ajv-errors": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
-            "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ=="
+            "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
+            "requires": {}
         },
         "ajv-keywords": {
             "version": "3.5.2",
             "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+            "requires": {}
         },
         "alphanum-sort": {
             "version": "1.0.2",
@@ -26428,15 +26592,15 @@
             }
         },
         "babel-jest": {
-            "version": "26.6.3",
-            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.3.tgz",
-            "integrity": "sha512-pl4Q+GAVOHwvjrck6jKjvmGhnO3jHX/xuB9d27f+EJZ/6k+6nMuPjorrYp7s++bKKdANwzElBWnLWaObvTnaZA==",
+            "version": "26.6.0",
+            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.0.tgz",
+            "integrity": "sha512-JI66yILI7stzjHccAoQtRKcUwJrJb4oMIxLTirL3GdAjGpaUBQSjZDFi9LsPkN4gftsS4R2AThAJwOjJxadwbg==",
             "requires": {
-                "@jest/transform": "^26.6.2",
-                "@jest/types": "^26.6.2",
+                "@jest/transform": "^26.6.0",
+                "@jest/types": "^26.6.0",
                 "@types/babel__core": "^7.1.7",
                 "babel-plugin-istanbul": "^6.0.0",
-                "babel-preset-jest": "^26.6.2",
+                "babel-preset-jest": "^26.5.0",
                 "chalk": "^4.0.0",
                 "graceful-fs": "^4.2.4",
                 "slash": "^3.0.0"
@@ -26591,7 +26755,8 @@
         "babel-plugin-named-asset-import": {
             "version": "0.3.7",
             "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz",
-            "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw=="
+            "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==",
+            "requires": {}
         },
         "babel-plugin-polyfill-corejs2": {
             "version": "0.2.3",
@@ -26773,6 +26938,17 @@
                         "@babel/helper-plugin-utils": "^7.10.4"
                     }
                 },
+                "@babel/plugin-transform-runtime": {
+                    "version": "7.12.1",
+                    "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.1.tgz",
+                    "integrity": "sha512-Ac/H6G9FEIkS2tXsZjL4RAdS3L3WHxci0usAnz7laPWUmFiGtj7tIASChqKZMHTSQTQY6xDbOq+V1/vIq3QrWg==",
+                    "requires": {
+                        "@babel/helper-module-imports": "^7.12.1",
+                        "@babel/helper-plugin-utils": "^7.10.4",
+                        "resolve": "^1.8.1",
+                        "semver": "^5.5.1"
+                    }
+                },
                 "@babel/preset-env": {
                     "version": "7.12.1",
                     "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.1.tgz",
@@ -29729,7 +29905,8 @@
         "eslint-plugin-react-hooks": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
-            "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ=="
+            "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
+            "requires": {}
         },
         "eslint-plugin-testing-library": {
             "version": "3.10.2",
@@ -32155,6 +32332,21 @@
                         "color-convert": "^2.0.1"
                     }
                 },
+                "babel-jest": {
+                    "version": "26.6.3",
+                    "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-26.6.3.tgz",
+                    "integrity": "sha512-pl4Q+GAVOHwvjrck6jKjvmGhnO3jHX/xuB9d27f+EJZ/6k+6nMuPjorrYp7s++bKKdANwzElBWnLWaObvTnaZA==",
+                    "requires": {
+                        "@jest/transform": "^26.6.2",
+                        "@jest/types": "^26.6.2",
+                        "@types/babel__core": "^7.1.7",
+                        "babel-plugin-istanbul": "^6.0.0",
+                        "babel-preset-jest": "^26.6.2",
+                        "chalk": "^4.0.0",
+                        "graceful-fs": "^4.2.4",
+                        "slash": "^3.0.0"
+                    }
+                },
                 "chalk": {
                     "version": "4.1.2",
                     "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -32584,7 +32776,8 @@
         "jest-pnp-resolver": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
-            "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w=="
+            "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
+            "requires": {}
         },
         "jest-regex-util": {
             "version": "26.0.0",
@@ -32897,6 +33090,15 @@
                 }
             }
         },
+        "jest-sonar-reporter": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/jest-sonar-reporter/-/jest-sonar-reporter-2.0.0.tgz",
+            "integrity": "sha512-ZervDCgEX5gdUbdtWsjdipLN3bKJwpxbvhkYNXTAYvAckCihobSLr9OT/IuyNIRT1EZMDDwR6DroWtrq+IL64w==",
+            "dev": true,
+            "requires": {
+                "xml": "^1.0.1"
+            }
+        },
         "jest-util": {
             "version": "26.6.2",
             "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-26.6.2.tgz",
@@ -33293,7 +33495,8 @@
         "jspdf-autotable": {
             "version": "3.5.3",
             "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.5.3.tgz",
-            "integrity": "sha512-K+cNWW3x6w0R/1B5m6PYOm6v8CTTDXy/g32lZouc7SuC6zhvzMN2dauhk6dDYxPD0pky0oyPIJFwSJ/tV8PAeg=="
+            "integrity": "sha512-K+cNWW3x6w0R/1B5m6PYOm6v8CTTDXy/g32lZouc7SuC6zhvzMN2dauhk6dDYxPD0pky0oyPIJFwSJ/tV8PAeg==",
+            "requires": {}
         },
         "jsprim": {
             "version": "1.4.1",
@@ -36302,7 +36505,8 @@
         "react-double-scrollbar": {
             "version": "0.0.15",
             "resolved": "https://registry.npmjs.org/react-double-scrollbar/-/react-double-scrollbar-0.0.15.tgz",
-            "integrity": "sha1-6RWrjLO5WYdwdfSUNt6/2wQoj+Q="
+            "integrity": "sha1-6RWrjLO5WYdwdfSUNt6/2wQoj+Q=",
+            "requires": {}
         },
         "react-error-overlay": {
             "version": "6.0.9",
@@ -39322,7 +39526,8 @@
         "use-memo-one": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.2.tgz",
-            "integrity": "sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ=="
+            "integrity": "sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==",
+            "requires": {}
         },
         "util": {
             "version": "0.11.1",
@@ -40857,7 +41062,14 @@
         "ws": {
             "version": "7.5.5",
             "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.5.tgz",
-            "integrity": "sha512-BAkMFcAzl8as1G/hArkxOxq3G7pjUqQ3gzYbLL0/5zNkph70e+lCoxBGnm6AW1+/aiNeV4fnKqZ8m4GZewmH2w=="
+            "integrity": "sha512-BAkMFcAzl8as1G/hArkxOxq3G7pjUqQ3gzYbLL0/5zNkph70e+lCoxBGnm6AW1+/aiNeV4fnKqZ8m4GZewmH2w==",
+            "requires": {}
+        },
+        "xml": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
+            "integrity": "sha1-eLpyAgApxbyHuKgaPPzXS0ovweU=",
+            "dev": true
         },
         "xml-name-validator": {
             "version": "3.0.0",
diff --git a/gui-clamp/ui-react/src/components/menu/MenuBar.js b/gui-clamp/ui-react/src/components/menu/MenuBar.js
index 5ac5f88..94ec7f3 100644
--- a/gui-clamp/ui-react/src/components/menu/MenuBar.js
+++ b/gui-clamp/ui-react/src/components/menu/MenuBar.js
@@ -55,6 +55,10 @@ const StyledNavLink = styled(Nav.Link)`
 const StyledNavDropdown = styled(NavDropdown)`
   color: ${ props => props.theme.menuFontColor };
 
+  & .nav-link.disabled {
+    color: rgba(136, 136, 136, 0.5)
+  }
+
   & .dropdown-toggle {
     color: ${ props => props.theme.menuFontColor };
     background-color: ${ props => props.theme.backgroundColor };
@@ -82,15 +86,15 @@ export default class MenuBar extends React.Component {
   render() {
     return (
       <Navbar.Collapse>
-        <StyledNavDropdown title="POLICY Framework">
+        <StyledNavDropdown title="POLICY Framework" disabled>
           <NavDropdown.Item as={ StyledLink } to="/viewAllPolicies">View All Policies</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="CLAMP Options">
+        <StyledNavDropdown title="CLAMP Options" disabled>
           <NavDropdown.Item as={ StyledLink } to="/manageDictionaries">Tosca Metadata Dictionaries</NavDropdown.Item>
           <NavDropdown.Divider/>
           <NavDropdown.Item as={ StyledLink } to="/viewLoopTemplatesModal">View All Loop Templates</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="LOOP Instance">
+        <StyledNavDropdown title="LOOP Instance" disabled>
           <NavDropdown.Item as={ StyledLink } to="/createLoop">Create</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/openLoop">Open</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/closeLoop" disabled={ this.state.disabled }>Close</NavDropdown.Item>
@@ -99,7 +103,7 @@ export default class MenuBar extends React.Component {
           <NavDropdown.Item as={ StyledLink } to="/loopProperties" disabled={ this.state.disabled }>Properties</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/refreshStatus" disabled={ this.state.disabled }>Refresh Status</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="LOOP Operations">
+        <StyledNavDropdown title="LOOP Operations" disabled>
           <NavDropdown.Item as={ StyledLink } to="/submit" disabled={ this.state.disabled }>Create and deploy to Policy Framework (SUBMIT)</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/stop" disabled={ this.state.disabled }>Undeploy from Policy Framework (STOP)</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/restart" disabled={ this.state.disabled }>ReDeploy to Policy Framework (RESTART)</NavDropdown.Item>
diff --git a/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap b/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
index 336628d..3d4f8cb 100644
--- a/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
+++ b/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
@@ -3,6 +3,7 @@
 exports[`Verify MenuBar Test the render method 1`] = `
 <NavbarCollapse>
   <Styled(NavDropdown)
+    disabled={true}
     title="POLICY Framework"
   >
     <DropdownItem
@@ -70,6 +71,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
     </DropdownItem>
   </Styled(NavDropdown)>
   <Styled(NavDropdown)
+    disabled={true}
     title="CLAMP Options"
   >
     <DropdownItem
@@ -203,6 +205,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
     </DropdownItem>
   </Styled(NavDropdown)>
   <Styled(NavDropdown)
+    disabled={true}
     title="LOOP Instance"
   >
     <DropdownItem
@@ -588,6 +591,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
     </DropdownItem>
   </Styled(NavDropdown)>
   <Styled(NavDropdown)
+    disabled={true}
     title="LOOP Operations"
   >
     <DropdownItem