Restructure policy-gui repo

- Removed gui-clamp module
- Added gui-runtime module
- Created gui-acm for future gui development work

Issue-ID: POLICY-4638
Change-Id: I6d6468ae1c83d39e5b837f1dadf42bda5671ee70
Signed-off-by: waynedunican <wayne.dunican@est.tech>

3 files changed, 0 insertions, 1552 deletions

diff --git a/gui-clamp/ui-react/src/components/menu/MenuBar.js b/gui-clamp/ui-react/src/components/menu/MenuBar.js
deleted file mode 100644
index 94ec7f3..0000000
--- a/gui-clamp/ui-react/src/components/menu/MenuBar.js
+++ /dev/null
@@ -1,133 +0,0 @@
-/*-
- * ============LICENSE_START=======================================================
- *  Copyright (C) 2021 Nordix Foundation.
- * ================================================================================
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * SPDX-License-Identifier: Apache-2.0
- * ============LICENSE_END=========================================================
- */
-import React from 'react';
-import Nav from 'react-bootstrap/Nav';
-import Navbar from 'react-bootstrap/Navbar';
-import NavDropdown from 'react-bootstrap/NavDropdown';
-import OnapConstants from '../../utils/OnapConstants';
-import 'bootstrap-css-only/css/bootstrap.min.css';
-import styled from 'styled-components';
-import { Link } from 'react-router-dom';
-
-const StyledLink = styled(Link)`
-  color: ${ props => props.theme.menuFontColor };
-  background-color: ${ props => props.theme.menuBackgroundColor };
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ${ props => props.theme.menuHighlightedBackgroundColor };
-    color: ${ props => props.theme.menuHighlightedFontColor };
-  }`;
-const StyledNavLink = styled(Nav.Link)`
-  color: ${ props => props.theme.menuFontColor };
-  background-color: ${ props => props.theme.menuBackgroundColor };
-  font-weight: normal;
-  padding: .25rem 1.5rem;
-  :hover {
-    background-color: ${ props => props.theme.menuHighlightedBackgroundColor };
-    color: ${ props => props.theme.menuHighlightedFontColor };
-  }`;
-
-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 };
-    font-weight: normal;
-
-    :hover {
-      font-weight: bold;
-    }
-  }`;
-
-export default class MenuBar extends React.Component {
-  state = {
-    loopName: this.props.loopName,
-    disabled: true
-  };
-
-  componentWillReceiveProps(newProps) {
-    if (newProps.loopName !== OnapConstants.defaultLoopName) {
-      this.setState({ disabled: false });
-    } else {
-      this.setState({ disabled: true });
-    }
-  }
-
-  render() {
-    return (
-      <Navbar.Collapse>
-        <StyledNavDropdown title="POLICY Framework" disabled>
-          <NavDropdown.Item as={ StyledLink } to="/viewAllPolicies">View All Policies</NavDropdown.Item>
-        </StyledNavDropdown>
-        <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" 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>
-          <NavDropdown.Item as={ StyledLink } to="/modifyLoop" disabled={ this.state.disabled }>Modify</NavDropdown.Item>
-          <NavDropdown.Divider/>
-          <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" 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>
-          <NavDropdown.Item as={ StyledLink } to="/delete" disabled={ this.state.disabled }>Delete loop instance (DELETE)</NavDropdown.Item>
-          <NavDropdown.Divider/>
-          <NavDropdown.Item as={ StyledLink } to="/deploy" disabled={ this.state.disabled }>Deploy to DCAE (DEPLOY)</NavDropdown.Item>
-          <NavDropdown.Item as={ StyledLink } to="/undeploy" disabled={ this.state.disabled }>UnDeploy to DCAE (UNDEPLOY)</NavDropdown.Item>
-        </StyledNavDropdown>
-        <StyledNavDropdown title="TOSCA Automation Composition">
-          <NavDropdown.Header>Instantiation</NavDropdown.Header>
-          <NavDropdown.Item as={ StyledLink } to="/instantiationManagement">Instantiation Management</NavDropdown.Item>
-          <NavDropdown.Divider/>
-          <NavDropdown.Header>Commissioning</NavDropdown.Header>
-          <NavDropdown.Item as={ StyledLink } to="/readToscaTemplate">Manage Commissioned Automation Composition Template</NavDropdown.Item>
-          <NavDropdown.Item as={ StyledLink } to="/uploadToscaFile">Upload Automation Composition to Commissioning</NavDropdown.Item>
-          <NavDropdown.Item as={ StyledLink } to="/getJsonSchema">Edit Automation Composition Properties</NavDropdown.Item>
-        </StyledNavDropdown>
-        <StyledNavDropdown title="Help">
-          <StyledNavLink href="https://wiki.onap.org/" target="_blank">Wiki</StyledNavLink>
-          <StyledNavLink href="mailto:onap-discuss@lists.onap.org?subject=CLAMP&body=Please send us suggestions or feature enhancements or defect. If possible, please send us the steps to replicate any defect.">Contact
-            Us</StyledNavLink>
-          <NavDropdown.Item as={ StyledLink } to="/userInfo">User Info</NavDropdown.Item>
-        </StyledNavDropdown>
-      </Navbar.Collapse>
-    );
-  }
-}
diff --git a/gui-clamp/ui-react/src/components/menu/MenuBar.test.js b/gui-clamp/ui-react/src/components/menu/MenuBar.test.js
deleted file mode 100644
index df1a17a..0000000
--- a/gui-clamp/ui-react/src/components/menu/MenuBar.test.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/*-
- * ============LICENSE_START=======================================================
- * ONAP CLAMP
- * ================================================================================
- * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
- * Modifications Copyright (C) 2022 Nordix Foundation.
- * ================================================================================
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ============LICENSE_END============================================
- * ===================================================================
- *
- */
-import React from 'react';
-import { shallow } from 'enzyme';
-import MenuBar from './MenuBar';
-import DropdownItem from "react-bootstrap/DropdownItem";
-
-describe('Verify MenuBar', () => {
-
-  it('Test the render method', () => {
-    const component = shallow(<MenuBar/>)
-
-    expect(component).toMatchSnapshot();
-  });
-
-  it('Update loopName', () => {
-    const component = shallow(<MenuBar/>)
-    component.setProps({ loopName: "newLoop" });
-    expect(component.state('disabled')).toBe(false);
-  });
-
-  it('Default loopName', () => {
-    const component = shallow(<MenuBar/>)
-    component.setProps({ loopName: "Empty (NO loop loaded yet)" });
-    expect(component.state('disabled')).toBe(true);
-  });
-
-  it('Find 20 DropdownItem', () => {
-    const component = shallow(<MenuBar />)
-    expect(component.find('DropdownItem').length).toEqual(20);
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(0).dive();
-    expect(component.find({ tile: 'POLICY Framework' }));
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(1).dive();
-    expect(component.find({ tile: 'CLAMP Options' }));
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(2).dive();
-    expect(component.find({ tile: 'LOOP Instance' }));
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(3).dive();
-    expect(component.find({ tile: 'LOOP Operations' }));
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(4).dive();
-    expect(component.find({ tile: 'TOSCA Automation Composition' }));
-  });
-
-  it('Finds POLICY Framework Menu', () => {
-    const component = shallow(<MenuBar />).childAt(5).dive();
-    expect(component.find({ tile: 'Help' }));
-  });
-
-  it('Finds StyledNavLink', () => {
-    const component = shallow(<MenuBar />);
-    expect(component.find('Styled(NavLink)').length).toEqual(2);
-  });
-
-  it('Finds StyledNavDropdown', () => {
-    const component = shallow(<MenuBar />);
-    expect(component.find('Styled(NavDropdown)').length).toEqual(6);
-  });
-});
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
deleted file mode 100644
index 3d4f8cb..0000000
--- a/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
+++ /dev/null
@@ -1,1327 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Verify MenuBar Test the render method 1`] = `
-<NavbarCollapse>
-  <Styled(NavDropdown)
-    disabled={true}
-    title="POLICY Framework"
-  >
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/viewAllPolicies"
-    >
-      View All Policies
-    </DropdownItem>
-  </Styled(NavDropdown)>
-  <Styled(NavDropdown)
-    disabled={true}
-    title="CLAMP Options"
-  >
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/manageDictionaries"
-    >
-      Tosca Metadata Dictionaries
-    </DropdownItem>
-    <DropdownDivider
-      role="separator"
-    />
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/viewLoopTemplatesModal"
-    >
-      View All Loop Templates
-    </DropdownItem>
-  </Styled(NavDropdown)>
-  <Styled(NavDropdown)
-    disabled={true}
-    title="LOOP Instance"
-  >
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/createLoop"
-    >
-      Create
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/openLoop"
-    >
-      Open
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/closeLoop"
-    >
-      Close
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/modifyLoop"
-    >
-      Modify
-    </DropdownItem>
-    <DropdownDivider
-      role="separator"
-    />
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/loopProperties"
-    >
-      Properties
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/refreshStatus"
-    >
-      Refresh Status
-    </DropdownItem>
-  </Styled(NavDropdown)>
-  <Styled(NavDropdown)
-    disabled={true}
-    title="LOOP Operations"
-  >
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/submit"
-    >
-      Create and deploy to Policy Framework (SUBMIT)
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/stop"
-    >
-      Undeploy from Policy Framework (STOP)
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/restart"
-    >
-      ReDeploy to Policy Framework (RESTART)
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/delete"
-    >
-      Delete loop instance (DELETE)
-    </DropdownItem>
-    <DropdownDivider
-      role="separator"
-    />
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/deploy"
-    >
-      Deploy to DCAE (DEPLOY)
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={true}
-      to="/undeploy"
-    >
-      UnDeploy to DCAE (UNDEPLOY)
-    </DropdownItem>
-  </Styled(NavDropdown)>
-  <Styled(NavDropdown)
-    title="TOSCA Automation Composition"
-  >
-    <DropdownHeader
-      role="heading"
-    >
-      Instantiation
-    </DropdownHeader>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/instantiationManagement"
-    >
-      Instantiation Management
-    </DropdownItem>
-    <DropdownDivider
-      role="separator"
-    />
-    <DropdownHeader
-      role="heading"
-    >
-      Commissioning
-    </DropdownHeader>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/readToscaTemplate"
-    >
-      Manage Commissioned Automation Composition Template
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/uploadToscaFile"
-    >
-      Upload Automation Composition to Commissioning
-    </DropdownItem>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/getJsonSchema"
-    >
-      Edit Automation Composition Properties
-    </DropdownItem>
-  </Styled(NavDropdown)>
-  <Styled(NavDropdown)
-    title="Help"
-  >
-    <Styled(NavLink)
-      href="https://wiki.onap.org/"
-      target="_blank"
-    >
-      Wiki
-    </Styled(NavLink)>
-    <Styled(NavLink)
-      href="mailto:onap-discuss@lists.onap.org?subject=CLAMP&body=Please send us suggestions or feature enhancements or defect. If possible, please send us the steps to replicate any defect."
-    >
-      Contact Us
-    </Styled(NavLink)>
-    <DropdownItem
-      as={
-        Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "attrs": Array [],
-          "componentStyle": e {
-            "baseHash": -715527839,
-            "baseStyle": undefined,
-            "componentId": "sc-bdnxRM",
-            "isStatic": false,
-            "rules": Array [
-              "
-  color: ",
-              [Function],
-              ";
-  background-color: ",
-              [Function],
-              ";
-  font-weight: normal;
-  display: block;
-  width: 100%;
-  padding: .25rem 1.5rem;
-  clear: both;
-  text-align: inherit;
-  white-space: nowrap;
-  border: 0;
-  :hover {
-    text-decoration: none;
-    background-color: ",
-              [Function],
-              ";
-    color: ",
-              [Function],
-              ";
-  }",
-            ],
-            "staticRulesId": "",
-          },
-          "foldedComponentIds": Array [],
-          "render": [Function],
-          "shouldForwardProp": undefined,
-          "styledComponentId": "sc-bdnxRM",
-          "target": Object {
-            "$$typeof": Symbol(react.forward_ref),
-            "propTypes": Object {
-              "innerRef": [Function],
-              "onClick": [Function],
-              "replace": [Function],
-              "target": [Function],
-              "to": [Function],
-            },
-            "render": [Function],
-          },
-          "toString": [Function],
-          "warnTooManyClasses": [Function],
-          "withComponent": [Function],
-        }
-      }
-      disabled={false}
-      to="/userInfo"
-    >
-      User Info
-    </DropdownItem>
-  </Styled(NavDropdown)>
-</NavbarCollapse>
-`;