Update React NPM dependencies

Updated React UI and React UI Lib dependencies to the latest version.

Issue-ID: POLICY-3354
Change-Id: I12e0bb7e01d426928e3184fcd49f461f775a369a
Signed-off-by: brunomilitzer <bruno.militzer@est.tech>

diff --git a/gui-clamp/ui-react-lib/package.json b/gui-clamp/ui-react-lib/package.json
index 04f5198..d8fce1d 100644 (file)
--- a/gui-clamp/ui-react-lib/package.json
+++ b/gui-clamp/ui-react-lib/package.json
@@ -1,58 +1,58 @@
 {
-       "name": "onap-policy-clamp-ui-lib",
-       "version": "${project.version}",
-       "description": "ONAP Policy Clamp UI Library",
-       "author": "ONAP Policy Team",
-       "license": "Apache-2.0",
-       "publishConfig": {
-               "registry": "${npm.publish.url}"
-       },
-       "main": "dist/index.js",
-       "module": "dist/esindex.js",
-       "scripts": {
-               "build": "rollup -c"
-       },
-       "files": [
-               "dist"
-       ],
-       "peerDependencies": {
-               "@fortawesome/fontawesome-free": "5.15.2",
-               "@json-editor/json-editor": "2.5.2",
-               "@material-ui/core": "4.11.3",
-               "@material-ui/icons": "4.11.2",
-               "@material-ui/lab": "4.0.0-alpha.57",
-               "@material-ui/pickers": "3.3.10",
-               "bootstrap-css-only": "4.3.1",
-               "js-yaml": "4.1.0",
-               "material-table": "1.68.1",
-               "react": "17.0.2",
-               "react-bootstrap": "1.5.2",
-               "react-dom": "17.0.2",
-               "react-router-dom": "5.2.0",
-               "react-scripts": "4.0.3",
-               "react-select": "4.2.1",
-               "styled-components": "5.2.1",
-               "rollup": "^1.29.1"
-       },
-       "devDependencies": {
-               "@babel/cli": "7.7.5",
-               "@babel/core": "7.7.5",
-               "@babel/helper-plugin-utils": "7.0.0",
-               "@babel/plugin-external-helpers": "^7.7.4",
-               "@babel/plugin-proposal-class-properties": "7.5.5",
-               "@babel/plugin-transform-runtime": "7.7.6",
-               "@babel/preset-env": "7.5.5",
-               "@babel/preset-react": "7.0.0",
-               "rollup": "1.29.1",
-               "@rollup/plugin-commonjs": "^11.0.1",
-               "@rollup/plugin-image": "2.0.0",
-               "@rollup/plugin-node-resolve": "7.0.0",
-               "@rollup/plugin-replace": "2.2.1",
-               "@rollup/plugin-url": "4.0.0",
-               "@svgr/rollup": "5.1.0",
-               "babel-plugin-external-helpers": "6.22.0",
-               "rollup-plugin-babel": "4.3.3",
-               "rollup-plugin-peer-deps-external": "2.2.0",
-               "rollup-plugin-postcss": "2.0.3"
-       }
+    "name": "onap-policy-clamp-ui-lib",
+    "version": "${project.version}",
+    "description": "ONAP Policy Clamp UI Library",
+    "author": "ONAP Policy Team",
+    "license": "Apache-2.0",
+    "publishConfig": {
+        "registry": "${npm.publish.url}"
+    },
+    "main": "dist/index.js",
+    "module": "dist/esindex.js",
+    "scripts": {
+        "build": "rollup -c"
+    },
+    "files": [
+        "dist"
+    ],
+    "peerDependencies": {
+        "@fortawesome/fontawesome-free": "5.15.3",
+        "@json-editor/json-editor": "2.5.4",
+        "@material-ui/core": "4.11.4",
+        "@material-ui/icons": "4.11.2",
+        "@material-ui/lab": "4.0.0-alpha.58",
+        "@material-ui/pickers": "3.3.10",
+        "bootstrap-css-only": "4.4.1",
+        "js-yaml": "4.1.0",
+        "material-table": "1.69.3",
+        "react": "17.0.2",
+        "react-bootstrap": "1.6.1",
+        "react-dom": "17.0.2",
+        "react-router-dom": "5.2.0",
+        "react-scripts": "4.0.3",
+        "react-select": "4.3.1",
+        "styled-components": "5.3.0",
+        "rollup": "2.52.7"
+    },
+    "devDependencies": {
+        "@babel/cli": "7.14.5",
+        "@babel/core": "7.14.6",
+        "@babel/helper-plugin-utils": "7.14.5",
+        "@babel/plugin-external-helpers": "7.14.5",
+        "@babel/plugin-proposal-class-properties": "7.14.5",
+        "@babel/plugin-transform-runtime": "7.14.5",
+        "@babel/preset-env": "7.14.7",
+        "@babel/preset-react": "7.14.5",
+        "rollup": "1.29.1",
+        "@rollup/plugin-commonjs": "19.0.0",
+        "@rollup/plugin-image": "2.0.6",
+        "@rollup/plugin-node-resolve": "13.0.0",
+        "@rollup/plugin-replace": "2.4.2",
+        "@rollup/plugin-url": "6.0.0",
+        "@svgr/rollup": "5.5.0",
+        "babel-plugin-external-helpers": "6.22.0",
+        "rollup-plugin-babel": "4.3.3",
+        "rollup-plugin-peer-deps-external": "2.2.4",
+        "rollup-plugin-postcss": "4.0.0"
+    }
 }

