carbon-react 13.12.0 → 13.12.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+### [13.12.1](https://github.com/Sage/carbon/compare/v13.12.0...v13.12.1) (2022-07-18)
+
+
+### Bug Fixes
+
+* update react and react-dom to v17 ([b0a5ff2](https://github.com/Sage/carbon/commit/b0a5ff23b3cd62243baef20e4f6837f56bd7fd97))
+
 ## [13.12.0](https://github.com/Sage/carbon/compare/v13.11.0...v13.12.0) (2020-03-11)
 
 

package/lib/__deprecated__/components/dropdown-filter-ajax/dropdown-filter-ajax.stories.js

@@ -24,8 +24,6 @@ var _Info = _interopRequireDefault(require("./documentation/Info"));
 
 var _dropdownFilterAjax = _interopRequireDefault(require("./dropdown-filter-ajax"));
 
-var _xhrMock = require("../../../../.storybook/utils/xhr/xhr-mock");
-
 var _docgenInfo = _interopRequireDefault(require("../../../utils/helpers/docgen-info"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,8 +34,7 @@ _dropdownFilterAjax.default.__docgenInfo = (0, _docgenInfo.default)(require('./d
 var store = new _storybookState.Store({
   value: '',
   visibleValue: ''
-});
-(0, _xhrMock.enableMock)(); // Shared Props
+}); // Shared Props
 
 var onChange = function onChange(evt) {
   store.set({

package/lib/__spec_helper__/index.js

@@ -2,7 +2,7 @@
 
 var _enzyme = _interopRequireDefault(require("enzyme"));
 
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/table-ajax/table-ajax.stories.js

@@ -32,8 +32,6 @@ var _storybookState = require("@sambego/storybook-state");
 
 var _themeSelectors = require("../../../.storybook/theme-selectors");
 
-var _xhrMock = require("../../../.storybook/utils/xhr/xhr-mock");
-
 var _tableAjax = require("./table-ajax");
 
 var _button = _interopRequireDefault(require("../button"));
@@ -96,7 +94,6 @@ var handleChange = function handleChange(data) {
 
 function makeStory(name, themeSelector) {
   var component = function component() {
-    (0, _xhrMock.enableMock)();
     var pageSize = (0, _addonKnobs.text)('pageSize', '5');
     var paginate = (0, _addonKnobs.boolean)('paginate', _tableAjax.TableAjax.defaultProps.paginate);
     var customHeaders = (0, _addonKnobs.object)('customHeaders', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "13.12.0",
+  "version": "13.12.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -48,8 +48,8 @@
   },
   "homepage": "https://github.com/Sage/carbon#readme",
   "peerDependencies": {
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
+    "react": "^16.12.0 || ^17.0.2",
+    "react-dom": "^16.12.0 || ^17.0.2",
     "i18n-js": "^3.0.0"
   },
   "devDependencies": {
@@ -68,11 +68,11 @@
     "@storybook/addon-viewport": "^5.3.3",
     "@storybook/react": "^5.3.3",
     "@types/enzyme": "^3.10.3",
-    "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "23.3.13",
     "@types/node": "10.12.18",
-    "@types/react": "16.7.20",
-    "@types/react-dom": "16.0.11",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "babel-standalone": "~6.17.0",
     "carbon-factory": "^11.0.1",
     "carbon-state-management": "^1.0.0",
@@ -85,7 +85,6 @@
     "cypress-cucumber-preprocessor": "^2.0.1",
     "cz-conventional-changelog": "^3.0.2",
     "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.14.0",
     "enzyme-to-json": "^3.4.0",
     "eslint-plugin-cypress": "^2.0.1",
     "events": "~1.1.1",
@@ -98,16 +97,15 @@
     "mockdate": "^2.0.2",
     "moxios": "^0.4.0",
     "raf": "^3.4.0",
-    "react": "^16.12.0",
+    "react": "^17.0.2",
     "react-dnd-test-backend": "^10.0.2",
     "react-dnd-test-utils": "^10.0.2",
-    "react-dom": "^16.12.0",
+    "react-dom": "^17.0.2",
     "react-highlight": "briancappello/react-highlight#react-v16-compiled",
-    "react-test-renderer": "^16.12.0",
+    "react-test-renderer": "^17.0.2",
     "rimraf": "^2.6.3",
     "semantic-release": "^16.0.1",
-    "underscore.string": "~3.3.4",
-    "xhr-mock": "git://github.com/resin-io-modules/xhr-mock.git#improvements"
+    "underscore.string": "~3.3.4"
   },
   "dependencies": {
     "allure-commandline": "^2.13.0",

package/.storybook/utils/xhr/data/countries.js

@@ -1,195 +0,0 @@
-import Immutable from 'immutable';
-
-export default Immutable.fromJS([
-  { id: '1', value: 'AF', name: 'Afghanistan' },
-  { id: '2', value: 'AL', name: 'Albania' },
-  { id: '3', value: 'DZ', name: 'Algeria' },
-  { id: '5', value: 'AD', name: 'Andorra' },
-  { id: '6', value: 'AO', name: 'Angola' },
-  { id: '10', value: 'AR', name: 'Argentina' },
-  { id: '11', value: 'AM', name: 'Armenia' },
-  { id: '12', value: 'AW', name: 'Aruba' },
-  { id: '13', value: 'AU', name: 'Australia' },
-  { id: '14', value: 'AT', name: 'Austria' },
-  { id: '15', value: 'AZ', name: 'Azerbaijan' },
-  { id: '16', value: 'BS', name: 'Bahamas' },
-  { id: '17', value: 'BH', name: 'Bahrain' },
-  { id: '18', value: 'BD', name: 'Bangladesh' },
-  { id: '19', value: 'BB', name: 'Barbados' },
-  { id: '20', value: 'BY', name: 'Belarus' },
-  { id: '21', value: 'BE', name: 'Belgium' },
-  { id: '22', value: 'BZ', name: 'Belize' },
-  { id: '23', value: 'BJ', name: 'Benin' },
-  { id: '24', value: 'BM', name: 'Bermuda' },
-  { id: '25', value: 'BT', name: 'Bhutan' },
-  { id: '26', value: 'BO', name: 'Bolivia' },
-  { id: '27', value: 'BA', name: 'Bosnia and Herzegovina' },
-  { id: '28', value: 'BW', name: 'Botswana' },
-  { id: '30', value: 'BR', name: 'Brazil' },
-  { id: '32', value: 'BN', name: 'Brunei Darussalam' },
-  { id: '33', value: 'BG', name: 'Bulgaria' },
-  { id: '34', value: 'BF', name: 'Burkina Faso' },
-  { id: '35', value: 'BI', name: 'Burundi' },
-  { id: '36', value: 'KH', name: 'Cambodia' },
-  { id: '37', value: 'CM', name: 'Cameroon' },
-  { id: '38', value: 'CA', name: 'Canada' },
-  { id: '39', value: 'CV', name: 'Cape Verde' },
-  { id: '40', value: 'KY', name: 'Cayman Islands' },
-  { id: '41', value: 'CF', name: 'Central African Republic' },
-  { id: '42', value: 'TD', name: 'Chad' },
-  { id: '43', value: 'CL', name: 'Chile' },
-  { id: '44', value: 'CN', name: 'China' },
-  { id: '47', value: 'CO', name: 'Colombia' },
-  { id: '48', value: 'KM', name: 'Comoros' },
-  { id: '49', value: 'CG', name: 'Congo' },
-  { id: '51', value: 'CR', name: 'Costa Rica' },
-  { id: '52', value: 'HR', name: 'Croatia' },
-  { id: '53', value: 'CU', name: 'Cuba' },
-  { id: '54', value: 'CY', name: 'Cyprus' },
-  { id: '55', value: 'CZ', name: 'Czech Republic' },
-  { id: '56', value: 'DK', name: 'Denmark' },
-  { id: '57', value: 'DJ', name: 'Djibouti' },
-  { id: '58', value: 'DM', name: 'Dominica' },
-  { id: '59', value: 'DO', name: 'Dominican Republic' },
-  { id: '60', value: 'TP', name: 'East Timor' },
-  { id: '61', value: 'EC', name: 'Ecuador' },
-  { id: '62', value: 'EG', name: 'Egypt' },
-  { id: '63', value: 'SV', name: 'El Salvador' },
-  { id: '64', value: 'GQ', name: 'Equatorial Guinea' },
-  { id: '65', value: 'ER', name: 'Eritrea' },
-  { id: '66', value: 'EE', name: 'Estonia' },
-  { id: '67', value: 'ET', name: 'Ethiopia' },
-  { id: '70', value: 'FJ', name: 'Fiji' },
-  { id: '71', value: 'FI', name: 'Finland' },
-  { id: '72', value: 'FR', name: 'France' },
-  { id: '76', value: 'GA', name: 'Gabon' },
-  { id: '77', value: 'GM', name: 'Gambia' },
-  { id: '78', value: 'GE', name: 'Georgia' },
-  { id: '79', value: 'DE', name: 'Germany' },
-  { id: '80', value: 'GH', name: 'Ghana' },
-  { id: '81', value: 'GI', name: 'Gibraltar' },
-  { id: '82', value: 'GR', name: 'Greece' },
-  { id: '84', value: 'GD', name: 'Grenada' },
-  { id: '85', value: 'GP', name: 'Guadaloupe' },
-  { id: '86', value: 'GU', name: 'Guam' },
-  { id: '87', value: 'GT', name: 'Guatemala' },
-  { id: '88', value: 'GN', name: 'Guinea' },
-  { id: '90', value: 'GY', name: 'Guyana' },
-  { id: '91', value: 'HT', name: 'Haiti' },
-  { id: '93', value: 'HN', name: 'Honduras' },
-  { id: '94', value: 'HK', name: 'Hong Kong' },
-  { id: '95', value: 'HU', name: 'Hungary' },
-  { id: '96', value: 'IS', name: 'Iceland' },
-  { id: '97', value: 'IN', name: 'India' },
-  { id: '98', value: 'ID', name: 'Indonesia' },
-  { id: '99', value: 'IR', name: 'Iran' },
-  { id: '100', value: 'IQ', name: 'Iraq' },
-  { id: '101', value: 'IE', name: 'Ireland' },
-  { id: '102', value: 'IL', name: 'Israel' },
-  { id: '103', value: 'IT', name: 'Italy' },
-  { id: '104', value: 'CI', name: 'Ivory Coast' },
-  { id: '105', value: 'JM', name: 'Jamaica' },
-  { id: '106', value: 'JP', name: 'Japan' },
-  { id: '107', value: 'JO', name: 'Jordan' },
-  { id: '108', value: 'KZ', name: 'Kazakhstan' },
-  { id: '109', value: 'KE', name: 'Kenya' },
-  { id: '110', value: 'KP', name: 'North Korea' },
-  { id: '111', value: 'KR', name: 'South Korea' },
-  { id: '112', value: 'KW', name: 'Kuwait' },
-  { id: '113', value: 'KG', name: 'Kyrgyzstan' },
-  { id: '114', value: 'LA', name: 'Laos' },
-  { id: '115', value: 'LV', name: 'Latvia' },
-  { id: '116', value: 'LN', name: 'Lebanon' },
-  { id: '117', value: 'LS', name: 'Lesotho' },
-  { id: '118', value: 'LR', name: 'Liberia' },
-  { id: '119', value: 'LY', name: 'Libya' },
-  { id: '120', value: 'LI', name: 'Liechtenstein' },
-  { id: '121', value: 'LT', name: 'Lithuania' },
-  { id: '122', value: 'LU', name: 'Luxembourg' },
-  { id: '123', value: 'MO', name: 'Macau' },
-  { id: '124', value: 'MK', name: 'Macedonia' },
-  { id: '125', value: 'MG', name: 'Madagascar' },
-  { id: '126', value: 'MW', name: 'Malawi' },
-  { id: '127', value: 'MY', name: 'Malaysia' },
-  { id: '128', value: 'MV', name: 'Maldives' },
-  { id: '129', value: 'ML', name: 'Mali' },
-  { id: '130', value: 'MT', name: 'Malta' },
-  { id: '134', value: 'MU', name: 'Mauritius' },
-  { id: '136', value: 'MX', name: 'Mexico' },
-  { id: '138', value: 'MD', name: 'Moldova' },
-  { id: '139', value: 'MC', name: 'Monaco' },
-  { id: '140', value: 'MN', name: 'Mongolia' },
-  { id: '235', value: 'ME', name: 'Montenegro' },
-  { id: '142', value: 'MA', name: 'Morocco' },
-  { id: '143', value: 'MZ', name: 'Mozambique' },
-  { id: '145', value: 'NA', name: 'Namibia' },
-  { id: '147', value: 'NP', name: 'Nepal' },
-  { id: '148', value: 'NL', name: 'Netherlands' },
-  { id: '149', value: 'AN', name: 'Netherlands Antilles' },
-  { id: '152', value: 'NZ', name: 'New Zealand' },
-  { id: '153', value: 'NI', name: 'Nicaragua' },
-  { id: '154', value: 'NE', name: 'Niger' },
-  { id: '155', value: 'NG', name: 'Nigeria' },
-  { id: '158', value: 'NO', name: 'Norway' },
-  { id: '159', value: 'OM', name: 'Oman' },
-  { id: '160', value: 'PK', name: 'Pakistan' },
-  { id: '162', value: 'PA', name: 'Panama' },
-  { id: '163', value: 'PG', name: 'Papua New Guinea' },
-  { id: '164', value: 'PY', name: 'Paraguay' },
-  { id: '165', value: 'PE', name: 'Peru' },
-  { id: '166', value: 'PH', name: 'Philippines' },
-  { id: '168', value: 'PL', name: 'Poland' },
-  { id: '169', value: 'PT', name: 'Portugal' },
-  { id: '170', value: 'PR', name: 'Puerto Rico' },
-  { id: '171', value: 'QA', name: 'Qatar' },
-  { id: '173', value: 'RO', name: 'Romania' },
-  { id: '174', value: 'RU', name: 'Russia' },
-  { id: '175', value: 'RW', name: 'Rwanda' },
-  { id: '178', value: 'LC', name: 'St. Lucia' },
-  { id: '181', value: 'WS', name: 'Samoa' },
-  { id: '182', value: 'SM', name: 'San Marino' },
-  { id: '183', value: 'ST', name: 'Sao Tome and Principe' },
-  { id: '184', value: 'SA', name: 'Saudi Arabia' },
-  { id: '234', value: 'RS', name: 'Serbia' },
-  { id: '185', value: 'SN', name: 'Senegal' },
-  { id: '186', value: 'SC', name: 'Seychelles' },
-  { id: '187', value: 'SL', name: 'Sierra Leone' },
-  { id: '188', value: 'SG', name: 'Singapore' },
-  { id: '189', value: 'SK', name: 'Slovakia' },
-  { id: '190', value: 'SI', name: 'Slovenia' },
-  { id: '191', value: 'SB', name: 'Solomon Islands' },
-  { id: '192', value: 'SO', name: 'Somalia' },
-  { id: '193', value: 'ZA', name: 'South Africa' },
-  { id: '194', value: 'ES', name: 'Spain' },
-  { id: '195', value: 'LK', name: 'Sri Lanka' },
-  { id: '196', value: 'SD', name: 'Sudan' },
-  { id: '197', value: 'SR', name: 'Surinam' },
-  { id: '199', value: 'SZ', name: 'Swaziland' },
-  { id: '200', value: 'SE', name: 'Sweden' },
-  { id: '201', value: 'CH', name: 'Switzerland' },
-  { id: '202', value: 'SY', name: 'Syria' },
-  { id: '203', value: 'TW', name: 'Taiwan' },
-  { id: '204', value: 'TJ', name: 'Tajikistan' },
-  { id: '205', value: 'TZ', name: 'Tanzania' },
-  { id: '206', value: 'TH', name: 'Thailand' },
-  { id: '207', value: 'TG', name: 'Togo' },
-  { id: '209', value: 'TO', name: 'Tonga' },
-  { id: '210', value: 'TT', name: 'Trinidad and Tobago' },
-  { id: '211', value: 'TN', name: 'Tunisia' },
-  { id: '212', value: 'TR', name: 'Turkey' },
-  { id: '215', value: 'UG', name: 'Uganda' },
-  { id: '216', value: 'UA', name: 'Ukraine' },
-  { id: '217', value: 'AE', name: 'United Arab Emirates' },
-  { id: '218', value: 'GB', name: 'United Kingdom' },
-  { id: '219', value: 'US', name: 'United States' },
-  { id: '221', value: 'UY', name: 'Uruguay' },
-  { id: '222', value: 'UZ', name: 'Uzbekistan' },
-  { id: '224', value: 'VE', name: 'Venezuela' },
-  { id: '225', value: 'VN', name: 'Vietnam' },
-  { id: '226', value: 'VI', name: 'Virgin Islands U.S.' },
-  { id: '228', value: 'EH', name: 'Western Sahara' },
-  { id: '229', value: 'YE', name: 'Yemen' },
-  { id: '231', value: 'ZR', name: 'Zaire' },
-  { id: '232', value: 'ZM', name: 'Zambia' },
-  { id: '233', value: 'ZW', name: 'Zimbabwe' }
-]);

package/.storybook/utils/xhr/xhr-mock.js

@@ -1,56 +0,0 @@
-import mock from 'xhr-mock';
-import escapeStringRegexp from 'escape-string-regexp';
-import countries from './data/countries';
-
-export function disableMock() {
-  mock.teardown();
-}
-
-export function enableMock() {
-  mock.setup();
-
-  mock.get(/countries/, (req, res) => {
-    let query = req.query(),
-        filter = query.value || query.name || "",
-        filteredCountries = countries,
-        text = decodeURIComponent(filter),
-        page = Number(query.page),
-        rows = Number(query.rows),
-        skip = (page - 1) * rows,
-        regex = new RegExp(escapeStringRegexp(text), "i");
-
-    filteredCountries = filteredCountries.filter((item) => {
-      return item.get('name').search(regex) > -1;
-    });
-
-    if (query.sord && query.sidx) {
-      filteredCountries = filteredCountries.sort((a, b) => {
-        if (query.sord === "asc") {
-          return a.get(query.sidx).localeCompare(b.get(query.sidx));
-        } else {
-          return b.get(query.sidx).localeCompare(a.get(query.sidx));
-        }
-      });
-    }
-
-    let numberOfResults = filteredCountries.count();
-
-    let i = 0;
-    filteredCountries = filteredCountries.skip(skip).takeUntil(() => {
-      i++;
-      return(i == (rows + 1));
-    });
-
-    let data = {
-      rows: filteredCountries.toJS(),
-      records: numberOfResults,
-      current_page: page,
-      data:  [{items: filteredCountries, page: page, records: numberOfResults }]
-    };
-
-    return res
-      .status(201)
-      .header('Content-Type', 'application/json')
-      .body(JSON.stringify(data));
-  });
-}