From 36d376ea2124d88d627a0ada4e176e37e070f571 Mon Sep 17 00:00:00 2001
From: Ariel Kenan <Ariel.Kenan@amdocs.com>
Date: Sun, 7 Jul 2019 14:08:55 +0300
Subject: Upgrade to ONAP-UI

Change-Id: I1266dea133a4bd5196ba7662c0905afaa021972d
Issue-ID: SDC-2411
Signed-off-by: Ariel Kenan <Ariel.Kenan@amdocs.com>
---
 .../src/main/frontend/package.json                 |  3 +-
 .../src/main/frontend/resources/scss/_common.scss  |  4 +-
 .../src/main/frontend/resources/scss/style.scss    |  8 +-
 .../src/features/catalog/views/AddWorkflow.jsx     |  2 +-
 .../frontend/src/features/catalog/views/Main.jsx   |  2 +-
 .../src/features/catalog/views/Workflows.jsx       |  2 +-
 .../composition/components/CompositionButton.js    |  2 +-
 .../features/version/create/CreateVersionView.jsx  |  2 +-
 .../CreateVersionView_snapshot-test.js.snap        |  6 +-
 .../version/create/views/NewVersionContainer.jsx   |  2 +-
 .../version/inputOutput/InputOutputView.jsx        |  2 +-
 .../features/version/inputOutput/views/DataRow.jsx |  2 +-
 .../versionController/views/ActionButtons.js       |  2 +-
 .../views/OperationModeButtons.js                  |  2 +-
 .../version/versionController/views/SvgButton.js   |  2 +-
 .../versionController/views/VersionButton.js       |  2 +-
 .../workflow/create/CreateWorkflowView.jsx         |  2 +-
 .../CreateWorkflowView_snapshot-test.js.snap       | 38 +++++-----
 .../OverviewView_snapshot-test.js.snap             | 38 +++++-----
 .../workflow/overview/views/WorkflowDetails.jsx    |  2 +-
 .../workflow/overview/views/WorkflowHeader.jsx     |  3 +-
 .../src/shared/components/Description/index.js     |  6 +-
 .../frontend/src/shared/modal/ModalWrapperView.jsx |  2 +-
 .../src/shared/notifications/NotificationsView.jsx |  2 +-
 .../src/shared/searchInput/SearchInput.jsx         |  2 +-
 workflow-designer-ui/src/main/frontend/yarn.lock   | 85 +++++-----------------
 26 files changed, 94 insertions(+), 131 deletions(-)

diff --git a/workflow-designer-ui/src/main/frontend/package.json b/workflow-designer-ui/src/main/frontend/package.json
index f1fde4d4..bc43db1b 100644
--- a/workflow-designer-ui/src/main/frontend/package.json
+++ b/workflow-designer-ui/src/main/frontend/package.json
@@ -34,6 +34,8 @@
 		"lodash.set": "^4.3.2",
 		"md5": "^2.2.1",
 		"moment": "^2.18.1",
+		"onap-ui-common": "^1.0.101",
+		"onap-ui-react": "^1.0.0",
 		"perfect-scrollbar": "^1.4.0",
 		"prop-types": "^15.6.1",
 		"qs": "^6.5.2",
@@ -52,7 +54,6 @@
 		"redux-saga": "^0.16.0",
 		"redux-thunk": "^2.3.0",
 		"reselect": "^3.0.1",
-		"sdc-ui": "1.6.61",
 		"uuid-js": "^0.7.5",
 		"validator": "^10.2.0"
 	},
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/_common.scss b/workflow-designer-ui/src/main/frontend/resources/scss/_common.scss
index edde536f..825609d7 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/_common.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/_common.scss
@@ -1,5 +1,5 @@
-@import '../../node_modules/sdc-ui/lib/style/scss/common/typography.scss';
-@import '../../node_modules/sdc-ui/lib/style/scss/common/variables.scss';
+@import '~onap-ui-common/lib/scss/_typography.scss';
+@import '~onap-ui-common/lib/scss/variables.scss';
 @import 'common/fonts';
 @import 'common/utils';
 @import 'common/customVariables';
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/style.scss b/workflow-designer-ui/src/main/frontend/resources/scss/style.scss
index 88e33a9c..09e8c8bc 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/style.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/style.scss
@@ -1,7 +1,7 @@
-@import '../../node_modules/bpmn-js/dist/assets/diagram-js.css';
-@import '../../node_modules/bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
+@import '~bpmn-js/dist/assets/diagram-js.css';
+@import '~bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
 @import 'common';