diff --git a/gui-clamp/ui-react/package.json b/gui-clamp/ui-react/package.json
index 4568821..5754d44 100644 (file)
--- a/gui-clamp/ui-react/package.json
+++ b/gui-clamp/ui-react/package.json
@@ -1,103 +1,103 @@
 {
-       "name": "onap-policy-clamp-ui",
-       "version": "${project.version}",
-       "description": "ONAP Policy Clamp UI",
-       "author": "ONAP Policy Team",
-       "license": "Apache-2.0",
-       "publishConfig": {
-               "registry": "${npm.publish.url}"
-       },
-       "main": "index.js",
-       "proxy": "https://localhost:8443",
-       "scripts": {
-               "start": "HTTPS=true react-scripts start",
-               "build": "react-scripts build",
-               "test": "jest",
-               "test:watch": "jest --watch",
-               "test:coverage": "jest --coverage",
-               "eject": "react-scripts eject"
-       },
-       "files": [
-               "src/*.js",
-               "src/*.png",
-               "src/api",
-               "src/components",
-               "src/theme"
-       ],
-       "dependencies": {
-               "@fortawesome/fontawesome-free": "5.15.2",
-               "@json-editor/json-editor": "2.5.2",
-               "@material-ui/core": "4.11.3",
-               "@material-ui/icons": "4.11.2",
-               "@material-ui/lab": "4.0.0-alpha.57",
-               "@material-ui/pickers": "3.3.10",
-               "bootstrap-css-only": "4.3.1",
-               "js-yaml": "4.1.0",
-               "material-table": "1.68.1",
-               "react": "17.0.2",
-               "react-bootstrap": "1.5.2",
-               "react-dom": "17.0.2",
-               "react-router-dom": "5.2.0",
-               "react-scripts": "4.0.3",
-               "react-select": "4.2.1",
-               "styled-components": "5.2.1"
-       },
-       "devDependencies": {
-               "@babel/plugin-proposal-class-properties": "7.13.0",
-               "@babel/preset-env": "7.13.10",
-               "@babel/preset-react": "7.12.13",
-               "@wojtekmaj/enzyme-adapter-react-17": "0.6.1",
-               "babel-jest": "26.6.0",
-               "enzyme": "3.11.0",
-               "enzyme-adapter-react-17-updated": "1.0.2",
-               "enzyme-to-json": "3.6.1",
-               "history": "4.10.1",
-               "jest": "26.6.0",
-               "jest-canvas-mock": "2.3.1",
-               "jest-fetch-mock": "3.0.3"
-       },
-       "browserslist": [
-               ">0.2%",
-               "not dead",
-               "not ie <= 11",
-               "not op_mini all"
-       ],
-       "jest": {
-               "verbose": true,
-               "coverageDirectory": "${project.build.directory}/${ui.react.src}/coverage",
-               "collectCoverageFrom": [
-                       "**/*.{js,jsx}"
-               ],
-               "rootDir": "${project.build.directory}/${ui.react.src}",
-               "coverageReporters": [
-                       "lcov"
-               ],
-               "moduleNameMapper": {
-                       "\\.(css|png)$": "identity-obj-proxy"
-               },
-               "setupFiles": [
-                       "./src/setupTests.js",
-                       "jest-canvas-mock"
-               ],
-               "snapshotSerializers": [
-                       "enzyme-to-json/serializer"
-               ]
-       },
-       "babel": {
-               "presets": [
-                       "@babel/preset-env",
-                       "@babel/preset-react"
-               ],
-               "plugins": [
-                       [
-                               "@babel/plugin-proposal-class-properties",
-                               {
-                                       "loose": true
-                               }
-                       ],
-                       [
-                               "@babel/plugin-transform-runtime"
-                       ]
-               ]
-       }
+    "name": "onap-policy-clamp-ui",
+    "version": "${project.version}",
+    "description": "ONAP Policy Clamp UI",
+    "author": "ONAP Policy Team",
+    "license": "Apache-2.0",
+    "publishConfig": {
+        "registry": "${npm.publish.url}"
+    },
+    "main": "index.js",
+    "proxy": "https://localhost:8443",
+    "scripts": {
+        "start": "HTTPS=true react-scripts start",
+        "build": "react-scripts build",
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "test:coverage": "jest --coverage",
+        "eject": "react-scripts eject"
+    },
+    "files": [
+        "src/*.js",
+        "src/*.png",
+        "src/api",
+        "src/components",
+        "src/theme"
+    ],
+    "dependencies": {
+        "@fortawesome/fontawesome-free": "5.15.3",
+        "@json-editor/json-editor": "2.5.4",
+        "@material-ui/core": "4.11.4",
+        "@material-ui/icons": "4.11.2",
+        "@material-ui/lab": "4.0.0-alpha.58",
+        "@material-ui/pickers": "3.3.10",
+        "bootstrap-css-only": "4.4.1",
+        "js-yaml": "4.1.0",
+        "material-table": "1.68.1",
+        "react": "17.0.2",
+        "react-bootstrap": "1.6.1",
+        "react-dom": "17.0.2",
+        "react-router-dom": "5.2.0",
+        "react-scripts": "4.0.3",
+        "react-select": "4.3.1",
+        "styled-components": "5.3.0"
+    },
+    "devDependencies": {
+        "@babel/plugin-proposal-class-properties": "7.14.5",
+        "@babel/preset-env": "7.14.7",
+        "@babel/preset-react": "7.14.5",
+        "@wojtekmaj/enzyme-adapter-react-17": "0.6.2",
+        "babel-jest": "27.0.6",
+        "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"
+    },
+    "browserslist": [
+        ">0.2%",
+        "not dead",
+        "not ie <= 11",
+        "not op_mini all"
+    ],
+    "jest": {
+        "verbose": true,
+        "coverageDirectory": "${project.build.directory}/${ui.react.src}/coverage",
+        "collectCoverageFrom": [
+            "**/*.{js,jsx}"
+        ],
+        "rootDir": "${project.build.directory}/${ui.react.src}",
+        "coverageReporters": [
+            "lcov"
+        ],
+        "moduleNameMapper": {
+            "\\.(css|png)$": "identity-obj-proxy"
+        },
+        "setupFiles": [
+            "./src/setupTests.js",
+            "jest-canvas-mock"
+        ],
+        "snapshotSerializers": [
+            "enzyme-to-json/serializer"
+        ]
+    },
+    "babel": {
+        "presets": [
+            "@babel/preset-env",
+            "@babel/preset-react"
+        ],
+        "plugins": [
+            [
+                "@babel/plugin-proposal-class-properties",
+                {
+                    "loose": true
+                }
+            ],
+            [
+                "@babel/plugin-transform-runtime"
+            ]
+        ]
+    }
 }

