refactor: [UEPR-55] updated react-intl from v2 to v6

Author: MiroslavDionisiev

package-lock.json

@@ -35,7 +35,7 @@
   "peerDependencies": {
     "react": "^16",
     "react-dom": "^16",
-    "react-intl": "^2",
+    "react-intl": "^6",
     "react-intl-redux": "^0.7 || ^2.0.0",
     "react-popover": "^0.5",
     "react-redux": "^5",
@@ -81,7 +81,7 @@
     "raf": "3.4.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "react-intl": "2.9.0",
+    "react-intl": "^6.6.8",
     "react-intl-redux": "2.4.1",
     "react-popover": "0.5.10",
     "react-redux": "5.1.2",
@@ -121,7 +121,10 @@
     "moduleNameMapper": {
       "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/test/__mocks__/fileMock.js",
       "\\.(css|less)$": "<rootDir>/test/__mocks__/styleMock.js"
-    }
+    },
+    "transformIgnorePatterns": [
+      "/node_modules/(?!intl-messageformat|intl-messageformat-parser).+\\.js$"
+    ]
   },
   "jest-junit": {
     "outputDirectory": "./test/results"

package.json

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {defineMessages, FormattedMessage, injectIntl, intlShape} from 'react-intl';
+import {defineMessages, FormattedMessage, injectIntl} from 'react-intl';
+import intlShape from '../../lib/intl-shape.js';
 
 import classNames from 'classnames';
 import parseColor from 'parse-color';

src/components/color-picker/color-picker.jsx

@@ -4,7 +4,8 @@ See #13 */
 
 import bindAll from 'lodash.bindall';
 import classNames from 'classnames';
-import {defineMessages, injectIntl, intlShape, FormattedMessage} from 'react-intl';
+import {defineMessages, injectIntl, FormattedMessage} from 'react-intl';
+import intlShape from '../../lib/intl-shape.js';
 import PropTypes from 'prop-types';
 import React from 'react';
 import ReactTooltip from 'react-tooltip';