-@import '../../node_modules/sdc-ui/lib/css/style.css';
-@import '../../node_modules/perfect-scrollbar/css/perfect-scrollbar.css';
+@import '~onap-ui-common/lib/style.css';
+@import '~perfect-scrollbar/css/perfect-scrollbar.css';
 @import 'components';
 @import 'features';
diff --git a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/AddWorkflow.jsx b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/AddWorkflow.jsx
index 7209f633..1700d92e 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/AddWorkflow.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/AddWorkflow.jsx
@@ -17,7 +17,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Translate } from 'react-redux-i18n';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import { SVGIcon } from 'onap-ui-react';
 
 class AddWorkflow extends React.Component {
     render() {
diff --git a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Main.jsx b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Main.jsx
index b363dd84..b4288f3b 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Main.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Main.jsx
@@ -19,7 +19,7 @@ import PropTypes from 'prop-types';
 import { Translate } from 'react-redux-i18n';
 
 import { ASC } from 'features/catalog/catalogConstants';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import { SVGIcon } from 'onap-ui-react';
 
 class Main extends Component {
     render() {
diff --git a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Workflows.jsx b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Workflows.jsx
index a94e4541..d69ec47e 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Workflows.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/catalog/views/Workflows.jsx
@@ -17,7 +17,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Tile, TileInfo, TileInfoLine } from 'sdc-ui/lib/react';
+import { Tile, TileInfo, TileInfoLine } from 'onap-ui-react';
 
 const Workflows = ({ items, onWorkflowClick }) =>
     items.map((workflow, index) => (
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
index 433e0559..62500d25 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
@@ -15,7 +15,7 @@
 */
 import React from 'react';
 import PropTypes from 'prop-types';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import { SVGIcon } from 'onap-ui-react';
 
 const CompositionButton = ({ onClick, name, title, disabled }) => (
     <div
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/create/CreateVersionView.jsx b/workflow-designer-ui/src/main/frontend/src/features/version/create/CreateVersionView.jsx
index 23e5db15..101b442d 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/create/CreateVersionView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/create/CreateVersionView.jsx
@@ -16,7 +16,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { I18n } from 'react-redux-i18n';
-import { Button } from 'sdc-ui/lib/react';
+import { Button } from 'onap-ui-react';
 import Description from 'shared/components/Description';
 import Select from 'shared/components/Select/index';
 import { VERSION_LEVEL_LIST } from 'wfapp/appConstants';
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/create/__tests__/__snapshots__/CreateVersionView_snapshot-test.js.snap b/workflow-designer-ui/src/main/frontend/src/features/version/create/__tests__/__snapshots__/CreateVersionView_snapshot-test.js.snap
index 991ad184..4e17b936 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/create/__tests__/__snapshots__/CreateVersionView_snapshot-test.js.snap
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/create/__tests__/__snapshots__/CreateVersionView_snapshot-test.js.snap
@@ -41,15 +41,15 @@ exports[`Create new version snapshot renders correctly 1`] = `
         className="description-part"
       >
         <div
-          className="sdc-input"
+          className="sdc-textarea"
         >
           <div
-            className="sdc-input__label"
+            className="sdc-textarea__label"
           >
             description
           </div>
           <textarea
-            className="custom-textarea field-section sdc-input__input"
+            className="custom-textarea field-section sdc-textarea__textarea"
             data-test-id="new-version-description"
             disabled={false}
             onChange={[Function]}
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/create/views/NewVersionContainer.jsx b/workflow-designer-ui/src/main/frontend/src/features/version/create/views/NewVersionContainer.jsx
index 9e26793a..4d884730 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/create/views/NewVersionContainer.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/create/views/NewVersionContainer.jsx
@@ -16,7 +16,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { I18n } from 'react-redux-i18n';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import { SVGIcon } from 'onap-ui-react';
 
 const NewVersionContainer = ({
     onCreateVersion,
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/InputOutputView.jsx b/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/InputOutputView.jsx
index fae81444..61e34990 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/InputOutputView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/InputOutputView.jsx
@@ -18,7 +18,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Translate, I18n } from 'react-redux-i18n';
 import cn from 'classnames';
-import { SVGIcon } from 'sdc-ui/lib/react';
+import { SVGIcon } from 'onap-ui-react';
 
 import Scrollbars from 'shared/scroll/Scrollbars';
 import SearchInput from 'shared/searchInput/SearchInput';
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/views/DataRow.jsx b/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/views/DataRow.jsx
index 022038fc..70103f87 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/views/DataRow.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/inputOutput/views/DataRow.jsx
@@ -17,7 +17,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Input, Checkbox, SVGIcon } from 'sdc-ui/lib/react';
+import { Input, Checkbox, SVGIcon } from 'onap-ui-react';
 
 const DataRow = ({
     data: { name, type, mandatory },
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/ActionButtons.js b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/ActionButtons.js
index 472b3a0b..0a9c2b1a 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/ActionButtons.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/ActionButtons.js
@@ -16,7 +16,7 @@
 
 import React from 'react';
 import { I18n } from 'react-redux-i18n';
-import { Button } from 'sdc-ui/lib/react';
+import { Button } from 'onap-ui-react';
 import PropTypes from 'prop-types';
 import SvgButton from 'features/version/versionController/views/SvgButton';
 import CompositionUpdate from 'features/version/composition/CompositionUpdate';
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/OperationModeButtons.js b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/OperationModeButtons.js
index ea943974..4d992adc 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/OperationModeButtons.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/OperationModeButtons.js
@@ -16,7 +16,7 @@
 
 import React from 'react';
 import { I18n } from 'react-redux-i18n';
-import { Button } from 'sdc-ui/lib/react';
+import { Button } from 'onap-ui-react';
 import PropTypes from 'prop-types';
 import SvgButton from 'features/version/versionController/views/SvgButton';
 
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/SvgButton.js b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/SvgButton.js
index 4a607e6b..41bdeb81 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/SvgButton.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/SvgButton.js
@@ -14,7 +14,7 @@
 * limitations under the License.
 */
 import React from 'react';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js';
+import { SVGIcon } from 'onap-ui-react';
 import PropTypes from 'prop-types';
 
 const SvgButton = props => {
diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/VersionButton.js b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/VersionButton.js
index 723e176d..19e148cb 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/VersionButton.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/VersionButton.js
@@ -14,7 +14,7 @@
 * limitations under the License.
 */
 import React from 'react';
-import { Button } from 'sdc-ui/lib/react';
+import { Button } from 'onap-ui-react';
 import { I18n } from 'react-redux-i18n';
 import PropTypes from 'prop-types';
 
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/create/CreateWorkflowView.jsx b/workflow-designer-ui/src/main/frontend/src/features/workflow/create/CreateWorkflowView.jsx
index 6aee9f74..9af92dbb 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/create/CreateWorkflowView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/create/CreateWorkflowView.jsx
@@ -15,7 +15,7 @@
 */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Input, Button } from 'sdc-ui/lib/react';
+import { Input, Button } from 'onap-ui-react';
 import { I18n } from 'react-redux-i18n';
 import Description from 'shared/components/Description';
 
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/create/__tests__/__snapshots__/CreateWorkflowView_snapshot-test.js.snap b/workflow-designer-ui/src/main/frontend/src/features/workflow/create/__tests__/__snapshots__/CreateWorkflowView_snapshot-test.js.snap
index 59695f03..e26da0d3 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/create/__tests__/__snapshots__/CreateWorkflowView_snapshot-test.js.snap
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/create/__tests__/__snapshots__/CreateWorkflowView_snapshot-test.js.snap
@@ -20,34 +20,38 @@ exports[`New Workflow View Snapshot renders correctly 1`] = `
         >
           name
         </label>
-        <input
-          className="sdc-input__input  "
-          data-test-id={undefined}
-          disabled={false}
-          id="workflowName"
-          name="workflowName"
-          onBlur={[Function]}
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          placeholder={undefined}
-          readOnly={false}
-          type="text"
-          value=""
-        />
+        <div
+          className="sdc-input-wrapper"
+        >
+          <input
+            className="sdc-input__input  "
+            data-test-id={undefined}
+            disabled={false}
+            id="workflowName"
+            name="workflowName"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onKeyDown={[Function]}
+            placeholder={undefined}
+            readOnly={false}
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <div
         className="description-part"
       >
         <div
-          className="sdc-input"
+          className="sdc-textarea"
         >
           <div
-            className="sdc-input__label"
+            className="sdc-textarea__label"
           >
             description
           </div>
           <textarea
-            className="custom-textarea field-section sdc-input__input"
+            className="custom-textarea field-section sdc-textarea__textarea"
             data-test-id="description"
             disabled={false}
             onChange={[Function]}
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/__tests__/__snapshots__/OverviewView_snapshot-test.js.snap b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/__tests__/__snapshots__/OverviewView_snapshot-test.js.snap
index d870bedb..a54b832c 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/__tests__/__snapshots__/OverviewView_snapshot-test.js.snap
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/__tests__/__snapshots__/OverviewView_snapshot-test.js.snap
@@ -62,34 +62,38 @@ exports[`OverviewView Snapshot renders correctly 1`] = `
           >
             name
           </label>
-          <input
-            className="sdc-input__input  "
-            data-test-id={undefined}
-            disabled={true}
-            id="workflowName"
-            name="workflowName"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onKeyDown={[Function]}
-            placeholder={undefined}
-            readOnly={false}
-            type="text"
-            value="wf1"
-          />
+          <div
+            className="sdc-input-wrapper"
+          >
+            <input
+              className="sdc-input__input  "
+              data-test-id={undefined}
+              disabled={true}
+              id="workflowName"
+              name="workflowName"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onKeyDown={[Function]}
+              placeholder={undefined}
+              readOnly={false}
+              type="text"
+              value="wf1"
+            />
+          </div>
         </div>
         <div
           className="description-part"
         >
           <div
-            className="sdc-input"
+            className="sdc-textarea"
           >
             <div
-              className="sdc-input__label"
+              className="sdc-textarea__label"
             >
               description
             </div>
             <textarea
-              className="custom-textarea field-section sdc-input__input"
+              className="custom-textarea field-section sdc-textarea__textarea"
               data-test-id="description"
               disabled={false}
               onChange={[Function]}
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowDetails.jsx b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowDetails.jsx
index de638a15..38f6af06 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowDetails.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowDetails.jsx
@@ -15,7 +15,7 @@
 */
 import React, { Component } from 'react';
 import { I18n } from 'react-redux-i18n';
-import { Input, Button } from 'sdc-ui/lib/react';
+import { Input, Button } from 'onap-ui-react';
 import PropTypes from 'prop-types';
 
 import Description from 'shared/components/Description';
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowHeader.jsx b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowHeader.jsx
index ce281299..46a1d94a 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowHeader.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/views/WorkflowHeader.jsx
@@ -16,8 +16,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { I18n } from 'react-redux-i18n';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
-import Button from 'sdc-ui/lib/react/Button';
+import { SVGIcon, Button } from 'onap-ui-react';
 import ArchiveLabel from 'shared/archiveLabel/ArchiveLabel';
 
 const Buttons = ({ history, archiveWorkflow, restoreWorkflow, isArchive }) => (
diff --git a/workflow-designer-ui/src/main/frontend/src/shared/components/Description/index.js b/workflow-designer-ui/src/main/frontend/src/shared/components/Description/index.js
index f6744908..7ff4d328 100644
--- a/workflow-designer-ui/src/main/frontend/src/shared/components/Description/index.js
+++ b/workflow-designer-ui/src/main/frontend/src/shared/components/Description/index.js
@@ -19,8 +19,8 @@ import { I18n } from 'react-redux-i18n';
 
 const Description = ({ description, onDataChange, dataTestId, disabled }) => (
     <div className="description-part">
-        <div className="sdc-input">
-            <div className="sdc-input__label">
+        <div className="sdc-textarea">
+            <div className="sdc-textarea__label">
                 {I18n.t('workflow.general.description')}
             </div>
             <textarea
@@ -29,7 +29,7 @@ const Description = ({ description, onDataChange, dataTestId, disabled }) => (
                 onChange={event => {
                     onDataChange({ description: event.target.value });
                 }}
-                className="custom-textarea field-section sdc-input__input"
+                className="custom-textarea field-section sdc-textarea__textarea"
                 disabled={disabled}
             />
         </div>
diff --git a/workflow-designer-ui/src/main/frontend/src/shared/modal/ModalWrapperView.jsx b/workflow-designer-ui/src/main/frontend/src/shared/modal/ModalWrapperView.jsx
index 95be8cda..c83a0acc 100644
--- a/workflow-designer-ui/src/main/frontend/src/shared/modal/ModalWrapperView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/shared/modal/ModalWrapperView.jsx
@@ -23,7 +23,7 @@ import {
     ModalTitle,
     ModalBody,
     ModalFooter
-} from 'sdc-ui/lib/react';
+} from 'onap-ui-react';
 
 import modalWrapperComponents from 'shared/modal/modalWrapperComponents';
 
diff --git a/workflow-designer-ui/src/main/frontend/src/shared/notifications/NotificationsView.jsx b/workflow-designer-ui/src/main/frontend/src/shared/notifications/NotificationsView.jsx
index 710ffce7..44812897 100644
--- a/workflow-designer-ui/src/main/frontend/src/shared/notifications/NotificationsView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/shared/notifications/NotificationsView.jsx
@@ -15,7 +15,7 @@
 */
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { Notification } from 'sdc-ui/lib/react/';
+import { Notification } from 'onap-ui-react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 
 export default class NotificationsView extends PureComponent {
diff --git a/workflow-designer-ui/src/main/frontend/src/shared/searchInput/SearchInput.jsx b/workflow-designer-ui/src/main/frontend/src/shared/searchInput/SearchInput.jsx
index ef1f0f37..a4ae2cd9 100644
--- a/workflow-designer-ui/src/main/frontend/src/shared/searchInput/SearchInput.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/shared/searchInput/SearchInput.jsx
@@ -16,7 +16,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import { SVGIcon } from 'onap-ui-react';
 
 class ExpandableInput extends React.Component {
     static propTypes = {
diff --git a/workflow-designer-ui/src/main/frontend/yarn.lock b/workflow-designer-ui/src/main/frontend/yarn.lock
index 7de46acb..9670e720 100644
--- a/workflow-designer-ui/src/main/frontend/yarn.lock
+++ b/workflow-designer-ui/src/main/frontend/yarn.lock
@@ -2,38 +2,6 @@
 # yarn lockfile v1
 
 
-"@angular/common@~2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/common/-/common-2.4.10.tgz#a3a682d2228fa30ec23dd0eb57c8e887fba26997"
-
-"@angular/core@~2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/core/-/core-2.4.10.tgz#0b8320a65065965d998645b1f5cd3cf769b441ea"
-
-"@angular/forms@~2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-2.4.10.tgz#062133aaade1f3b3c962f1593208c541b622fd06"
-
-"@angular/http@^2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/http/-/http-2.4.10.tgz#ff6beade5b39c989ebf2393c49b34eebd43e9555"
-
-"@angular/platform-browser-dynamic@~2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-2.4.10.tgz#8df25dec2b06adc690cc9bc26448deccaebcd8ec"
-
-"@angular/platform-browser@~2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-2.4.10.tgz#cbf25608148fb4ffef96cc5005ba5d7b3e093906"
-
-"@angular/router@~3.2.1":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@angular/router/-/router-3.2.4.tgz#dfec71ad072ec031364ba5d08bd6fe03fd5beadc"
-
-"@angular/upgrade@^2.4.8":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@angular/upgrade/-/upgrade-2.4.10.tgz#b69a3ee324d4450eb1696ddc9bded1a6ec06ca52"
-
 "@babel/code-frame@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
@@ -8324,6 +8292,25 @@ on-headers@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
 
+onap-ui-common@1.0.100:
+  version "1.0.100"
+  resolved "https://registry.yarnpkg.com/onap-ui-common/-/onap-ui-common-1.0.100.tgz#c0dae1d3d1c3fd2b866340d27a1179ed10a3a860"
+  integrity sha512-d+eaYgVgrj9B8/3iVDlkxO2jiE7wXFrvMogxxHsyM8E0Fa7wXGEGwohA4JD5nGydT84dU2vPzwkby7SZNgGpKA==
+
+onap-ui-react@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/onap-ui-react/-/onap-ui-react-0.1.1.tgz#3640bdb9fb10f85104ad9dd57a9f320b0703abf3"
+  integrity sha512-hax7WzSMIPll9fHvKVjFbn2dIOh39fWuiy0VQKONq/ccU3f/y08Y6EzJo7rzWcwjt8bp2KDhqNZky0HwIquc6w==
+  dependencies:
+    "@storybook/react" "^3.1.5"
+    http-loader "0.0.1"
+    onap-ui-common "1.0.100"
+    prop-types "^15.6.0"
+    react "15.6.2"
+    react-dom "15.6.2"
+    reflect-metadata "^0.1.3"
+    svg-react-loader "^0.4.4"
+
 once@^1.3.0, once@^1.3.1, once@^1.3.2, once@^1.3.3, once@^1.4.0, once@~1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -10278,12 +10265,6 @@ rx@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
 
-rxjs@5.4.2:
-  version "5.4.2"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.4.2.tgz#2a3236fcbf03df57bae06fd6972fd99e5c08fcf7"
-  dependencies:
-    symbol-observable "^1.0.1"
-
 rxjs@^5.4.2, rxjs@^5.5.2:
   version "5.5.10"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.10.tgz#fde02d7a614f6c8683d0d1957827f492e09db045"
@@ -10382,28 +10363,6 @@ scss-tokenizer@^0.2.3:
     js-base64 "^2.1.8"
     source-map "^0.4.2"
 
-sdc-ui@1.6.61:
-  version "1.6.61"
-  resolved "https://registry.yarnpkg.com/sdc-ui/-/sdc-ui-1.6.61.tgz#2ad3b9ef1f848889f978dac4082cd56420b28dd5"
-  dependencies:
-    "@angular/common" "~2.4.8"
-    "@angular/core" "~2.4.8"
-    "@angular/forms" "~2.4.8"
-    "@angular/http" "^2.4.8"
-    "@angular/platform-browser" "~2.4.8"
-    "@angular/platform-browser-dynamic" "~2.4.8"
-    "@angular/router" "~3.2.1"
-    "@angular/upgrade" "^2.4.8"
-    "@storybook/react" "^3.1.5"
-    http-loader "0.0.1"
-    prop-types "^15.6.0"
-    react "15.6.2"
-    react-dom "15.6.2"
-    reflect-metadata "^0.1.3"
-    rxjs "5.4.2"
-    svg-react-loader "^0.4.4"
-    zone.js "^0.8.18"
-
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -11154,7 +11113,7 @@ symbol-observable@^0.2.2:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-0.2.4.tgz#95a83db26186d6af7e7a18dbd9760a2f86d08f40"
 
-symbol-observable@^1.0.1, symbol-observable@^1.0.3:
+symbol-observable@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
 
@@ -12513,7 +12472,3 @@ yeoman-generator@^2.0.4:
     text-table "^0.2.0"
     through2 "^2.0.0"
     yeoman-environment "^2.0.5"
-
-zone.js@^0.8.18:
-  version "0.8.26"
-  resolved "https://registry.yarnpkg.com/zone.js/-/zone.js-0.8.26.tgz#7bdd72f7668c5a7ad6b118148b4ea39c59d08d2d"
-- 
cgit 1.2.3-korg