Merge pull request #248 from redallen/fix/react-icons

fix(icons): use @patternfly/react-icons

Author: Hyperkid123

packages/pf4-component-mapper/package.json

@@ -23,6 +23,7 @@
     "@babel/preset-react": "^7.0.0",
     "@data-driven-forms/react-form-renderer": "*",
     "@patternfly/react-core": "^3.104.0",
+    "@patternfly/react-icons": "^3.14.23",
     "@semantic-release/git": "^7.0.5",
     "@semantic-release/npm": "^5.1.1",
     "babel-core": "^7.0.0-bridge.0",
@@ -88,8 +89,8 @@
   },
   "dependencies": {
     "@patternfly/patternfly-next": "^1.0.175",
-    "react-select": "^3.0.4",
-    "react-final-form-arrays": "2.0.3"
+    "react-final-form-arrays": "2.0.3",
+    "react-select": "^3.0.4"
   },
   "postpublish": "export RELEASE_DEMO=true"
 }

packages/pf4-component-mapper/src/form-fields/fieldArray/index.js

@@ -2,8 +2,8 @@ import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { Grid, GridItem, Bullseye, FormHelperText } from '@patternfly/react-core';
 
-import CloseIcon from '../../icons/close-icon';
-import AddCircleOIcon from '../../icons/add-circle-o-icon';
+import CloseIcon from '@patternfly/react-icons/dist/js/icons/close-icon';
+import AddCircleOIcon from '@patternfly/react-icons/dist/js/icons/add-circle-o-icon';
 
 import './final-form-array.scss';
 

packages/pf4-component-mapper/src/form-fields/select/clear-indicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Button, ButtonVariant } from '@patternfly/react-core';
 
-import TimesCircleIcon from '../../icons/times-circle-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 
 const ClearIndicator = ({
   clearValue,

packages/pf4-component-mapper/src/form-fields/select/dropdown-indicator.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import CaretDownIcon from '../../icons/caret-down-icon';
-import CircleNotchIcon from '../../icons/circle-notch-icon';
+import CaretDownIcon from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
+import CircleNotchIcon from '@patternfly/react-icons/dist/js/icons/circle-notch-icon';
 
 const DropdownIndicator = ({ selectProps: { isFetching }}) => isFetching ? <CircleNotchIcon className="spinning" /> : <CaretDownIcon />;
 

packages/pf4-component-mapper/src/form-fields/select/multi-value-remove.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { components } from 'react-select';
 
-import TimesCircleIcon from '../../icons/times-circle-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 
 const MultiValueRemove = props => (
   <components.MultiValueRemove { ...props }>

packages/pf4-component-mapper/src/form-fields/select/option.js

@@ -3,7 +3,7 @@ import { components } from 'react-select';
 import PropTypes from 'prop-types';
 import { Checkbox } from '@patternfly/react-core';
 
-import CheckIcon from '../../icons/check-icon';
+import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 
 const Option = (props) => (
   <div