diff --git a/gui-clamp/ui-react/src/components/dialogs/Policy/__snapshots__/PolicyEditor.test.js.snap b/gui-clamp/ui-react/src/components/dialogs/Policy/__snapshots__/PolicyEditor.test.js.snap
index bf84e91..ea40bfd 100644 (file)
--- a/gui-clamp/ui-react/src/components/dialogs/Policy/__snapshots__/PolicyEditor.test.js.snap
+++ b/gui-clamp/ui-react/src/components/dialogs/Policy/__snapshots__/PolicyEditor.test.js.snap
@@ -37,7 +37,7 @@ exports[`Verify PolicyEditor Test the render method 1`] = `
 >
   <styled.div>
     <div
-      className="sc-dlfnbm eVKaeY"
+      className="sc-dlnjwi ksxnfR"
     >
       <Alert
         closeLabel="Close alert"
@@ -777,7 +777,7 @@ exports[`Verify PolicyEditor Test the render method 1`] = `
         title="Policy Properties"
       >
         <div
-          className="sc-gsTCUz hXXDCR"
+          className="sc-gtsrHT duRXVT"
           id="onap.policies.monitoring.tcagen2_1.0.0_org.onap.new_1.0.0"
           title="Policy Properties"
         />

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 8bdfb09..2712218 100644 (file)
--- 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
@@ -11,9 +11,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -48,7 +48,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -80,9 +80,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -117,7 +117,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -148,9 +148,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -185,7 +185,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -217,9 +217,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -254,7 +254,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -282,9 +282,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -319,7 +319,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -347,9 +347,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -384,7 +384,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -412,9 +412,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -449,7 +449,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -480,9 +480,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -517,7 +517,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -545,9 +545,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -582,7 +582,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -614,9 +614,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -651,7 +651,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -679,9 +679,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -716,7 +716,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -744,9 +744,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -781,7 +781,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -809,9 +809,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -846,7 +846,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -877,9 +877,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -914,7 +914,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -942,9 +942,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -979,7 +979,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -1011,9 +1011,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -1048,7 +1048,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -1084,9 +1084,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -1121,7 +1121,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -1149,9 +1149,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -1186,7 +1186,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {
@@ -1229,9 +1229,9 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "$$typeof": Symbol(react.forward_ref),
           "attrs": Array [],
           "componentStyle": e {
-            "baseHash": 1014106698,
+            "baseHash": -715527839,
             "baseStyle": undefined,
-            "componentId": "sc-bdfBwQ",
+            "componentId": "sc-bdnxRM",
             "isStatic": false,
             "rules": Array [
               "
@@ -1266,7 +1266,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
           "foldedComponentIds": Array [],
           "render": [Function],
           "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdfBwQ",
+          "styledComponentId": "sc-bdnxRM",
           "target": Object {
             "$$typeof": Symbol(react.forward_ref),
             "propTypes": Object {